Ajax Timelines and the Semantic Web

Listing 3. Dates and durations are defined in an XML file.

<data>
 <event
  start="Sep 9 2006 09:00:00 GMT"
  end="Sep 14 2006 09:00:00 GMT"
  isDuration="true"
  title="Visit the Vierzehnheiligen"
  image="vierzehnheiligen-thumb.jpg"
 >
 Visit this impressive church in Germany. More
 information can be found at its
 &lt;a href=
 "http://en.wikipedia.org/wiki/Vierzehnheiligen"
 &gt;Wikipedia page&lt;/a&gt;.
 </event>

 <event
  start="Sep 16 2006 00:00:00 GMT"
  end="Sep 26 2006 00:00:00 GMT"
  title="A visit to Versailles?"
  image="versailles-thumb.jpg"
  link="http://www.chateauversailles.fr/en/"
 >
 Sometime in this window I should
 get out to Versailles.
 </event>

 <event
  start="Sep 30 2006 00:00:00 GMT"
  title="Flight back home :("
 >
  The joy has to end sometime :(
 </event>
</data>

Listing 4. A More Lively Theme

<script src=
"http://simile.mit.edu/timeline/api/timeline-api.js"
type="text/javascript"></script>

<style type="text/css">
.timeline-ether-marker-bottom {
 width:        5em;
 height:       1.5em;
 border-left:  1px solid #aaa;
 padding-left: 2px;
 color:        black;
}
.timeline-ether-marker-bottom-emphasized {
 width:        5em;
 height:       2em;
 border-left:  1px solid #aaa;
 padding-left: 2px;
 color:        black;
 font-size:    120%;
 font-weight:  bold;
}
</style>

<script>
function onLoad() {
var eventSource = new Timeline.DefaultEventSource();

 var theme = Timeline.ClassicTheme.create();
 theme.ether.backgroundColors[0] = '#DFD';
 theme.ether.backgroundColors[1] = '#EDD';
 theme.ether.highlightColor = '#E00';
 theme.ether.highlightOpacity = '30';
 theme.event.bubble.width = 520;
 theme.event.bubble.height = 120;

 var bandInfos = [
  Timeline.createBandInfo({
   ...
   intervalPixels: 100,
   theme:          theme
  }),
  Timeline.createBandInfo({
   ...
   intervalPixels: 100,
   theme:          theme
  })
 };
...

Listing 5. Converting a syslog File from stdin into a Timeline XML File on stdout

#!/usr/bin/perl
use XML::Writer;
my $writer = XML::Writer->new();
$writer->xmlDecl();
$writer->startTag('data');

$thisyear=((localtime)[5]+1900);

while( <> ) {
  # The if() is all one line.
  if( /([a-zA-Z ]+[0-9]+) ([0-9]+
:[0-9]+:[0-9]+) ([^:]+):(.*)/)
  {
    $date=$1; $time=$2;
    $src=$3;
    $msg=$4;
    $writer->startTag(
      'event',
      'start' => "$date $thisyear $time",
      'title' => $src
    );
    $writer->characters( $msg );
    $writer->endTag('event');
  }
}

$writer->endTag('data');
$writer->end();