Aller au contenu principal

Recensement et cartographie des croix de chemin

business Association : Les Croix de Pays
calendar_today
schedule + de 2 ans

Recensement et cartographie des croix de chemin

Les Croix de Pays est une application web de recensement et de cartographie des croix de chemin, développée bénévolement entre 2020 et 2022 pour une association. Elle permet aux enquêteurs de cataloguer ces éléments du patrimoine rural avec fiches détaillées, photos géolocalisées et carte interactive.

x10 est intervenu sur la conception et le développement complet de l'application : architecture technique, API REST, interface d'administration SPA et carte interactive Leaflet.

Contexte et enjeux

Les croix de chemin sont des éléments caractéristiques du patrimoine rural français. Présentes aux carrefours, en bordure de routes et à l'entrée des villages, elles témoignent de l'histoire et des traditions locales. Ce patrimoine est menacé par le temps, l'urbanisation et l'oubli.

L'association avait besoin d'un outil numérique pour :

  • Recenser — Cataloguer chaque croix avec ses caractéristiques : matériaux, inscriptions, légendes, état de conservation et localisation précise
  • Documenter — Associer des photos géolocalisées à chaque fiche pour constituer un inventaire visuel complet
  • Cartographier — Visualiser l'ensemble des croix recensées sur une carte interactive pour identifier les zones couvertes et les lacunes
  • Collaborer — Permettre à plusieurs enquêteurs de travailler en parallèle avec un workflow de relecture et de validation

Fonctionnalités clés

L'application couvre l'ensemble du cycle de recensement, de la saisie terrain jusqu'à la validation éditoriale.

  • Carte interactive — Carte Leaflet avec OpenStreetMap affichant l'ensemble des croix recensées. Un système de clusters regroupe les marqueurs par densité géographique et se décompose au zoom. Les croix isolées apparaissent sous forme de marqueurs individuels.
  • Fiches détaillées — Chaque croix dispose d'une fiche complète : commune, coordonnées GPS, numéro de référence, date de visite, type de matériaux (pierre, fonte, fer forgé, bois), socle, inscriptions, légendes et commentaires.
  • Gestion des photos — Upload de photos via Dropzone avec association automatique à la fiche de la croix. Chaque photo est numérotée et stockée avec un hash MD5 pour éviter les doublons.
  • Workflow de relecture — Les enquêteurs saisissent les fiches sur le terrain. Les validateurs relisent les informations via un formulaire dédié (onglet « Livre ») avec questions de contrôle et possibilité d'enregistrer avec ou sans validation définitive.
  • Filtres et recherche — Liste des croix filtrable par enquêteur, commune, statut de relecture et nombre de photos. Tri par ville, numéro ou date de visite.
  • Gestion des communes — Chaque commune est référencée avec son code INSEE, ses coordonnées centrales, sa surface, sa population et ses contours polygonaux pour vérifier automatiquement si une croix est bien positionnée dans sa commune.
  • Système de rôles — Trois niveaux d'accès : visiteur public (carte en lecture), enquêteur (saisie et relecture) et administrateur (gestion complète).
  • API REST — API Platform expose les données des croix, communes, photos et enquêteurs avec filtres avancés, pagination et sérialisation adaptée à chaque contexte (liste, détail, carte).

Contribution technique x10

x10 est intervenu bénévolement sur l'ensemble du projet, de la conception à la mise en production.

  • Architecture API-first — Backend Symfony avec API Platform pour exposer une API REST complète. Le frontend consomme exclusivement l'API, permettant une séparation nette entre logique métier et interface utilisateur.
  • Interface SPA Vue.js — Application monopage développée en Vue.js 2 avec TypeScript, Vuex pour la gestion d'état et Vue Router. Deux interfaces distinctes : administration complète et vue enquêteur simplifiée.
  • Cartographie Leaflet — Intégration de Leaflet avec MarkerCluster pour gérer efficacement l'affichage de centaines de marqueurs. Vérification automatique du positionnement des croix dans les contours polygonaux de leur commune.
  • Modélisation Doctrine — Conception du modèle de données : croix avec coordonnées embarquées (embeddable), communes avec contours GeoJSON, photos avec hachage de déduplication et enquêteurs avec rôles.
  • Upload et gestion de photos — Intégration de Dropzone pour l'upload multipart, stockage avec numérotation automatique et synchronisation du compteur de photos sur chaque fiche de croix.

Résultats

L'application a permis le recensement de plusieurs centaines de croix de chemin avec leurs photos et informations détaillées. La carte interactive offre une vision d'ensemble du patrimoine inventorié et le workflow de relecture garantit la qualité des données publiées.

Le choix d'une architecture API-first avec Vue.js a permis de proposer une expérience fluide et réactive aux enquêteurs de terrain, tout en maintenant une base de données structurée et exploitable.

Technologies

Back-end

PHP PHP Symfony Symfony API Platform API Platform

Front-end

Vue.js Vue.js TypeScript TypeScript Bootstrap Bootstrap Leaflet Leaflet jQuery jQuery

Infrastructure & Ops

OVH OVH

Données

MySQL MySQL

Captures d'écran

Carte interactive des croix de pays : clusters par commune et marqueurs individuels sur fond OpenStreetMap.
Liste des croix filtrables par enquêteur, ville et statut de relecture avec photos et badges.
Fiche détaillée d'une croix : photo, coordonnées GPS, caractéristiques (matériaux, inscription, légende) et formulaire d'enquête.
Formulaire de relecture d'une croix : validation des informations, référence bibliographique et adresse.

Questions fréquentes

Quel est le rôle de x10 dans ce projet ? expand_more
x10 est intervenu bénévolement sur la conception et le développement complet de l'application : architecture Symfony avec API Platform, interface d'administration Vue.js/TypeScript, carte interactive Leaflet, gestion des photos et workflow de relecture.
Quelles technologies sont utilisées ? expand_more
L'application repose sur Symfony avec API Platform pour l'API REST côté backend, Vue.js 2 avec TypeScript et Vuex pour l'interface d'administration SPA, Leaflet avec MarkerCluster pour la cartographie, Bootstrap 5 pour le responsive, Dropzone pour l'upload de photos et MySQL pour la base de données.
Comment fonctionne le recensement des croix ? expand_more
Les enquêteurs saisissent les fiches de croix sur le terrain : localisation GPS, commune, type de matériaux (pierre, fonte, fer, bois), inscriptions, légendes et photos. Chaque croix est positionnée sur une carte interactive. Un workflow de relecture permet aux validateurs de vérifier et compléter les informations avant publication.
À quoi sert la carte interactive ? expand_more
La carte Leaflet affiche l'ensemble des croix recensées avec un système de clusters qui regroupe les marqueurs par densité géographique. En zoomant, les clusters se décomposent en marqueurs individuels. Chaque marqueur ouvre la fiche détaillée de la croix avec ses photos et informations.