Persistent Annotations Deserve New URIs

1

Persistent Annotations Deserve

New URIs

Abdulla [email protected]

Old Dominion University

Michael L. [email protected]

JCDL 2011Ottawa, CanadaJune 15, 2011

This work supported in part by NSF IIS-1009392.

2

Introduction• An annotation can be described as a relation between

different resources with different media types like text, image, audio, or video.

http://bioweb.uwlax.edu/bio203/s2007/shahrach/map.JPG

http://2.bp.blogspot.com/_2ASHdLrOGi0/TNmzuwr3kKI/AAAAAAAAAzI/Y91p52Huq3s/s1600/elephant-tusks-460_1016757c-739042.jpg

3

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.

4

OAC Model

• OAC introduces a new resource that creates the relationship between the body and target.

oac:hasBody oac:hasTarget

ex:Tusk

ex:Anno

oac: Annotation

rdf:type

http://cs.odu.edu/~aalasaad/RDF/344.rdf Ex:Anno

http://bioweb.uwlax.edu/bio203/s2007/shahrach/map.JPG Ex:Africa

http://2.bp.blogspot.com/_2ASHdLrOGi0/TNmzuwr3kKI/AAAAAAAAAzI/Y91p52Huq3s/s1600/elephant-tusks-460_1016757c-739042.jpg

Ex:Tusk

ex:Africa

5

Annotation Example

http://bit.ly/g55gvD http://bioweb.uwlax.edu/bio203/s2007/shahrach/map.JPG

6

The example in the baseline OAC

model

http://128.82.5.41:8080/RDF/344.rdf

http://bioweb.uwlax.edu/bio203/s2007/shahrach/map.JPG

http://bit.ly/g55gvD

• OAC specifies the relations between resources.• Describes the annotation.

7

W3C Media Fragments

• Media fragment specification does not support non-rectangular shapes.

• SVG technology allows users to select particular parts of the images of any shape.

• Suppose we want to identify a non-rectangular region?

• http://bioweb.uwlax.edu/bio203/s2007/shahrach/map.png#xywh=100,200,360,260

8

Annotation’s URI

http://128.82.5.41:8080/cgi-bin/retrieve.py?svg=334

http://bit.ly/i2AfwN

•The generated URIs are long.•The annotating service shorten the Long URIs using Bit.ly API.•Easier to share, and collect statistics. •More URIs !.

9

Annotation’s resources• Resources may:

o Move [location]o Change [updated] o Disappear .

• Each resource has an archived copy.• More URIs !

10

How to manage all these URIs?

• Annotation:• http://128.82.5.41:8080/RDF/344.rdf• http://bit.ly/kZO9m4• http://www.webcitation.org/5zQhYKTtg

• Target:• http://bioweb.uwlax.edu/bio203/s2007/shah_rach/ma

p.JPG• http://www.webcitation.org/5zQi6eUow

• Body:• http://2.bp.blogspot.com/_2ASHdLrOGi0/TNmzuw

r3kKI/AAAAAAAAAzI/Y91p52Huq3s/s1600/elephant-tusks-460_1016757c-739042.jpg

• http://bit.ly/g55gvD• http://www.webcitation.org/5zQiP22Lb

11

Resource maps and link headers

• Resource maps describe the aggregation of all these URIs.

• Resource maps can be discovered by examining the http link response headers when dereferencing any of the URIs.

12

(A) The annotation

 uu1

oac:hasBody oac:hasTarget

oac:constrainsoac:constrainedBy

Ex:Anno

ex:AFRICA

ex:Tusk

ex:svg

13

(B) Adding mementos

M-2

M-1

 uu1

M-4

M-3

oac:hasBody

memento

oac:hasTarget

oac:constrainsoac:constrainedBymemento

memento

memento Ex:Anno

ex:AFRICA

ex:Tusk

ex:svg

14

(C) Resource Map to aggregate

resources

Agg

M-2

M-1

 uu1

M-4

M-3

ReM

oac:hasBody

memento

oac:hasTarget

oac:constrainsoac:constrainedBymemento

memento

memento Ex:Anno

ex:AFRICA

ex:Tusk

ex:svg

ore:describes

ore:aggregates

15

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

http://code.google.com/p/svg-edit/

17

http://bit.ly/i2AfwN

Create The Annotation

Browser

Push to Archive

Generate RDF

Generate ReM

Shorten the URI

Annotation’s data

Annotation’s URI

Our online annotating service

18

Retrieve and share the annotation

http://bit.ly/i2AfwN

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 resources.

• Demonstration video:• http://bit.ly/Annotate

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 resources• Demonstration video:

• http://bit.ly/Annotate

• E-mail: [aalasaad] at [cs.odu.edu]