L’évolution rapide des technologies numériques a ouvert de nouvelles voies pour la recherche historique et la diffusion des connaissances. En particulier, les manuscrits médiévaux peuvent maintenant être étudiés et visualisés de manière plus dynamique grâce aux outils modernes de webmapping.

Les études récentes ont mis en évidence l’importance de la localisation et de la mobilité des manuscrits pour comprendre les réseaux de transmission du savoir au Moyen Âge. Smith (2019) et Brown (2020) ont démontré comment la cartographie en ligne peut transformer des ensembles de données complexes en visualisations intuitives et interactives. Des projets tels que le Digital Atlas of Roman and Medieval Civilizations (DARMC), Mapping Manuscript Migrations (MMM), et Factoviz illustrent parfaitement les avantages du webmapping pour rendre les données historiques plus accessibles et compréhensibles (Johnson et al., 2018 ; Martin et al., 2021).

Le projet Factoviz (qui s’inscrit dans le cadre l’ANR COL&MON) utilise des techniques de visualisation de données pour créer des cartes interactives et dynamiques. Il montre comment des outils de webmapping peuvent être appliqués à des données complexes pour révéler des modèles et des relations importantes.

En s’inspirant de ce projet, cet article décrit comment une interface de webmapping, accessible à cette adresse : https://dev.irht.cnrs.fr/webmapping/camembert_test.html, a été créée. Elle a pour objectif d’ améliorer l’accessibilité, l’analyse et la diffusion des données géo-historiques médiévales de la base Bibale, développée par l’Institut de recherche et d’histoire des textes (IRHT). Cette base représente une ressource précieuse pour les chercheurs, rassemble des notices détaillées sur les manuscrits, les œuvres, les personnes et les institutions, fournissant une base solide pour les recherches liées à la période médiévale.

Les données géo-historiques de Bibale

Qu’est-ce qu’une donnée géo-historique ?

« Et si la meilleure façon de raconter l’histoire du monde, c’était de commencer par sa géographie ? »

Grataloup, Christian. L’invention des continents : une géographie de notre histoire. Paris, Larousse, 2009

Les données géo-historiques sont des informations historiques associées à des localisations géographiques spécifiques. Elles permettent de contextualiser des évènements, des objets ou des personnes dans un cadre spatial et temporel. Ces données incluent des éléments tels que :

• Localisation : la position géographique précise où un évènement s’est produit, où un manuscrit a été créé ou conservé.
• Chronologie : la période durant laquelle un événement s’est produit ou un objet a été utilisé.
• Relation spatiale : les connexions et interactions entre différentes localisations géographiques.

Les différents types de données de Bibale

La base de données Bibale rassemble des informations détaillées sur les manuscrits, les œuvres, les personnes et les institutions historiques. Les types de notices disponibles incluent :

1. Manuscrits : descriptions des manuscrits médiévaux, de leur contenu, leur origine, leur datation, et leur état de conservation.
2. Œuvres : informations sur les œuvres littéraires ou scientifiques contenues dans les manuscrits (les auteurs, les copistes et les annotations).
3. Personnes : notices biographiques sur les auteurs, copistes, possesseurs et autres personnes associées aux manuscrits.
4. Institutions : descriptions des bibliothèques, monastères et autres institutions où les manuscrits ont été conservés.
5. Provenances : historique de la possession des manuscrits, retraçant leurs mouvements à travers le temps et l’espace.
6. Reliure : Détails sur la reliure des manuscrits et des livres.
7. Collections : collections de manuscrits et de livres
8. Sources : sources documentaires utilisées pour décrire les manuscrits et les livres.

Concept et avantages du webmapping

Qu’est-ce que le webmapping ?

La cartographie en ligne, ou « webmapping », se définit comme un « processus de distribution de données géoréferencées via un réseau tel qu’Internet ou un intranet et de leur visualisation sur des applications cartographiques via une interface web » (Mitchell, 2005). Cette technologie permet de créer, afficher et interagir avec des cartes géographiques de manière dynamique et interactive, enrichissant l’expérience utilisateur par rapport aux cartes statiques traditionnelles.

Le webmapping combine des éléments de la géomatique, des systèmes d’information géographique (SIG) et des technologies web pour offrir des solutions de cartographie accessibles à un large public. Les principaux composants du webmapping sont :

• Les données géospatiales : informations géographiques sous forme de coordonnées, de polygones, de lignes et de points, qui sont essentielles pour représenter des objets et des phénomènes sur une carte.
• Les technologies web : langages et standards comme HTML, CSS, JavaScript et WebGL qui permettent de créer des interfaces interactives et des visualisations en ligne.
• Les plateformes de cartographie : logiciels et services tels que Leaflet, OpenLayers, Mapbox et Google Maps API qui facilitent et développement de cartes interactives et leur intégration dans des applications web.

Avantages du webmapping pour les données historiques de Bibale

