Web Annotation<br />Web Annotation can be used by scholars or web-users to share information about certain resources or topics.<br />Existing Annotation systems:<br />Need Client side script to create and view the annotations.<br />The Annotea<br />LEMO<br />
Time<br />Time of the annotation:<br />Resources may:<br />Move [location]<br />Change [updated] <br />Disappear <br />
Annotation<br />Open and Independent <br /> The focus on sharing annotations.<br /> Persistent <br /> Readable at anytime.<br /> Archived [Targets and Annotation body] <br />
Resources Archiving<br />What if the Resource doesn’t have a memento?!<br />We will not be able to view the annotation when the original resource move. <br />Push all related resources to the Archive .<br />In this case, we make sure that, all resources are archived and persistent.<br />
2010-12-20T04:46:10-00:00<br /> Uniform Time Annotations<br />
* Annotation Body can have more than one media-type.<br />
Media types<br />Annotate by image<br />Annotate by video<br />Annotate by Text<br />
Open and Independent <br />The annotation should be retrieved by the browser without the help of any extra plugin or adds-on.<br />SVG [Scalable Vector Graphs] used to represent the annotations. <br />SVG is a Text-based Markup language written in XML<br />Supported in [Firefox, IE9, Chrome ,Safari]<br />
Example: http://codinginparadise.org/projects/svgweb/samples/demo.html</li></li></ul><li>SVG-Edit [modified] Annotation Tool:<br /><ul><li>Users can use the SVG-Edit [modified version] to create the SVG annotation.
The plugin sends the annotation to the Annotation service.
The annotation service sends back a short URI for the annotation tat can be shared by users.</li></li></ul><li>Annotation service sends back the<br />bit.ly URI for the annotation.<br />http://bit.ly/i2AfwN/<br /><ul><li>User can share the bit.ly URI in his blog.
Can view the annotation in any browser</li></ul>By dereferencing the bit.ly URI.<br />
On The Server …<br />Different types of resources or URIs are associated with every annotation. <br /><ul><li>The target resource [URI-T] [may contain more than one target]
Link to other URI/URIs from different website.
User annotations [text, drawings, etc..]</li></ul>The server sends all the related resources to the [Archiving service ] .<br />It creates separate memento for every resource. <br />URI-A, URI-T, URI-C URI-M1, URI-M2, URI,M2<br />
Relations Between Resources<br />Annotation SVG File <br />http://126.96.36.199:8080/SVGs/image276.svg<br />SVG Archived<br />http://www.webcitation.org/5upcCpZRV<br />Target Archived<br />http://www.webcitation.org/5uAxY6YIO<br />Target Resource<br />http://businessinsider.com/image/chart1.gif<br />Body Archived<br />http://www.webcitation.org/7oKrI2DMK<br />Annotation Body<br />http://188.8.131.52:8080/SVGs/image276.svg#Ann<br />All resources are archived <br />ReM keeps track of them ALL<br />ReM<br />http://184.108.40.206:8080/Res/276.atom<br />
Conclusion <br />Web Archives helped in solving the issue of keeping the annotation persistent over time, and the use of the SVG technology helped in keeping the annotation readable in any browser without any need to install extra plugins.<br />