Feb. 25: Designing a multimedia experience

Sinduja Ragarajan and I (Kevin Tsukii) met today to try to bring together all of the elements that we had worked on and completed so far. This is our inventory of sorts and our way of organizing the project.

  1. An introductory video screen. We are unsure if we are going to use this because we’d like to use something we created on our own.
http://sindujarangarajan.com/watts_riots_revisited/

2. A single-scroll through “main” page that connects our feature stories and other visual elements. On the bottom of the page are the virtual tour and before/after photos.


http://sindujarangarajan.com/watts_riots_revisited/

We are thinking of switching and using HTML5UP’s Helios theme. Sinduja thinks it has good ways of integrating everybody’s feature projects in sections.


http://html5up.net/helios

3. Before/After photos. We are going to try use these on our main page since a single page with a bunch of these compiled photos may be overwhelming. We also decided to not sue Juxtapose.js since it didn’t add anything much, besides, well, being Juxtapose.js.

4. Virtual tour and other full-screen, audio-visual elements.

One challenge that we’re facing is how to integrate these elements that take you out of the main-section page. That is, once you click on a link that takes you to a scroll-through virtual tour that looks like this:



…how do you get back to the main page? Is it enough to just have a link to the top that brings you back to main?

5. Maps.

We’ve been looking at many maps and would like to show demographic changes in the area as well the path of the actual riots through South LA.

http://storm.usc.edu/~Black/IML-400/fall-2012/map-bg/flyover-teleporter.html

Possible flyover example. which we could have set to a voice over of a guide narrating the path of the riots?

A way to show change in maps.

We really liked The Pulse of Oakland’s use of maps.


http://thepulseofoakland.com

And we’re also interested in gifmaps like these: