Annona

Niqui O’Neill

NC State University Libraries

Digital Technologies Development Librarian

Annotating

https://medium.com/digirati-ch/beyond-the-viewer-fragments-and-links-in-annotation-space-b3284e25f34

Annotations

{
  "@context": "http://www.w3.org/ns/anno.jsonld",
  "id": "http://example.org/anno4",
  "type": "Annotation",
  "body": "http://example.org/description1",
  "target": {
    "id": "http://example.com/image1#xywh=100,100,300,300",
    "type": "Image",
    "format": "image/jpeg"
  }
}

https://www.w3.org/TR/annotation-model/

What is IIIF?

“The International Image Interoperability Framework (IIIF) is a set of shared application programming interface (API) specifications for interoperable functionality in digital image repositories. The IIIF is comprised of and driven by a community of libraries, museums, archives, software companies, and other organizations working together to create, test, refine, implement and promote the IIIF specifications. Using JSON-LD, linked data, and standard W3C web protocols such as Web Annotation, IIIF makes it easy to parse and share digital image data, migrate across technology systems, and provide enhanced image access for scholars and researchers. In short, IIIF enables better, faster and cheaper image delivery. It lets you leverage interoperability and the fabric of the Web to access new possibilities and new users for your image-based resources, while reducing long term maintenance and technological lock in. IIIF gives users a rich set of baseline functionality for viewing, zooming, and assembling the best mix of resources and tools to view, compare, manipulate and work with images on the Web, an experience made portable–shareable, citable, and embeddable.”

Existing Technologies

Manifest

Goals

Open source with low barrier to entry
Well documented
Dynamic
Allow for greater use of annotations

Development Decisions

Vue CLI to build JavaScript library; OpenSeadragon for storyboards.
Support all annotation data models
Support single Annotation and Annotation Lists.
Annotation URL to allow for specificity and annotations not contained in a manifest.
Add settings functionality to application

Using the Library

<script src="https://ncsu-libraries.github.io/annona/dist/annona.js"></script>

<link rel="stylesheet" type="text/css" href="https://ncsu-libraries.github.io/annona/dist/annona.css">