Munozrick on Twitter

Twitter Updates

    follow me on Twitter

    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 40-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.


    iPad and Zite

    I recently picked up an iPad 2; ok, I actually stood in line for 4 hours to get one. Fantastic device. Steve Jobs was right in 1984, it just took him 16 years to realize the original vision for the Macintosh: The computer for the rest of us.

    After hearing about it on Twit's iPad today, I fired up the app Zite, which provides a newspaper/magazine style experience in reading articles linked in my twitter feed (and similar RSS feeds). What's nice about it is that Zite gets through the often cryptic twitter messages that wrap the links to interesting articles. Instead, it brings those articles into a easily browsable iPad friendly format for easy review and reading. Additionally, it adds a TiVo-like rating system so you can specify what articles you like and which ones you don't.

    Although I haven't used Zite all that long, the automatic categorization system seems to work well so far. I suspect that Zite will take the role of one of my primary news apps. I particularly like the sharing feature, although it's a bit redundant to tweet about an article that I got via a twitter feed. Zite also avoids the duplication of articles, even when they are linked via different shortened URLs, which is relatively common given the twitter accounts I follow.

    The only complaint I have so far is actually a feature request: add the ability to copy the entire article to my Evernote account. (Yes, I know about emailing into Evernote, but only the link gets emailed.)

    A side note regarding the iPad 2: while using the iPad the evening after I got it, I noticed that the battery percentage dropped by 1% every few minutes. I thought to myself "the battery is going down really fast." Of course, I realized after I did calculations that at the rate it was dropping, the battery would run out in ... ten hours. Oh, right. Interesting how I perceived a rapid drop with the visible percentage count, versus I hardly notice the battery indicator on my iPhone ( where I'm not showing the percentage.)


    DoubleSight USB Monitor TIPS

    I recently bought myself a DoubleSight USB Monitor (specifically the 9” DS-90U), as I was getting tired of only using a single laptop screen when traveling.

    As MS has proven, using a second monitor improves productivity – particular when software development is involved. Also, given that much of my communications with others occurs through channels that require my continuous partial peripheral attention (e.g., email, IM), I was constantly switching windows or managing screen real estate while trying to get work done.

    I had been looking for a portable USB monitor for a while, considering both the DoubleSight and the Mimo models. I finally chose the DoubleSight for four reasons: 1) cheaper, 2) good reviews from “traveling” users, 3) 9” is more than 7”, and 4) I’m an Amazon Prime customer. However, you may find the Mimo is a better choice for you. I’m not aware of any other vendors of portable USB monitors.

    I found the physical form factor and engineering is extremely well done. The monitor itself is solid and has a hard plastic cover. The foldable stand was also well-built and strong. Here’s a photo of how I set it up (to the right of my laptop screen.)


    Using Windows 7, it’s a cinch to change the orientation and relative height of the monitor. I chose to stand the DoubleSight in Portrait style, as it’s about the same height as my laptop screen and takes up less horizontal space. As I use the screen for “side channel” applications (like Sametime), Portrait works fine for me.

    I made sure to download and install the latest driver from the DoubleSight web site before plugging in the monitor for the first time. I’m not sure it mattered, but I figured I’d keep control over the driver install process.

    Based on my experience with the monitor for the past couple of months, here are some tips for anyone getting a DoubleSight monitor:

    • Don’t expect a high-speed monitor – the USB monitor uses the CPU and regular RAM, not the graphics chip. It’s not bad though, as Aero glass seems to work fine, even on my anemic old ThinkPad T60. I haven’t tried running video over the USB monitors yet (but have no need to.)
    • Plug in the correct plug!  The cable that comes with the monitor is a dual-plug USB cable, which enables folks with low-power USB ports on their PC to use 2 USB ports for power. My T60’s USB ports provide adequate power, so I only need to use one of the two plugs on the cable. However, I found that you must use the main plug (with two wires coming out of it), rather than the secondary plug. (See Pic). The first time I accidently plugged in the secondary (thin wire) plug, the DoubleSight’s power light was on/green, but the DoubleSight wasn’t working.

      I spent about 10 minutes trying to figure out if the monitor was bad or if I had a driver problem. Neither, I just plugged in the wrong plug – the secondary plug only supplies power and does not provide a full USB connection. So if you find yourself wondering why the screen remained black after you plugged in the DoubleSight, it’s because you used the wrong plug.
      I tried using a regular USB cable with a Mini-USB port, but it didn’t seem to provide the power correctly. In theory, a good Mini-B USB cable should do the trick; for now, I’m carrying around the “double cable” (a bit cumbersome.)
    • Secure the Attachment Knob for Travel – The stand folds up nicely, but the screw knob for securing the monitor to the stand could easily be lost when traveling, rendering the monitor less useful. Here’s the knob holding the monitor to the stand:
      Although not foolproof, I used a set of velcro dots to secure the knob to the stand when it’s folded up. I used 3 velcro dots, rather than one, to make sure the knob stayed on as tightly as possible during travel. Unfortunately, the stand isn’t as compact with the knob velcroed to it, but that’s a small price to pay for making sure the knob stays around.
      Here’s knob attached to the stand via velcro:
    • Be aware what happens when using a laptop – When I closed my laptop cover for the first time, Windows 7 cheerfully made my USB monitor the main “external” monitors. Not a problem, but a bit jarring the first time.

    That’s all on that subject. Enjoy.


    Testing image insertion in live writer

    Testing Insertion of an image…

    iphone-Aug12-2009 027