Follow us on Twitter!
back to panic.com

Panic Blog

From the desk of Cabel
Portland, Oregon 97205

The Panic Status Board: 2013 Edition

You might be familiar with where it all started: the status board we put on our Panic office wall in 2010.

Since then, as you may know, we turned that status board into an iPad app called Status Board. Now everyone can have a cool, beautiful, data-packed status board on their desk or wall.

And since we built the app, we rebuilt our status board, making it twice as good! (Literally.)

Panic Status Board

No, you’re not seeing double — this time we went with two goofy screens of stuff.

It’s pretty glorious.

About The Panels

Here are some implementation notes on our board:

Status Board - RevenueTraditionally Panic is quiet about how-are-we-doing data. It always feels like a possible distraction for our hard-working team. But we’re always changing, and this revenue Graph panel has been fascinating. Every day a script totals up our direct sales data, then retrieves our App Store sales data using AppFigures and their nice API. The totals get dumped into a database, and then we make that available via a simple PHP script that outputs JSON to the Status Board. That might sound tricky, but all told it took about a day of work to make happen.
Status Board - UnitsUnits have been especially interesting since they reveal so much about the economics of (our) iOS software, as this Graph panel shows. Although (our) iOS apps sell a respectable number of units, the revenue they bring in barely charts compared to our Mac stalwarts. So far! We’re working hard on improving our iOS apps, and trying new ideas, in order to crack the iOS market a little bit more. (Sorry this chart was pre-Status Board, which is doing well!) By the way, Graph documentation is here.
Status Board - InboxThe Support team works tirelessly to fight this tide! This is just an Email panel, which ties into our IMAP server. It took about 3 minutes to set up, and has been incredibly useful to see what our support load is at a very quick glance. (On the server, each Support person shares a single “Help” IMAP account, which has folders for each support person, and a script distributes the incoming support requests round-robin style.)
Status Board - SentConversely, this Graph panel this is a great way to quickly see how many support responses are going out the door. (Of course, it’s not a competition — it’s just for fun.) To get accurate Sent counts, we have a script that looks at both outgoing Twitter replies, and outgoing e-mails, and totals them up per-person into JSON.
Status Board - ProjectsThis list is using our Table panel, connecting to an HTML file on our server. (Table documentation is here.) This is an edited version to protect our secret projects, of course. A project list is always tricky, since it’s the most manually-updated thing on the board, and always runs the risk of being stale. But, it’s fun to see who’s working on what.
Status Board - Sparkle
What version of OS X are our users using? Using StatHat, which lets you track data incredibly quickly, I added one line of code to our PHP script that handles Sparkle updates. StatHat can output to Status Board natively via the Graph panel. Boom: instant OS version graph. (Also, fascinating how people use our Mac apps during the day, and not very much on the weekend.)
Status Board - Car2GoThis is our car2go map, so we can quickly see if there are any cars near the office that we can hijack and drive home at the end of the day. It’s totally custom — we’re using the Do-It-Yourself panel so it’s just a little web page on our server. We signed up for the car2go API and combined their data with Google maps and some nice CSS animation. If enough people are interested, we might make this available to others. (Does your city have car2go?)
Status Board - TriMetThis is another Do-It-Yourself panel to show everyone’s bus lines. Sometimes end-of-the-day conversations are abruptly interrupted when we notice a bus is nearby. Logan has more recently made his own TriMet panel that we like a lot.
Of course, we’re also using the stock Weather, Twitter, and RSS panels for different things. And naturally, the Clock, to show the current time in Portland, Seattle, and San Francisco. You know, for conference call scheduling.

Hardware Notes

  • This time, we chose the Samsung DE55A 55″ Professional Display. Bright, thin bezel, built to stay on.
  • To cover up the Samsung logo, we used a piece of black non-glare artist tape. (Electrical tape was too shiny.)
  • We installed a double gang outlet in the wall, to support 2 TV’s and 2 iPad chargers. Permanent power.
  • We applied 3M Magnet Tape to the back of our iPads. They just stick right to the back of the display:

Back

As people continue to build new things, our Status Board seems to change every week. Since taking these photos we’ve already added GoSquared, SNMP traffic graphs, and much more. That’s the best/worst thing about Status Board: it’s now so easy to make a cool Status Board that it’s hard to know when to stop. But hey, it’s fun!

If you’ve used Status Board to make a cool status board, send us a photo!

Posted at 12:04 pm 28 Comments

You guys need to mount the TV’s on rotating mounts. Rotate the TV, status board rotates. Would look hilarious :p

reasemble ipad and put ipad sensor to tv, and that’s it

Mike is not pulling his weight on those support requests.

Dave Kiss

5/3/2013 1:00 PM

Do you guys have to recharge the iPad separately every few days? Any permanent solution?

Jonathon

5/3/2013 1:07 PM

Technical question: Can Status Board compensate for the time warp that would be required for the Portland, Seattle, and San Francisco clocks to ever show different times? :P

Phil Dokas

5/3/2013 1:13 PM

How do you deal with recharging the iPads? Unhook them at night to charge up for the next day?

Car2Go integration PLEASE! I thought it was a baked-in feature when I purchased StatusBoard, and was a little sad that I had to do it myself.

Those connectors that you see (the HDMI out Lightning connectors) also have a USB port on them, they probably just didn’t attach them when they took the TV’s off to take the picture because I’m sure they also have power cables for the TV as well ;D

Phil Dokas

5/3/2013 1:50 PM

Ah, great point Alex, I see now that indeed, that’s this adapter: http://store.apple.com/us/product/MD826ZM/A/lightning-digital-av-adapter

And that has a Lightning passthrough port which could be plugged into the wall.

Regarding power: I updated the post to note we have a double-gang outlet behind the wall to accommodate constant power two TV’s and two iPads. (We originally installed a fancy USB outlet for the iPads but they couldn’t provide enough to charge two iPads at once.)

Sonburn: Mike is no longer with the company.

JP DeVries

5/3/2013 2:26 PM

It would be awesome if you made the car2go source available. Thanks!

Think that magnet tape would be suitable for slapping a Mac mini to the back of a TV?

K. Mikey M.

5/3/2013 2:29 PM

Also, Mike is at Inbox Zero! LEAVE HIM ALONE!

The fact that Horse_ebooks is on the status display for your company is downright awesome.

Second the Car2Go Support! :-)

Justin M.

5/3/2013 4:11 PM

car2go mappy thing would be awesome. I had a great time playing with custom map panels myself.

Also, these two made me LOL:

…show the current time in Portland, Seattle, and San Francisco. You know, for conference call scheduling.

To cover up the Samsung logo…

Car2go support world be great for those of us in Vancouver as well!

I would totally go for a Mac solution. Server side, display to a few Samsung displays via Apple TV’s. iPads just don’t work. What do you think? If you build it I shall buy =)

Yohann Paris

5/4/2013 8:45 AM

This is marvellous and look so cool!

Please share the Car2Go widget, I will love to have this, as well as the Bus system.

I’m slowly using Status Board to have more and more data, and the boss love it!

Fantastic! I just wish that video out wasn’t double the price of the app :( .
Still love you guys, though!

Awesome use of data. I do have a question about the revenue graph though. Wouldn’t a “total sales revenue so far” data point be more interesting than “revenue per day”? Or, if not more interesting, at least as interesting to track? Because sales per day will swing up and down based on a bunch of factors, but I imagine seeing how much total revenue each app has brought to the company will reveal your real stalwarts over time.

Can someone please explain how the “tweets by hour” graph works? Is it the number of tweets I see in my account per hour? Because I’m definitely not tweeting that much per hour.

Seems a huge waste of money/resources to stickytape a whole iPad to the back of a TV.
Hopefully AppleTV supports apps and it can be run off that, or perhaps a browser-based solution that can be run off something like a Raspberry Pi.

When you have to make changes to the Status Board on one of the iPads, how do you get to it? Does the monitor swing out from the wall so that you can remove the iPad and make changes?

Thanks for the info, was a good read :)

All of you are artists, both in design and creation.

I’ve been completely hooked on StatusBoard… I’ve put together 4 panels so far for work use piping in data from our servers, help desk, and client actions on the site (always good to know at a glance: what in the world are our clients doing on our system?)

Looking forward to a “spaces” kind of function on a StatusBoard update so I can pipe in more data

Panic Inc.

Do: Be awesome, and use your real address.
Do not: Be negative, or post tech support q's. Email those!

pencil