User Interface

Window

The Cartographer App window consists of the following parts:

  1. Header (Top Bar) — contains the title and a dropdown menu button (see number 1 in Image 1).
  2. Sidebar (Right Panel) — contains tools for editing and navigation (see number 2 in Image 1).
  3. Main Working Area — the central editing space (see number 3 in Image 1).
  4. Footer (Bottom Bar) — displays status information about mdivs, page numbers, and zones (see number 4 in Image 1).

Cartographer App Window
Image 1: Layout of the Cartographer App interface

The header contains a title (see number 1 in Image 2) and a dropdown menu button (see number 2 in Image 2).

Clicking the menu reveals options for uploading or downloading MEI files, and importing IIIF image files.
Additionally, the header includes buttons to open the Page Overview and toggle the Measure List.

Cartographer App Header
Image 2: Layout of the Cartographer App header

Clicking the dropdown menu in the header opens five options (see Image 3):

  1. Upload MEI File — upload an MEI file from your local repository (see number 1 in Image 3).
  2. Import IIIF Manifest — import an IIIF manifest from a server (see number 2 in Image 3).
  3. Download MEI File — download a rendered MEI file from Cartographer (see number 3 in Image 3).
  4. Show Page Overview — display all imported images and add more images (see number 4 in Image 3).
  5. Toggle Measure List — show or hide a list of all movements and measures in a sidebar (see number 5 in Image 3).

Header Menu Bar
Image 3: Header Menu Bar

The footer contains:

  1. Mdiv status display (see number 1 in Image 9).
  2. Page navigation buttons (see number 2 in Image 9).
  3. Button to jump to a new page (see number 3 in Image 9).
  4. Zone counter — shows the total number of zones on the current page (see number 4 in Image 9).

Cartographer App Footer
Image 9: Cartographer App Footer

The sidebar contains the following tools:

  1. Select Regions — choose and adjust existing regions (see number 1 in Image 10).
  2. Draw Rectangles — create new rectangular zones (see number 2 in Image 10).
  3. Add Measures to Zone — insert additional measures within the same zone (see number 3 in Image 10).
  4. Erase Measures — remove selected measures (see number 4 in Image 10).
  5. Automatic Measure Detection — run the detector to identify measures automatically (see number 5 in Image 10).
  6. Page Navigation — move between pages of the document (see number 6 in Image 10).

Sidebar
Image 10: The Cartographer App sidebar