IIIF – ist das Content oder kann das weg?

20.09.2018FlorianAlpers,intrandaGmbH
1
IIIF – ist das Content oder kann das weg?
intranda Goobi Tage 2018
1

2
2
IIIF
Presentation
Manifest

3
3
{"@context":"http://iiif.io/api/presentation/2/context.json","@id":"https://viewer-demo01.intranda.com/viewer/rest/iiif/manifests/PPN615391702/manifest","@type":"sc:Manifest","label":"Das Stilisieren der
Thier- und Menschen-Formen","metadata":[{"label":[{"@value":"Objekttyp","@language":"de"}],"value":[{"@value":"Monographie","@language":"de"}]},{"label":"MD_LINK","value":"http://goobipr2.uni-
weimar.de/ppnresolver?id=PPN615391702"},{"label":[{"@value":"Personen","@language":"de"}],"value":"Schubert von Soldern, Zdenko"},{"label":[{"@value":"Titel","@language":"de"}],"value":"Das Stilisieren der
Thier- und Menschen-Formen"},{"label":[{"@value":"Erscheinungsort","@language":"de"}],"value":"Leipzig"},{"label":[{"@value":"Autor","@language":"de"}],"value":"Schubert von Soldern, Zdenko"},{"label":
[{"@value":"Erscheinungsjahr","@language":"de"}],"value":"1892"},{"label":[{"@value":"Sprache","@language":"de"}],"value":[{"@value":"Deutsch","@language":"de"}]},
{"label":"MD_SETSPEC","value":"bild_vorhanden:false"},{"label":"MD_CLASSIFICATION_SSWD","value":"Ornament / Tierornament / Stilisierung"},{"label":
[{"@value":"Herausgeber","@language":"de"}],"value":"Seemann"},{"label":"MD_KENOM_FOTO_VORHANDEN","value":"false"}],"thumbnail":{"@id":"https://viewer-
demo01.intranda.com/viewer/rest/image/PPN615391702/00000001.tif/full/!400,400/0/default.jpg","@type":"dcTypes:Image","service":{"@context":"http://iiif.io/api/image/2/context.json","@id":"https://viewer-
demo01.intranda.com/viewer/rest/image/PPN615391702/00000001.tif","profile":"http://iiif.io/api/image/2/level2.json"}},"attribution":[{"@value":"Goobi viewer","@language":"de"}],"logo":
{"@id":"https://viewer-demo01.intranda.com/viewer/resources/themes/reference/images/dfgviewer_intranda.jpg","@type":"dcTypes:Image"},"rendering":[{"@id":"https://viewer-
demo01.intranda.com/viewer/image/PPN615391702/1/LOG_0000/","label":"goobi viewer","format":"text/html"},{"@id":"https://viewer-
demo01.intranda.com/viewer/rest/pdf/mets/PPN615391702.xml/Das_Stilisieren_der_Thier_und_MenschenFormen.pdf?watermarkText=https%3A%2F%2Fviewer-demo01.intranda.com%2Fviewer%2Fimage
%2FPPN615391702%2F1%2F","label":"PDF","format":"applocation/pdf"}],"seeAlso":{"@id":"https://viewer-demo01.intranda.com/viewer/metsresolver?
id=PPN615391702","label":"METS/MODS","format":"text/xml"},"sequences":[{"@id":"https://viewer-
demo01.intranda.com/viewer/rest/iiif/manifests/PPN615391702/sequence/basic","@type":"sc:Sequence","viewingHint":"paged","within":"https://viewer-
demo01.intranda.com/viewer/rest/iiif/manifests/PPN615391702/manifest","canvases":[{"@id":"https://viewer-demo01.intranda.com/viewer/rest/iiif/manifests/PPN615391702/canvas/1","@type":"sc:Canvas","label":" -
","thumbnail":{"@id":"https://viewer-demo01.intranda.com/viewer/rest/image/PPN615391702/00000001.tif/full/!400,400/0/default.jpg","@type":"dcTypes:Image"},"rendering":{"@id":"https://viewer-
demo01.intranda.com/viewer/image/PPN615391702/1/","label":"goobi viewer","format":"text/html"},"within":"https://viewer-
demo01.intranda.com/viewer/rest/iiif/manifests/PPN615391702/sequence/basic","width":1556,"height":2237,"images":[{"@id":"https://viewer-
demo01.intranda.com/viewer/rest/iiif/manifests/PPN615391702/canvas/1/image/1","@type":"oa:Annotation","motivation":"sc:painting","on":"https://viewer-
demo01.intranda.com/viewer/rest/iiif/manifests/PPN615391702/canvas/1","resource":{"@id":"https://viewer-demo01.intranda.com/viewer/rest/image/PPN615391702/00000001.tif/full/!
400,400/0/default.jpg","@type":"dcTypes:Image","width":1556,"height":2237,"format":"image/jpeg","service":{"@context":"http://iiif.io/api/image/2/context.json","@id":"https://viewer-
demo01.intranda.com/viewer/rest/image/PPN615391702/00000001.tif","profile":"http://iiif.io/api/image/2/level2.json"}}}],"otherContent":[{"@id":"https://viewer-
demo01.intranda.com/viewer/rest/iiif/manifests/PPN615391702/list/1/PDF","@type":"sc:AnnotationList","label":"PDF"},{"@id":"https://viewer-
demo01.intranda.com/viewer/rest/iiif/manifests/PPN615391702/list/1/FULLTEXT","@type":"sc:AnnotationList","label":[{"@value":"Volltext","@language":"de"}]},{"@id":"https://viewer-
demo01.intranda.com/viewer/rest/iiif/manifests/PPN615391702/list/1/ALTO","@type":"sc:AnnotationList","label":"ALTO"},{"@id":"https://viewer-
demo01.intranda.com/viewer/rest/iiif/manifests/PPN615391702/list/1/COMMENT","@type":"sc:AnnotationList","label":[{"@value":"Kommentar verfassen","@language":"de"}]}]},{"@id":"https://viewer-
demo01.intranda.com/viewer/rest/iiif/manifests/PPN615391702/canvas/2","@type":"sc:Canvas","label":" - ","thumbnail":{"@id":"https://viewer-
demo01.intranda.com/viewer/rest/image/PPN615391702/00000002.tif/full/!400,400/0/default.jpg","@type":"dcTypes:Image"},"rendering":{"@id":"https://viewer-
demo01.intranda.com/viewer/rest/iiif/manifests/PPN615391702/list/2/ALTO","@type":"sc:AnnotationList","label":"ALTO"}]},{"@id":"https://viewer-
demo01.intranda.com/viewer/rest/iiif/manifests/PPN615391702/canvas/5/image/1","@type":"oa:Annotation","motivation":"sc:painting","on":"https://viewer-de
Manifest der IIIF-Presentation-API
IIIF
● Bekannter durch die Image-API
–im Goobi-Viewer seit 2016
(gekachelte Bildansicht, Deep-Zoom)
Presentation-API
● Darstellung von Struktur- und Metadaten
● Im Goobi-Viewer seit Mai 2018

4
4
Inhalt
● Was ist IIIF
● Wofür ist das gut? - Image API
● Wofür ist das gut? - Presentation API
● Arbeiten mit Annotationen
● Ausblick

5
Was ist IIIF?
● Hintergründe
● Definierte Schnittstellen

6
6
IIIF - Hintergründe
● International Image Interoperability Framework gegründet 2011
● als Initiative mehrer bewahrender Institutionen
(u.a. Harvard University, British University,
Bibliothèque nationale de France,…)
● Ziel:
– International Einheitlicher Zugriff auf Bildressourcen
– Interoperabilität zwischen Bildarchiven
– Austausch von Technologien zur Bildbearbeitung und Bilddarstellung

7
7
IIIF - Schnittstellen
● Image API (2012)
– Zugriff auf Bildinhalte und -informationen nach einheitlichem Muster
● Presentation API (2013)
– Bibliographischer Kontext für die Bilder
● Search API (2015)
– Suche innerhalb eines Presentation-Kontext
● Authentication API (2015)
– Zugriffskontrolle für Inhalte

8
IIIF Image API

9
9
IIIF Image API
● Identifizierung einer Bildressource anhand einer
eindeutigen URI
● Abruf von Bildmetadaten als JSON anhand dieser URI
● Anzeige des Bildes in verschiedenen Varianten mittels
fester URL-Struktur

10
10
https://orka.bibliothek.uni-kassel.de/viewer/rest/image/02008061424098/00000001.tif/full/max/0/default.jpg

11
11
https://orka.bibliothek.uni-
kassel.de/viewer/rest/image/02008061424098/00000001.tif/full/300,300/0/default.jpg

12
12
kassel.de/viewer/rest/image/02008061424098/00000001.tif/pct:0,0,50,100/300,/0/default.jpg

13
13
kassel.de/viewer/rest/image/02008061424098/00000001.tif/1400,700,4000,3000/300,/0/default.jpg

14
14
kassel.de/viewer/rest/image/02008061424098/00000001.tif/1400,700,4000,3000/300,/90/default.jpg

15
15
kassel.de/viewer/rest/image/02008061424098/00000001.tif/1400,700,4000,3000/300,/!90/default.jpg

16
16
kassel.de/viewer/rest/image/02008061424098/00000001.tif/1400,700,4000,3000/300,/!90/bitonal.jpg

17
IIIF Presentation API

18
18

19
19
IIIF Presentation API{
"@context": "http://iiif.io/api/presentation/2/context.json",
"@id": "http://localhost:8082/viewer/rest/iiif/manifests/02008012412069/manifest",
"@type": "sc:Manifest",
"label": "Männerportrait am Schreibtisch",
"metadata": [
{"label": "Strukturtyp","value": "Picture"},
{"label": "Ersteller","value": "Martin, Gebr."},
{"label": "Titel","value": "Männerportrait am Schreibtisch"}
],
"thumbnail": "http://localhost:8082/viewer/rest/image/02008012412069/00000001.jpg/full/!400,400/0/default.jpg",
"attribution": "Goobi viewer",
"logo": "http://localhost:8082/viewer/rest/footer/full/max/0/default.jpg",
"rendering": {
"@id": "http://localhost:8082/viewer/object/02008012412069/1/LOG_0000/",
"label": "goobi viewer",
"format": "text/html"
},
"seeAlso": {
"@id": "http://localhost:8082/viewer/metsresolver?id=02008012412069",
"label": "METS/MODS",
"format": "text/xml"
},
"sequences": [{
"@id": "http://localhost:8082/viewer/rest/iiif/manifests/02008012412069/sequence/basic",
"@type": "sc:Sequence",
"viewingHint": "paged",
"within": "http://localhost:8082/viewer/rest/iiif/manifests/02008012412069/manifest",
"canvases": [
{...},
{...}
],
"viewingDirection": "left-to-right"
}],
"structures": [{
"@id": "http://localhost:8082/viewer/rest/iiif/manifests/02008012412069/range/LOG_0000",
"@type": "sc:Range",
"label": "CONTENT",
"viewingHint": "top"
}]
}
Manifest
Sequence
(Physische Struktur)
Metadata
„Technische Metadaten“
Range
(Logische Struktur)

20
20
● „So ähnlich wie Mets“
● Keine Datenhaltung
– Keine standardisierten Metadaten
– Rudimentäre Unterstützung von Strukturdaten
● Austausch und Anzeige von Daten
– Mehrsprachigkeit
– Verlinkungen → verteilte Daten
– Leicht maschinenlesbares Format (JSON-LD)

21
21
Beispiel: Anzeige im Mirador-Viewer
●
Werk im Goobi-Viewer:
https://viewer-demo01.intranda.com/viewer/image/PPN615391702/1/LOG_0000/
● Mirador-Demo:
http://projectmirador.org/demo/

22
Arbeiten mit Annotationen
● Was sind (Web-)Annotationen?
● Was haben sie mit IIIF zu tun?
● Beispiel: Erstellen einer Webannotation

23
23
Web-Annotationen
Annotation
Web-Resource /
Text (Kommentar)
Web-ResourceVerknüpfung
ZielRessource

25
25
Web-Annotationen
● Altes Schema:
– OpenAnnotation community project
(http://www.openannotation.org/)
– Entwickelt 2009-2013
– Verwendung in IIIF Presentation-API bis Version 2.1
● Abgelöst durch
– W3C Web Annotation
(https://www.w3.org/TR/annotation-protocol/)
– Verwendung in IIIF Presentation-API ab Version 3 (Alpha)

26
26
Web-Annotationen in IIIF
Manifest
Sequence
Canvas Bild
OCR
Kommentar
Canvas Bild
OCR
Kommentar
Canvas Bild
OCR
Kommentar

27
27
Canvas Bild
OCR
Kommentar

28
28
Canvas
Bild
OCR
Kommentar
Annotation
Annotation
Annotation

29
29
Canvas
Bild
OCR
Kommentar
Annotation
Annotation
Annotation

30
30
Beispiel: Erstellen einer Web-Annotation
● Werk im Goobi-Viewer:
https://viewer-demo01.intranda.com/viewer/object/PPN615391702/1/
● Annotation erstellen im Mirador Viewer:
http://projectmirador.org/demo/

31
31
{
"@id": "a47d0c18-f012-40eb-86c0-52025dc7c3e6"
"@type": "oa:Annotation",
"motivation": ["oa:tagging","oa:commenting"],
"resource": [
{
"@type": "dctypes:Text",
"format": "text/html",
"chars": "<p>Wasserspeier</p>"
}
{"@type": "oa:Tag", "chars": "Skulptur"},
{"@type": "oa:Tag", "chars": "Kathedrale"},
],
"on": [
{
"@type": "oa:SpecificResource",
"full": "https://viewer-demo01.intranda.com/viewer/rest/iiif/manifests/PPN615391702/canvas/88",
"selector": {
"@type": "oa:FragmentSelector",
"value": "xywh=572,307,663,209"
},
"within": {
"@id": "https://viewer-demo01.intranda.com/viewer/rest/iiif/manifests/PPN615391702/manifest",
"@type": "sc:Manifest"
}
}
],
}

32
32
https://viewer-demo01.intranda.com/viewer/rest/iiif/manifests/PPN615391702/canvas/1/#xywh=572,307,663,209
{
"@id": "https://viewer-demo01.intranda.com/viewer/rest/iiif/manifests/PPN615391702/canvas/88",
"@type": "sc:Canvas",
"label": " - ",
"thumbnail": {...},
"width": 1567,
"height": 2345,
"rendering": {
"@id": "https://viewer-demo01.intranda.com/viewer/object/PPN615391702/88/",
"label": "goobi viewer",
"format": "text/html"
},
"images": [
{
"@id": "https://viewer-demo01.intranda.com/.../PPN615391702/canvas/88/image/1",
"@type": "oa:Annotation",
"motivation": "sc:painting",
"on": "https://viewer-demo01.intranda.com/.../PPN615391702/canvas/88",
"resource": {
"@id": "https://.../image/PPN615391702/00000088.tif/full/!400,400/0/default.jpg",
...,
"service": {
"@context": "http://iiif.io/api/image/2/context.json",
"@id": "https://viewer-demo01.intranda.com/.../PPN615391702/00000088.tif",
"profile": "http://iiif.io/api/image/2/level2.json"
}
}
}
],
"otherContent": [...]
}
#xywh=572,307,663,209

33
33
● Bildausschnitt:
https://viewer-demo01.intranda.com/viewer/rest/image/PPN615391702/00000088.tif/572,307,663,209/!400,40
● Viewer-Seite:
https://viewer-demo01.intranda.com/viewer/object/PPN615391702/88/#xywh=572,307,663,209

34
Ausblick

35
35
Und, brauch ich das jetzt?
IIIF „under the hood“ bereits jetzt:
● Bildauslieferung über Image API
→ gekachelte Bildanzeige
→ einheitliches Interface
→ Bilder von externen Servern
● Presentation-API für Strukturdaten
→ Spezielle Sammlungsanzeige über IIIF collections
→ Vergleichsansicht für Merkliste

36
36
Und, brauch ich das jetzt?
Möglichkeiten für die Zukunft:
● Dedizierte Bildserver/Repositories
● Kommentare als Annotationen
● Crowdsourcing über Annotationen
● Werke einfach für externe Portale bereitstellen
● ...

37
Danke für die Aufmerksamkeit!
Noch Fragen?

IIIF – ist das Content oder kann das weg?

More Related Content

More from intranda GmbH

Recently uploaded

IIIF – ist das Content oder kann das weg?

Editor's Notes