Mashup Code Sample - Creating a Mashlet that uses MIT'S Simile Timeline

The other day I was surfing the web and found a very interesting project from the MIT folks, the Simile Timeline. This is a timeline that could show diferrent pieces of events (XML and Json are valid forms of data formats) that will be rendered inside the Timeline. A very cool thing about this library is that it provides drag and drop built-in functionality and you only need to provide the data and define the way you want to create your timeline.
 

For further information you may want to take a look at the project webpage at: http://simile.mit.edu/timeline/.

I created a video that shows step by step instructions on how to create the mashelt and how to include the timeline in the mashlet. Also I am attaching a zip file that contains the source code of this mashlet so that you can browse through the code, use it, modify it, etc. (The video is here)

Attached is a zip file that contains the source code of this mashlet so that you can browse through the code, use it, modify it, etc.  The zip file contains 3 files:

    * basicTimeline.js: is main Mashlet script file.
    * example1.xml: is the XML file that contains all the event data for this example.
    * simileTextXML.html: Is an example of the Simile Timeline without the mashlet.

You can read through the examples, to see how easy is to create this Mashlet.  (I also created a video that shows step by step instructions on how to create the mashlet and how to include the timeline in the mashlet: http://www.jackbe.com/enterprise-mashup/videos/mashup-video-including-simile-timeline-widget-jackbe-mashlet.)