Santé & prévoyance

IRP AUTO

Photo illustrant un mécanicien sous un pont, travaillant à la réparation d'une voiture - Photo de Enis Yavuz sur Unsplash
Drupal
Date de mise en ligne
24/10/2023

IRP AUTO nous a confié la mise à niveau de son site internet de Drupal 7 à Drupal 10.

Interventions : 
⇢  Adaptation UI
⇢  Migration Drupal 7 à Drupal 10
⇢  Reprise des contenus et configurations

(*) Crédit photo principale - Photo de Enis Yavuz sur Unsplash

De Drupal 7 à Drupal 10 : l’exemple de la mise à niveau du site IRP AUTO (irp-auto.com)

"Lorsque nous avons confié à l’agence Bluedrop la montée de version sur notre site public de Drupal 7 à Drupal 10, c’était loin d’être gagné d’avance. En quelques mois, l’agence a parfaitement relevé ce défi qui, en plus des aspects techniques, imposait une reprise automatique de la majorité de nos contenus et un re-lifting graphique respectant l’existant. Bravo à toute l’équipe pour son écoute, sa disponibilité, son implication et sa capacité à nous proposer des solutions !"

Photo de l'auteur du témoigagne
Samira Personne Cheffe de projet utilisateurs.

"Dans un contexte complexe et un planning extrêmement serré, l'équipe bluedrop.fr a su nous accompagner grâce à son expertise technique sur le choix de la solution et sur les enjeux d'une migration de version. Et ce de la phase de contractualisation jusqu'à la mise en production."

Image décorative
Mayalène Dronne, Chef de produits portails.

Le contexte

IRP AUTO nous a confié la mise à niveau de son site internet de Drupal 7 à Drupal 10. Cette mise à niveau est aujourd’hui entrée en phase de TMA, le groupe IRP AUTO envisage à présent d’optimiser ses parcours utilisateurs. 

IRP AUTO est le groupe de protection sociale des services de l’automobile. Il propose entre autres des services en matière de prévention, de retraite complémentaire, de prévoyance, de complémentaire santé, d’épargne salariale et d'action sociale.

Son site diffuse les actualités du groupe, des articles, des vidéos, une foire aux questions, des sondages, des documents à consulter ou à télécharger. Il est à la fois un outil commercial, un outil d’information et la porte d’entrée vers les espaces sécurisés des utilisateurs. Conscient de l’obsolescence inévitable de la version 7 de Drupal, le groupe IRP AUTO a souhaité :

  1. Assainir et mettre à jour l’applicatif ainsi que les configurations des environnements d’exploitation (OS, php, apache et MariaDB).
  2. Réaliser une mise à niveau “iso-fonctionnelle” du site vers Drupal 10, en profitant de la refonte du thème pour appliquer une légère amélioration des interfaces graphiques.
