interoperability in practice: a cross-repository image viewer (mirador)
DESCRIPTION
Presentation given at the Digital Library Federation Fall Forum in Austin, Texas on November 6, 2013. It was the introduction of Mirador, a javascript image viewing and comparison environment for images produced by libraries, museums and archives.TRANSCRIPT
![Page 1: Interoperability in practice: a cross-repository image viewer (Mirador)](https://reader035.vdocuments.mx/reader035/viewer/2022070315/55506a0bb4c90524138b4692/html5/thumbnails/1.jpg)
Introducing MiradorInteroperability in practice: a cross-repository image viewer
DLF Fall Forum, November 2013
Stuart Snydman, Stanford UniversityAndrew Winget, Stanford University
Michael Appleby, Yale UniversityBenjamin Albritton, Stanford University
Christopher Jesudurai, Stanford University
![Page 2: Interoperability in practice: a cross-repository image viewer (Mirador)](https://reader035.vdocuments.mx/reader035/viewer/2022070315/55506a0bb4c90524138b4692/html5/thumbnails/2.jpg)
Imagine you are a manuscript scholar
![Page 3: Interoperability in practice: a cross-repository image viewer (Mirador)](https://reader035.vdocuments.mx/reader035/viewer/2022070315/55506a0bb4c90524138b4692/html5/thumbnails/3.jpg)
Beinecke MS 310, New Haven, CT BNF Français 1728, Paris, France
Ms. lat. oct. 121, Collegeville, MN Walters MS 34, Stanford, CA
![Page 4: Interoperability in practice: a cross-repository image viewer (Mirador)](https://reader035.vdocuments.mx/reader035/viewer/2022070315/55506a0bb4c90524138b4692/html5/thumbnails/4.jpg)
![Page 5: Interoperability in practice: a cross-repository image viewer (Mirador)](https://reader035.vdocuments.mx/reader035/viewer/2022070315/55506a0bb4c90524138b4692/html5/thumbnails/5.jpg)
![Page 6: Interoperability in practice: a cross-repository image viewer (Mirador)](https://reader035.vdocuments.mx/reader035/viewer/2022070315/55506a0bb4c90524138b4692/html5/thumbnails/6.jpg)
![Page 7: Interoperability in practice: a cross-repository image viewer (Mirador)](https://reader035.vdocuments.mx/reader035/viewer/2022070315/55506a0bb4c90524138b4692/html5/thumbnails/7.jpg)
![Page 8: Interoperability in practice: a cross-repository image viewer (Mirador)](https://reader035.vdocuments.mx/reader035/viewer/2022070315/55506a0bb4c90524138b4692/html5/thumbnails/8.jpg)
Imagine an image viewer…
![Page 9: Interoperability in practice: a cross-repository image viewer (Mirador)](https://reader035.vdocuments.mx/reader035/viewer/2022070315/55506a0bb4c90524138b4692/html5/thumbnails/9.jpg)
that can show content from all four repositories…
![Page 10: Interoperability in practice: a cross-repository image viewer (Mirador)](https://reader035.vdocuments.mx/reader035/viewer/2022070315/55506a0bb4c90524138b4692/html5/thumbnails/10.jpg)
and let you compare…
![Page 11: Interoperability in practice: a cross-repository image viewer (Mirador)](https://reader035.vdocuments.mx/reader035/viewer/2022070315/55506a0bb4c90524138b4692/html5/thumbnails/11.jpg)
and inspect in detail.
![Page 12: Interoperability in practice: a cross-repository image viewer (Mirador)](https://reader035.vdocuments.mx/reader035/viewer/2022070315/55506a0bb4c90524138b4692/html5/thumbnails/12.jpg)
Say hello to Mirador
![Page 13: Interoperability in practice: a cross-repository image viewer (Mirador)](https://reader035.vdocuments.mx/reader035/viewer/2022070315/55506a0bb4c90524138b4692/html5/thumbnails/13.jpg)
Mirador is a multi-window image viewing and comparison workspace, that is…
• Open source• Community driven• Javascript• Extensible• Interoperable
And works with any IIIF-compatible repository
![Page 14: Interoperability in practice: a cross-repository image viewer (Mirador)](https://reader035.vdocuments.mx/reader035/viewer/2022070315/55506a0bb4c90524138b4692/html5/thumbnails/14.jpg)
Interoperability
Image and metadata sharing across institutions and collections.
=
![Page 15: Interoperability in practice: a cross-repository image viewer (Mirador)](https://reader035.vdocuments.mx/reader035/viewer/2022070315/55506a0bb4c90524138b4692/html5/thumbnails/15.jpg)
International Image Interoperability Framework
http://iiif.io
![Page 16: Interoperability in practice: a cross-repository image viewer (Mirador)](https://reader035.vdocuments.mx/reader035/viewer/2022070315/55506a0bb4c90524138b4692/html5/thumbnails/16.jpg)
![Page 17: Interoperability in practice: a cross-repository image viewer (Mirador)](https://reader035.vdocuments.mx/reader035/viewer/2022070315/55506a0bb4c90524138b4692/html5/thumbnails/17.jpg)
![Page 18: Interoperability in practice: a cross-repository image viewer (Mirador)](https://reader035.vdocuments.mx/reader035/viewer/2022070315/55506a0bb4c90524138b4692/html5/thumbnails/18.jpg)
![Page 19: Interoperability in practice: a cross-repository image viewer (Mirador)](https://reader035.vdocuments.mx/reader035/viewer/2022070315/55506a0bb4c90524138b4692/html5/thumbnails/19.jpg)
ARTstor Biblissima
Bodleian LibrariesBritish Library
Codices Electronici Sangallenses Harvard University
Johns Hopkins University Los Alamos National Laboratory
Stanford University Yale University
![Page 20: Interoperability in practice: a cross-repository image viewer (Mirador)](https://reader035.vdocuments.mx/reader035/viewer/2022070315/55506a0bb4c90524138b4692/html5/thumbnails/20.jpg)
![Page 21: Interoperability in practice: a cross-repository image viewer (Mirador)](https://reader035.vdocuments.mx/reader035/viewer/2022070315/55506a0bb4c90524138b4692/html5/thumbnails/21.jpg)
![Page 22: Interoperability in practice: a cross-repository image viewer (Mirador)](https://reader035.vdocuments.mx/reader035/viewer/2022070315/55506a0bb4c90524138b4692/html5/thumbnails/22.jpg)
![Page 23: Interoperability in practice: a cross-repository image viewer (Mirador)](https://reader035.vdocuments.mx/reader035/viewer/2022070315/55506a0bb4c90524138b4692/html5/thumbnails/23.jpg)
![Page 24: Interoperability in practice: a cross-repository image viewer (Mirador)](https://reader035.vdocuments.mx/reader035/viewer/2022070315/55506a0bb4c90524138b4692/html5/thumbnails/24.jpg)
Demo
![Page 25: Interoperability in practice: a cross-repository image viewer (Mirador)](https://reader035.vdocuments.mx/reader035/viewer/2022070315/55506a0bb4c90524138b4692/html5/thumbnails/25.jpg)
Digitally Enabled Scholarship with Medieval Manuscripts
1. An Edition of the First Recension of Gratian’s Decretum– Professor Anders Winroth, Professor of History– … and a team of graduate assistants
2. A Literary History of the English Book of Hours– Jessica Brantley, Professor of English
3. Creating English Literature, ca. 1385-ca. 1425– Alastair Minnis, Professor of English– Holly Rushmeier, Professor of Computer Science
4. Manuscript Analysis of Books of Hours– Holly Rushmeier, Professor of Computer Science
![Page 26: Interoperability in practice: a cross-repository image viewer (Mirador)](https://reader035.vdocuments.mx/reader035/viewer/2022070315/55506a0bb4c90524138b4692/html5/thumbnails/26.jpg)
Creating a Critical Edition• Scholars compare manuscripts in detail to establish the Latin text
• Manuscripts are scattered throughout Europe (and beyond): Admont, Barcelona, Florence, Paris, St. Gall, etc.
• Team’s previous working method was to use online viewers and/or local copies of images
• Mirador is perfectly suited to this use case
• Viewer instance configured for use by the project team
![Page 27: Interoperability in practice: a cross-repository image viewer (Mirador)](https://reader035.vdocuments.mx/reader035/viewer/2022070315/55506a0bb4c90524138b4692/html5/thumbnails/27.jpg)
![Page 28: Interoperability in practice: a cross-repository image viewer (Mirador)](https://reader035.vdocuments.mx/reader035/viewer/2022070315/55506a0bb4c90524138b4692/html5/thumbnails/28.jpg)
Viewing Books of Hours
• Investigation of the culture of reading shaped by these books and vernacular literature in the later Middle Ages
• About 800 manuscripts from late medieval England
• Each contains a standard set of Latin prayers, but also other texts, illustrations, marginal notes
• Mirador facilitates comparison of manuscripts
![Page 29: Interoperability in practice: a cross-repository image viewer (Mirador)](https://reader035.vdocuments.mx/reader035/viewer/2022070315/55506a0bb4c90524138b4692/html5/thumbnails/29.jpg)
![Page 30: Interoperability in practice: a cross-repository image viewer (Mirador)](https://reader035.vdocuments.mx/reader035/viewer/2022070315/55506a0bb4c90524138b4692/html5/thumbnails/30.jpg)
Creating English Literature, ca. 1385-ca. 1425
• Study of texts by leading authors of the day – namely, Chaucer, Gower, Langland and Hoccleve
• How were they produced, who produced them, and where?
• Non-invasive scientific analysis of the inks and pigments used by scribes and decorators in England (especially London)
![Page 31: Interoperability in practice: a cross-repository image viewer (Mirador)](https://reader035.vdocuments.mx/reader035/viewer/2022070315/55506a0bb4c90524138b4692/html5/thumbnails/31.jpg)
Multispectral Images
• Each band is processed into a black and white TIFF
• Viewer presents the user with a choice of alternate images for the page
![Page 33: Interoperability in practice: a cross-repository image viewer (Mirador)](https://reader035.vdocuments.mx/reader035/viewer/2022070315/55506a0bb4c90524138b4692/html5/thumbnails/33.jpg)
Manuscript Analysis of Books of Hours
• Holly Rushmeier, Professor of Computer Science
• Develop custom algorithms to segment the manuscript images into areas of text and areas of individual illustration
• Detect text layout
• Analyze the image contentImage from: ATHENA: Automatic Text Height ExtractioN for the Analysis of old handwritten manuscripts, R. Pintus, Y. Yang, and H. Rushmeier, Conference Paper: Digital Heritage 2013 (2013)
![Page 34: Interoperability in practice: a cross-repository image viewer (Mirador)](https://reader035.vdocuments.mx/reader035/viewer/2022070315/55506a0bb4c90524138b4692/html5/thumbnails/34.jpg)
Detecting Significant Features of Manuscript Materials
• Detect text orientation and de-skew images
• Detect main text block of the page
• Automatically determine the line height of the text
• Detect non-text areas (image vs. text)
• Features will be viewable as annotations in Mirador
• Mirador will allow rapid feedback of results to humanities scholars
![Page 35: Interoperability in practice: a cross-repository image viewer (Mirador)](https://reader035.vdocuments.mx/reader035/viewer/2022070315/55506a0bb4c90524138b4692/html5/thumbnails/35.jpg)
Image Annotations
![Page 36: Interoperability in practice: a cross-repository image viewer (Mirador)](https://reader035.vdocuments.mx/reader035/viewer/2022070315/55506a0bb4c90524138b4692/html5/thumbnails/36.jpg)
Image Annotations
![Page 37: Interoperability in practice: a cross-repository image viewer (Mirador)](https://reader035.vdocuments.mx/reader035/viewer/2022070315/55506a0bb4c90524138b4692/html5/thumbnails/37.jpg)
Implementing the IIIF Image API– Started project with no scalable
image support
– Deployed Djatoka image server
– Developed IIIF protocol adapter
– In production for about 6 months
– Easy!
– Friendly, helpful IIIF community
![Page 39: Interoperability in practice: a cross-repository image viewer (Mirador)](https://reader035.vdocuments.mx/reader035/viewer/2022070315/55506a0bb4c90524138b4692/html5/thumbnails/39.jpg)
8 manuscripts, 6 repositories
![Page 40: Interoperability in practice: a cross-repository image viewer (Mirador)](https://reader035.vdocuments.mx/reader035/viewer/2022070315/55506a0bb4c90524138b4692/html5/thumbnails/40.jpg)
Mirador in 3 Easy Steps
Step 1: Deploy an IIIF compliant image server
Step 2: Publish objects using IIIF metadata
Step 3: Deploy Mirador
![Page 41: Interoperability in practice: a cross-repository image viewer (Mirador)](https://reader035.vdocuments.mx/reader035/viewer/2022070315/55506a0bb4c90524138b4692/html5/thumbnails/41.jpg)
ContentDM
Djatoka
FSI Viewer
IIPImage Server
Loris
Luratech
![Page 42: Interoperability in practice: a cross-repository image viewer (Mirador)](https://reader035.vdocuments.mx/reader035/viewer/2022070315/55506a0bb4c90524138b4692/html5/thumbnails/42.jpg)
What’s next?
![Page 43: Interoperability in practice: a cross-repository image viewer (Mirador)](https://reader035.vdocuments.mx/reader035/viewer/2022070315/55506a0bb4c90524138b4692/html5/thumbnails/43.jpg)
Mirador 1.0• Image Viewing
– Basic zoom and pan– Thumbnail view– Scroll view– Metadata view– Image choice
• Comparison Features– Configurable window environment– Locked zoom– User-configurable size and scale
• Annotations– Annotation viewing for externally created annotations
• State– Saved state of workspace
• Interoperability– Ability to display content from multiple hosting sources
![Page 44: Interoperability in practice: a cross-repository image viewer (Mirador)](https://reader035.vdocuments.mx/reader035/viewer/2022070315/55506a0bb4c90524138b4692/html5/thumbnails/44.jpg)
Transcription viewing
![Page 45: Interoperability in practice: a cross-repository image viewer (Mirador)](https://reader035.vdocuments.mx/reader035/viewer/2022070315/55506a0bb4c90524138b4692/html5/thumbnails/45.jpg)
Multiple text representations
![Page 46: Interoperability in practice: a cross-repository image viewer (Mirador)](https://reader035.vdocuments.mx/reader035/viewer/2022070315/55506a0bb4c90524138b4692/html5/thumbnails/46.jpg)
Workspace Sharing
![Page 47: Interoperability in practice: a cross-repository image viewer (Mirador)](https://reader035.vdocuments.mx/reader035/viewer/2022070315/55506a0bb4c90524138b4692/html5/thumbnails/47.jpg)
Other media types
*Image/video credit: The British Library
![Page 48: Interoperability in practice: a cross-repository image viewer (Mirador)](https://reader035.vdocuments.mx/reader035/viewer/2022070315/55506a0bb4c90524138b4692/html5/thumbnails/48.jpg)
Annotation makingAnnotate*
*Image credit: annotorius.github.io
![Page 49: Interoperability in practice: a cross-repository image viewer (Mirador)](https://reader035.vdocuments.mx/reader035/viewer/2022070315/55506a0bb4c90524138b4692/html5/thumbnails/49.jpg)
Get involved
• Learn more: iiif.ioiiif.io/mirador
• Discuss: [email protected]
• Contribute: github.com/iiif/Mirador
• Give it a try
![Page 50: Interoperability in practice: a cross-repository image viewer (Mirador)](https://reader035.vdocuments.mx/reader035/viewer/2022070315/55506a0bb4c90524138b4692/html5/thumbnails/50.jpg)
Acknowledgements
• Ben Albritton, Stanford University• Christopher Jesudurai, Stanford University• Rob Sanderson, Los Alamos National Labs• Tom Cramer, Stanford University
![Page 51: Interoperability in practice: a cross-repository image viewer (Mirador)](https://reader035.vdocuments.mx/reader035/viewer/2022070315/55506a0bb4c90524138b4692/html5/thumbnails/51.jpg)
Thank you