# Tutorial 3: Teaching with IIIF and Mirador

### Transcription

While there are multiple ways to produce transcriptions of IIIF-compliant materials, we're going to look From the Page for its ease of set-up and use. Below is an outline of what we'll cover when we look at this tool - but for a deeper dive please see the From the Page documentation (<https://content.fromthepage.com/project-owner-documentation/>)

1. Visit[ https://fromthepage.com/](https://fromthepage.com/)
2. Sign up for an account
   1. if you just want to try out the platform, use the "Sign Up" option
   2. if you think you might want to try running a class-sourced or crowd-sourced project, use the "Start Free Trial" option
3. To start your own project:
   1. Find a IIIF object out in the world (see Tutorial 1 for hints about how to do that)
   2. Load the object
   3. Determine participation (limited, open to the world)
   4. Determine transcription guidelines
   5. Determine editorial practices
4. For an excellent overview of considerations when setting up a project in From the Page for teaching or classroom purposes, please see Dr. Laura Morreale's excellent slide deck at: <https://onedrive.live.com/view.aspx?resid=DEE5371AC7986DD7!1151&ithint=file%2cpptx&authkey=!AFlZ_xw_ufA5wdE>
5. Get your data out when the project is complete

### Annotation

{% hint style="info" %}
IIIF uses the Web Annotation model for associating information between web resources. Read more about this model at <https://www.w3.org/TR/annotation-model/>
{% endhint %}

#### Simple annotation creation

* Visit <https://projectmirador.org/demo/>
* Review annotation tools (accessible via the "speech bubble" icon)
* NB: to re-use annotations, they must be saved and associated with the IIIF object - out of scope for this webinar, but learn more at <https://github.com/IIIF/awesome-iiif#annotations>

#### Using Annotations

* Example 1: The Library of a Humanist Prince (<https://spotlight.vatlib.it/humanist-library>) - hat tip to Paola Manoni and the Vatican Libraries team
* Example 2: Annona, an Annotation Library (<https://ncsu-libraries.github.io/annona/storyboard/>) - hat tip to Niqui O'Neill and the NCSU Libraries team

#### Telling Stories with Annotations

CogApp: Storiiies - <http://storiiies.cogapp.com/>

Storiiies Editor: <https://storiiies-editor.cogapp.com/>

Example: <https://storiiies.cogapp.com/viewer/aeqi/The-Stoning-of-Saint-Stephen>

How did we make this?

* Go to the Storiiies Editor (link above)
* Fill out the initial form&#x20;

![Storiiies Editor Form](/files/-M3qlWDkeZMQj5I7VNw_)

* Work through the interface to tell a story about your object
* Save and share

{% hint style="info" %}
Tip: we discussed finding the base image URL for a page within a IIIF item in the previous tutorials, but in short:

* Open the manifest URL (<https://purl.stanford.edu/qg312jm8718/iiif/manifest>, for instance)
* Navigate to the desired *canvas* (reminder: *canvas* is a IIIF term that we might think of as "page")
* and then find the *service @id* - see highlighted line below
  {% endhint %}

![](/files/-M3qmjOLJ5iU29Mda6tg)

### Reconstruction

IIIF, because it provides a way to share resources on the web, is an excellent tool for reconstructing broken books or otherwise bringing together content held in many different institutions. Dr. Lisa Fagin Davis (director of the Medieval Academy of America) has incorporated this into her teaching at Simmons University and elsewhere to reconstruct manuscripts broken up by Otto Ege.

* Read about her reconstruction of the Beauvais Missal here: <https://brokenbooks2.omeka.net/>
* Fragmentarium: <https://fragmentarium.ms/>
* Beauvais Missal in Fragmentarium: <https://fragmentarium.ms/overview/F-4ihz>
* IIIF Manifest for the reconstruction: <https://fragmentarium.ms/metadata/iiif/F-4ihz/manifest.json>

### Puzzles & Fun

IIIF provides access to images hosted by institutions around the world. Because these institutions are using the IIIF APIs to share content, we can use those images in a number of different contexts - including image-based puzzles and games that just need a web-accessible image to operate. Bonus: you don't have to host the image, you can just use the image - and libraries, archives, and museums get to know their content is being used in new and creative ways.

Simple slider puzzles. Example: <http://blalbrit.github.io/2016-06-06-slide_puzzle.html>

Jigsaw Puzzles. Hat tip to Emma Stanford for sharing this. See her Twitter thread at <https://twitter.com/e_stanf/status/1233102000151126017>&#x20;

Make your own:

* Go to: <https://www.jigsawexplorer.com/create-a-custom-jigsaw-puzzle/>
* Find the image URL for a IIIF image that you want to turn into a puzzle \*or\* use a version of Mirador that allows you to crop an image (I'm using <http://dms-data.stanford.edu/data/mirador_cropper/example.html> in this example)
* Enter it into the form with some metadata and create your puzzle
* Next: share that puzzle widely! (<https://jigex.com/fud8>)

### Join the Community

* See <https://iiif.io/community/> for all the ways you can participate and collaborate with colleagues around the world.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://benjamin-albritton.gitbook.io/bsa-iiif-tutorials/tutorial-3-teaching-with-iiif-and-mirador.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.