De Drupal 7 à Drupal 10 : l’exemple de la mise à niveau du site IRP AUTO (irp-a…
Capture d'écran du site irp-auto.com Drupal 10

Méthodologie

La mise à niveau technique entre les versions 7 et 8/9/10 n’est pas techniquement envisageable. Les efforts de la communauté se sont orientés vers la mise à disposition d’un chemin de migration des contenus. Il convient par conséquent de réinstaller une instance Drupal 10 isolée.

Les grandes étapes du projet :

1 ️ ⃣   Initialisation du projet : récupération des sources, de la documentation et cartographie technique de IRP AUTO en version 7.

2 ️ ⃣   Audit technique du site Drupal 7 puis rédaction des spécifications techniques.

3 ️ ⃣   Déploiement d'une nouvelle instance Drupal 10 et import des contenus, utilisateurs, fichiers et configurations.

4 ️ ⃣   Intégration responsive d’un nouveau thème Twig, moteur de templates intégré au CMS depuis sa version 8.

5 ️ ⃣   Reprise des URL et optimisations SEO.

6 ️ ⃣   Tests, contrôle qualité et recette.

7 ️ ⃣   Mise en exploitation du site en tenant compte des contraintes de déploiement (et du pipeline d'intégration continue).

Photo illustrant un architecte Drupal qui analyse une instance Drupal 7 dans le but de la porter vers Drupal 10

La mise à niveau Drupal 7 vers Drupal 10

L’audit nous a permis de prendre en main le site Drupal 7, sa cartographie générale :

  • Passer en revue le site actuel, dresser une liste des contenus, de ses caractéristiques et fonctionnalités. 
  • Évaluer le contenu et les fonctionnalités actuelles, définir ce qui doit être conservé, adapté ou abandonné.
  • Examiner le design/thème actuel.
  • Vérifier la compatibilité entre l'environnement d'hébergement et Drupal 10.
  • Identifier les difficultés potentielles lors de la mise à jour, telles que la persistance de modules incompatibles avec Drupal 10, ou abandonnés et non portés vers des versions supérieures à Drupal 7. En cas d’incompatibilité, nous avons dû proposer des modules alternatifs supportés en version 10.

Nous avons profité de la reprise du thème pour y appliquer un "lifting” graphique. Sans changer la structure, nous nous sommes appuyés sur la charte graphique d’IRP AUTO pour proposer une version plus moderne, notamment avec des formes plus arrondies. Nous avons également mis à niveau la gestion des médias, notamment par l’utilisation de formats d’images nouvelle génération et de fichiers .svg chaque fois que c’était possible.

Nous avons procédé à :

  • L'installation d'une nouvelle instance Drupal 10 de zéro.
  • La reprise des configurations initiales du site (types de contenus, vues, rôles, champs, permissions…)
  • La mise à jour des modules contribués et sur-mesure sur la base de notre travail de recensement et d’analyse réalisé lors de l’audit.
  • La réalisation du portage proprement dit des modules sur-mesure en version 10 (mise à jour du code pour Drupal 10.X et PHP 8.1.X et documentation des nouvelles configurations).

Pour minimiser la perte de données, cette opération automatisée a été lancée après la mise à jour de toutes les fonctionnalités et l'assurance de leur compatibilité avec la version 10 de Drupal.

Le theming

Dans sa composition, Drupal 10 est très différent de Drupal 7 concernant le thème, la structure de fichiers et les appels au templates/HTML. Il a donc été nécessaire de créer un nouveau thème. Certaines fonctionnalités, qui faisaient partie du thème dans la version Drupal 7 du site, ont été déplacées dans des modules sur-mesure Drupal 10 pour faciliter leur appel et leur utilisation. Le thème est désormais "plus propre". Un certain nombre de CSS et de JS dans les template.php ont été supprimés ou mis à jour.

Capture d'écran mobile - Nouveau site IRP Auto - Drupal 10
Capture d'écran du menu de connexion mobile du site irp-auto.com
Composants graphiques issus du design system de IRP AUTO
Composants graphiques issus du design system de IRP AUTO
Image représentant plusieurs captures d'écran du site IRP AUTO

Une logique d’intégration continue

En complément de notre pipeline CI/CD composé de Jenkins, PhpStan et SonarQube, nous avons appréhendé les procédures de déploiement internes au groupe IRP AUTO, sur Azur DevOps.

L’équipe de développement a progressivement poussé des packages de codes sur SonarCloud pour les faire analyser et réaliser les optimisations préconisées jusqu'à aboutir à des notes de A sur les différents critères analysés : solidité, sécurité, maintenabilité, examen de sécurité.

 


 

A lire sur le blog bluedrop.fr : 
De Drupal 7 à Drupal 10 : l’exemple de la mise à niveau du site IRP AUTO (irp-auto.com) - 17/11/2023
Prolongement du support de Drupal 7 jusqu'à janvier 2025 - 23/06/2023
Drupal 10, nouveautés et tendances à venir - 19/05/2022
La feuille de route de Drupal 10 et comment s'y préparer - 18/07/2021
Le chemin vers Drupal 9 - Nouveautés, migration Drupal 7, Drupal 8 vers Drupal 9... - 27/03/2020
 

Vous avez un projet de mise à niveau vers Drupal 10 ?
Parlons-en !