Vie de l'agence
24/03/2023

Mise en production du Portail des limites maritimes porté par le Gouvernement et le Shom

Illustration des limites maritimes françaises - Photo Shom.fr
Le Shom est un établissement public administratif placé sous la tutelle du Ministère des Armées. Nous sommes heureux d'assurer la maintenance Drupal des sites de l'établissement, dont nous entamons la refonte au fur et à mesure du temps.

Le Shom prend en charge le service hydrographique national et intervient en soutien aux politiques publiques maritimes et littorales. Dans cette mission, le Shom assure la maîtrise d’œuvre du portail national des limites maritimes (PNML) - limitesmaritimes.gouv.fr.

Le portail des limites maritimes (PNLM)

Fondé par le decret n°2017-821, le portail national des limites maritimes (PNLM) est le portail des informations officielles sur les délimitations maritimes de la France en application de la convention des Nations Unies sur le droit de la mer (CNUDM), dite convention Montego Bay.

Les principes fondateurs du portail sont : 

  • Donner un accès aux textes réglementaires (décrets) à jour sur les délimitations maritimes ;
  • Donner accès à une visualisation géographique avec accès aux données basée sur data Shom - https://data.shom.fr ;
  • Donner accès à un espace dédié à l'actualité.

Depuis 2019, le Comité de Pilotage du PNLM, présidé par le Secrétariat Général de la Mer (SGMer), a prévu d'enrichir le portail de nouvelles données réglementaires qui ne relèvent pas de la CNUDM comme les limites relatives aux zones de pêche, aux redevances archéologiques ou aux dispositifs de séparation du trafic.

Le projet de refonte du portail s'est par conséquent inscrit dans ce contexte d'enrichissement de données qui doit également permettre à d'autres producteurs de données d'intégrer le site (Aires marines protégées, Office français pour la biodiversité notamment).

Objectifs de la refonte avec Drupal

Le projet de refonte vise à répondre au réaménagement nécessaire suite à l'intégration de nouvelles limites réglementaires et à la mise en conformité du portail avec la nouvelle charte graphique de l’état (DSFR). Les objectifs principaux se résument par conséquent :

  • Par l'intégration de nouvelles couches d’informations (linéaires/surfaciques) de partenaires ;
  • Par l'amélioration de l’accessibilité et la visibilité des informations maritimes du portail ;
  • Par l'amélioration de l'architecture du site ;
  • Par la refonte de l'expérience utilisateur et l'application du système de design de l'Etat ;
  • Par la mise à disposition de l’interface géographique dès la page d’accueil ;
  • Par le respect des exigences du cahier des charges du SIG (Service d’Information du Gouvernement) nécessaire à l'obtention de l'extension .gouv.fr.

Périmètre d'intervention :

  • Conception UX
  • Conception UI et déploiement du DSFR
  • Développement Drupal 
  • Intégration
  • Tests et contrôle qualité
  • Déploiement
  • Maintenance

Conception UX et UI

Le shom a réalisé une analyse des attentes de ses utilisateurs avant de publier son appel d'offre. Cette première phase de rencontre et de recueil des avis des utilisateurs de l'ancien site a permis de concentrer l'attention sur les principaux parcours.

Nous avons conduit dans la foulée : 

  • Un audit UX de l'existant en le confrontant avec le Analytics (statistiques) du site ;
  • Des ateliers de co-création des wireframes ;
  • Une session de tests utilisateurs à la suite de la réalisation des maquettes UI.

Développement Drupal 

Le site, développé avec Drupal 9, a permis de clarifier l'organisation des données, en 4 catégories : 

  • Les délimitations maritimes ;
  • Les démimitations relatives à la protection de l'environnement en mer ;
  • Les limites relatives à la circulation maritime ;
  • Les limites relatives à l'occupation du domaine public maritime.

En ce qui concerne la cartographie, le projet de refonte se limite pour l'instant à une visualisation de la carte issue du site https://data.shom.fr, dont la production est assurée par le Shom. Toutefois un projet de bascule est à l'étude, pour permettre une visualisation de type "librairie cartographique" par l'intermédiaire de flux OGC.

DSFR et starter theme Drupal

Nous avons profité de ce premier déploiement du système de design de l'Etat français - DSFR avec Drupal pour préparer un starter thème pour nos futurs projets. Le thème n'est pas encore finalisé mais il correspond à notre souhait de pratiquer l'intégration atomique et Storybook pour rendre les intégrateurs indépendants du développement backend.

Nous proposons également une dizaine de paragraphes simples à manipuler pour les contributeurs, qui disposent d'une interface de contribution qui consomme également le DSFR, profite de son niveau d'accessibilité et de sa clarté. Le projet profite également de la stabilité de CKeditor5, désormais stable dans le Core de Drupal.


Performance optimisée

Conscient des exigences de performance d'affichage des pages, les résultats sont à la hauteur de nos objectifs fixés en début de projet.

Les bénéfices pour le Shom sont importants et peuvent se résumer à :
- Faciliter la publication en open data des données géographiques du Shom non encore diffusées ;
- Proposer des données réglementaires plus facilement visualisables et exploitables par tous ;
- Proposer des données réglementaires plus diverses (issues des partenaires) en soutien des politiques publiques maritimes et littorales.

Merci aux équipes du Shom pour leur coopération !

Mise en production : 21/03/2023
URL du site : https://limitesmaritimes.gouv.fr/

Témoignage client - Marion Landart, responsable du projet de refonte du PNLM : 
« Je tenais à vous remercier pour votre professionnalisme et réactivité. Vos analyses et compétences ont permis le bon déroulement du projet de refonte du PNLM.  Je reste disponible pour toutes les questions concernant ce site.
Encore merci pour votre travail.
Bonne continuation avec les autres projets du Shom 
Bravo à tous :clap: »