Comment visualiser votre projet Adno dans une page web?

Un projet Adno se présente sous la forme d’un simple fichier texte qui peut être enrégistré et partagé. Ce fichier est au format du standard Web Annotation model format. Il peut donc être traité par Adno et par tout autre logiciel compatible.

Nativement, Adno permet d’incorporer un projet Adno dans une page web. Il est nécessaire que le projet soit accessible en ligne. Ensuite il suffit d’insérer une balise iframe en respectant la syntaxe suivante.

<iframe 
    src="https://r.adno.app/#/embed?url=URL DU PROJET" 
    height="600px" width="100%"
    allow="fullscreen"
></iframe>

Soit :

Adno views tags #

Le projet compagnon Adno views tags vous permet d’intégrer différents types de visualisations dans vos pages web. Attention, il ne fonctionne qu’avec des projets Adno basés sur des images IIIF.

Pour obtenir chaque rendu, il suffit d’associer des attributs du type data-* à une balise enveloppante. Cf. exemple ci après ou MODE est à remplacer par infos, list, slider, embed ou annona, ainsi que URL par l’url d’un projet Adno.

<div data-adno="MODE" 
    data-src="URL"
    data-width="800px";
></div>

Pour en savoir plus et notamment la liste des options associées à chaque mode, consultez la documentation.

Infos #

Liste les métadonnées du projet.

Slider #

Visualisation en mode diapo

Liste #

Liste des images et de leurs annotations en légende

Annona #

Il est aussi possible de faire appel à la superbe bibliothèque Annona qui offre une flopée de possibilités.

Conclusion #

Adno joue le jeu de l’interopérabilité et les projets qu’il permet de reéaliser sont facilement réutilisables par d’autres logiciels.