![Page 1: Persistent Annotations Deserve New URIsaalasaad/OAC/PADURIs.pptx.pdf · Deserve New URIs Abdulla Alasaadi aalasaad@cs.odu.edu Old Dominion University Michael L. Nelson mln@cs.odu.edu](https://reader035.vdocument.in/reader035/viewer/2022081615/5fdd1f17a7c39729d902ca5d/html5/thumbnails/1.jpg)
Persistent Annotations Deserve New URIs
Abdulla Alasaadi [email protected]
Old Dominion University
Michael L. Nelson [email protected]
JCDL 2011 Ottawa, Canada June 15, 2011
This work supported in part by NSF IIS-1009392.
1
![Page 2: Persistent Annotations Deserve New URIsaalasaad/OAC/PADURIs.pptx.pdf · Deserve New URIs Abdulla Alasaadi aalasaad@cs.odu.edu Old Dominion University Michael L. Nelson mln@cs.odu.edu](https://reader035.vdocument.in/reader035/viewer/2022081615/5fdd1f17a7c39729d902ca5d/html5/thumbnails/2.jpg)
Introduction • An annotation can be described as a relation between
different resources with different media types like text, image, audio, or video.
2
![Page 3: Persistent Annotations Deserve New URIsaalasaad/OAC/PADURIs.pptx.pdf · Deserve New URIs Abdulla Alasaadi aalasaad@cs.odu.edu Old Dominion University Michael L. Nelson mln@cs.odu.edu](https://reader035.vdocument.in/reader035/viewer/2022081615/5fdd1f17a7c39729d902ca5d/html5/thumbnails/3.jpg)
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
![Page 4: Persistent Annotations Deserve New URIsaalasaad/OAC/PADURIs.pptx.pdf · Deserve New URIs Abdulla Alasaadi aalasaad@cs.odu.edu Old Dominion University Michael L. Nelson mln@cs.odu.edu](https://reader035.vdocument.in/reader035/viewer/2022081615/5fdd1f17a7c39729d902ca5d/html5/thumbnails/4.jpg)
Annotation Example
4
![Page 5: Persistent Annotations Deserve New URIsaalasaad/OAC/PADURIs.pptx.pdf · Deserve New URIs Abdulla Alasaadi aalasaad@cs.odu.edu Old Dominion University Michael L. Nelson mln@cs.odu.edu](https://reader035.vdocument.in/reader035/viewer/2022081615/5fdd1f17a7c39729d902ca5d/html5/thumbnails/5.jpg)
OAC Model http://annota.com/RDF/343.rdf
http://bioweb.uwlax.edu/bio203/s2007/shahrach/map.JPG
http://bit.ly/g55gvD
• OAC specifies the relations between resources. • Associates annotations with resources. • Describes the annotation.
5
![Page 6: Persistent Annotations Deserve New URIsaalasaad/OAC/PADURIs.pptx.pdf · Deserve New URIs Abdulla Alasaadi aalasaad@cs.odu.edu Old Dominion University Michael L. Nelson mln@cs.odu.edu](https://reader035.vdocument.in/reader035/viewer/2022081615/5fdd1f17a7c39729d902ca5d/html5/thumbnails/6.jpg)
Media Fragment
• 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 http://www.example.com/img.png#xywh=100,200,360,260
With SVG
6
![Page 7: Persistent Annotations Deserve New URIsaalasaad/OAC/PADURIs.pptx.pdf · Deserve New URIs Abdulla Alasaadi aalasaad@cs.odu.edu Old Dominion University Michael L. Nelson mln@cs.odu.edu](https://reader035.vdocument.in/reader035/viewer/2022081615/5fdd1f17a7c39729d902ca5d/html5/thumbnails/7.jpg)
Annotation with SVG http://annota.com/RDF/343.rdf
urn:uuid:2AB92A55-6325-43D4-421D-D9DFB7ADA59E
http://bioweb.uwlax.edu/bio203/s2007/shahrach/map.JPG
http://bit.ly/g55gvD
http://annota.com/SVGs/image344.svg
7
![Page 8: Persistent Annotations Deserve New URIsaalasaad/OAC/PADURIs.pptx.pdf · Deserve New URIs Abdulla Alasaadi aalasaad@cs.odu.edu Old Dominion University Michael L. Nelson mln@cs.odu.edu](https://reader035.vdocument.in/reader035/viewer/2022081615/5fdd1f17a7c39729d902ca5d/html5/thumbnails/8.jpg)
Annotation’s URI
8
http://128.82.5.41:8080/cgi-bin/retrieve.py?svg=344
http://bit.ly/i2AfwN
![Page 9: Persistent Annotations Deserve New URIsaalasaad/OAC/PADURIs.pptx.pdf · Deserve New URIs Abdulla Alasaadi aalasaad@cs.odu.edu Old Dominion University Michael L. Nelson mln@cs.odu.edu](https://reader035.vdocument.in/reader035/viewer/2022081615/5fdd1f17a7c39729d902ca5d/html5/thumbnails/9.jpg)
Annotation’s resources • Resources may:
o Move [location]
o Change [updated]
o Disappear
• Resources will be pushed to
WebCite archive.
9
![Page 10: Persistent Annotations Deserve New URIsaalasaad/OAC/PADURIs.pptx.pdf · Deserve New URIs Abdulla Alasaadi aalasaad@cs.odu.edu Old Dominion University Michael L. Nelson mln@cs.odu.edu](https://reader035.vdocument.in/reader035/viewer/2022081615/5fdd1f17a7c39729d902ca5d/html5/thumbnails/10.jpg)
Annotation’s resources
• Each resource has an archived copy.
• Resources may: o Move [location]
o Change [updated]
o Disappear
10
![Page 11: Persistent Annotations Deserve New URIsaalasaad/OAC/PADURIs.pptx.pdf · Deserve New URIs Abdulla Alasaadi aalasaad@cs.odu.edu Old Dominion University Michael L. Nelson mln@cs.odu.edu](https://reader035.vdocument.in/reader035/viewer/2022081615/5fdd1f17a7c39729d902ca5d/html5/thumbnails/11.jpg)
Archive the Resources • How can we keep track of all these resources?
@ @
# #
$
11
![Page 12: Persistent Annotations Deserve New URIsaalasaad/OAC/PADURIs.pptx.pdf · Deserve New URIs Abdulla Alasaadi aalasaad@cs.odu.edu Old Dominion University Michael L. Nelson mln@cs.odu.edu](https://reader035.vdocument.in/reader035/viewer/2022081615/5fdd1f17a7c39729d902ca5d/html5/thumbnails/12.jpg)
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
![Page 13: Persistent Annotations Deserve New URIsaalasaad/OAC/PADURIs.pptx.pdf · Deserve New URIs Abdulla Alasaadi aalasaad@cs.odu.edu Old Dominion University Michael L. Nelson mln@cs.odu.edu](https://reader035.vdocument.in/reader035/viewer/2022081615/5fdd1f17a7c39729d902ca5d/html5/thumbnails/13.jpg)
(A) The annotation
13
uu1
oac:hasBody oac:hasTarget
oac:constrains oac:constrainedBy
Ex:Anno
ex:AFRICA
ex:Tusk
ex:svg
![Page 14: Persistent Annotations Deserve New URIsaalasaad/OAC/PADURIs.pptx.pdf · Deserve New URIs Abdulla Alasaadi aalasaad@cs.odu.edu Old Dominion University Michael L. Nelson mln@cs.odu.edu](https://reader035.vdocument.in/reader035/viewer/2022081615/5fdd1f17a7c39729d902ca5d/html5/thumbnails/14.jpg)
(B) Adding mementos
14
M-2
M-1
uu1
M-4
M-3
oac:hasBody
memento
oac:hasTarget
oac:constrains oac:constrainedBy memento
memento
memento Ex:Anno
ex:AFRICA
ex:Tusk
ex:svg
![Page 15: Persistent Annotations Deserve New URIsaalasaad/OAC/PADURIs.pptx.pdf · Deserve New URIs Abdulla Alasaadi aalasaad@cs.odu.edu Old Dominion University Michael L. Nelson mln@cs.odu.edu](https://reader035.vdocument.in/reader035/viewer/2022081615/5fdd1f17a7c39729d902ca5d/html5/thumbnails/15.jpg)
(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
memento
memento Ex:Anno
ex:AFRICA
ex:Tusk
ex:svg
ore:describes
ore:aggregates
![Page 16: Persistent Annotations Deserve New URIsaalasaad/OAC/PADURIs.pptx.pdf · Deserve New URIs Abdulla Alasaadi aalasaad@cs.odu.edu Old Dominion University Michael L. Nelson mln@cs.odu.edu](https://reader035.vdocument.in/reader035/viewer/2022081615/5fdd1f17a7c39729d902ca5d/html5/thumbnails/16.jpg)
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
![Page 17: Persistent Annotations Deserve New URIsaalasaad/OAC/PADURIs.pptx.pdf · Deserve New URIs Abdulla Alasaadi aalasaad@cs.odu.edu Old Dominion University Michael L. Nelson mln@cs.odu.edu](https://reader035.vdocument.in/reader035/viewer/2022081615/5fdd1f17a7c39729d902ca5d/html5/thumbnails/17.jpg)
SVG_Edit Plugin
17
![Page 18: Persistent Annotations Deserve New URIsaalasaad/OAC/PADURIs.pptx.pdf · Deserve New URIs Abdulla Alasaadi aalasaad@cs.odu.edu Old Dominion University Michael L. Nelson mln@cs.odu.edu](https://reader035.vdocument.in/reader035/viewer/2022081615/5fdd1f17a7c39729d902ca5d/html5/thumbnails/18.jpg)
http://bit.ly/i2AfwN
Create The Annotation
Browser
Push to Archive
Generate RDF
Generate ReM
Shorten the URI
Annotation’s data
Annotation’s URI
Annotating online service
18
![Page 19: Persistent Annotations Deserve New URIsaalasaad/OAC/PADURIs.pptx.pdf · Deserve New URIs Abdulla Alasaadi aalasaad@cs.odu.edu Old Dominion University Michael L. Nelson mln@cs.odu.edu](https://reader035.vdocument.in/reader035/viewer/2022081615/5fdd1f17a7c39729d902ca5d/html5/thumbnails/19.jpg)
Retrieve and share the annotation
http://bit.ly/i2AfwN
19
![Page 20: Persistent Annotations Deserve New URIsaalasaad/OAC/PADURIs.pptx.pdf · Deserve New URIs Abdulla Alasaadi aalasaad@cs.odu.edu Old Dominion University Michael L. Nelson mln@cs.odu.edu](https://reader035.vdocument.in/reader035/viewer/2022081615/5fdd1f17a7c39729d902ca5d/html5/thumbnails/20.jpg)
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: • http://bit.ly/Annotate
20
![Page 21: Persistent Annotations Deserve New URIsaalasaad/OAC/PADURIs.pptx.pdf · Deserve New URIs Abdulla Alasaadi aalasaad@cs.odu.edu Old Dominion University Michael L. Nelson mln@cs.odu.edu](https://reader035.vdocument.in/reader035/viewer/2022081615/5fdd1f17a7c39729d902ca5d/html5/thumbnails/21.jpg)
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: • http://bit.ly/Annotate
• E-mail: [email protected]
21
![Page 22: Persistent Annotations Deserve New URIsaalasaad/OAC/PADURIs.pptx.pdf · Deserve New URIs Abdulla Alasaadi aalasaad@cs.odu.edu Old Dominion University Michael L. Nelson mln@cs.odu.edu](https://reader035.vdocument.in/reader035/viewer/2022081615/5fdd1f17a7c39729d902ca5d/html5/thumbnails/22.jpg)
• Backup Slides.
22
![Page 23: Persistent Annotations Deserve New URIsaalasaad/OAC/PADURIs.pptx.pdf · Deserve New URIs Abdulla Alasaadi aalasaad@cs.odu.edu Old Dominion University Michael L. Nelson mln@cs.odu.edu](https://reader035.vdocument.in/reader035/viewer/2022081615/5fdd1f17a7c39729d902ca5d/html5/thumbnails/23.jpg)
RDF Syntax ex:Anno a oac:Annotation , oac:hasBody ex: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
![Page 24: Persistent Annotations Deserve New URIsaalasaad/OAC/PADURIs.pptx.pdf · Deserve New URIs Abdulla Alasaadi aalasaad@cs.odu.edu Old Dominion University Michael L. Nelson mln@cs.odu.edu](https://reader035.vdocument.in/reader035/viewer/2022081615/5fdd1f17a7c39729d902ca5d/html5/thumbnails/24.jpg)
http://bit.ly/i2AfwN
http://www.webcitation.org
Create The Annotation
24
![Page 25: Persistent Annotations Deserve New URIsaalasaad/OAC/PADURIs.pptx.pdf · Deserve New URIs Abdulla Alasaadi aalasaad@cs.odu.edu Old Dominion University Michael L. Nelson mln@cs.odu.edu](https://reader035.vdocument.in/reader035/viewer/2022081615/5fdd1f17a7c39729d902ca5d/html5/thumbnails/25.jpg)
Browser
DB
Ann. Service
Interface
Get archived
URIs
SVG data
Short URI
Short URI
URI
Shortner
Service
Long URI
URI-A
URIs
Create
ResponseURI-A
Archived URIs
Archives
URI_Ms
URI-A
Retrieve The Annotation
http://bit.ly/i2AfwN
25
![Page 26: Persistent Annotations Deserve New URIsaalasaad/OAC/PADURIs.pptx.pdf · Deserve New URIs Abdulla Alasaadi aalasaad@cs.odu.edu Old Dominion University Michael L. Nelson mln@cs.odu.edu](https://reader035.vdocument.in/reader035/viewer/2022081615/5fdd1f17a7c39729d902ca5d/html5/thumbnails/26.jpg)
Link Header
26
curl -I http://128.82.5.41:8080/cgi-bin/retrieve.py?svg=334
link: <http://128.82.5.41:8080/RDFs/334.rdf> ;
rel="http://www.openannotation.org/ns/hasTarget"; anchor =
"http://bioweb.uwlax.edu/bio203/s2007/shah_rach/map.JPG",
<http://128.82.5.41:8080/RDFs/334.rdf> ;
rel="http://www.openannotation.org/ns/hasBody"; anchor =
"http://128.82.5.41:8080/SVGs/image334.svg#body",
<http://128.82.5.41:8080/Res/334.atom> ; rel="resourcemap",
<http://www.webcitation.org/5vtIf1BwD>; rel ="memento";
datetime= "Sun, 12 Jun 2011 10:15:19 GMT",
<http://www.webcitation.org/5vtIf68Cn>; rel ="memento";
datetime= "Sun, 12 Jun 2011 10:15:19 GMT"
Content-Type: text/html
![Page 27: Persistent Annotations Deserve New URIsaalasaad/OAC/PADURIs.pptx.pdf · Deserve New URIs Abdulla Alasaadi aalasaad@cs.odu.edu Old Dominion University Michael L. Nelson mln@cs.odu.edu](https://reader035.vdocument.in/reader035/viewer/2022081615/5fdd1f17a7c39729d902ca5d/html5/thumbnails/27.jpg)
Resource Map <link rel="http://www.openarchives.org/ore/terms/aggregates"
href="http://bioweb.uwlax.edu/bio203/s2007/shah_rach/map.JPG“
title="The original Target" type="image/jpg"/>
<link rel="http://www.openarchives.org/ore/terms/aggregates"
href="http://cs.odu.edu/~aalasaad/RDF/344.rdf" title="The RDF
annotation“ type="application/rdf+xml"/>
<link rel="http://www.openarchives.org/ore/terms/aggregates"
href="http://2.bp.blogspot.com/
_2ASHdLrOGi0/TNmzuwr3kKI/AAAAAAAAAzI/Y91p52Huq3s/
s1600/elephant-tusks-460_1016757c-739042.jpg"
title="The Body" type="image/jpg"/>
<link rel="http://www.openarchives.org/ore/terms/aggregates"
href="http://www.webcitation.org/5xqiA4E0f" title="Archived Target"
type= "text/html"/>
<link rel="http://www.openarchives.org/ore/terms/aggregates"
href="http://www.webcitation.org/5xqhw5tI9" title="Archived RDF
Annotation“ type="text/html"/>
27
![Page 28: Persistent Annotations Deserve New URIsaalasaad/OAC/PADURIs.pptx.pdf · Deserve New URIs Abdulla Alasaadi aalasaad@cs.odu.edu Old Dominion University Michael L. Nelson mln@cs.odu.edu](https://reader035.vdocument.in/reader035/viewer/2022081615/5fdd1f17a7c39729d902ca5d/html5/thumbnails/28.jpg)
Resource Map Cont…
28
<link rel="http://www.openarchives.org/ore/terms/aggregates"
href="http://www.webcitation.org/5xp9A6qfn" title="Archived Body“ type=
"text/html"/>
<oreatom:triples>
<oac:Annotation rdf:about='http://cs.odu.edu/~aalasaad/RDF/344.rdf'>
<oac:hasbody
rdf:resource='http://128.82.5.41:8080/SVGs/image344.svg'/>
<oac:hasTarget
rdf:resource='http://bioweb.uwlax.edu/bio203/s2007/shah_rach/map.JPG'/>
<oac:hasTargetContext>
<oac:TargetContext>
<oac:contextAbout
rdf:resource='http://bioweb.uwlax.edu/bio203/s2007/shah_rach/map.JPG'/>
<oac:when>2011-04-06T20:51:20-00:00</oac:when>
<dc:type>image/gif</dc:type>
</oac:TargetContext>
</oac:hasTargetContext>
<rdf:type rdf:resource='http://www.w3.org/2000/10/annotation-
ns#Annotation'/>
</oac:Annotation>
</oreatom:triples>