{"id":1086,"date":"2023-07-20T14:55:51","date_gmt":"2023-07-20T14:55:51","guid":{"rendered":"https:\/\/staffblogs.le.ac.uk\/library\/?p=1086"},"modified":"2025-02-26T13:38:27","modified_gmt":"2025-02-26T13:38:27","slug":"how-to-use-iiif-with-special-collections-online","status":"publish","type":"post","link":"https:\/\/staffblogs.le.ac.uk\/library\/2023\/07\/20\/how-to-use-iiif-with-special-collections-online\/","title":{"rendered":"How to use IIIF with Special Collections Online"},"content":{"rendered":"\n<p><\/p>\n\n\n\n<p class=\"has-medium-font-size\"><br>We have recently added a new function called IIIF, and its associated Mirador viewer, to our <a rel=\"noreferrer noopener\" href=\"https:\/\/specialcollections.le.ac.uk\/\" target=\"_blank\">Special Collections Online<\/a> platform. If you haven\u2019t heard of IIIF before: it stands for <em>International Image Interoperability Framework.<\/em> It is a technology that allows you view media files from online collections in a single, user-friendly viewer.<br><br><\/p>\n\n\n\n<p class=\"has-medium-font-size\">It\u2019s been developed for people using digitised library, archive and museum collections. Its particularly good for working with images, and for working with images from different institutions. You can find a list of collections that use IIIF on the<a rel=\"noreferrer noopener\" href=\"https:\/\/iiif.io\/guides\/finding_resources\/\" target=\"_blank\"> official website<\/a>.<br><br> <\/p>\n\n\n\n<p class=\"has-medium-font-size\"><\/p>\n\n\n\n<p class=\"has-medium-font-size\">The best way to understand IIIF is to see it in action: in the video below I show you how it can be used with our image collections. We look at our newest collection <a rel=\"noreferrer noopener\" href=\"https:\/\/specialcollections.le.ac.uk\/digital\/collection\/p16445coll16\" target=\"_blank\">Views of England and Wales<\/a>. This is a collection of over 2000 images of historic landscapes, buildings and monuments. Most of them are 18<sup>th<\/sup> and 19<sup>th<\/sup> century prints, but there are some drawings and watercolours as well.&nbsp;I have some suggestions in the video for how IIIF might be useful for research using topographical images; these ideas are also applicable to our <a rel=\"noreferrer noopener\" href=\"https:\/\/specialcollections.le.ac.uk\/digital\/collection\/p15407coll4\" target=\"_blank\">Ghost Signs<\/a> collection or <a rel=\"noreferrer noopener\" href=\"https:\/\/specialcollections.le.ac.uk\/digital\/collection\/p15407coll5\" target=\"_blank\">Vanished Leicester<\/a>. IIIF also works for books and other text-based documents, including the <a rel=\"noreferrer noopener\" href=\"https:\/\/specialcollections.le.ac.uk\/digital\/collection\/p16445coll4\" target=\"_blank\">Historical Directories<\/a> collection. However, it doesn&#8217;t currently work with sound, film or 3D objects.<br><br> <\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"Exploring Images with IIIF and Mirador\" width=\"620\" height=\"349\" src=\"https:\/\/www.youtube.com\/embed\/BdWLLVFy9Rk?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Where are IIIF functions on Special Collections Online?<\/h2>\n\n\n\n<p class=\"has-medium-font-size\">To find IIIF functions on Special Collections Online, first go to any image or document. You\u2019ll see two things that we can use. First on the top right-hand side, is the Mirador viewer logo (a chunky letter M). If you click on this logo it opens a new tab with a version of the Mirador viewer (Mirador 3 to be precise). The image and its metadata will also be there ready to use.<br><br> <\/p>\n\n\n\n<p><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"420\" src=\"https:\/\/staffblogs.le.ac.uk\/library\/files\/2023\/07\/Mirador-locations-1024x420.png\" alt=\"\" class=\"wp-image-1093\" srcset=\"https:\/\/staffblogs.le.ac.uk\/library\/files\/2023\/07\/Mirador-locations-1024x420.png 1024w, https:\/\/staffblogs.le.ac.uk\/library\/files\/2023\/07\/Mirador-locations-300x123.png 300w, https:\/\/staffblogs.le.ac.uk\/library\/files\/2023\/07\/Mirador-locations-768x315.png 768w, https:\/\/staffblogs.le.ac.uk\/library\/files\/2023\/07\/Mirador-locations-1536x631.png 1536w, https:\/\/staffblogs.le.ac.uk\/library\/files\/2023\/07\/Mirador-locations.png 1678w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\"><em>The Mirador logo is located on the top right-hand side of any item.<\/em><\/figcaption><\/figure>\n\n\n\n<p class=\"has-medium-font-size\">To add more items to your viewer, you will need the IIIF Manifest of each item you want to use. The manifest describes the item and provides instructions to a IIIF viewer on how the image should be displayed. On our platform, the manifests are at the bottom of the item description. Copy the url displayed (which ends manifest.json) and then paste it into your viewer. In our version of Mirador, you do this using <strong>Add Resource<\/strong>. <br><br><\/p>\n\n\n\n<p class=\"has-medium-font-size\">At the bottom of Item Description you will also find the IIIF Image url, although you probably won&#8217;t need to use it.<br><br><\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/staffblogs.le.ac.uk\/library\/files\/2023\/07\/IIIF-Manifest-1024x690.png\" alt=\"\" class=\"wp-image-1094\" style=\"width:840px;height:566px\" width=\"840\" height=\"566\" srcset=\"https:\/\/staffblogs.le.ac.uk\/library\/files\/2023\/07\/IIIF-Manifest-1024x690.png 1024w, https:\/\/staffblogs.le.ac.uk\/library\/files\/2023\/07\/IIIF-Manifest-300x202.png 300w, https:\/\/staffblogs.le.ac.uk\/library\/files\/2023\/07\/IIIF-Manifest-768x518.png 768w, https:\/\/staffblogs.le.ac.uk\/library\/files\/2023\/07\/IIIF-Manifest.png 1101w\" sizes=\"auto, (max-width: 840px) 100vw, 840px\" \/><figcaption class=\"wp-element-caption\"><em>IIIF Manifests are at the bottom of Item Descriptions. <\/em><\/figcaption><\/figure>\n\n\n\n<p class=\"has-medium-font-size\">We have been able to add IIIF functions relatively easily as we use ContentDM for our platform, which supports the IIIF APIs and has several helpful <a rel=\"noreferrer noopener\" href=\"https:\/\/help.oclc.org\/Metadata_Services\/CONTENTdm\/Advanced_website_customization\/Customization_cookbook\/Mirador_3_integration\" target=\"_blank\">recipes<\/a> to install them and Mirador. Attending the IIIF Consortium <a rel=\"noreferrer noopener\" href=\"https:\/\/training.iiif.io\/iiif-online-workshop\/index.html\" target=\"_blank\">workshop<\/a> has greatly improved my understanding of how IIIF works and its possibilities: I&#8217;d recommend it to anyone working in a library or museum who wants to implement IIIF with their online collections. <br><br><\/p>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>We have recently added a new function called IIIF, and its associated Mirador viewer, to our Special Collections Online platform. If you haven\u2019t heard of IIIF before: it stands for International Image Interoperability Framework. It is a technology that allows you view media files from online collections in a single, user-friendly viewer. It\u2019s been developed [&hellip;]<\/p>\n","protected":false},"author":229,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[23,45,42],"tags":[56,53,54],"class_list":["post-1086","post","type-post","status-publish","format-standard","hentry","category-archives-and-special-collections","category-open-research","category-special-collections-online","tag-digital-heritage","tag-iiif","tag-mirador"],"_links":{"self":[{"href":"https:\/\/staffblogs.le.ac.uk\/library\/wp-json\/wp\/v2\/posts\/1086","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/staffblogs.le.ac.uk\/library\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/staffblogs.le.ac.uk\/library\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/staffblogs.le.ac.uk\/library\/wp-json\/wp\/v2\/users\/229"}],"replies":[{"embeddable":true,"href":"https:\/\/staffblogs.le.ac.uk\/library\/wp-json\/wp\/v2\/comments?post=1086"}],"version-history":[{"count":33,"href":"https:\/\/staffblogs.le.ac.uk\/library\/wp-json\/wp\/v2\/posts\/1086\/revisions"}],"predecessor-version":[{"id":1190,"href":"https:\/\/staffblogs.le.ac.uk\/library\/wp-json\/wp\/v2\/posts\/1086\/revisions\/1190"}],"wp:attachment":[{"href":"https:\/\/staffblogs.le.ac.uk\/library\/wp-json\/wp\/v2\/media?parent=1086"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/staffblogs.le.ac.uk\/library\/wp-json\/wp\/v2\/categories?post=1086"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/staffblogs.le.ac.uk\/library\/wp-json\/wp\/v2\/tags?post=1086"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}