maphub and annotorious

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

Upload: bernhard-haslhofer

Post on 11-May-2015

617 views

Category:

Technology


3 download

DESCRIPTION

iAnnotate 2013 talk about maphub and annotorious

TRANSCRIPT

Page 1: Maphub and Annotorious

Maphub  and  Annotorious  

Bernhard  Haslhofer  &  Rainer  Simon  iAnnotate  2013,  San  Francisco  

Page 2: Maphub and Annotorious

MAPHUB  

4/11/13

Page 3: Maphub and Annotorious

Annota4ons  on  Historical  Maps  

4/11/13

Page 4: Maphub and Annotorious

Benefits  

§  Engage  people;  let  them  tell  their  stories  

§  Collect  knowledge;  enhance  metadata  

§  Connect  maps  with  other  Web  resources  

4/11/13

Page 5: Maphub and Annotorious

h9p://maphub.github.com  

Page 6: Maphub and Annotorious

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

Page 7: Maphub and Annotorious

Geo-­‐Referencing  

4/11/13

Page 8: Maphub and Annotorious

Map  Overlays  

4/11/13

Page 9: Maphub and Annotorious

Textual  annota4on  +  Seman4c  Tagging  

4/11/13

Page 10: Maphub and Annotorious

4/11/13

Textual  annota4on  +  Seman4c  Tagging  

Page 11: Maphub and Annotorious

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  h\p://arxiv.org/abs/1304.1636  

4/11/13

Page 12: Maphub and Annotorious

Mul4lingual  Search  

4/11/13

Page 13: Maphub and Annotorious

W3C  Open  AnnotaHon  API  

4/11/13

http://sws.geonames.org/

2643743/

http://maphubdev.mminf.univie.ac.at/

control_points/1

oax:Tagging

rdf:type

oax:hasSemanticTagoa:hasTarget

uuid:1235oa:annotator

http://maphubdev.mminf.univie.ac.at

oa:generator

"behas"

foaf:name

"[email protected]"

foaf:mbox

oa:Annotation

rdf:type"2012-07-18T02:

01:07Z"

oa:generated

"2012-07-18T02:01:07Z"

oa:annotated

maphub:GeoReference

rdf:type

uuid:4567

http://samos.mminf.univie.ac.

at/maps/raw/g3200.ct000725C.jp2

oa:SpecificResource

rdf:type

oa:hasSourceuuid:8910

oa:hasSelector

oa:FragmentSelector

rdf:type

xywh=6550,6228,1,1

rdf:value

dcterms:StillImage

rdf:type

image/jp2

dc:format

Page 14: Maphub and Annotorious

W3C  Open  AnnotaHon  API  

4/11/13

http://maphubdev.mminf.univie.ac.at/

annotations/1

oa:Annotation

rdf:type

oa:hasTarget

uuid:1235oa:annotator

http://maphubdev.mminf.univie.ac.at

oa:generator

"behas"

foaf:name

"[email protected]"

foaf:mbox"2012-07-18T02:

01:07Z"

oa:generated

"2012-07-18T02:01:07Z"

oa:annotated

uuid:4567

http://samos.mminf.univie.ac.

at/maps/raw/g3200.ct000725C.jp2

oa:SpecificResource

rdf:type

oa:hasSource uuid:2752

oa:hasSelector

ct:ContentAsTextrdf:type

image/svg

dcterms:format

dcterms:StillImage

rdf:type

image/jp2

dc:format

oa:hasBody

uuid:2751

cnt:ContentAsText

rdf:type

"text/plain"

dc:format

In antiquity, the Strait of Gibraltar (which connects the Atlantic Ocean with the Mediterranean Sea) was also known by the name \"The Pillars of Hercules\". This is the reason for this inscription!

cnt:chars

dbpedia: Strait_of_Gibraltar

oax:hasSemanticTag

dbpedia: Pillars_of_Hercules

oax:hasSemanticTag

<svg…..>ct:chars

uuid:2753

oa:hasSelector

ct:ContentAsText

rdf:type

application/wkt

dcterms:format

POLYGON((5315 5639,5444….)

ct:chars

Page 15: Maphub and Annotorious

4/11/13

Page 16: Maphub and Annotorious

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

Page 17: Maphub and Annotorious

1.  Link  Annotorious  into  your  Web  page  

2.  Mark  images  as  annotatable    

Page 18: Maphub and Annotorious

Example:  Bounding  Box  

Page 19: Maphub and Annotorious

Example:  Polygon  

Page 20: Maphub and Annotorious

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)    

Page 21: Maphub and Annotorious

Get  Involved!  

h9p://maphub.github.com  h9p://annotorious.github.com  

Page 22: Maphub and Annotorious

The  big  picture…  

4/11/13

2007 2013

LEMOLinked Data Annotation ModelAudio, Video, ImagesServer + Flash Clients

Open Annotation Collaboration (OAC)

YUMAOAC ModelAudio, Video, ImagesServer + GWT Clients

yuma.min.js / AnnotoriousAudio, (Zoomable) ImagesJavaScript

yuma4jStorage Server (Java)OAC Model

W3C Open Annotations

maphub(Zoomable) Historic MapsJavaScript, Ruby on Rails

Open KnowledgeFoundation Annotator

Semantic Tagging

Page 23: Maphub and Annotorious

Preview:  Openlayers  Module