Week 9 Final Project Tutorial Assignment

Mapping Layers Tutorial

Introduction

In Digital Arts & Humanities (DAH) projects, annotating historical images like maps is essential to add context, transcriptions, and language details. Using Omeka S with IIIF (International Image Interoperability Framework) support, Simple Annotation Server (SAS), and the Annona viewer, we can collaboratively mark up digitized materials for scholarly research and public sharing.

For projects such as Mapping Layers, these tools help us manage high-resolution map images, annotate textual elements in multiple languages, and display those annotations interactively on public sites.

This tutorial walks through the full process of uploading, annotating, and displaying IIIF-compatible historical map images using these platforms.

Step-by-step Walk-through (Omeka S and SAS)

1. Log in to the requested Omeka S site: https://hhfinals.dgah.sites.carleton.edu/mapping-layers/admin
2. Navigate to Items -> Add New Item.
3. Under the “Value” button, fill in as much as possible. Then, click on Media -> Upload -> Choose files and upload the PNG image of the map. If still unclear about what to do, here are other online instructions about Omeka S.

4. Wait for complete uploading, then scroll down a little bit to click on the little arrow next to “site” (the little button inside the blue circle in the following screenshot)

5. As you will be redirected to the hosting site, scroll down to click on the “toggle bar” in the top left corner, and then scroll down to copy the IIIF manifest link as shown in the following images:

6. Log into Simple Annotation Server (SAS), click on “Add manifest link”, and paste the iiif link into it, then click on “Annotate in Mirador”, it should take you to this page:

7. In the top left corner, click on “toggle annotations” and choose the wanted tool to circle up text and add annotations

8. Adding Annotations by cicling up Japanese words and type in English translations, can add tags as well

9. When done click share and copy the link to the Manifest with annotations 

10. Back in Omeka S, create a page on the site and add an HTML block to hold the viewer code

• Click the Source button and paste in Annona viewer code to load the annotation viewer
• Use this as a base, swap out the URL for your SAS one above and consider tweaking other options explained on the Annona Library site