日本語で見る

How to use the IIIF Annotation Editor

A video walkthrough of an open-source, browser-based editor for IIIF images: draw rectangle and polygon annotations, read cursive (kuzushiji) script with NDL Koten OCR, and collaborate in real time via Firebase.

IIIFAnnotationOCRFirebaseOpenSeadragonDigital Humanities

Narrated walkthrough

Chapters

  1. 1

    Intro — annotation, OCR & collaboration

    What the editor is, its key features, and getting started by just entering a Manifest URL

  2. 2

    Signing in & opening a IIIF image

    Create an account with email/Google, then view the Tale of Genji (Kiritsubo) from the University of Tokyo in OpenSeadragon across multiple pages

  3. 3

    Drawing rectangle & polygon annotations

    Enclose a region with the rectangle tool, enter rich text saved to Firestore, and use polygons for complex shapes

  4. 4

    OCR in the browser

    Run NDL Koten OCR from the toolbar and turn detected regions and text into annotations in bulk

  5. 5

    Managing annotations & collaboration

    Manage and search in the list, click to focus a region, browse across materials in My Annotations, and sync on any device

  6. 6

    Export & wrap-up

    Export as IIIF Annotation, TEI/XML, or JSON, generate a IIIF Manifest with annotations, and find it open-source on GitHub