Visualiser et diffuser les données historiques à l’aide de la technologie webmapping sont des étapes importantes dans le domaine de la recherche. Cette technologie, qui a évolué au cours des années, offre des possibilités d’interaction et d’analyse visuelle sans précèdent. Contrairement aux méthodes traditionnelles de stockage et de consultation des données, le webmapping permet une exploration dynamique et approfondie des informations historiques.

Le webmapping offre une interface visuelle interactive. Les utilisateurs peuvent désormais visualiser des cartes, zoomer, filtrer les données et obtenir des informations contextuelles, ce qui facilite la compréhension des relations spatiales et temporelles entre les événements historiques. La carte interactive créée pour ce projet (https://dev.irht.cnrs.fr/webmapping/camembert_test.html), permet d’explorer les données de Bibale de manière plus intuitive et enrichissante, elle apporte des avantages significatifs à plusieurs niveaux :

1. Tri avancé des données
   Fonctionnalités : tri par nom, type de notice, pays et combinaisons avec des dates spécifiques.
   Bénéfices : permet des analyses puissantes, comme déterminer la prévalence d’un texte à une période donnée. Par exemple, il est possible de choisir une notice spécifique pour une date donnée, ce qui offre une capacité d’analyse bien plus précise et ciblée.
2. Visualisation géographique des résultats
   Fonctionnalités : les résultats sont visualisés sur une carte.
   Bénéfices : permet de visualiser les lieux liés aux manuscrits, les concentrations géographiques d’activités littéraires ou scientifiques. De plus, la façon dont les résultats s’affichent sous forme de clusters permet de regrouper visuellement les données par zones géographiques ou par d’autres critères définis, rendant l’exploration des données plus claire et plus efficace.
3. Analyse spatio-temporelle
   Fonctionnalités : filtres et tri avec une visualisation temporelle.
   Bénéfices : les chercheurs peuvent analyser les dynamiques spatio-temporelles des manuscrits. Cela permet des analyses plus profondes, telles que l’identification des périodes et des lieux où certains manuscrits étaient les plus actifs.

Outils de webmapping utilisés

Pour réaliser cette page interactive des données historiques de Bibale, nous avons fait appel à diverses technologies et bibliothèques libres qui nous permettent d’offrir une interface utilisateur riche et conviviale.

• Leaflet : une bibliothèque JavaScript open-source pour créer des cartes interactives, offrant une flexibilité et une simplicité d’utilisation.
• noUiSlider : une bibliothèque de glissières (sliders) JavaScript qui permettant une sélection précise des plages de dates et d’autres valeurs numériques.
• Leaflet.markercluster : Un plugin pour Leaflet qui regroupe les marqueurs proches en clusters, améliorant ainsi la visualisation des données sur la carte
• Chart.js : une bibliothèque JavaScript pour créer des graphiques interactifs et informatifs, utilisée ici pour afficher le nombre de notices par type sur une période donnée.
• chroma.js : une bibliothèque JavaScript pour manipuler les couleurs, utilisée pour générer des icônes de marqueurs colorées en fonction du type de notice.
• HTML et CSS : pour structurer et styliser la page web, assurant une mise en page claire et agréable pour l’utilisateur
• JavaScript : Pour la logique d’interaction et de manipulation des données, rendant l’interface utilisateur dynamique et réactive.
• PHP : Pour interagir avec la base de données MySQL et récupérer les données nécessaires pour l’affichage sur la carte interactive.

Ces technologies et ces bibliothèques ont joué un rôle crucial dans la création d’une interface utilisateur interactive et conviviale qui assure une visualisation claire et précise des données historiques de Bibale. Avec Leaflet, noUiSlider, Leaflet.markercluster, chart.js, chroma.js et les langages HTML, CSS, JavaScript et PHP, nous avons réussi à créer une carte interactive complète, avec des filtres dynamiques et des graphiques informatifs, qui répondent aux besoins du projet.

Ce code initialise une carte interactive en utilisant la bibliothèque Leaflet. La carte est centrée sur des coordonnées spécifiques avec un certain niveau de zoom. Plusieurs couches de fonds sont ajoutées, comme OpenStreetMap et une vue satellite, ce qui permet à l’utilisateur de basculer entre différentes représentations de la carte. Un contrôle de mini-carte et une échelle sont également ajoutés pour faciliter la navigation sur la carte.

Ce code PHP récupère les données depuis une base de données MySQL pour les afficher sur une carte interactive. Les informations récupérées comprennent la latitude, la longitude, le type de notice, le pays, la commune, la région, les années de naissance et de mort, ainsi que d’autres détails pertinents. Ces données sont ensuite formatées en JSON pour être utilisées par le script JavaScript côté client, qui les affichera sous forme de marqueurs sur la carte.

Ce code récupère les données des marqueurs depuis un serveur via une requête à un fichier PHP. Une fois les données reçues, elles sont stockées et utilisées pour remplir les filtres disponibles. Les marqueurs sont ensuite affichés sur la carte selon les filtres sélectionnés.

Ce code crée un graphique en secteur (Pie Chart) interactif à l’aide de la bibliothèque Chart.Js. Le graphique en secteurs est utilisé pour afficher la répartition des notices par type. Chaque segment du graphique représente un type de notice, avec sa taille proportionnelle au nombre de notices correspondantes. Les couleurs des segments sont définies dynamiquement pour distinguer les différents types.

Cette capture d’écran montre l’interface de la page webmapping « Exploration interactive des notices Bibale – IRHT ». Sur la gauche, un panneau de contrôle permet à l’utilisateur de filtrer les données affichées sur la carte en fonction du nom, du type de notice, du pays, ou de la période historique grâce à un curseur de date. Le nombre total de notices correspondantes est affiché, ainsi qu’un graphique en secteur (Pie chart) représentant la répartition des notices par type.

La carte principale à droite affiche les marqueurs de localisation des notices, regroupés en clusters pour améliorer la lisibilité. L’utilisateur peut zoomer et dézoomer pour explorer les données géographiques. Des boutons en haut à droite permettent de télécharger les données, d’imprimer la carte, et d’accéder à une aide contextuelle. En bas à droite, une mini-carte offre une vue d’ensemble de la zone géographique actuelle. Ce design intuitif permet une exploration facile des données historiques, tout en fournissant des outils puissants pour l’analyse géographique et temporelle.

• Vous trouverez le code de l’interface sur GitHub : https://github.com/Abdourahman07/Projet_webmapping.git

Conclusion

L’évolution des technologies de webmapping, en particulier dans le domaine des technologies libres, ouvre de nouvelles perspectives pour l’analyse des données géo-historiques. Ces données peuvent désormais être consultées et visualisées de manière plus intuitive et interactive sur des cartes géographiques numériques.

L’intégration du webmapping dans les études historiques démontre clairement son potentiel pour fournir de nouveaux outils à la fois pour la recherche et pour la diffusion des données géo-historiques. Les fonctionnalités développées dans ce projet, telles que le tri des données, le curseur temporel et la visualisation géographique des résultats, offrent de nouvelles possibilités d’exploration des données. En outre, des outils libres comme Leaflet et Chart.js ont permis de créer une interface conviviale et fonctionnelle, adaptée aux besoins spécifiques des chercheurs.

Cependant, certaines limitations techniques et méthodologiques persistent, notamment en ce qui concerne la qualité des données géospatiales historiques et la gestion des incertitudes qui leur sont associées. Les données médiévales, souvent floues ou incomplètes, peuvent être difficiles à visualiser de manière précise. Pour progresser, une analyse plus approfondie de certaines données et le développement de nouvelles méthodes de visualisation adaptées aux spécificités des études médiévales pourraient être nécessaires. En résumé, le webmapping s’avère être un outil précieux pour la recherche, transformant la manière dont les données historiques sont visualisées, analysées et diffusées. Cette technologie permet une exploration interactive et dynamique, améliorant ainsi la compréhension et l’accessibilité des informations historiques.

Bibliographie

• Brown, T. (2020). The Role of Digital Mapping in Historical Research. Digital Humanities Quarterly, 14(3), 112-128.
• Grataloup, Christian. L’invention des continents : une géographie de notre histoire. Paris, Larousse, 2009
• Chart.js. (n.d.). Simple yet flexible JavaScript charting for designers & developers. Disponible à l’adresse: https://www.chartjs.org
• Chroma.js. (n.d.). JavaScript library for color conversions. Disponible à l’adresse: https://gka.github.io/chroma.js
• Johnson, S., & Martin, P. (2018). Digital Atlas of Roman and Medieval Civilizations (DARMC). Journal of Historical Geography, 54, 55-68.
• Leaflet. (n.d.). An open-source JavaScript library for mobile-friendly interactive maps. Disponible à l’adresse: https://leafletjs.com
• Leaflet.markercluster. (n.d.). Marker Clustering plugin for Leaflet. Disponible à l’adresse: https://github.com/Leaflet/Leaflet.markercluster
• Martin, A., & Brown, R. (2021). Mapping Manuscript Migrations (MMM). Digital Scholarship in the Humanities, 36(2), 189-205.
• Mitchell, A. (2005). The ESRI Guide to GIS Analysis: Volume 2: Spatial Measurements and Statistics. ESRI Press.
• Smith, J. (2019). Geospatial Analysis of Medieval Manuscripts. Historical Methods, 52(1), 34-47.
• noUiSlider. (n.d.). A lightweight JavaScript range slider. Disponible à l’adresse: https://refreshless.com/nouislider
• Factoviz Project. (n.d.). Visualisation de données pour l’ANR COL&MON. Disponible à l’adresse : https://analytics.huma-num.fr/Helene.Mathian/FactoViz/FactoViz_old/

Travail réalisé par Abdourahman Nour Omar dans le cadre d’un stage pour la validation d’un master 2 « Géographie, Aménagement, Environnement et Développement » de l’Université de Lorraine, sous la responsabilité de Anne Laurent (IRHT)

---

---