The essentials in one page to get started with Adno..
An online service
As Adno is free software, you can also install it for yourself and others. The sources and installation instructions are available on Github.
Start a project
The Adno home screen is divided into three areas.
The first is a simple form, the second, next to it, allows you to load an existing project, and the third, below it, lists the projects stored by the browser.
It allows you to:
- create a project by entering the URL of a static image or an IIIF image,
- import a project by loading an Adno project file.
- retrieve a project a previously created project stored in your browser.
For each existing project in the browser, a series of buttons allows access to the following features:
Start with a static image
The image in
jpg format must be on the Internet permanently and you must know its address (the URL). Enter this URL in the dedicated field and click on
Create my project.
Start with an IIIF resource
You can start with an IIIF manifest or an IIIF image.
This is a URL provided by the document publisher. The manifest describes the document with its metadata and images.
If there are several images, select one.
You then use the direct url of an IIIF image, ending with
Start with an example
The examples page suggests resources from various domains.
Import a project
Use the Import a project button (
Importer un projet) to upload a previously downloaded Adno file.
View and edit your project
The same interface allows you to view and edit a project.
Icon options in the header :
- return to the home page and to the list of projects,
- export the current project,
- respectively reading and editing of the project metadata,
- switch from view mode to edit mode, and vice versa.
To create a new annotation choose an annotation form:
Then select an area on the image by clicking and dragging. The editing interface appears to write the annotation.
To modify the content of an existing annotation, click on it. To resize it, move on the circles at the corners.
Actions to manage each annotation from the annotation list:
- Edit this annotation,
- Focus on the annotation area,
- Move the annotation into the list of annotations,
- Delete the annotation.
- Autoplay of annotations (see settings),
- Back to the beginning of the annotation
- Previous annotation,
- Next annotation,
Pto start the autoplay,
Eto toggle FullScreen,
Sto toggle annotation bounds,
Tto toggle the toolsbar,
to move from the current annotation to the previous or the next one.
L’icone allows you to adjust some playback settings :
- delay between two annotations (5 seconds by default),
- viewport navigator,
- display the toolbar in full screen mode,
- display the navigation bar for annotations,
- always start autoplay at the first annotation,
- enable image rotation,,
- display the toolbar.
Actions to access each annotation from the annotation list:
- READ MORE View the annotation content in a modal window,
- Focus on the annotation area,
Retrieve your projects
Projects are stored in the local storage of your browser. You will be able to find them by reopening a session on the site from which they were created.
Share your projects
Start by downloading your Adno project. It takes the form of a simple text file in json format.
This file is generally light. So you can easily send it by e-mail. Your correspondent will then be able to visualize it, as well as make variations or corrections.
You can also place your file online and distribute its URL. To do this, you can use a website or file server. The IPFS protocol provides an interesting decentralized alternative.
Once your Adno project is online, you can make it visible on a web page by inserting an
iframe tag and adjusting the parameters below.
<iframe src="https://w.adno.app/#/embed?url=URL HERE" height="600px" width="100%" allow="fullscreen" ></iframe>
Note that by inserting the URL of an IIIF or non-IIIF image, or an IIIF manifest, you can obtain an IIIF viewer.
Adno views tags allows you to embed different types of visualization in your web pages.
Check the frequently asked questions and the documentation to learn more (beware! these parts are still incomplete). If you have any problems or suggestions, please contact us.