the visual annotation tool in itinera nova
DESCRIPTION
By André Streicher (HKI University Cologne) Colloquium Itinera Nova. Tools, people & history (City Archives Leuven) April 25th, 2013TRANSCRIPT
![Page 1: The visual Annotation Tool in Itinera Nova](https://reader034.vdocuments.mx/reader034/viewer/2022051609/5478bf69b4af9f47478b45ed/html5/thumbnails/1.jpg)
The visual Annotation Tool in The visual Annotation Tool in Itinera NovaItinera Nova
André StreicherHistorisch Kulturwissenschaftliche
InformationsverarbeitungUniversity at Cologne
Leuven, 25th April 2013
![Page 2: The visual Annotation Tool in Itinera Nova](https://reader034.vdocuments.mx/reader034/viewer/2022051609/5478bf69b4af9f47478b45ed/html5/thumbnails/2.jpg)
Perspectives on annotationsPerspectives on annotations
“Annotations are short, often rudimentary symbolic or written statements or small drawings, that are related to a specific location within a document and are also integrated firmly into the meta context of the document.”
(Schilit, Golovchinsky, & Price, 1998)
“The operation to annotate is integrated into the process of reading, it is a component of active reading.”
(Schilit, Golovchinsky, & Price, 1998)
![Page 3: The visual Annotation Tool in Itinera Nova](https://reader034.vdocuments.mx/reader034/viewer/2022051609/5478bf69b4af9f47478b45ed/html5/thumbnails/3.jpg)
Perspectives on annotationsPerspectives on annotations
Basic functions of annotations
(1) Review and memory function(2) Process and encoding function(3) Communication function
![Page 4: The visual Annotation Tool in Itinera Nova](https://reader034.vdocuments.mx/reader034/viewer/2022051609/5478bf69b4af9f47478b45ed/html5/thumbnails/4.jpg)
Perspectives on annotationsPerspectives on annotations
Category Dimension
Formformal <-> informalexplicit <-> implicit
Functionwrite <-> readextensive <-> intensivepermanent <-> transient
Communicationpublic <-> privateglobal / institutional / personal / working group
Dimensions of annotations according to Marshall (1998)
![Page 5: The visual Annotation Tool in Itinera Nova](https://reader034.vdocuments.mx/reader034/viewer/2022051609/5478bf69b4af9f47478b45ed/html5/thumbnails/5.jpg)
Perspectives on annotationsPerspectives on annotations
Benefits of digital annotation tools
o Separation between document and annotationo Permanenceo Layer conceptso Editabilityo Search functiono Work synchronously in real-timeo Communicative exchange
![Page 6: The visual Annotation Tool in Itinera Nova](https://reader034.vdocuments.mx/reader034/viewer/2022051609/5478bf69b4af9f47478b45ed/html5/thumbnails/6.jpg)
Perspectives on annotationsPerspectives on annotations
Dimensions of the medium
Interactive projection (on a board/ desk) maximumand electronic pen
Tablet computers and electronic pen paper similarity
Standard PC with a interactive screen
Standard PC, text entered via the keyboard,icons on menu selection by mouse
minimum
![Page 7: The visual Annotation Tool in Itinera Nova](https://reader034.vdocuments.mx/reader034/viewer/2022051609/5478bf69b4af9f47478b45ed/html5/thumbnails/7.jpg)
Annotation Tool in Itinera NovaAnnotation Tool in Itinera Novao Based on an palaeographical application from the
VdU- (Virtual German Charter Network) and MOM CA- (Monsterium Collaborative Archive) projects
o Client- side application based on HTML, CSS and Javascript (Usage of Jcrop library)
o Separation between public and private annotation (moderation system)
o Integrated into an eXist database environment
o Metadata are encoded in TEI
![Page 8: The visual Annotation Tool in Itinera Nova](https://reader034.vdocuments.mx/reader034/viewer/2022051609/5478bf69b4af9f47478b45ed/html5/thumbnails/8.jpg)
1 . Markup surfaces in an image and annotate it with a 1 . Markup surfaces in an image and annotate it with a specific transcriptionspecific transcription
o A precondition for the tool is an existing image of the originaldocument and a user account
User has to sign in, browse through a collection (‘Browse byFolio’) and choose a single folio
Click on the link ‘Open register in Annotation Tool’ to open folio in the Annotation Editor
![Page 9: The visual Annotation Tool in Itinera Nova](https://reader034.vdocuments.mx/reader034/viewer/2022051609/5478bf69b4af9f47478b45ed/html5/thumbnails/9.jpg)
Click on the arrow trigger on the bottom of the viewport to show the main button toolbar
Toolbar includes two buttons to zoom in or out on the image and a help system
To start the annotation process click on the ‘Selectmode’- buttonand mark up a region of the image
![Page 10: The visual Annotation Tool in Itinera Nova](https://reader034.vdocuments.mx/reader034/viewer/2022051609/5478bf69b4af9f47478b45ed/html5/thumbnails/10.jpg)
o A click on ‘Create Annotation’ displays an editor window to insert the metadata of the annotation (category, keyword and transcription)
o After saving the annotation the user has to click on the surface to show an information window with the metadata
![Page 11: The visual Annotation Tool in Itinera Nova](https://reader034.vdocuments.mx/reader034/viewer/2022051609/5478bf69b4af9f47478b45ed/html5/thumbnails/11.jpg)
It also shows a toolbar that has buttons to edit the transcription ofthe annotation, add more surfaces, edit existing surfaces,delete or publish the private annotation
![Page 12: The visual Annotation Tool in Itinera Nova](https://reader034.vdocuments.mx/reader034/viewer/2022051609/5478bf69b4af9f47478b45ed/html5/thumbnails/12.jpg)
2 . Publish these annotations in a moderated process2 . Publish these annotations in a moderated processo To publish an annotation the user has to click on the
button:o This will send a request to a moderator who has to decide
about the publication processo The user is able to follow the publication process of an
annotation in the ‘My Annotations’ section of his profile
![Page 13: The visual Annotation Tool in Itinera Nova](https://reader034.vdocuments.mx/reader034/viewer/2022051609/5478bf69b4af9f47478b45ed/html5/thumbnails/13.jpg)
o If a moderator has declined an annotation request, the user has the chance to edit the annotation, create a statement and
resend his request to the moderator
![Page 14: The visual Annotation Tool in Itinera Nova](https://reader034.vdocuments.mx/reader034/viewer/2022051609/5478bf69b4af9f47478b45ed/html5/thumbnails/14.jpg)
o If a moderator confirms a request, all visitors of the Itinera Nova platform are able to see the public annotation
![Page 15: The visual Annotation Tool in Itinera Nova](https://reader034.vdocuments.mx/reader034/viewer/2022051609/5478bf69b4af9f47478b45ed/html5/thumbnails/15.jpg)
o Registered users can use a warning triangle to alert the moderator, that a public annotation is wrong
o The moderator is able to edit or delete this annotationo Reports about incorrect annotations will also be shown in ‘My
Annotations’
![Page 16: The visual Annotation Tool in Itinera Nova](https://reader034.vdocuments.mx/reader034/viewer/2022051609/5478bf69b4af9f47478b45ed/html5/thumbnails/16.jpg)
3 . Search for image annotations in the Itinera Nova 3 . Search for image annotations in the Itinera Nova databasedatabase
o There is a ‘Annotation Search’ Link in the navigation menu of the page that opens a search mask to find public annotations
![Page 17: The visual Annotation Tool in Itinera Nova](https://reader034.vdocuments.mx/reader034/viewer/2022051609/5478bf69b4af9f47478b45ed/html5/thumbnails/17.jpg)
o Results will be displayed in chronological ordero Every result shows the information about the annotation
on left side and on the right a little thumbnail of the folio
![Page 18: The visual Annotation Tool in Itinera Nova](https://reader034.vdocuments.mx/reader034/viewer/2022051609/5478bf69b4af9f47478b45ed/html5/thumbnails/18.jpg)
HTML 5 and an Annotation toolHTML 5 and an Annotation tool
o Creation of polygon surfaces with the new canvas tag
![Page 19: The visual Annotation Tool in Itinera Nova](https://reader034.vdocuments.mx/reader034/viewer/2022051609/5478bf69b4af9f47478b45ed/html5/thumbnails/19.jpg)
HTML 5 and an Annotation toolHTML 5 and an Annotation toolo Mark up precisely parts of an imageo Fast client- side application o Support problems for older browser versions