This document discusses the International Image Interoperability Framework (IIIF) Presentation API. It begins with an overview of JSON and its use of key-value pairs, lists, strings, and numbers. It then addresses what is missing from current implementations, such as metadata, multiple images, structure/page order, and user context. The document provides guidance on getting started with IIIF, including acquiring images and metadata. It reviews the use of a IIIF manifest and explains concepts like sequences, structures, canvases, content, and metadata. Examples of IIIF implementations are presented and guidance is provided on exercises for working with IIIF manifests.

1. IIIF Presentation API
Glen Robson

2. JSON
• Maps
• Key => value
{ “name”: “Glen Robson” }
• Lists
[ “item 1”, “item 2”, “item 3” ]
• Strings
• “This is a string”
• Numbers
• “age”: 25

4. Whats missing?
•Metadata
•Multiple images
•Structure (page order)
•Context / Metadata for
the User

5. Where do I start?
•You will need:
•A set of images
•Available through IIIF
•Metadata
•Structural (page order)
•Metadata for the User
Links: http://bit.ly/2RvhhBw

6. Step 2
Presentation API
IIIF Manifest Generator
Metadata IIIF Images
IIIF Images
IIIF Manifest
Links: http://bit.ly/2RvhhBw

7. Manifest
http://dams.llgc.org.uk/iiif/2.0/4642022/manifest.json
• Metadata - descriptive
• Logo, license and attribution
• Sequences - images
• Structures - ranges

8. Manifest

9. Manifest:
• Top level
• Object title
• Rights
• Description
• Metadata
Sequence:
• List of images
Canvas
• Abstract space to draw on
Content
• Image or Video

10. Manifest
http://dams.llgc.org.uk/iiif/2.0/4642022/manifest.json
• Metadata - descriptive
• Logo, license and attribution
• Sequences - images
• Structures - ranges

11. https://iiif.io/api/presentation/2.1/#b-summary-of-metadata-
requirements

12. Metadata

13. Metadata - Multilingual

14. https://iiif.io/api/presentation/2.1/#c-example-manifest-response

15. Sequence:
• List of images
https://iiif.io/api/presentation/2.1/#b-summary-of-metadata-requi

16. Canvas is King
Canvas Width
Canv
asHei
ght
Image Width
Image
Heigh
t
Examples so far:
Canvas Width = Image Width,
Canvas Height = Image Height

17. Image Choice
Choice
Canvas

18. Image Choice
http://resources.digirati.com/iiif/an-introduction-to-iiif/dee-sbs.html

19. Multi Images
Canvas

20. BNF: Reconstructed manifest (partial):
Grandes Chroniques de France
(Châteauroux, BM, ms 5)
http://demos.biblissima-condorcet.fr/chateauroux/osd-demo/

21. Yale Center for British Art

22. Canvas is King
Canvas Width
Canv
asHei
ght
Image Width
Image
Heigh
t

23. Canvas is King
Canvas Width
Canv
asHei
ght
Image Width
Image
Heigh
t
Canvas

24. Canvas is King
Canvas Width
Canv
asHei
ght
Image Width
Image
Heigh
t
Annotation

25. Canvas is King
Canvas Width
Canv
asHei
ght
Image Width
Image
Heigh
t
Image
(not IIIF)

26. Canvas
IIIF Image

27. Exercise
• https://iiif.github.io/training/iiif-1-day-
workshop/presentation/activity-group-
manifest.html
• In pairs complete the exercises.

28. Usual Manifest Creation
• Find a similar manifest and copy
• The IIIF Community are creating recipes to
help this
• Automated creation if there are a lot to
generate
• Small amount an be created using the Bodleian
Manifest Editor

29. Bodleian Manifest Editor
• Follow the instructions to create a IIIF
manifest using the Bodleian Manifest Editor

30. Canvas is King
Canvas Width
Canv
asHei
ght
Image Width
Image
Heigh
t
Examples so far:
Canvas Width = Image Width,
Canvas Height = Image Height

31. IIIF Audio + Visual
Canvas Width
Canvas Duration
0
10
Seconds

32. IIIF Audio + Visual
Canvas Width
Canvas Duration
0
10
Seconds
Full Duration

33. IIIF Audio + Visual
Canvas Width
Canv
asHei
ght
Canvas Duration
0
10
Seconds
Full Duration
4s to 7s

34. Fire Example
https://tomcrane.github.io/fire/

35. Basic Example
ps://iiif.gdmrdigital.com/nlw/LLOYD_GEORGE_FARMING-mp4.js