Skip to content

Quick Start

Geneviève Gates-Panneton edited this page Aug 11, 2022 · 5 revisions

Quick Start

The fastest way to get started is with the demo version. This is a full version of Neon, but it is hosted statically so your files are only saved locally to your browser or disk. Exactly what this means is explained later.

The Demo Launch Page

Loading a Sample File

Sample pages and the Salzinnes Antiphonal manuscript are provided for use. First click "Select a Sample Document" and then choose whether to load a single page or a full manuscript. Finally a dropdown of options is presented.

Animation load a sample document

Loading a Document

Any documents loaded will not leave your device. Instead, any files will be saved in a database in your browser. This provides access to documents other than those provided as samples. Select "Load a New Document" and then proceed to the next option.

This allows selecting either a single page or a full manuscript. For a single page, a single MEI file and single background image are added to the browser database. For a manuscript of multiple pages, a valid manifest file must be selected.

When either a document or documents are added, the index page will refresh upon success.

Loading a User-Provided Document

To load a document that was manually added to the database, the process is similar to loading a sample document. Choose "Select a Loaded Document" and then choose whether to load a single page (uploaded as an MEI file and background) or a manuscript (uploaded as a manifest file).

Load user manuscript from JSON-LD

Using Neon

Once a document is loaded, Neon largely looks the same. How to use Neon is covered in the main instructions document.

Basic Tasks

Highlighting

Animation showing how to highlight

Inserting Notes

Animation showing how to insert notes in Neon

Deleting and Inserting a Clef

Animation showing how to delete and insert a clef

Aligning a Staff to the Page

Animation showing the rotate feature

Editing Text

Animation showing text editing in Neon

Saving and Downloading in Neon

Neon prioritizes saving to a server when possible but, barring that, will save changes locally in some way over losing the changes. How this works only will make sense in context of the Neon Manifest. Neon data is stored in four places:

  1. On a server.
  2. In the browser database.
  3. In the NeonCore cache.
  4. In a downloaded file.

1. On a server

If the URI for the MEI file in an annotation is NOT a data URI then Neon will attempt to update the file in that location via a PUT request. If this request receives a 200 response, the file is considered as being updated. Otherwise the URI is converted to a data URI in this and the following places.

2. In the browser database

Neon uses PouchDB to maintain a database of documents in the browser. This is where "uploaded" documents are stored. The database holds an entry for each document that has been "uploaded" or opened in Neon and contains the same information as in a manifest. Whenever the user saves a document, the annotations that have changed are updated in the database.

3. In the NeonCore cache

On any change to a document, whether or not it is manually saved, a cached version of it is updated in the NeonCore component. This component will read from the browser database when necessary and write to it whenever an entry has changed and the user manually saves.

4. In a downloaded file

When a file is exported, the cache and browser database are synched and the contents of the browser database are downloaded in the form of a manifest.