Comment visualiser votre projet Adno dans une page web?

Posted in News on June 2, 2023 by Thierry Pasquier ‐ 2 min read

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.