LegacyFacsimileMarkup

This page includes some examples of different approaches for facsimile (image-based) markup.

=P5 Guidelines, 22.3 (Specific Elements for Graphic Images)=

The P5 Guidelines describe four elements for including graphic images in TEI documents:


 * figure: contains a block containing graphics, illustrations, or figures.
 * graphic: indicates the location of an inline graphic, illustration, or figure.
 * binaryObject: provides encoded binary data representing an inline graphic or other object.
 * figdesc: contains a brief prose description of the appearance or content of a graphic figure, for use when documenting an image without displaying it.

&lt;figure> is the parent element for the others. &lt;figure> may also contain (a header or title) and &lt;p> (commentary or caption, not a description of the image):

Figure is also self-nesting, which allows for description of image fragments, though as TEI is now described those image fragments would have to be separate image files. Would it be useful to instead have a way to note coordinates using an attribute or attributes in &lt;graphic>? (@mets:coords or @svg coordinate attributes; see http://www.tei-c.org.uk/wiki/index.php/TEI_to_SVG#Mapping_attributes): My entire image  fragment 1  fragment 2  If a graphic contains a large amount of text, and the editor determines that the graphic actually contains that text (the text is not part of the surrounding text), &lt;figure> may contain &lt;text>.

Linking Text & Image in P5
The Guidelines describes a number of ways to link text and image using methods described fully in 14 Linking, Segmentation, and Alignment.

Linking thumbnails to full-resolution images
To link thumbnails to larger images, create a  

Associate images/parts of images with text elements
Use the linking mechanism described in 14 Linking, Segmentation, and Alignment to link together a figure (the example in the guidelines uses an external SVG file, parts of which are identified with xml:ids) and TEI elements (which are likewise identified using xml:ids).

First, we use pointers to the graphic image:  

These point inside the SVG file:     

Areas in the TEI file are also uniquely identified: 



Then we can use a linkgroup to pull this all together:   <link targets="#CHAP2 #PD2"/> </linkGrp>

=Draft Recommendations for TEI Digital Facsimiles=

http://users.ox.ac.uk/~lou/wip/digfax.html

This document, authored by Richard Gartner and Lou Burnard and last updated in 2001, outlines ways to use TEI to represent three types of digital objects:


 * complete digital transcriptions of the content of manuscript or print originals (possibly including illustrations as well as text)
 * collections of digitized page images (digital facsimiles) intended for use as surrogates for complete manuscript or print originals
 * digital objects (digital editions) combining both page facsimiles and transcriptions, possibly also including layers of editorial annotation

The authors attempt to address these areas of concern:


 * the need to distinguish images of a manuscript or print source from images located within it;
 * the need to support multiple formats of a single image;
 * the need to associate metadata at different levels (e.g. collection level, item level);
 * the need to associate transcription and facsimile in a standard way;
 * the need to define practices which can be used equally well in both SGML and XML environments;
 * the desire to avoid special purpose rules which assume nonstandard or ad hoc processing rules.

Case 1: Transcription
Updated to cite chapters in P5:

The content of a transcription should be marked up as a single &lt;TEI> element using the standard TEI elements &lt;text>, &lt;body>, &lt;div>, etc. from the TEI core tag sets.

Follow the Guidelines chapters 18 Transcription of Primary Resources and 13 Manuscript Description.

If the source contains "significant illustrative material", use &lt;figure> (and children) from Guidelines chapter 22 Tables, Formulae, and Graphics to insert illustrations in their proper location in the transcript.



feond mid his geferum eallum. Feollon þa ufon of heofnum þurhlonge swa þreo niht and da gas, þa englas of heofnum on helle, and heo ealle forsceop drihten to deoflum.

Fall of the Angels <figDesc>Above, God, cross-nimbed, beardless, and holding a closed book, accompanied by three angels, turns and gestures toward three angels on    the left, one of whom (Lucifer?) holds a palm frond ...</figDesc>

Case 2: Digital Facsimile
Should be marked as a separate <TEI> element. TEI structural tags may be used, but need not be, especially if differences between textual structure and physical structure cause overlap.

Each distinct image making up the facsimile should be encoded as a element, arranged in the normal reading sequence of the facsimile. The appropriate milestone element (<pb/> or <cb/>) should be used at the appropriate place in the facsimile.



<figDesc>[Page 16: 15 lines of text followed by image of "Fall of Angels" (Ohlgren 16.11)]</figDesc> <figDesc>[Page 17: 15 lines of text followed by image of "Fall of Angels" (Ohlgren 16.12)]</figDesc>

elements may be self-nested to show that one image logically contains others (in cases where two image fit together to form one larger image).



<figDesc> <figDesc>[Page 16: 15 lines of text (detail of upper part)]</figDesc> <figDesc>[Page 16: Image of "Fall of Angels" (Ohlgren 16.11) (detail of lower part)</figDesc> </figDesc>

3: Techniques for Referencing Images
Recommends declaring the file containing the image as an external entity and then referencing that entity using the "entity" attribute in. This approach depends on the use of the DTD (no longer practical given the TEI's move towards using the RelaxNG schema), and relies on an attribute that is no longer included in P5.

In TEI P5 there are also two new elements, and <binaryObject> which may be used to represent image references or images respectively. These permit the encoding of figures containing multiple images, for example. The element has a "url" attribute which enables the association of a with its corresponding image file. The recommendations in Gartner and Burnard need to be revised substantially in this respect.



<figDesc>[Page 16: 15 lines of text followed by image of "Fall of Angels" (Ohlgren 16.11)]</figDesc>  <figDesc>[Page 17: 15 lines of text followed by image of "Fall of Angels" (Ohlgren 16.12)]</figDesc> 

&lt;figure> may contain more than one graphic, so it is possible to relate multiple image files to a single physical object: <figDesc>[Page 16: 15 lines of text followed by image of "Fall of Angels" (Ohlgren                   16.11)]</figDesc>   <figDesc>[Page 17: 15 lines of text followed by image of "Fall of Angels" (Ohlgren                   16.12)]</figDesc>  

Other options mentioned in the recommendation: Xlink or Xinclude.

4: Aligning transcription and facsimile
The TEI Guidelines propose a number of methods for aligning parts of a document (see www.tei-c.org/Guidelines/SA). These may be briefly summarized as follows (see Chapter 14 Linking, Segmentation, and Alignment).
 * use the @corresp attribute to assert that a <pb> (or other reference point) in the transcription corresponds with a <pb> in the facsimile (or the reverse);
 * alternatively, use a stand-off element to assert the association between the two <pb> elements;
 * for cross-document linking, an intermediate may be used as the target.



=Method used by the Edition Production Technology (EPT): Link text and images=

The EPT (now EPPT: http://beowulf.engl.uky.edu/~eft/EPPT-Demo.html) uses a system combining a Image Catalog combined with a special attribute for coordinates to enable linking between text and image. For more details, see here: http://beowulf.engl.uky.edu/~kiernan/eBoethius/tech.htm#tech.

Image Catalog
The Image Catalog is a simple XML file that consists of lists of image files organized by category. There is one category for every set of image files for a given source.
 * daylight (images taken under regular lighting)
 * ultraviolet (images taken under ultraviolet lighting)
 * microfilm (images scanned from microfilm)

Categories are assigned unique IDs.

Within each category, the user associates each file with an ID that is unique within the category. IDs will repeat across categories. Essentially, these IDs associate the files with the same object, which may be represented by multiple images.



<category name="daylight" id="d"> <file name="aih0244-JPG.jpg" id="5v" /> <file name="aih0245-JPG.jpg" id="6r" /> <file name="aih0242-JPG.jpg" id="6v" /> <category name="ultraviolet" id="u"> <file name="uv-5v.jpg" id="5v" /> <file name="uv-6r.jpg" id="6r" /> <file name="uv-6v.jpg" id="6v" /> <category name="microfilm" id="m"> <file name="mf-5v.jpg" id="5v" /> <file name="mf-6r.jpg" id="6r" /> <file name="mf-6v.jpg" id="6v" />

The file IDs from image catalog are then associated with an attribute within the text markup itself. The attribute used is configured by the user; for the Electronic Boethius, we used the attribute n in the element   (folio). The content for each folio is thus associated with the correct image files (from every category):

points to and <file id=“5v”/> and <file id=“5v”/>



Attribute for Coordinates
A TEI element can be associated with a rectangular region of an image by encoding the co-ordinates of the region's corners as an attribute of that element. The EPT allows the user to assign an attribute (Electronic Boethius uses coords). In whatever elements that attribute is defined, the coordinates, selected by the editor, are automatically entered by the software. The ID assigned to the categories in the Image Catalog are appended to the beginning of the coordinates.

<damage coords="d:1058,738,1093,798">

=Method used by the UVic Image Markup Tool: Annotate images=

The UVic Image Markup Tool (http://www.tapor.uvic.ca/~mholmes/image_markup/) uses TEI, modified to allow for the inclusion of SVG (http://www.w3.org/Graphics/SVG/), to create a system for annotating images.

Stated goals of the Tool:


 * be simple for novices to use
 * load and display a wide variety of different image formats
 * allow the user to specify arbitrary rectangles on the image, and associate them with annotations
 * allow such rectangles to overlap if the user wishes
 * provide mechanisms for bringing overlapped rectangles to the front easily
 * allow annotations to be grouped into categories, distinguished by name and appearance, to allow different classes of annotation
 * require no significant knowledge of XML or TEI
 * allow the use of XML code if the user wishes
 * save data in an XML file which conforms to a TEI P5-based schema
 * reload data from its own files
 * generate a simple "Web view" of the data for display in a browser
 * come packaged with an installer, Help file, and basic tutorial
 * be simple for novices to use!

Simplified example from the IMT web: <TEI> <teiHeader> </teiHeader> <svg xmlns="http://www.w3.org/2000/svg"> </TEI>

Using this system, a user can annotate many sections of a single image. Unlike the EPT system described above, in which the coordinates are stored directly in the element, here the image coordinates are stored in a separate section and linked to the annotations using unique IDs (svg:id in  ) to link the areas to the annotation content (n in &lt;div type="imtAnnotationLayer">).



<svg xmlns="http://www.w3.org/2000/svg"> <image xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="NB-B-17328.jpg" width="5060" height="6025"/> NB-B-17328.jpg 5060 x 6025 <rect svg:id="NB-B-17328_0" x="4287" y="1412" width="580" height="426" style="3" color="#ff0000"/> <rect svg:id="NB-B-17328_1" x="4067" y="2019" width="720" height="747" style="3" color="#ff0000"/> <div type="imtAnnotationLayer" n="NB-B-17328_0"> la chandelle allume la découverte. Il a trouvé la cache. <div type="imtAnnotationLayer" n="NB-B-17328_1"> le couvercle de la malle Il est pris sans vert



(TEI examples from the UVic file example: http://www.tapor.uvic.ca/~mholmes/image_markup/Amant.xml)

For more details on the TEI/SVG used by the IMT, see here: http://www.tapor.uvic.ca/~mholmes/image_markup/xml.php

=Using METS to link text and image=

What is METS?
While a library may record descriptive metadata regarding a book in its collection, the book will not dissolve into a series of unconnected pages if the library fails to record structural metadata regarding the book's organization, nor will scholars be unable to evaluate the book's worth if the library fails to note that the book was produced using a Ryobi offset press.” (METS: An Overview and Tutorial)
 * Metadata Encoding and Transmission Standard (http://www.loc.gov/standards/mets/)
 * “a standard for encoding … metadata regarding objects within a digital library”
 * Centered at the Library of Congress
 * Developed out of the metadata specs from the LOC’s “Making of America 2” project (MOA2)
 * Developed by librarians and archivists, for librarians and archivists
 * Accepted standard with a broad user base (http://sunsite.berkeley.edu/mets/registry/)
 * Unrelated to TEI

Why METS?

 * System to organize disparate parts and relate files (and pieces of files):
 * Areas on images correspond with sections of text
 * Areas on images relate to one another
 * Areas of text relate to one another
 * METS provides sections for defining the logical and/or physical structure of the digital object
 * File Section (fileSec)
 * Structural Map (structMap)

File Section
“lists all files containing content which comprise the electronic versions of the digital object.”
 * Similar to the EPT Image Catalog

Within the FileSec
"<fileGrp USE='facsimile'>" "<file ID='C-Clbiv-69v' MIMETYPE='image/tiff'>" "<FLocat LOCTYPE='URN' xlink:href='images/C-Clbiv-69v.jpg'/>"
 * FileSec consists of Groups of File Locaters
 * File Group: contains related files
 * File: assigns the individual files unique identifiers
 * File Locater: points to the location of the file, using xlink syntax

Example (Images)
<fileGrp USE="facsimile"> <file ID="C-Clbiv-69v" MIMETYPE="image/tiff"> <FLocat LOCTYPE="URN" xlink:href="images/C-Clbiv-69v.tif"/> <file ID="C-Clbiv-70r" MIMETYPE="image/tiff"> <FLocat LOCTYPE="URN" xlink:href="images/C-Clbiv-70r.tif"/> … </fileGrp>

Example (Transcript)
<fileGrp USE="transcript"> <file ID="id-pref-genesis" MIMETYPE="text/xml"> <FLocat LOCTYPE="URN" xlink:href=“transcription/pref-genesis.xml"/> <file ID="id-genesis" MIMETYPE="text/xml">    <FLocat LOCTYPE="URN" xlink:href=“transcription/genesis.xml"/> <file ID="id-exodus" MIMETYPE="text/xml"> <FLocat LOCTYPE="URN" xlink:href=“transcription/exodus.xml"/> … </fileGrp>

Structural Map
“outlines a hierarchical structure for the digital library object, and links the elements of that structure to content files … that pertain to each element.”
 * Organization may be logical or physical
 * A single METS file may contain multiple structural maps

Within the StructMap
...   <fptr FILEID="C-Clbiv-1v"/> <area FILEID="id-genesis" BEGIN="1v.32" END="1v.38"/>
 * StructMap consists of organizational divisions, that may nest
 * The divisions contain pointers to the files, and areas of files, indexed in the fileSec

Example (Basic)
The first file pointer references the corresponding image file, while the second one references the corresponding line range (BEGIN and END) in the XML file (these are the values of, for example, @xml:id on &lt;lb/> <div LABEL="Folio 69v" ORDER=“139"> <fptr FILEID="C-Clbiv-69v"/>    <area FILEID="id-genesis" BEGIN="69v.1" END="69v.12"/>  <fptr FILEID="C-Clbiv-70r"/>    <area FILEID="id-genesis" BEGIN="70r.1" END="70r.38"/>

Example (Advanced)

 * &lt;area>: reference coordinates within an image file.
 * especially useful for extensively illustrated manuscripts
 * create links between text and image.
 * @COORDS in for image files
 * @BEGIN and @END in for XML/TEI files
 * Simplifies encoding:
 * no need to define @COORDS to clutter up the TEI;
 * no need to find a place to store a linking section in the TEI file
 * no need to use the SVG namespace
 * separate the objects (image and XML files) from the indexing of their relationships with one another



<div LABEL="Annotation 1" <area FILEID="C-Clbiv-69v" COORDS="40,12,975,121"/> <area FILEID="id-genesis" BEGIN="69v.annot.1"/> <area FILEID="C-Clbiv-69v" COORDS="96,87979,572"/> <area FILEID="id-genesis" BEGIN="69v.illus.1"/> <area FILEID="C-Clbiv-69v" COORDS="71,531,978,859"/> <area FILEID="id-genesis" BEGIN="69v.1" END="69v.9"/>

=Conclusions=
 * Draft Recommendations for TEI Digital Facsimiles
 * Not robust
 * No specific image/text linking
 * Based on TEI P3 (though updated on this page to TEI P5)
 * Edition Production Technology (EPT)
 * Designed for textual annotation, but can annotate illustrations as well
 * Markup schema is not defined - editors can use their own markup schemas (requires @coords)
 * Complex
 * Dependent on editing software
 * Supports most image file formats (jpeg, tiff, gif, bmp)
 * No visualization outside of the editing environment
 * UVic Image Annotation Tool
 * Simple
 * Annotates via description – no “text encoding” (i.e., cannot include in an electronic transcription)
 * Based on accepted standards
 * Markup schema is defined (extended TEI + SVG)
 * Visualization through SVG-enabled browser
 * METS
 * Very complex
 * Objects separate from indexes
 * Flexible – can link many textual and image sections (Venetus A – link main text and several layers of annotations)
 * No visualization (yet) for the more advanced image-text links