iAnnotate 2013 talk about maphub and annotorious

1. Maphub
and
Annotorious
Bernhard
Haslhofer
&
Rainer
Simon
iAnnotate
2013,
San
Francisco

2. MAPHUB
4/11/13

3. Annota4ons
on
Historical
Maps
4/11/13

4. Benefits
§ Engage
people;
let
them
tell
their
stories
§ Collect
knowledge;
enhance
metadata
§ Connect
maps
with
other
Web
resources
4/11/13

5. h9p://maphub.github.com

6. Maphub
§ Online
App
for
exploring
and
annotaHng
digiHzed
historical
maps
§ Bootstrapped
with
6K
LoC
maps
§ Core
Features
- Geo
referencing
+
Map
overlays
- Textual
annotaHon
+
SemanHc
tagging
- MulHlingual
search
- W3C
Open
AnnotaHon
API
4/11/13

7. Geo-­‐Referencing
4/11/13

8. Map
Overlays
4/11/13

9. Textual
annota4on
+
Seman4c
Tagging
4/11/13

10. Textual
annota4on
+
Seman4c
Tagging
4/11/13

11. Seman4c
Tagging
User
Study
• Method:
in-­‐lab
user
study,
24
parHcipants,
within-­‐
subject
design,
4
tagging
condiHons
• Findings:
semanHc
tagging
does
not
affect
tag
producHon,
the
types
and
categories
of
tags
assigned,
and
user
task
load
but
gives
unambiguous
references
to
well-­‐defined
concepts.
Haslhofer
et
al.:
Seman/c
Tagging
on
Historical
Maps,
ACM
Web
Science
2013
hp://arxiv.org/abs/1304.1636
4/11/13

12. Mul4lingual
Search
4/11/13

13. W3C
Open
AnnotaHon
API
"bernhard.haslhofer@ oa: oax: maphub: "2012-07-18T02:
cornell.edu" Annotation Tagging GeoReference 01:07Z"
"behas"
rdf:type "2012-07-18T02:
foaf:mbox rdf:type rdf:type 01:07Z"
oa:annotated
foaf:name
oa:generated
http://
http://maphubdev.
uuid:1235 maphubdev.mminf.univie.ac.at/
mminf.univie.ac.at
control_points/1
oa:annotator oa:generator
oax:hasSemanticTag oa:Specific
oa:hasTarget Resource
rdf:type
http://
oa:Fragment
sws.geonames.org/ uuid:4567 Selector
2643743/
oa:hasSelector rdf:type
oa:hasSource
uuid:8910
http:// rdf:value
samos.mminf.univie.ac.
at/maps/raw/
g3200.ct000725C.jp2 xywh=6550,6228,1,1
dc:format rdf:type
4/11/13 image/jp2 dcterms:StillImage

14. W3C
Open
AnnotaHon
API
"bernhard.haslhofer@ oa: "2012-07-18T02:
cornell.edu" Annotation 01:07Z"
"behas"
"2012-07-18T02:
foaf:mbox rdf:type 01:07Z"
oa:annotated
foaf:name
oa:generated
http://
http://maphubdev.
uuid:1235 maphubdev.mminf.univie.ac.at/
mminf.univie.ac.at
annotations/1
oa:annotator oa:generator
oax:hasSemanticTag oax:hasSemanticTag
oa:hasTarget oa:Specific ct:ContentAs
Resource rdf:type Text
dbpedia: rdf:type
dbpedia:
Pillars_of_Hercules Strait_of_Gibraltar uuid:4567 dcterms:
oa:hasSelector
format
image/svg
cnt:Content oa:hasBody uuid:2752
oa:hasSource
AsText oa:hasSelector
rdf:type
uuid:2751
ct:chars <svg…..>
"text/plain" http://
samos.mminf.univie.ac. rdf:type
cnt:chars uuid:2753
dc:format at/maps/raw/
g3200.ct000725C.jp2
ct:ContentAs
dcterms:
Text
In antiquity, the Strait of Gibraltar (which format
dc:format
connects the Atlantic Ocean with the rdf:type
Mediterranean Sea) was also known by the
name "The Pillars of Hercules". This is the
reason for this inscription! image/jp2 application/wkt
ct:chars
POLYGON((5315
dcterms:StillImage
5639,5444….)
4/11/13

15. 4/11/13

16. What
is
Annotorious?
A
JavaScript
image
annotaHon
library.
Adds
annotaHon
features
to
exisHng
Web
pages.
An
ongoing
Open
Source
project.

17. 1.
Link
Annotorious
into
your
Web
page
2.
Mark
images
as
annotatable

18. Example:
Bounding
Box

19. Example:
Polygon

20. What
Else
is
in
There?
JavaScript
API
–
build
your
own
Mashups
Plug-­‐In
framework
–
extend
Annotorious
Embeddable
–
integrate
into
“host”
app,
e.g.
into
Annotator
Modules
–
addi/onal
media
types
(under
development)

21. Get
Involved!
h9p://maphub.github.com
h9p://annotorious.github.com

22. The
big
picture…
W3C Open Annotations
maphub
Semantic Tagging (Zoomable) Historic Maps
JavaScript, Ruby on Rails
LEMO YUMA yuma.min.js / Annotorious
Linked Data Annotation Model OAC Model Audio, (Zoomable) Images
Audio,Video, Images Audio,Video, Images JavaScript
Server + Flash Clients Server + GWT Clients
yuma4j
Storage Server (Java)
Open Annotation
OAC Model Open Knowledge
Collaboration (OAC) Foundation Annotator
2007 2013
4/11/13

23. Preview:
Openlayers
Module