Day 1 - Getting to know IIIF and Mirador
A gentle introduction to the International Image Interoperability Framework and an interactive viewer that allows for comparison and annotation.
Last updated
Was this helpful?
A gentle introduction to the International Image Interoperability Framework and an interactive viewer that allows for comparison and annotation.
Last updated
Was this helpful?
For more information, see
Image API
Presentation API
Quick Exercise: go to and manipulate the test image
For later: - developed by Jack Reed - is a wonderful tutorial that you can use for reference throughout this workshop.
From this tool, , try cropping specific images.
OCLC IIIF Explorer (experimental):
Bayerische StaatsBibliothek:
Stanford: ,
Biblissima (aggregates many European libraries):
The Vatican:
Find a manuscript that interests you from 1-5 above
Find the IIIF badge, and drag it into Mirador
Build a workspace view that compares two or more manuscripts
If you want, take a screenshot or picture of your comparison and share on Twitter: #IIIF
Overview of Annotation Tools (structuring data, actual tools for bounding boxes and coloration, tags, annotation bodies, etc.)
Annotating medieval maps: The Gough Map
Quick Exercise:
Using the manifest above
Using the annotation tools in Mirador, begin to describe what you see
Examples:
Find London. Draw a shape around it and annotate it as such.
Find the Isle of Orkney on the Gough map. Draw a shape around it and annotate it as such.
Create a route from London to another city on the map (virtual pilgrimage?)
Find other features of interest on either map and annotate them.
If you want, take a screenshot or picture of your annotations and share on Twitter using our hashtag #MirMed2019
Download the .zip or .tar of the latest version (in this case, 2.7.0)
Unzip it (it will produce a folder called "build")
From your browser, open the example.html file in that folder
Find where you downloaded Mirador
In a text editor, open the example.html file
Find a manifest you want to add
Start by creating an account at https://archive.org
Example:
becomes
Uploading your images to the Internet Archive:
Go to archive.org and use the upload tool
NB: You will need to create an Internet Archive account
General pattern: http://iiif.archivelab.org/iiif/:item_id
Advanced Preview: Running an image server locally
Install Docker
Follow the directions above to set up the docker-image locally
When you start the container use a command likedocker run -d -v /Users/blalbrit/Desktop/July2019/July52019:/usr/local/share/images -p 5004:5004 bdlss/loris-grok-docker
replacing the path to your local image folder and the docker-image if necessary
Quick refresher - Presentation API
Quick Exercise
Using the Oxford Manifest Editor, create and download a 2-image manifest of your own.
Find default.jpg URL
Except with Parker, replace / with %252F to mirror service @id
Save to GitHub Gist
Display using Mirador
A browser plug-in for finding IIIF manifests: (h/t to Niqui O'Neill)
More at
Manifest:
Open the map in the Mirador demo:
Go to
Add your manifest to the top of the list in the following format (replacing the URL for the manifest, and the location, as appropriate. An example:
{ "manifestUri": "https:///iiif/manifest", "location": "Stanford University, Burke Collection"},
We'll be using the Internet Archive IIIF service. If you have a non-IIIF image that is already online, you can put the URL to the image at the end of this URL:
which can be used as a IIIF Image URL like:
Once uploaded, you will have an archive.org URL like:
From here you can find your manifest by using your item ID in the following pattern:
Likewise, you can get to your specific image following this pattern:
Use or another loris container
Using the Oxford Manifest Editor:
Using the Oxford Manifest Editor (different host):
Using the Digirati Manifest Editor (version 3 API only):
Example:
