Timesheets

Teppo Jalava

Mikko Honkala

Mikko Pohja

Helsinki University of Technology

Timesheets

SMIL Problems

Mixing contents with timeline, makes big documents hard to read and edit
Using formatted text (like html) difficult

to add an html element to timeline, an external document is needed

Timesheets

Timesheets are like CSS

Separate temporal layout from the contents of the document
Use the same timeline in multiple documents

Layout and formatting of the document is done normally with style sheets

Timesheets

Document is divided to three sections

Content, the "body" part
Formatting, the "stylesheet" part
Timing, the "timesheet" part

Formatting controls the spatial layout of the content
Timing controls the temporal layout of the content and formatting properties of the stylesheet

Timesheets

<head>
<style type="text/css">
  :red { color: red; }
  :blue {color: blue; }
</style>

<timesheet>
    <par>               
        <item select="#bullet1" begin="2s"/>
        <item select="#bullet2" begin="4s"/>
        <item select="#bullet3" begin="6s"/>
        <seq repeat="indefinite" begin="8s">
            <!-- Change the color of "bullet4" every two seconds -->
            <item select="#bullet4" dur="2s" class="red"/>
            <item select="#bullet4" dur="2s" class="blue"/>
        </seq>
    </par>
        </timesheet>

</head>
<body>
<div id="content">
    <p id="title">Introduction</p>
    <p id="bullet1">o Some intro to WLAN</p>
    <p id="bullet2">o Some intro to WLAN</p>
    <p id="bullet3">- Subbullet</p>
    <p id="bullet4">- Subbullet</p>
    <p id="pagenum">2</p>
        </div>
</body>

Timesheets

A simple implementation is being developed under X-Smiles project (http://www.xsmiles.org)