Persistent Annotations Deserve New URIs Abdulla Alasaadi Old Dominion University Michael L. Nelson JCDL 2011 Ottawa, Canada June 15, 2011 This work supported in part by NSF IIS

Introduction An annotation can be described as a relation between different resources with different media types like text, image, audio, or video. 2

Goals A unique URI for every annotation. Persistent annotations and resources. Annotate specific part of media. Keep track of the resources. Present annotation in browser. Meet the OAC model requirements. 3

Annotation Example 4

OAC Model OAC specifies the relations between resources. Associates annotations with resources. Describes the annotation. 5

W3C Media Fragments What part of the resource are we annotating? Media fragment specification does not support the non-rectangular shapes. SVG technology allows users to select particular parts of the images of any shape. The fragment URI for a rectangle part With SVG 6

Annotation with SVG urn:uuid:2AB92A D4-421D-D9DFB7ADA59E

Annotation’s URI 8

Annotation’s resources Resources may: o Move [location] o Change [updated] o Disappear Resources will be pushed to WebCite archive. 9

Annotation’s resources Each resource has an archived copy. Resources may: o Move [location] o Change [updated] o Disappear 10

Archive the Resources How can we keep track of all # # $ 11

Resource Map The URIs and the relation between these URIs are represented with Resource Maps and Link headers. A Resource Map is generated for every annotation. Lists all the associated resources to this annotation and the relationship between them. 12

(A) The annotation 13 uu1 oac:hasBody oac:hasTarget oac:constrains oac:constrainedBy Ex:Anno ex:AFRICA ex:Tusk ex:svg

(B) Adding mementos 14 M-2 M-1 uu1 M-4 M-3 oac:hasBody memento oac:hasTarget oac:constrains oac:constrainedBy memento Ex:Anno ex:AFRICA ex:Tusk ex:svg

(C) Resource Map to aggregate resources 15 Agg M-2 M-1 uu1 M-4 M-3 ReM oac:hasBody memento oac:hasTarget oac:constrains oac:constrainedBy memento Ex:Anno ex:AFRICA ex:Tusk ex:svg ore:describes ore:aggregates

Implementation Two main Services: o Create and share the annotation. o Retrieve and represent the annotation. Scalable Vector Graphs SVG. ORE Resource Maps. WebCite Bitly 16

SVG_Edit Plugin 17

Create The Annotation Browser Push to Archive Generate RDF Generate ReM Shorten the URI Annotation’s data Annotation’s URI Annotating online service 18

Retrieve and share the annotation 19

Conclusion The paper concentrates mainly on minting new URIs for the annotations. Annotating the media fragments was made possible using the SVG and its media tags. Using the web archives solved the issue of keeping the annotation persistent over time. The Resource Map is the perfect solution to keep track of all the related Demonstration video: 20

Conclusion The paper concentrates mainly on minting new URIs for the annotations. Annotating the media fragments was made possible using the SVG and its media tags. Using the web archives solved the issue of keeping the annotation persistent over time. The Resource Map is the perfect solution to keep track of all the related Demonstration video:

Backup Slides. 22

RDF Syntax ex:Annoaoac:Annotation, oac:hasBodyex:Tusk, oac:hasTarget uu1. uu1 a oac:ConstrainedTarget, oac:constrains ex:AFRICA, oac:constrainedBy ex:svg. ex:svg a oac:SvgConstraint, dc:format "image/svg+xml". ex:Tusk a oac:Body. 23

Create The Annotation 24

Retrieve The Annotation 25

Link Header 26 curl -I link: ; rel=" anchor = " ; rel=" anchor = " ; rel="resourcemap", ; rel ="memento"; datetime= "Sun, 12 Jun :15:19 GMT", ; rel ="memento"; datetime= "Sun, 12 Jun :15:19 GMT" Content-Type: text/html

Resource Map <link rel=" href=" _2ASHdLrOGi0/TNmzuwr3kKI/AAAAAAAAAzI/Y91p52Huq3s/ s1600/elephant-tusks-460_ c jpg" title="The Body" type="image/jpg"/> 27

Resource Map Cont… T20:51:20-00:00 image/gif