SlideShare a Scribd company logo
Tom Cramer
Chief Technology Strategist
Stanford University Libraries
@tcramer
CNI Spring Member Meeting
St. Louis, MO * March 31, 2014
Agenda
β€’ Introduction to IIIF
– Meet Ben and Otto
β€’ Image API
β€’ Metadata API
β€’ Exemplar Software Implementations
β€’ Discussion
Digital Image Delivery is…
…too hard
…too slow
…too expensive
…too disjointed
…too ugly
…and we <repositories, software developers,
users, funders> suffer because of it.
Digital Scholarship
Rocket Ships of Digital Scholarship
Parker on the Web e-codices
Houston …we have a problem
Parker on the Web Roman de la Rose DIAMM
eCodices Gallica Oxford
Chuck Bryant -- http://www.fotopedia.com/redirect?u=http%3A%2F%2Fwww.flickr.com%2Fphotos%2F11707181%40N03
Stanford University
7
Stanford University
8
Cornell University
Cornell University
Cornell University
Bodleian Libraries
12
Bodleian Libraries
13
Bibliothèque nationale de France
14
National Library of Norway
15
British Library
Welcome to Silo-ville
Grain elevators, Caldwell, Idaho, by Lee Russell, 1941. http://www.loc.gov/pictures/resource/fsac.1a34206/
A World of Silos & Duplication
β€’ Every repo a silo (οƒ  no interoperability)
β€’ Every app a one-off (οƒ overhead to code and keep)
β€’ Every user forced to cope (οƒ  many UIs, little
integration)
Parker
Data Store
Parker App
Rose
Data Store
Rose App
BnF
Data Store
Gallica
St. Gall
Data Store
St. Gall App
X
Data Store
App X
Distinct Concerns
Find, Use,
Analyze, Annotate
Want: Mix &
Match, Best of
Breed
Scholars
Tool
Makers
Repositories
Build useful
tools and apps
Want: Users &
resources
Host, Preserve (and Enrich) Resources
Want: Use of Resources, Enriching
services, Enriched content
APIs Enable Reuse
Dictionary of
Old English
Image
Delivery
Parker Data
Images MD Annot.
Repository
Canonical Data Store
for Images, Description,
and TechMD
Applications
User interfaces
present DMS data
with specialized
tools and contexts
Des-
cription
Parker App
Image
Delivery Search
Des-
cription
TPEN
Transcription Tool
Image
Delivery
Trans-
criptions
API's
Import & Export
DMS apps and tools can both
consume and contribute data
via common web services. E.g.,
transcriptions or annotations
can be deposited in the source
repository, enriching the corpus
for future researchers.
API's
RESTful
Web Services
APIs -> Framework -> Ecosystem
GallicaParker App
Image
Delivery Search
Des-
cription
Annotation &
Transcription Tools
Image
Delivery
Trans-
criptions
Parker Data
Images MD Annot.
Oxford Data
Images MD Annot.
Rose Data
Images MD Annot.
BnF Data
Images MD Annot.
API's
API's
API's
API's
Image
Delivery Search
Des-
cription
Cross Repository Search
& Delivery Environments
Image
Delivery Search
IIIF for CNI Spring 2014 Membership Meeting
Oxford, BnF, NPDL, LoC,
Stanford, KB?, Europeana, BL,
Norway?, JHU
$, Mellon?,
JISC, CLIR
Bodeguita del
Medio 3/19/11
Sean Neil Tom
Consortial
development
Small donation
Free-for- academic
license?
Web services
+ APIRich Clients
Html 5
djatoka
Image
interoperable
framework
Books Manuscripts Newspapers
Art / Vis. Resources Archival Materials Maps
(Sheet) Music
Scrolls
STEM
Imagery
Architecture
IIIF: Extend DMS To…
Use Cases
…a paleographer who would like to compare
scribal hands from manuscripts at two different
repositories
…an art & architecture professor who would like
to assemble a teaching collection of images from
multiple sources
…a humanities scholar who would like to
annotate a high resolution image of an historical
map (but her preferred annotation tool only is
deployed against other sites)
More Use Cases
…a repository manager who would like to drop a
newspaper viewer with deep zoom into his site
with no customization required
…a national library that would like to host digital
surrogates for resources held by smaller
institutions (without local IT capabilities), but let
them present resources with local branding
…a funder who would like to underwrite the
digitization of a new scholarly resource, but
doesn’t want to pay for the development of yet
another, stand-alone, digital collection web site
from scratch
Meet Ben & Otto
Otto Ege,
20th c. Biblioclast
Ben Albritton
21st c. manuscripts scholar
Otto Ege, MS 1 - 1940
Otto Ege, MS 1 - 2014
Stanford Leaves of Ege MS 1
MISC 0305 - http://purl.stanford.edu/kq131cs7229
Stanford Leaves of Ege MS 1
http://guillaumedemachaut.com/mirador/index_ege.html
IIIF Vision
Create a global framework by which image-based
resources (images, books, maps, scrolls, manuscripts, musical
scores, etc.)
…from any participating institution can be
delivered in a standard way
…via any compatible image server
…for display, manipulation and
annotation in any application,
…to any user on the Web,
…in any combination of elements.
IIIF Participants
β€’ ARTstor
‒ Bibliothèque
nationale de France
β€’ Bodleian Libraries,
Oxford University
β€’ British Library
β€’ Cambridge
University
β€’ Cornell University
β€’ DPLA
β€’ Europeana
β€’ Harvard University
β€’ Johns Hopkins University
β€’ le Louvre
β€’ National Library of
Denmark
β€’ National Library of
Norway
β€’ National Library of Wales
β€’ Princeton University
β€’ St. Louis University, TPEN
β€’ Stanford University
β€’ Wellcome Trust
β€’ Yale University
IIIF Objectives
β€’ Define APIs for
– Image Delivery
– Metadata (to drive image presentation)
β€’ Recruit repositories for API adoption
β€’ Catalyze software development
– Zoomers, Viewers, Page Turners, Anno tools
– Really fast, really slippy image delivery
β€’ Establish an ongoing effort
Image API
http://iiif.io/api/image/1.1/
Image Delivery API
http://iiif.io/api/image/1.1/
Audience
β€’ The Web!
β€’ Assumes a curated set of source images
β€’ Compression, color management, etc. are out
of scope
IIIF Image API URI Syntax
# Base URI
{scheme}://{server}{/prefix}/{identifier}
# Image Request
{$BASE}/{region}/{size}/{rotation}/{quality}{.format}
# Image Information (Metadata)
{$BASE}/info.json
Sample Image Requests – Region
( {$BASE}/{region}/{size}/{rotation}/{quality}{.format} )
Full Size
{$BASE}/full/full/0/native.jpg
By Pixel
{$BASE}/780,100,1100,1000/full/0/native.jpg
By
Percentage{$BASE}/pct:50,50,50,50/full/0/na
tive.jpg
Sample Image Requests – Size
( {$BASE}/{region}/{size}/{rotation}/{quality}{.format} )
Full
{$BASE}/full/full/0/native.jpg
By Percentage
{$BASE}/full/pct:10/0/native.jpg
By Width
{$BASE}/full/200,/0/native.jpg
By Height
{$BASE}/full/,200/0/native.jpg
Sample Image Requests – Size cont’d
( {$BASE}/{region}/{size}/{rotation}/{quality}{.format} )
By Width and Height, Aspect Preserved
{$BASE}/full/!200,200/0/native.jpg
By Width and Height, Aspect Forced
{$BASE}/full/200,200/0/native.jpg
Sample Image Requests – Rotation
( {$BASE}/{region}/{size}/{rotation}/{quality}{.format} )
0
{$BASE}/full/full/0/native.jpg
90
{$BASE}/full/full/90/native.jpg
(etc.)
[Arbitrary]
{$BASE}/full/full/75/native.jpg
Sample Image Requests – Quality
( {$BASE}/{region}/{size}/{rotation}/{quality}{.format} )
Native
{$BASE}/full/full/0/native.jpg
Color
{$BASE}/full/full/0/color.jpg
Greyscale
{$BASE}/full/full/0/grey.jpg
Bitonal
{$BASE}/full/full/0/bitonal.jpg
Sample Image Requests – Format
( {$BASE}/{region}/{size}/{rotation}/{quality}{.format} )
JPG
{$BASE}/full/full/0/native.jpg
PNG
{$BASE}/full/full/0/native.png
* See http://iiif.io/api/image/1.1/#parameters-format for a complete
list of extensions
Sample Image Information Response
( {$BASE}/info.json )
{
"@context": "http://library.stanford.edu/iiif/image-api/1.1/context.json",
"@id":
β€œhttp://libimages.princeton.edu/loris/pudl0052%2F6131707%2F0000000
1.jp2",
"formats": [ "jpg", "png", "gif" ],
"width": 122877,
"height": 3783,
"profile": "http://library.stanford.edu/iiif/image-
api/1.1/compliance.html#level2",
"qualities": [ "native", "bitonal" ],
"scale_factors": [ 1, 2, 4, 8, 16, 32, 64, 128 ],
"tile_height": 1024,
"tile_width": 1024
}
Metadata Presentation
API
http://iiif.io/api/metadata/1.0/
IIIF Metadata
β€’ Just enough metadata to drive interoperable image delivery
– labels, title, sequence, attribution, etc.
β€’ Based on http://shared-canvas.org
– Synthesis of OA (Open Annotation) and DMS
β€’ Relate parts of image-based resources
– Images, Text, Annotations, Transcriptions, Sequence / Structure
β€’ Good URI’s for linking data
β€’ Support for annotation tools & initiatives
β€’ No need to change internal data model or internal data
store: produce IIIF Metadata dynamic trransforms; deliver
via API on request
β€’ Developed out of the Digital Manuscript Interop Work
β€’ Provides a β€œlingua franca” for modelling image & text-
based digital resources
β€’ Based on Linked Data: Web and annotation-friendly!
Shared Canvas Data Model
http://www.shared-canvas.org
Shared Canvas to Relate Parts
Primary Resources
There are other types of resource including Annotation Lists, Annotations, Ranges and Layers
Metadata Fields
Other metadata fields are possible if required – by extension or endorsed by the community
All Resource Types
API Requests
β€’ Base: {scheme}://{host}/{prefix}/{identifier}
β€’ Resources:
– /manifest.json
– /sequence/{name}.json
– /canvas/{name}.json
– /annotation/{name}.json
β€’ See Open Annotation for more details
β€’ http://www.w3.org/community/openannotation/
API Responses
β€’ Content-Type: application/ld+json
β€’ Example: Canvas
{
// Metadata about this Canvas
"@context":"http://www.shared-canvas.org/ns/context.json",
"@id":"http://www.example.org/iiif/book1/canvas/p1.json",
"@type":"sc:Canvas",
"label":"p. 1",
"height":1000,
"width":750,
"images": [
{
"@type":"oa:Annotation"
// Link from Image to Canvas should be included here, as below
}
],
"otherContent": [
{
Compatible Software
http://iiif.io/apps-demos.html
IIIF Software Wishlist
β€’ Performant, community-supported image
server (or equivalent)
β€’ Super-slippy suite of zoom-pan-rotate clients
β€’ β€œNext generation” page turners, cover flow &
gallery view clients
β€’ Comparative and analytic tools
– multi-up, annotation, transcription
β€’ Open source AND Commercial solutions
Software Tiers from a IIIF View
Open
SeaDragon
IIIF APIs
β€’ Aware
β€’ Content DM
β€’ Djatoka
β€’ FSI Server
IIP Moo
Viewer
OpenLayers
Internet
Archive
BookReader
Mirador
β€’ IIP Image Server
β€’ Loris
β€’ Luratech
β€’ Etc.
etc.
etc.
Image Servers
β€’ Local data model
β€’ Local data store
of choice
Metadata
β€’ Marketplace
to pick β€œbest
of breed”
β€’ Plug and play
deployments
β€’ Mix & match
clients for
different
needs
β€’ Add new
capabilities
without new
development
β€’ Swap out any
individual
component
Demos
& Discussion
Artstor Mirador implementation
IIIF for CNI Spring 2014 Membership Meeting
Looking Forward
β€’ β€œSearch Within” API
β€’ Annotation API
β€’ Discovery of IIIF-compatible Resources
β€’ Adoption and Expansion
– Repositories & Software Developers
– Seasoning with Use Cases
– Connect!
β€’ http://iiif.io
β€’ IIIF-Discuss@googlegroups.com
Acknowledgements
β€’ IIIF Working Group
β€’ IIIF API Authors & Editorial Boards,
especially…
– Ben Albritton, Stanford University
– Rob Sanderson, LANL & Stanford University
– Stuart Snydman, Stanford University
– Jon Stroop, Princeton University
– Simeon Warner, Cornell University

More Related Content

PPTX
IIIF for Index of Christian Art
PPTX
Intro to IIIF and IIIF @NLW
PPT
Culture Hack panel SXSW 2013
PPT
W3C Library Linked Data Incubator Group - 2011
PDF
co:op-READ-Convention Marburg - Basilis Gatos
PDF
co:op-READ-Convention Marburg - Milena Dobreva
PPTX
Digital Medieval Data Curation
PPTX
Digital Scholarly Communication @Claremont Colleges
IIIF for Index of Christian Art
Intro to IIIF and IIIF @NLW
Culture Hack panel SXSW 2013
W3C Library Linked Data Incubator Group - 2011
co:op-READ-Convention Marburg - Basilis Gatos
co:op-READ-Convention Marburg - Milena Dobreva
Digital Medieval Data Curation
Digital Scholarly Communication @Claremont Colleges

What's hot (20)

PPT
EDM - American Art Collaborative LOD Meeting
PDF
The Europeana Datamodel: A semantic layer on top of Cultural Heritage Objects
Β 
PPT
LDBC 19 November 2013
PPTX
VRA_2015_CatalogingRoundup_Seneff
PPTX
Enrichment of Cross-Lingual Information on Chinese Genealogical Linked Data
PDF
Methodological Guidelines for Publishing Linked Data
PDF
Mapping cross-Β­domain metadata to the Europeana Data Model (EDM) - EDM introd...
PDF
Fondly Collisions: Archival hierarchy and the Europeana Data Model
PPTX
ld4dh demo lecture
PDF
OAC Presentation at CNI 09 Fall Forum
PPT
Thinking of Linking: A random series of ideas, concepts, Platonic ideals, a y...
PPT
Shared Canvas presentation at the LIBER conference
PDF
Agora User Committee Meeting 2013
PPT
EuropeanaLocal: what’s it all about?
PDF
Linked Open Graph: browsing multiple SPARQL entry points to build your own LO...
PPT
Alastair Dunning, Europeana Cloud: The Project and the Challenges of Assessin...
PDF
Linked Data (1st Linked Data Meetup MalmΓΆ)
PDF
British Library Labs - Open University Presentation - 3 April 2014, 1100-1200
Β 
PDF
Analysing & Improving Learning Resources Markup on the Web
EDM - American Art Collaborative LOD Meeting
The Europeana Datamodel: A semantic layer on top of Cultural Heritage Objects
Β 
LDBC 19 November 2013
VRA_2015_CatalogingRoundup_Seneff
Enrichment of Cross-Lingual Information on Chinese Genealogical Linked Data
Methodological Guidelines for Publishing Linked Data
Mapping cross-Β­domain metadata to the Europeana Data Model (EDM) - EDM introd...
Fondly Collisions: Archival hierarchy and the Europeana Data Model
ld4dh demo lecture
OAC Presentation at CNI 09 Fall Forum
Thinking of Linking: A random series of ideas, concepts, Platonic ideals, a y...
Shared Canvas presentation at the LIBER conference
Agora User Committee Meeting 2013
EuropeanaLocal: what’s it all about?
Linked Open Graph: browsing multiple SPARQL entry points to build your own LO...
Alastair Dunning, Europeana Cloud: The Project and the Challenges of Assessin...
Linked Data (1st Linked Data Meetup MalmΓΆ)
British Library Labs - Open University Presentation - 3 April 2014, 1100-1200
Β 
Analysing & Improving Learning Resources Markup on the Web
Ad

Viewers also liked (7)

PPT
Pen to Pixel: Bringing Appropriate Technologies to Digital Manuscript Philology
PPTX
Med ren
PPTX
Making the most of digitized manuscripts: IIIF and the Digital Manuscripts To...
PPT
Preservation of Archives and Special Collections
PDF
Digital Manuscript Interoperability Via Shared Canvas
PPTX
Digital Medieval Manuscripts
PPTX
The Library as a Digital Research infrastructure: Digital Initiatives and Dig...
Pen to Pixel: Bringing Appropriate Technologies to Digital Manuscript Philology
Med ren
Making the most of digitized manuscripts: IIIF and the Digital Manuscripts To...
Preservation of Archives and Special Collections
Digital Manuscript Interoperability Via Shared Canvas
Digital Medieval Manuscripts
The Library as a Digital Research infrastructure: Digital Initiatives and Dig...
Ad

Similar to IIIF for CNI Spring 2014 Membership Meeting (20)

PPTX
IIIF Introduction and Opportunities at Cornell
PPTX
The International Image Interoperability Framework Why It’s a Game-Changer fo...
PDF
The International Image Interoperability Framework: why it's a game-changer f...
PDF
Introduction to the International Image Interoperability Framework (IIIF)
PDF
05 accessible hadro
PPTX
Everything you ever wanted to know about IIIF but were too afraid to ask
Β 
PPTX
IIIF Introduction given in South Africa - 2019
PDF
International Image Interoperability Framework (IIIF) Supporting Conservation...
PPTX
Introduction to IIIF
PPTX
IIIF: Collaboration and Community Built Technological Innovations
PDF
IIIF and Linked Data: A Cultural Heritage DAM Ecosystem
PDF
IIIF, Linked Data and the Getty Vocabularies
PPTX
Digital Library Cloud Services
PDF
MW16 IIIF: Unshackle Your Images
Β 
PPTX
Discovery of IIIF Resources
PPTX
IIIF at europeana, IIIF conference, Vatican, 2017
PPTX
IIIF Image API - glen
PPTX
An Emerging Standard for Research-Quality Images: What IIIF Means for Digital...
PPTX
Introduction to the International Image Interoperability Framework
PDF
Samvera and IIIF 2018
IIIF Introduction and Opportunities at Cornell
The International Image Interoperability Framework Why It’s a Game-Changer fo...
The International Image Interoperability Framework: why it's a game-changer f...
Introduction to the International Image Interoperability Framework (IIIF)
05 accessible hadro
Everything you ever wanted to know about IIIF but were too afraid to ask
Β 
IIIF Introduction given in South Africa - 2019
International Image Interoperability Framework (IIIF) Supporting Conservation...
Introduction to IIIF
IIIF: Collaboration and Community Built Technological Innovations
IIIF and Linked Data: A Cultural Heritage DAM Ecosystem
IIIF, Linked Data and the Getty Vocabularies
Digital Library Cloud Services
MW16 IIIF: Unshackle Your Images
Β 
Discovery of IIIF Resources
IIIF at europeana, IIIF conference, Vatican, 2017
IIIF Image API - glen
An Emerging Standard for Research-Quality Images: What IIIF Means for Digital...
Introduction to the International Image Interoperability Framework
Samvera and IIIF 2018

More from Tom-Cramer (8)

PPTX
IIPC General Assembly 2016 - Tool Development Portfolio
PPTX
State of the HydraSphere from Hydra Connect 3 (Sept 2015)
PPTX
Hydra for CNI Spring 2014 Meeting
PDF
Fedora Update at CNI 2013 Fall Meeting
PPT
Fedora Futures for OR13
PPSX
First Ever Hydra Awards -- presented at OR13
PDF
Fedora Futures - CNI 2012
PPTX
IIIF: International Image Interoperability Framework @ DLF2012
IIPC General Assembly 2016 - Tool Development Portfolio
State of the HydraSphere from Hydra Connect 3 (Sept 2015)
Hydra for CNI Spring 2014 Meeting
Fedora Update at CNI 2013 Fall Meeting
Fedora Futures for OR13
First Ever Hydra Awards -- presented at OR13
Fedora Futures - CNI 2012
IIIF: International Image Interoperability Framework @ DLF2012

Recently uploaded (20)

PDF
πŸ’° π”πŠπ“πˆ πŠπ„πŒπ„ππ€ππ†π€π πŠπˆππ„π‘πŸ’πƒ π‡π€π‘πˆ 𝐈𝐍𝐈 πŸπŸŽπŸπŸ“ πŸ’°
Β 
PDF
APNIC Update, presented at PHNOG 2025 by Shane Hermoso
Β 
PDF
Testing WebRTC applications at scale.pdf
PDF
Vigrab.top – Online Tool for Downloading and Converting Social Media Videos a...
PPTX
Funds Management Learning Material for Beg
PPTX
Introduction to Information and Communication Technology
PPTX
INTERNET------BASICS-------UPDATED PPT PRESENTATION
PPTX
presentation_pfe-universite-molay-seltan.pptx
PDF
An introduction to the IFRS (ISSB) Stndards.pdf
PDF
Paper PDF World Game (s) Great Redesign.pdf
PPTX
QR Codes Qr codecodecodecodecocodedecodecode
PPTX
522797556-Unit-2-Temperature-measurement-1-1.pptx
PDF
Tenda Login Guide: Access Your Router in 5 Easy Steps
PDF
Triggering QUIC, presented by Geoff Huston at IETF 123
Β 
PDF
Slides PDF The World Game (s) Eco Economic Epochs.pdf
PPTX
Introduction about ICD -10 and ICD11 on 5.8.25.pptx
PPTX
Slides PPTX World Game (s) Eco Economic Epochs.pptx
PPTX
Internet___Basics___Styled_ presentation
PPTX
PptxGenJS_Demo_Chart_20250317130215833.pptx
PPTX
innovation process that make everything different.pptx
πŸ’° π”πŠπ“πˆ πŠπ„πŒπ„ππ€ππ†π€π πŠπˆππ„π‘πŸ’πƒ π‡π€π‘πˆ 𝐈𝐍𝐈 πŸπŸŽπŸπŸ“ πŸ’°
Β 
APNIC Update, presented at PHNOG 2025 by Shane Hermoso
Β 
Testing WebRTC applications at scale.pdf
Vigrab.top – Online Tool for Downloading and Converting Social Media Videos a...
Funds Management Learning Material for Beg
Introduction to Information and Communication Technology
INTERNET------BASICS-------UPDATED PPT PRESENTATION
presentation_pfe-universite-molay-seltan.pptx
An introduction to the IFRS (ISSB) Stndards.pdf
Paper PDF World Game (s) Great Redesign.pdf
QR Codes Qr codecodecodecodecocodedecodecode
522797556-Unit-2-Temperature-measurement-1-1.pptx
Tenda Login Guide: Access Your Router in 5 Easy Steps
Triggering QUIC, presented by Geoff Huston at IETF 123
Β 
Slides PDF The World Game (s) Eco Economic Epochs.pdf
Introduction about ICD -10 and ICD11 on 5.8.25.pptx
Slides PPTX World Game (s) Eco Economic Epochs.pptx
Internet___Basics___Styled_ presentation
PptxGenJS_Demo_Chart_20250317130215833.pptx
innovation process that make everything different.pptx

IIIF for CNI Spring 2014 Membership Meeting

  • 1. Tom Cramer Chief Technology Strategist Stanford University Libraries @tcramer CNI Spring Member Meeting St. Louis, MO * March 31, 2014
  • 2. Agenda β€’ Introduction to IIIF – Meet Ben and Otto β€’ Image API β€’ Metadata API β€’ Exemplar Software Implementations β€’ Discussion
  • 3. Digital Image Delivery is… …too hard …too slow …too expensive …too disjointed …too ugly …and we <repositories, software developers, users, funders> suffer because of it.
  • 5. Rocket Ships of Digital Scholarship Parker on the Web e-codices
  • 6. Houston …we have a problem Parker on the Web Roman de la Rose DIAMM eCodices Gallica Oxford Chuck Bryant -- http://www.fotopedia.com/redirect?u=http%3A%2F%2Fwww.flickr.com%2Fphotos%2F11707181%40N03
  • 15. National Library of Norway 15
  • 17. Welcome to Silo-ville Grain elevators, Caldwell, Idaho, by Lee Russell, 1941. http://www.loc.gov/pictures/resource/fsac.1a34206/
  • 18. A World of Silos & Duplication β€’ Every repo a silo (οƒ  no interoperability) β€’ Every app a one-off (οƒ overhead to code and keep) β€’ Every user forced to cope (οƒ  many UIs, little integration) Parker Data Store Parker App Rose Data Store Rose App BnF Data Store Gallica St. Gall Data Store St. Gall App X Data Store App X
  • 19. Distinct Concerns Find, Use, Analyze, Annotate Want: Mix & Match, Best of Breed Scholars Tool Makers Repositories Build useful tools and apps Want: Users & resources Host, Preserve (and Enrich) Resources Want: Use of Resources, Enriching services, Enriched content
  • 20. APIs Enable Reuse Dictionary of Old English Image Delivery Parker Data Images MD Annot. Repository Canonical Data Store for Images, Description, and TechMD Applications User interfaces present DMS data with specialized tools and contexts Des- cription Parker App Image Delivery Search Des- cription TPEN Transcription Tool Image Delivery Trans- criptions API's Import & Export DMS apps and tools can both consume and contribute data via common web services. E.g., transcriptions or annotations can be deposited in the source repository, enriching the corpus for future researchers. API's RESTful Web Services
  • 21. APIs -> Framework -> Ecosystem GallicaParker App Image Delivery Search Des- cription Annotation & Transcription Tools Image Delivery Trans- criptions Parker Data Images MD Annot. Oxford Data Images MD Annot. Rose Data Images MD Annot. BnF Data Images MD Annot. API's API's API's API's Image Delivery Search Des- cription Cross Repository Search & Delivery Environments Image Delivery Search
  • 23. Oxford, BnF, NPDL, LoC, Stanford, KB?, Europeana, BL, Norway?, JHU $, Mellon?, JISC, CLIR Bodeguita del Medio 3/19/11 Sean Neil Tom Consortial development Small donation Free-for- academic license? Web services + APIRich Clients Html 5 djatoka Image interoperable framework
  • 24. Books Manuscripts Newspapers Art / Vis. Resources Archival Materials Maps (Sheet) Music Scrolls STEM Imagery Architecture IIIF: Extend DMS To…
  • 25. Use Cases …a paleographer who would like to compare scribal hands from manuscripts at two different repositories …an art & architecture professor who would like to assemble a teaching collection of images from multiple sources …a humanities scholar who would like to annotate a high resolution image of an historical map (but her preferred annotation tool only is deployed against other sites)
  • 26. More Use Cases …a repository manager who would like to drop a newspaper viewer with deep zoom into his site with no customization required …a national library that would like to host digital surrogates for resources held by smaller institutions (without local IT capabilities), but let them present resources with local branding …a funder who would like to underwrite the digitization of a new scholarly resource, but doesn’t want to pay for the development of yet another, stand-alone, digital collection web site from scratch
  • 27. Meet Ben & Otto Otto Ege, 20th c. Biblioclast Ben Albritton 21st c. manuscripts scholar
  • 28. Otto Ege, MS 1 - 1940
  • 29. Otto Ege, MS 1 - 2014
  • 30. Stanford Leaves of Ege MS 1 MISC 0305 - http://purl.stanford.edu/kq131cs7229
  • 31. Stanford Leaves of Ege MS 1 http://guillaumedemachaut.com/mirador/index_ege.html
  • 32. IIIF Vision Create a global framework by which image-based resources (images, books, maps, scrolls, manuscripts, musical scores, etc.) …from any participating institution can be delivered in a standard way …via any compatible image server …for display, manipulation and annotation in any application, …to any user on the Web, …in any combination of elements.
  • 33. IIIF Participants β€’ ARTstor β€’ BibliothΓ¨que nationale de France β€’ Bodleian Libraries, Oxford University β€’ British Library β€’ Cambridge University β€’ Cornell University β€’ DPLA β€’ Europeana β€’ Harvard University β€’ Johns Hopkins University β€’ le Louvre β€’ National Library of Denmark β€’ National Library of Norway β€’ National Library of Wales β€’ Princeton University β€’ St. Louis University, TPEN β€’ Stanford University β€’ Wellcome Trust β€’ Yale University
  • 34. IIIF Objectives β€’ Define APIs for – Image Delivery – Metadata (to drive image presentation) β€’ Recruit repositories for API adoption β€’ Catalyze software development – Zoomers, Viewers, Page Turners, Anno tools – Really fast, really slippy image delivery β€’ Establish an ongoing effort
  • 37. Audience β€’ The Web! β€’ Assumes a curated set of source images β€’ Compression, color management, etc. are out of scope
  • 38. IIIF Image API URI Syntax # Base URI {scheme}://{server}{/prefix}/{identifier} # Image Request {$BASE}/{region}/{size}/{rotation}/{quality}{.format} # Image Information (Metadata) {$BASE}/info.json
  • 39. Sample Image Requests – Region ( {$BASE}/{region}/{size}/{rotation}/{quality}{.format} ) Full Size {$BASE}/full/full/0/native.jpg By Pixel {$BASE}/780,100,1100,1000/full/0/native.jpg By Percentage{$BASE}/pct:50,50,50,50/full/0/na tive.jpg
  • 40. Sample Image Requests – Size ( {$BASE}/{region}/{size}/{rotation}/{quality}{.format} ) Full {$BASE}/full/full/0/native.jpg By Percentage {$BASE}/full/pct:10/0/native.jpg By Width {$BASE}/full/200,/0/native.jpg By Height {$BASE}/full/,200/0/native.jpg
  • 41. Sample Image Requests – Size cont’d ( {$BASE}/{region}/{size}/{rotation}/{quality}{.format} ) By Width and Height, Aspect Preserved {$BASE}/full/!200,200/0/native.jpg By Width and Height, Aspect Forced {$BASE}/full/200,200/0/native.jpg
  • 42. Sample Image Requests – Rotation ( {$BASE}/{region}/{size}/{rotation}/{quality}{.format} ) 0 {$BASE}/full/full/0/native.jpg 90 {$BASE}/full/full/90/native.jpg (etc.) [Arbitrary] {$BASE}/full/full/75/native.jpg
  • 43. Sample Image Requests – Quality ( {$BASE}/{region}/{size}/{rotation}/{quality}{.format} ) Native {$BASE}/full/full/0/native.jpg Color {$BASE}/full/full/0/color.jpg Greyscale {$BASE}/full/full/0/grey.jpg Bitonal {$BASE}/full/full/0/bitonal.jpg
  • 44. Sample Image Requests – Format ( {$BASE}/{region}/{size}/{rotation}/{quality}{.format} ) JPG {$BASE}/full/full/0/native.jpg PNG {$BASE}/full/full/0/native.png * See http://iiif.io/api/image/1.1/#parameters-format for a complete list of extensions
  • 45. Sample Image Information Response ( {$BASE}/info.json ) { "@context": "http://library.stanford.edu/iiif/image-api/1.1/context.json", "@id": β€œhttp://libimages.princeton.edu/loris/pudl0052%2F6131707%2F0000000 1.jp2", "formats": [ "jpg", "png", "gif" ], "width": 122877, "height": 3783, "profile": "http://library.stanford.edu/iiif/image- api/1.1/compliance.html#level2", "qualities": [ "native", "bitonal" ], "scale_factors": [ 1, 2, 4, 8, 16, 32, 64, 128 ], "tile_height": 1024, "tile_width": 1024 }
  • 47. IIIF Metadata β€’ Just enough metadata to drive interoperable image delivery – labels, title, sequence, attribution, etc. β€’ Based on http://shared-canvas.org – Synthesis of OA (Open Annotation) and DMS β€’ Relate parts of image-based resources – Images, Text, Annotations, Transcriptions, Sequence / Structure β€’ Good URI’s for linking data β€’ Support for annotation tools & initiatives β€’ No need to change internal data model or internal data store: produce IIIF Metadata dynamic trransforms; deliver via API on request
  • 48. β€’ Developed out of the Digital Manuscript Interop Work β€’ Provides a β€œlingua franca” for modelling image & text- based digital resources β€’ Based on Linked Data: Web and annotation-friendly! Shared Canvas Data Model
  • 50. Primary Resources There are other types of resource including Annotation Lists, Annotations, Ranges and Layers
  • 51. Metadata Fields Other metadata fields are possible if required – by extension or endorsed by the community
  • 53. API Requests β€’ Base: {scheme}://{host}/{prefix}/{identifier} β€’ Resources: – /manifest.json – /sequence/{name}.json – /canvas/{name}.json – /annotation/{name}.json β€’ See Open Annotation for more details β€’ http://www.w3.org/community/openannotation/
  • 54. API Responses β€’ Content-Type: application/ld+json β€’ Example: Canvas { // Metadata about this Canvas "@context":"http://www.shared-canvas.org/ns/context.json", "@id":"http://www.example.org/iiif/book1/canvas/p1.json", "@type":"sc:Canvas", "label":"p. 1", "height":1000, "width":750, "images": [ { "@type":"oa:Annotation" // Link from Image to Canvas should be included here, as below } ], "otherContent": [ {
  • 56. IIIF Software Wishlist β€’ Performant, community-supported image server (or equivalent) β€’ Super-slippy suite of zoom-pan-rotate clients β€’ β€œNext generation” page turners, cover flow & gallery view clients β€’ Comparative and analytic tools – multi-up, annotation, transcription β€’ Open source AND Commercial solutions
  • 57. Software Tiers from a IIIF View Open SeaDragon IIIF APIs β€’ Aware β€’ Content DM β€’ Djatoka β€’ FSI Server IIP Moo Viewer OpenLayers Internet Archive BookReader Mirador β€’ IIP Image Server β€’ Loris β€’ Luratech β€’ Etc. etc. etc. Image Servers β€’ Local data model β€’ Local data store of choice Metadata β€’ Marketplace to pick β€œbest of breed” β€’ Plug and play deployments β€’ Mix & match clients for different needs β€’ Add new capabilities without new development β€’ Swap out any individual component
  • 61. Looking Forward β€’ β€œSearch Within” API β€’ Annotation API β€’ Discovery of IIIF-compatible Resources β€’ Adoption and Expansion – Repositories & Software Developers – Seasoning with Use Cases – Connect! β€’ http://iiif.io β€’ IIIF-Discuss@googlegroups.com
  • 62. Acknowledgements β€’ IIIF Working Group β€’ IIIF API Authors & Editorial Boards, especially… – Ben Albritton, Stanford University – Rob Sanderson, LANL & Stanford University – Stuart Snydman, Stanford University – Jon Stroop, Princeton University – Simeon Warner, Cornell University

Editor's Notes

  • #4: There are bright spots: SeaDragon, Deep Zoom, ChronoZoom, Djatoka, Google Art Project, Gallica, National Library of Norway newspaper viewer
  • #5: From an era of microscopes and close reading, move to telescopes, distant reading, aggregation. It’s a metaphor that works well both because of the capabilities to study materials not only from a distance, but also en masse – surverying whole solar systems, galaxies.
  • #8: Stanford’s Book Reader (based on the Internet Archive book reader).
  • #9: Stanford map viewer.
  • #10: Cornell map viewer.
  • #11: Cornell book reader (based on DLXS)
  • #12: Cornell annotated art collection, hosted in Luna.
  • #13: Oxford one-off manuscript viewer.
  • #14: Oxford one off viewer.
  • #15: Gallica from BnF
  • #16: MediaInfo newspaper viewer from Nat’l Library of Norway.
  • #17: British Library MSS viewer.
  • #19: The repositories and applications providing access to Digital Medieval Manuscripts in today’s environment are heavily silo’ed, with access to each repository provided through one off applications. This is a microcosm of the wider world of access to image based scholarly resources.
  • #20: The repositories and applications providing access to Digital Medieval Manuscripts in today’s environment are heavily silo’ed, with access to each repository provided through one off applications. This is a microcosm of the wider world of access to image based scholarly resources.
  • #21: API’s to access image and description from a repository enable access to content from other applications and systems for viewing or analytics (transcription, annotation, e.g.) Some of this data could be reimported to the repository for reuse by others (e.g., transcriptions).
  • #22: If multiple repositories supported the same API’s for access to images, metadata and annotations, one can envision the beginnings of a framework with shared application code across different sites, and interoperable image-based resources, enabling simultaneous access to multiple scholarly repositories through a single interface.
  • #23: An idea is born at dinner after DMS Tech Meeting #3 among the BL, Oxford and Stanford: if it works for Manuscripts, why can’t the same principles and some of the same tools also work for all image based resources. Idea is diagrammed on the (paper) tablecloth.
  • #24: An idea is born at dinner after DMS Tech Meeting #3 among the BL, Oxford and Stanford: if it works for Manuscripts, why can’t the same principles and some of the same tools also work for all image based resources. Idea is diagrammed on the (paper) tablecloth.
  • #25: There are bright spots: SeaDragon, Deep Zoom, ChronoZoom, Djatoka, GoogleArt
  • #26: DMS Tech is a Mellon Funded project
  • #27: DMS Tech is a Mellon Funded project
  • #29: Noted biblioclast Otto Ege owned a glossed bible, likely French 12th century
  • #30: He broke up the manuscript in the 40s and 50s to include in one of his manuscript leaf portfolios, which were then sold throughout North America. In the intervening years, many leaves have appeared in collections, but many have also gone missing. We can identify 33 separate institutions owning pieces of this manuscript currently – but there are more institutions and individuals out there that have bits.
  • #32: 18 leaves, not previously recognized as belonging to the Ege book until Albritton began working on them in late 2013
  • #37: We started on common software stack, but quickly shifted to an API