Skip navigation

Tag Archives: panic status board

Esse painel está instalado em uma empresa que cria softwares para a Apple. Elegância que constrange.

The idea quickly grew beyond “Project Status”, and has become a hub of all sorts of internal Panic information. What you’re actually looking at is an internal-only webpage that updates frequently using AJAX which shows:

  1. E-Mail Queue — number of messages / number of days.
  2. Project Status — sorry for the heavy censorship — you know how it is!
  3. Important Countdowns
  4. Revenue — comparing yesterday to the day before, not so insightful (yet).
  5. Live Tri-Met Bus Arrivals — when it’s time to go home!
  6. The Panic Calendar Employee Twitter Messages
  7. Any @Panic Twitter Messages — i.e., be nice! They go on our screen!

Sabe o mais foda? O cara dão o caminho das pedras:

For the truly curious. Display: I picked the Samsung 460UXN-2 professional display for the thin bezel and lack of branding, airport-style. To my surprise, it had a built-in Windows XP Embedded computer (boo), which meant we didn’t have to waste a machine to drive the display (yay). We loaded Chrome on it, since it has a nice full-screen view — sadly, that meant we had to lose Safari’s beautiful text anti-aliasing. Display Mount: Hard to find a vertical mount! Wound up with the Premier Mounts RFM, and like it. Support Queue: I’m weird, and PHP IMAP libraries felt too heavy for just getting message counts, so I decided to do raw IMAP protocol calls over a socket. Bus Arrivals: this is using the fantastic Tri-Met real-time REST API. Calendar: Steve used the PHP iCalendar library to parse our group Mac OS X Server calendar. Twitter: feeds use Twitter’s simple (little-known?) blogger JSON service. HTML/CSS: Neven says, “This baby is all WebKit candy. The only images here are the icons. The rounded corners, the gradients, the animation – all CSS. Learn -webkit-transform and love it! Oh, I tried using Google Chart for the support graph, but it wasn’t flexible enough. Our little graph is infinitely scalable and stretchable.”