diff --git a/dhsi/SUMMARY.md b/dhsi/SUMMARY.md index 28257f40..687fd894 100644 --- a/dhsi/SUMMARY.md +++ b/dhsi/SUMMARY.md @@ -67,11 +67,9 @@ ## Wednesday, Session 2: 10:30am-12:00pm 2. [Simple annotation server](day-three/annotations-sas.md) 3. [Annonatate](day-three/annonatate.md) -4. [Exhibit / Storiiies/ Adno](day-three/annonatate.md) -5. [All maps]() -6. [Crowdsourcing Transcriptions From the Page / Zooniverse / Madoc]() -7. [IIIF Annotation Studio]() -8. [Recogito]() +4. [Storytelling editors](day-three/exhibit.md) +8. [Recogito](day-three/recogito.md) +9. [Other annotation platforms](day-three/annotation-other.md) 3. [Adding annotations to a manifest](day-three/annotation-in-manifest.md) diff --git a/dhsi/day-three/annotation-in-manifest.md b/dhsi/day-three/annotation-in-manifest.md new file mode 100644 index 00000000..1bb2e133 --- /dev/null +++ b/dhsi/day-three/annotation-in-manifest.md @@ -0,0 +1,79 @@ +# Adding annotations to a manifest +In order for **SOME** viewers to be able to view annotations you need to add them to your manifest. This is done manually. + +# How to link your manifest to annotations +Open up your manifest in VS Code. + +Then find the canvas your annotations point to then add the following: + +## For V2 Manifest +```json +"otherContent": [ + { + "@id": "https://iiif-test.github.io/BLJan2022/annotations/ce1d6509b5ec52275691847dd08d36b5.json", + "@type": "sc:AnnotationList", + "label": "My fantastic annotations" + } +] +``` + +## For V3 Manifest +```json +"annotations": [ + { + "id": "https://iiif.io/api/cookbook/recipe/0269-embedded-or-referenced-annotations/annotationpage.json", + "type": "AnnotationPage" + } +] +``` + +after the images array. Replace the URL after the `@id` with the URL of your annotation. A full V2 canvas example is below: + +```json +{ + "@id": "http://dams.llgc.org.uk/iiif/2.0/4004562/canvas/4004563.json", + "@type": "sc:Canvas", + "label": "1r", + "height": 5584, + "width": 3744, + "images": [ + { + "@id": "http://dams.llgc.org.uk/iiif/2.0/4004562/annotation/4004563.json", + "@type": "oa:Annotation", + "motivation": "sc:painting", + "resource": { + "@id": "http://dams.llgc.org.uk/iiif/2.0/image/4004563/full/1024,/0/default.jpg", + "@type": "dctypes:Image", + "format": "image/jpeg", + "service": { + "@context": "http://iiif.io/api/image/2/context.json", + "@id": "http://dams.llgc.org.uk/iiif/2.0/image/4004563", + "profile": "http://iiif.io/api/image/2/level1.json" + }, + "height": 5584, + "width": 3744 + }, + "on": "http://dams.llgc.org.uk/iiif/2.0/4004562/canvas/4004563.json" + } + ], + "otherContent": [ + { + "@id": "https://iiif-test.github.io/BLJan2022/annotations/ce1d6509b5ec52275691847dd08d36b5.json", + "@type": "sc:AnnotationList", + "label": "My fantastic annotations" + } + ] +}, + +``` + +Save the manifest. Watch out for JSON typing errors. Common JSON issues include: + + * Make sure that all the brackets match up + * Lines that are not the last line in a list or array must have a `,` at the end of the line. + +To make this easier you may want to use a JSON aware editor like VS Code which will tell you if you are missing brackets or commas. You can also copy and paste your JSON to: + +https://jsonlint.com/ + +which will tell you if the JSON is valid and if not where the error is. diff --git a/dhsi/day-three/annotation-other.md b/dhsi/day-three/annotation-other.md new file mode 100644 index 00000000..edc8a5cb --- /dev/null +++ b/dhsi/day-three/annotation-other.md @@ -0,0 +1,14 @@ +# Crowdsourcing transcriptions +1. [Cratylus](https://apps.bowdoin.edu/cratylus/) - a crowd-sourced art tagging toolset. +2. [FromThePage](https://fromthepage.com/landing) - a crowdsourcing platform for archives and libraries where volunteers transcribe, index, and describe historic documents. +3. [Madoc](https://madoc.digirati.com/) - a flexible crowdsourcing, research and teaching platform for digitised collections. +3. [Zooniverse](https://github.com/zooniverse/iiif-annotations) - A proof-of-concept, annotating a IIIF manifest with Zooniverse classification data. See also [Importing images into Zooniverse with a IIIF manifest: introducing an experimental feature](https://blogs.bl.uk/digital-scholarship/2022/04/importing-images-into-zooniverse-with-a-iiif-manifest-introducing-an-experimental-feature.html) and [Fun with IIIF](https://blog.zooniverse.org/2022/04/20/fun-with-iiif/) on the ability to use IIIF to import media into the Zooniverse project builder. + +# CMS integrations +1. [IIIF Toolkit](https://github.com/utlib/IiifItems) - IIIF Toolkit by University of Toronto Libraries is a plugin for Omeka Classic (2.3+) that integrates Mirador with a built-in annotator, a manifest generator, Simple Pages shortcodes and Exhibit Builder blocks for a rich presentation experience. + +# Maps +1. [AllMaps](https://allmaps.org/) - Georeference manifest images with annotations. + +# ALTO +1. [ALTO to annotation list](https://github.com/glenrobson/iiif_stuff/tree/master/alto2annotations) \ No newline at end of file diff --git a/dhsi/day-three/exhibit.md b/dhsi/day-three/exhibit.md new file mode 100644 index 00000000..870de475 --- /dev/null +++ b/dhsi/day-three/exhibit.md @@ -0,0 +1,50 @@ +# Exhibit.so +1. Go to [https://www.exhibit.so/exhibits/create](https://www.exhibit.so/exhibits/create) +2. Choose your view and fill out the form. Click `create exhibit` +![](imgs/storytelling-1.png) +3. Click `Add Item` +![](imgs/storytelling-2.png) +4. Add a manifest url. +![](imgs/storytelling-3.png) +5. In the viewer on the right zoom to the feature you want to highlight. +5. Click on the plus button to create an annotation +![](imgs/storytelling-4.png) +6. Create your comments. To share the view, click on the share button. +![](imgs/storytelling-5.png) +7. Keep track of your URLs +![](imgs/storytelling-6.png) +8. Below is the storytelling viewer that exhibit creates. +![](imgs/storytelling-7.png) + +# Storiiies +1. Go to [https://storiiies-editor.cogapp.com/](https://storiiies-editor.cogapp.com/) +2. Fill out form +![](imgs/storytelling-8.png) +3. In the viewer on the right zoom to the feature you want to highlight. +4. Click `Add new` to create an annotation. +5. After you are done creating annotations click the share button. +![](imgs/storytelling-9.png) +![](imgs/storytelling-10.png) +8. Below is the storytelling viewer that storiiies creates. +![](imgs/storytelling-11.png) + +# Adno +1. Go to [https://w.adno.app/#/](https://w.adno.app/#/) +2. Add manifest and click `CREATE MY OWN PROJECT` +![](imgs/storytelling-12.png) +3. Choose a picture from those listed (you can only use one image) and click `USE THIS PICTURE FOR MY PROJECT` +![](imgs/storytelling-13.png) +4. Add title, description (optional). click `CREATE MY NEW PROJECT` +![](imgs/storytelling-14.png) +5. Click on of the shapes in the toolbar and create a shape. +![](imgs/storytelling-15.png) +![](imgs/storytelling-16.png) +6. A pop up will appear for you to put your annotations in. Fill out and click save. +![](imgs/storytelling-17.png) +7. Click the download icon to download your annotations. Unfortunately the download doesn't conform to spec so you will have to do a little transformation if you want to use it in a different viewer. +![](imgs/storytelling-18.png) +![](imgs/storytelling-19.png) +8. View if you disable edit mode. +![](imgs/storytelling-29.png) + + diff --git a/dhsi/day-three/imgs/storytelling-1.png b/dhsi/day-three/imgs/storytelling-1.png new file mode 100644 index 00000000..b127445b Binary files /dev/null and b/dhsi/day-three/imgs/storytelling-1.png differ diff --git a/dhsi/day-three/imgs/storytelling-10.png b/dhsi/day-three/imgs/storytelling-10.png new file mode 100644 index 00000000..dac0bf0b Binary files /dev/null and b/dhsi/day-three/imgs/storytelling-10.png differ diff --git a/dhsi/day-three/imgs/storytelling-11.png b/dhsi/day-three/imgs/storytelling-11.png new file mode 100644 index 00000000..8b542d25 Binary files /dev/null and b/dhsi/day-three/imgs/storytelling-11.png differ diff --git a/dhsi/day-three/imgs/storytelling-12.png b/dhsi/day-three/imgs/storytelling-12.png new file mode 100644 index 00000000..496c9c7a Binary files /dev/null and b/dhsi/day-three/imgs/storytelling-12.png differ diff --git a/dhsi/day-three/imgs/storytelling-13.png b/dhsi/day-three/imgs/storytelling-13.png new file mode 100644 index 00000000..447c9af3 Binary files /dev/null and b/dhsi/day-three/imgs/storytelling-13.png differ diff --git a/dhsi/day-three/imgs/storytelling-14.png b/dhsi/day-three/imgs/storytelling-14.png new file mode 100644 index 00000000..a40b712a Binary files /dev/null and b/dhsi/day-three/imgs/storytelling-14.png differ diff --git a/dhsi/day-three/imgs/storytelling-15.png b/dhsi/day-three/imgs/storytelling-15.png new file mode 100644 index 00000000..53714bd8 Binary files /dev/null and b/dhsi/day-three/imgs/storytelling-15.png differ diff --git a/dhsi/day-three/imgs/storytelling-16.png b/dhsi/day-three/imgs/storytelling-16.png new file mode 100644 index 00000000..9fbb89c3 Binary files /dev/null and b/dhsi/day-three/imgs/storytelling-16.png differ diff --git a/dhsi/day-three/imgs/storytelling-17.png b/dhsi/day-three/imgs/storytelling-17.png new file mode 100644 index 00000000..cfa5a683 Binary files /dev/null and b/dhsi/day-three/imgs/storytelling-17.png differ diff --git a/dhsi/day-three/imgs/storytelling-18.png b/dhsi/day-three/imgs/storytelling-18.png new file mode 100644 index 00000000..5df18fc0 Binary files /dev/null and b/dhsi/day-three/imgs/storytelling-18.png differ diff --git a/dhsi/day-three/imgs/storytelling-19.png b/dhsi/day-three/imgs/storytelling-19.png new file mode 100644 index 00000000..72a65754 Binary files /dev/null and b/dhsi/day-three/imgs/storytelling-19.png differ diff --git a/dhsi/day-three/imgs/storytelling-2.png b/dhsi/day-three/imgs/storytelling-2.png new file mode 100644 index 00000000..636d3002 Binary files /dev/null and b/dhsi/day-three/imgs/storytelling-2.png differ diff --git a/dhsi/day-three/imgs/storytelling-20.png b/dhsi/day-three/imgs/storytelling-20.png new file mode 100644 index 00000000..4b5aea34 Binary files /dev/null and b/dhsi/day-three/imgs/storytelling-20.png differ diff --git a/dhsi/day-three/imgs/storytelling-3.png b/dhsi/day-three/imgs/storytelling-3.png new file mode 100644 index 00000000..00724cde Binary files /dev/null and b/dhsi/day-three/imgs/storytelling-3.png differ diff --git a/dhsi/day-three/imgs/storytelling-4.png b/dhsi/day-three/imgs/storytelling-4.png new file mode 100644 index 00000000..e5d264a7 Binary files /dev/null and b/dhsi/day-three/imgs/storytelling-4.png differ diff --git a/dhsi/day-three/imgs/storytelling-5.png b/dhsi/day-three/imgs/storytelling-5.png new file mode 100644 index 00000000..3a8ca233 Binary files /dev/null and b/dhsi/day-three/imgs/storytelling-5.png differ diff --git a/dhsi/day-three/imgs/storytelling-6.png b/dhsi/day-three/imgs/storytelling-6.png new file mode 100644 index 00000000..fe8334b1 Binary files /dev/null and b/dhsi/day-three/imgs/storytelling-6.png differ diff --git a/dhsi/day-three/imgs/storytelling-7.png b/dhsi/day-three/imgs/storytelling-7.png new file mode 100644 index 00000000..8b542939 Binary files /dev/null and b/dhsi/day-three/imgs/storytelling-7.png differ diff --git a/dhsi/day-three/imgs/storytelling-8.png b/dhsi/day-three/imgs/storytelling-8.png new file mode 100644 index 00000000..e15d4411 Binary files /dev/null and b/dhsi/day-three/imgs/storytelling-8.png differ diff --git a/dhsi/day-three/imgs/storytelling-9.png b/dhsi/day-three/imgs/storytelling-9.png new file mode 100644 index 00000000..a297d036 Binary files /dev/null and b/dhsi/day-three/imgs/storytelling-9.png differ diff --git a/dhsi/day-three/recogito.md b/dhsi/day-three/recogito.md new file mode 100644 index 00000000..e39cabfc --- /dev/null +++ b/dhsi/day-three/recogito.md @@ -0,0 +1,8 @@ +# Recogito + +1. Go to [https://recogito.pelagios.org/](https://recogito.pelagios.org/) +2. Create an account and log in. + + + +3. Annotations aren't viewable but are downloadable. \ No newline at end of file