Curious about learning with TechChange? Check out our upcoming class: Digital Organizing and Open Government. Class starts Jan 7! Apply Now.

Have you seen our latest video about TC104: Digital Organizing and Open Government?

This may just be a simple ad for our course, but it also showcases a lot of what we can do to create a learning experience through video. We thought we could use this video as a chance to show the process we go through any time we make a video.

Step 1: Conceptualize

The first step to producing any video is developing the content for it. Whether you’re dealing with a fictional narrative or factual documentation, whether your movie is thirty seconds or ninety minutes, the first and most important step will always be figuring out the story that you are telling.  We meet as a team – and with clients – to go over in detail exactly what information needs to be conveyed, and we develop a visual narrative around those ideas, drawing on the shared talents of our educators, tech experts, graphic designers, and video producer/editor (me!). From this collaborative process, we develop a script and produce a storyboard of what the final video will roughly look and flow like.

Step 2: Drawing/Filming

Once we have the concept fully fleshed out, we get to work on building the pieces we use for the final video. Our incredibly talented graphic designers draw the different pieces and make adjustments based on feedback; some of these pieces are fairly simple drawings, others are highly detailed and contain multiple frames of action that will ultimately get animated. Additionally, at this stage we produce a high quality audio track of the script, as well as potentially doing any live-action filming that is required (most commonly in front of a green-screen).

Step 3: Animating/Editing

Once we have the pieces made, we begin to assemble them together. Drawings are animated primarily using Adobe After Effects. First basic motions are mapped in time with the audio, and then more complex effects are added, such as sub-compositions/animations, lighting effects, motion effects, or anything else that’s needed. Generally, the animating phase begins while the drawing phase is still underway, so that if any problems arise with our original ideas for the video, we can easily and efficiently make adjustments. For example, in our TC104 video, we decided to flesh out the bike metaphor used near the beginning when the visual narrative around that section seemed weak, and it was a simple matter of drawing a few additional pieces and animating them into place.

Step 4: Revisions

The animation culminates in the production of a rough draft of the final video that is then reviewed first by the entire TechChange team. Here’s the rough draft we produced for TC104:

After any changes, we then go over a revised draft with the client. We carefully weigh their feedback to make a final round of adjustments to the video, and then we are done!

Key Takeaways

There are a few key lessons about this process that are worth highlighting and remembering:

  • The strength of the concept/story will carry over to the strength of the video. Having a strong script and audio track early in the process makes the whole process smoother.
  • Producing animations is a collaborative process. The input of experts and clients is extremely valuable, and our creative team is very talented and flexible in working to achieve the strongest possible video. Having multiple perspectives throughout the process is incredibly valuable, because viewers of the final product will have a wide range of perspective, too.
  • Producing animations is fun! It is an effective and easy way to uniquely convey any information to the entire world!

Hopefully this post has been an insightful look into our process. Please contact us with any questions about our process, or if you’d like us to help you produce videos!

OpenTok helps us bridge self-paced content and real-time video engagement. If you’re interested in exploring our platform, check out our upcoming course on mHealth: Mobile Phones for Public Health, organized in partnership with the mHealth Alliance. Class starts on Nov. 12!

 

Generally speaking, most online learning is divided into two camps: Self-paced content (Coursera, Moodle, etc.) or real-time video webinars (Adobe Connect, etc.). The problem is that our experience indicated that we needed both self-paced content to accommodate the mid-career professionals that comprise most of our students interested in technology, as well as real-time engagement to provide direct interaction with technologists and practitioners. Rather than compromise, we set out to build our own online learning platform.

When we set out to re-imagine online learning for our needs at TechChange, we realized that in order for our learning approach to work, we needed to create an environment conducive to collaboration and co-creation of learning. Our ability to beam in experts from all over the world for remote interviews is crucial to to making this type of learning possible. We use a video chat service called OpenTok to power these engagements.

OpenTok is a flexible video streaming service that allows us to integrate live video chat into our learning platform without having to worry about the actual video streaming itself. OpenTok provides a robust application programming interface (API) that allows a developer to integrate OpenTok services directly into your website or mobile application. They also offer pre-built solutions that you can simply embed into a website, but the brilliance of the OpenTok model is in their fully-featured API.

We tried other video platforms before finding OpenTok, but none of them offered the flexibility and feature richness that OpenTok offers. Using OpenTok we are able to allow remote presenters to simply log into our website and start publishing their audio-video feeds to our courses in only two clicks. This has greatly increased the ease of use of the platform and made it possible to convene important conversations between experts and course participants from countries around the world, including: Libya, Pakistan, Kazakstan, Kenya, Thailand, Egypt, and many others

Due to the bandwidth and other constraints we face bringing together this global audience (our courses generally include participants from 20+ countries), OpenTok’s robust API has been key to our success. With OpenTok speakers and participants can easily toggle video and audio streams to conserve bandwidth. We also convene participant panels where small groups of course participants can discuss pressing issues and share their personal experiences. We believe this video interaction goes a long way to creating virtual learning communities and adds greatly to course outcomes.

More recently, we used OpenTok to power our live stream of the International Conference of Crisis Mappers 2012. We received an excellent response to this offering and are looking forward to using OpenTok to allow other conferences and events to further engage with the global audiences that hunger for access to these important discussions. We believe it is especially important to provide access and inclusion to these communities that for any number of reasons are unable to be physically present for the increasing number of important discussions happening at ICT4D events and conferences in D.C. and around the world.

Finally, none of this would have been possible without OpenTok’s incredible customer support and technical assistance. I’ve spent countless hours on their IRC channel getting advice and support from members of their tech team. A special thanks goes out to @digitalsai, @meliho, and @jonmumm and others at OpenTok for all of their technical assistance and invaluable support as we’ve developed our OpenTok integration.