Accueil / Réalisations / Portail Bruxelles Mobilité

Portail Bruxelles Mobilité

Site web des modes de transport à destination des 18 communes de la région de Bruxelles-Capitale

Projet

Le Service Public de la Région de Bruxelles (SPRB) souhaitait refondre son portail à destination du grand public. Les objectifs étaient :

  • refondre le socle technique devenu obsolète et non maintenu
  • créer un nouveau visuel en adoptant un responsive design
  • ajouter de nouvelles sources de données au sujet des différents modes de transport, en particulier les informations sur les bus, trains et tramways, en récupérant les horaires des prochains passages

Le SPRB a fait appel a nous initialement pour un passage d'un CMS maison à Drupal 7, qui depuis à fait l'objet d'une migration vers Drupal 9.

Client : Service Public de la Région de Bruxelles
SPRB

mobilite-mobiliteit.brussels

  • Accueil
  • Carte avec caméras
  • Carte vélo
  • Carte transports en commun
  • Carte clustering
  • GeoJSON projets
  • Site responsive

Challenge

Une des fonctions principales consiste à s'interfacer avec de nombreuses sources de données externes (Open Data) par l'usage de nombreux services web REST/JSON différents.

Le site présente des projets structurants (chantiers, voirie, lignes de transport en commun) sur une carte. Nous avons mis en place la possibilité de créer des fichiers GeoJSON avec des options de mise en forme (couleurs, icônes) pour une meilleure visualisation sur la carte des projets.

Le site étant à destination d'un public belge, il faut mettre en oeuvre des fonctions d'internationalisation sur plusieurs types de contenus et taxonomies et ceci dans trois langues NL, FR et EN.

L'autre difficulté est de sécuriser la performance d'un site fortement exposé en termes de trafic, surtout lors de pics de charges (grèves, météo, manifestations dans la capitale européenne). Cela nécessite la mise en place de mécanismes de cache avancés

Enfin, lors de la première version du site, nous avons repris de manière automatique une partie des données du précédent portail qui utilisait une base de données Oracle pour remplir le site Drupal 7. Ce travail a une nouvelle fois été mis en oeuvre lors de la migration de Drupal 7 à 9 avec une migration automatique des contenus via le module Migrate. Des traitements avancés ont été mis en oeuvre afin de convertir les contenus existants pour qu'ils bénéficient des nouveaux apports de Drupal 9 comme le support des Médias, et de meilleures performances avec des images responsives.

Solution

Nous avons développé la solution sur la base du CMS Drupal. De nombreux modules ont été développés pour récupérer les données externes, les filtrer, les retoucher et les présenter sur le site, tout en garantissant que ces données soient valides même en cas de problèmes sur les fournisseurs de données. Les modules classiques de la suite Internationalisation (Drupal 7) ou du coeur (Drupal 9) ont été mis en oeuvre, et l'usage du module Migrate nous a permis de reprendre les données Oracle dans le premier projet puis de passer de Drupal 7 à Drupal 9 lors de la refonte.

Côté front, des développements importants ont été réalisés autour de la librairie Javascript Leaflet afin : 

  • de disposer d'un sélecteur de sources de données ergonomique
  • de conserver des performances correctes avec un grand nombres d'objets (plusieurs centaines sur certaines sources)
  • d'afficher les données de manière lisible lorsqu'il y a plusieurs sources activées

L'architecture fait appel aux composants classiques d'un site Drupal haute performance (Varnish, NGinx, PHP FPM, Elastic Search). Le passage à Drupal 9 nous offre la possibilité d'utiliser les "cache tags" en relation avec Varnish ce qui permet des invalidations plus sélectives des caches, ou une réactivité plus importante en cas de modification des contenus.

Expertise

Ce projet a mobilisé les différentes expertises de Makina Corpus : 

  • développements spécifiques autour du CMS Drupal
  • développement front et JavaScript pour le thème en responsive design ainsi que la carte
  • création d'une charte graphique moderne
  • définition et mise en oeuvre d'une infrastructure haute performance

La méthodologie itérative du projet nous a permis de livrer de manière régulière, tous les mois, une nouvelle version du portail permettant de communiquer régulièrement notre avancement auprès du client.