Emergence Interactive Timeline


THE TIMELINE
Life’s origins is represented as series of events depicted through earth’s geosphere and biosphere. The exhibit timeline also includes specimens and illustrations of early earth, as well as the formation of earth.

THE PROJECT
Design and develop an interactive version of the exhibit timeline.
Emergence Interactive Timeline
KEY COMPONENTS
text (bio/geo content)
images (earth illustrations)
audio/video (scientist interviews)
easily up-dateable (by museum staff)
designed for iPad (for use in exhibit)
accessible on the web (for use in classroom)

DESIGN & DEVELOPMENT
Use of the following:
HTML5/CSS3 + Canvas XML
Javascript
fancybox + jQuery

THE CHALLENGES
The overall challenge of this project has been the fact that it is still early in the HTML5 adoption cycle and there is limited documentation on Canvas implementation.

ISSUES
– Re-sizing based on browser window
– Click Coordinates
– Drawing Video on iPad

SOLUTIONS
– Cross-browser/platform Testing
– Use Open Source Frameworks/Libraries/Tools (fancybox)

Demo Site (best viewed in Chrome Browser): lpb-riannetrujillo.com/emergence