Styropod: taking smartphone Video for Architecture & Demos

While starting a new project, I often find myself watching a number of application demos and walkthroughs, both for existing systems and for potential new systems or components. This includes walkthrough of legacy systems about to be replaced (“this is how it works today…”) and vendor proof-of-concept demos for new products being considered.

The problem is that it’s hard to remember the details of a demo. Handwritten notes are too often sparse. Many times I find myself wanting to refer to a specific UI behavior or function shown during demos.

In most cases, these demos take place in a conference room with a projector that throws the screen display up on a wall. So the obvious solution is to record a video of the screen displayed on the wall (with the permission of the meeting participants.)

Here’s a quick sample video I shot (it’s not framed correctly because I rushed it. Normally you want to make sure the entire screen is within the video frame.)

Sample Video taken with Smartphone using StyroPod

So I’ve found myself recording as many demos or architectural design sessions I can. I also found that using my iPhone 4 is completely adequate to record these demonstrations and presentations. Even though the videos recorded this way won’t win any awards, they offer a number of advantages over only handwritten/typed notes; the video captures:

  • Complete visual recall – You can always go back and find out exactly what happened in the UI or how the app/system functioned. No more saying “I think I remember seeing it do things this way.”
  • Explanatory commentary – It’s easy to hear the running commentary accompanying the visuals.
  • Related Side conversations – You can catch important side conversations that have relevance to the project.

Using videos of projected screens

Here are just some of the ways I’ve used these videos:

  • Screen Snapshotting – There’s usually a handful of points in a demo when the screen/UI shows some critical visual state, but it’s impossible to know when they occur. It’s easier to go through the video later to take those important “screen captures” that can then be shared or documented.
  • Capture of design reasoning – Too often we see the ‘end result’ of a design, but don’t have any record of the design reasoning or discussion that went into it. The video will often contain that design reasoning in the form of accompanying comments (e.g., “we ended up with this design because..”)
  • Training – These videos make quick-and-dirty training materials, especially early in a project and for new team members.
  • Reference material – These videos allow for historic references and easier side-by-side comparison of designs.

Projection screen videography via a Styro-pod

In the past, video ‘taping’ demos – particularly of the projector screen – in conference rooms required a camcorder and tripod. Now it just require two pieces of equipment: a smartphone and a Styrofoam cup.

The smartphone is easy: most of us (at least us techies doing architecture and system design work) have smartphones, most of which now have HD (usually 720p) support. I myself currently have/use an iPhone 4.

The Styro-pod (or StyroPod)

Typically many modern conference rooms have a projector on the table or mounted from the ceiling, with the computer’s displayed on a screen or blank wall. All that’s needed is a way to point the camera at that projected image.

Sure, I’d love to use a cool tripod setup, including a table-top tripod such as a GorillaPod. But not only do I travel with enough equipment as it is, I often will end up in a conference room without my bag – but I always have my phone with me. (In typical nerd fashion, I carry my phone on my belt.)

Just standing up the phone the table, leaning it on a solid object to get it at the correct angle to point towards the screen, usually isn’t enough. When I started to do this, too often the phone would simply slip and fall, especially if the table was bumped (which happens more often than not.)

The solution came in the form of a small Styrofoam cup that I took from the nearby coffee station. I found that I could easily cut an appropriate angled slot in the bottom of the cup and just mount the phone into that slot. Poof: StyroPod as an Instant stable platform. (Should I ™ that? 😉


Before I cut the slot into the cup, I find the approximate angle and distance I need to place the phone on the table so the projection screen fills in the video image. I the cut a slot at that angle for the depth of the phone. It doesn’t have to be exact; I found that the cup allows for some amount of adjustment through a little pushing or twisting. (If the cup gets screwed up somehow, I just start with a new cup.)


Here are some quick tips on using your smartphone to record these quick reference videos.

  • Plug it in – Recording video sucks up the battery
  • Use HD (if available) – The more detail you can capture the better.
  • Make sure there’s Lots of free storage/memory available – You’ll need about 2GB for 30 minutes of video (at least for an iPhone 4
  • Turn on Airplane mode – if you get a call while recording, it’ll stop recording.
  • Watch for video length limitations – on the iPhone 4 it seems that videos are limited to just under 4GB, which gives you about 4
    0-60 minutes, depending on video complexity.
  • Import and name the videos as soon as possible – the labeling rule applies here. Also, the sooner you import them into your laptop/pc, the sooner you can delete the videos from your phone and have space for more.

It’s been done

Of course this is nothing new. YouTube has plenty of videos of “screen captures” taken with smartphones. Microsoft’s Channel 9 is a great example of taking informal videos to capture architecture explanations and design overviews. However, I continually encounter IT and software organizations that still consider video too high-tech to capture the demos, designs, and discussion that drive their system designs.

Instead of having low-cost (but visually useful) videos of design and demo sessions, too many companies spend their time and money getting people in a room to explore design ideas (and reasoning) – and then rely entirely on people’s ephemeral memory and hard-to-share handwritten notes . How many times have you heard “do you remember seeing…?” and other comments when your team members try to recall details from a demo or design session?

Why not use screen-capture software? Ideally, yes, using a screen capture tool like Captivate, Camtasia, or CamStudio provides for a higher quality video from computer screens. They’re great; however, they have to be installed (and tested) ahead of time on the laptop/pc used to demonstrate designs.

Also, screen capture software (even if it’s installed on the ‘demo machine’) is not as fast and versatile as using a smartphone. Not only are smartphones readily available, but they can not only capture the “screen”, but can also easily capture the whiteboard discussion that accompanies architecture design presentations.

A smartphone can quickly turn a vaguely recalled discussion, demo, and even excellent set of ideas that emerged on a whiteboard into a useful architecture artifact. In the case of whiteboard discussions, often the most important information is in the action: how the diagrams evolved and discussed, not the final static whiteboard image at the end of the meeting.

Limitations (but no show-stoppers)

There are many limitations in taking smartphone videos of demos and architecture presentations; I’m sure you’ve already thought of several.

In addition to the specific smartphone limitations mentioned above, here are what I consider critical shortfalls to consider:

Video is a sequential medium – Unless you spend lots of time editing, viewing a video takes time (but that’s kind of the point as it contains all the detail – even the dead-air and fluff.)

  • Privacy concerns – some folks may not like the idea of having a demo or screen discussion recorded. By only recording the projection screen, it’s easy to keep to other meeting participants visually out of the recording, which can lower resistance to recording.
  • Size and sharing – With file sizes in GBs, it’s still not easy to store and share these kinds of videos. Enterprise portals typically won’t support uploads that large. YouTube is an possibility (uploading as unlisted), but that increasing the potential privacy and confidentiality issues. So far the primary means of sharing I’ve used are USB drives and traditional internal file servers, but I’ve also started using Dropbox and SkyDrive as well, since those allow for controlled access.
  • Useful shelf-life – Not all videos taken this way are useful, especially over time. But like with digital photography, it’s ok to take lots of videos and get rid of them later (or just archiving them). And remember, the best camera is the one you actually have with you (and use).
  • Keystoning – With the smartphone on the conference room table, pointing upwards towards the screen, the angle of the lens creates some visual distortion. Yeah, it’s not great, but it’s a minor issue from my standpoint.
  • Environmental concerns – Using a disposable Styrofoam cup isn’t the best environmental choice. I haven’t used a paper cup as a smartphone/camera stand yet, but it’ll probably work as well. Maybe someone will create a foldable adjustable stand for recording video at an angle. Perhaps Lego blocks are a better choice (As an AFOL, I’ll give a try sometime.)

So the next time someone starts an application walkthrough or a architectural design on a whiteboard, grab a cup and fire up your smartphone camera.

my moleskine mods

I’ve been using Moleskine Pocket notebooks for several years now. I ended up become a fan and avid user of these notebooks because, unlike the many types of notebooks or organizers I had used in the past, the Moleskine Pockets fit, well, in my front pants pocket. Other small notebook designs, such as Franklin Covey Compact Day Planners or the original TimeManager I started with in 1986, just didn’t work because I had to carry them (which meant I usually didn’t) or use a bag. Instead, the Moleskine Pocket notebooks fit – with Pen as you’ll see – in my pants front pocket.

A few years ago, it seems Moleskine changed some of the materials and assembly process, leading to pocket notebooks that started to show weaknesses in several areas.

Below are two examples of these weaknesses. The left photo shows how pages started ripping from each other, thereby losing the binding. The right photo shows a separated bottom (closed) edge of the rear cover pocket.


So, I ended up with the following mods to my moleskine to make it ready for use:

  • Taping the pen to the binding
  • Adding reinforcing tape at key weakness points using two different kinds of tape
  • Taping in printed copies of common information I want in all my notebooks

Taping the Pen to the Binding

Although not a new mod, I experimented with a number of pen types before I settled on the following combination: A Pilot Precise V5 pen, with its clip inside the binding and the cap taped to the notebook itself. I used a Pilot Precise V5 pen because the top of its cap is flush with the top of the notebook, allowing it to fit nicely in my pocket with the pen. The pen body snaps firmly to the cap, which makes sure the pen stays in place while the notebook/pen combo is in my pocket.

I use black Hockey Stick Tape (cloth tape) to tape the pen cap in the binding, as well as for reinforcement on other parts of the notebook. I did end up adding a small strip of hockey tape into and over the top edge of the binding; otherwise, the pen clip can rip out the top part of the binding. Here’s a close up of the pen area:


Generally, I add an additional strip of hockey tape along the top half the outside binding to give it further support. Then I tape the cap on using two strips of tape.

Adding more tape for strengthening the weak points

After adding a few more strips of hockey tape to the edges (including the bottom edge of the back cover’s pocket), the end result looks like this:


I then add a small strip of the hockey tape on each of the cloth sides of the back cover pocket:


But that’s not enough. To keep the Moleskine pages from ripping, I add clear packing tape to the inside center at the following pages:

  • Inside the front and back covers
  • Inside the first and last inside cover (blank cardboard) pages and the first / last paper sheets of the notebook repectively
  • Between the 7th and the 8th paper sheets from the front (not including the front inside cardboard page)
  • Between the 7th and the 8th paper sheets from the back (not including the back inside cardboard page)

Here’s the clear (shiny) packing tape tape inside the back cover:


Adding common information in the notebook

I also have a set of two printed pages with common numbers and information I regularly need to refer to (like by passport number). I cut those two pages down so they fit in my moleskine and then tape them into the back cardboard inside (last) page using clear packing tape. Generally, I use a personal (sort of secret) encoding method for any sensitive numbers on the pages I tape in.

My Moleskine notebooks typically last two to three months before they fill up. When I archive them into a box, I use a standard labelmaker (using 1/2” tape) to create a label indicating the year and months of that notebook:


I occasionally
scan or photograph select pages out of my notebooks into Evernote (which supports handwriting recognition so I can search my handwritten notes.) I’d like to be able scan all my pages out of each of my notebooks, but it would take far to long. (And using a LiveScribe pen won’t work because there’s no Moleskine pocket notebook that has the “Dot” paper – the LiveScribe pocket notebook is a lousy substitute – as well as the problem that the LiveScribe pens are too large to tape to the pocket notebooks and stick into my pocket.)

At this point, the Moleskine Pocket notebook remains my primary form/media to write in/on. I also make heavy use of Evernote (including on my iPhone and iPad). I’ve started using Note Taker HD on my iPad as well. Note Taker HD is the most innovative table writing program I’ve seen on the iPad; it works pretty well with the new Wacom Bamboo Stylus for the iPad. However, it’s still not as convenient as just pulling a small notebook out of my pocket – which I’ll always have with me.

I’m still debating with myself if I should buy a few boxes of Moleskine Pocket notebooks to last me for many years. Prior to 2006, I purchased one box of 20+ notebooks (can’t remember the exact count) because the company was pretty small. Now it seems Moleskine is (I hope) here to stay and will keep making these great books for at least the rest of my life.