**Interface** _Outil de visualisation des photographies du fonds Colbert._
Par [__Louis Gavalda__](https://louis.ga/), étudiant en [master IMA](https://sciences.sorbonne-universite.fr/formation-sciences/masters/master-informatique/parcours-ima) à [Sorbonne Université](https://www.sorbonne-universite.fr/).
Compte-rendu rédigé dans le cadre de mon stage de fin d’études à l’[Encyclopédie d’histoire numérique de l’Europe](https://ehne.fr/fr).
[[`interface.ipynb`]())]
![](img/su_sciences.svg width=260px) # _Brainstorming_ ## Définition des besoins ### À quoi doit servir l’interface ? ~~L’interface doit permettre à un utilisateur de __naviguer naturellement__ mais _efficacement_ dans le fonds Colbert.~~ Nous nous donnons les objectifs suivants : - susciter la __curiosité__ de l’utilisateur ; - mettre le fonds Colbert _au bouts des doigts_ de l’utilisateur ; - proposer une __vision de haut niveau__ du fonds Colbert ; - faire surgir des questions dans l’esprit de l’utilisateur -- sur le fonds photographique lui-même, sur l’époque, sur un pays ou une tradition -- en comptant sur le principe de __sérendipité__. ### À qui s’adresse cette interface ? On souhaite que l’interface soit accessible au grand public tout en étant utilisable par des chercheurs ou étudiants en sciences sociales ### Quel usage en fera a priori l’utilisateur ? (Sachant qu’il est possible de proposer plusieurs expériences de navigation différentes.) ### De quelles informations dispose-t-on pour une image du fonds Colbert ? - Quelles sont les informations importantes à afficher directement ? dans un second temps ? - Image ; légende ; mots-clés ; etc. - Faut-il extraire la photographie de l’image en éliminant complètement les coins/contours noirs ? On perd parfois en lisibilité. - Est-il intéressant d’ajouter des graphiques permettant de rendre compte de la répartition des images (sachant qu’il existe environ 130 mots-clés différents) ? ## Idées pêle-mêle - Proposer un parcours adapté et/ou personnalisable : - différentes vues pour différents publics - Présenter une sélection aléatoire de photographies sur la page d’accueil. # Ressources ## Outils - [Web developer's guide to AVIF images](https://darekkay.com/blog/avif-images/) ## Inspirations ![[wikiview: a powerful visual explorer for Wikimedia Commons images](https://wikiview.net/)](img/screenshots/wikiview.png) ![[Squoosh](https://squoosh.app/)](img/screenshots/squoosh.png) ![[Six Degrees of Francis Bacon](http://www.sixdegreesoffrancisbacon.com/)](img/screenshots/bacon.png) ## Bibliographie ### Introduction to Information Visualization [Introduction to Information Visualization](https://www.springer.com/gp/book/9781848002180) > Riccardo Mazza. 2009. Introduction to Information Visualization (1st. ed.). Springer Publishing Company, Incorporated. > - Légèrement dépassé. ### Real-Time Visual Navigation in Huge Image Sets Using Similarity Graphs [Real-Time Visual Navigation in Huge Image Sets Using Similarity Graphs](https://arxiv.org/abs/1910.06005) > Barthel, K. U., Nico Hezel, Konstantin Schall and K. Jung. “Real-Time Visual Navigation in Huge Image Sets Using Similarity Graphs.” Proceedings of the 27th ACM International Conference on Multimedia (2019): n. pag. >