Renforcer l'intelligence régionale avec Drupal WxT et les visualisations interactives
Cinder Systems Corp. s'est associée à l'Agence fédérale de développement économique pour le Sud de l'Ontario (FedDev Ontario) pour maintenir, améliorer et développer sa plateforme interne Drupal WxT. Grâce à une combinaison de pratiques de développement modernes, d'outils graphiques avancés et d'une approche centrée sur l'utilisateur, nous avons créé un intranet favorisant la prise de décision basée sur les données et la diffusion dynamique de contenu régional.
Aperçu
Client :
Agence fédérale de développement économique pour le Sud de l'Ontario (FedDev Ontario)
Secteur :
Gouvernement fédéral du Canada
Services fournis :
- Maintenance et mises à niveau de Drupal WxT
- Améliorations des fonctionnalités et mises à jour d'accessibilité
- Intégration de cartes et de graphiques interactifs
- Visualisation des données régionales
- Gestion des problèmes GitHub et support de déploiement continu
- Assistance continue et améliorations du contenu
Le défi
Le portail Web interne de FedDev Ontario nécessitait des améliorations modernes pour répondre aux besoins changeants en matière d'affaires et de communication de données. Le système devait prendre en charge :
- Mises à jour continues de la distribution Drupal WxT,
- Présentation dynamique des données régionales dans plusieurs formats, et
- Conformité WCAG 2.1 AA.
De plus, le client souhaitait permettre l’exploration visuelle des profils régionaux grâce à une carte interactive et des graphiques visuels, tout en garantissant une grande fiabilité, une présentation bilingue et une architecture maintenable.
La solution
Cinder Systems a assuré le support complet pour la maintenance et l'évolution de l'intranet et du portail web Drupal 10 WxT. Principales solutions fournies :
Mises à niveau et maintenance continue de Drupal WxT
- Mises à jour régulières du noyau et des modules pour maintenir le système sécurisé et entièrement compatible avec les dernières versions.
- Mise à niveau de Drupal 9.x vers 10.x avec tests de régression complets et validation de mise en scène.
- Résolution des problèmes d'accessibilité WCAG et contribution aux améliorations en amont, le cas échéant.
Développement de cartes interactives
- Création d'une interface cartographique dynamique montrant les profils communautaires et régionaux.
- Légendes et filtres intégrés basés sur les données, permettant aux utilisateurs d'explorer le contenu par région géographique.
- Les interactions cartographiques mettent à jour les pages vues et le contenu associé de manière contextualisée.
Intégration des graphiques Vue.js
- Graphiques personnalisés basés sur Vue.js maintenus et étendus pour visualiser les données économiques régionales.
- Intégration transparente assurée entre les composants graphiques côté client et les données gérées par Drupal.
- Réactivité, accessibilité et support multilingue améliorés.
Fonctionnalité des profils régionaux
- J'ai développé un modèle de contenu structuré pour la publication de profils régionaux dans le sud de l'Ontario.
- Taxonomie, paragraphes et vues dynamiques utilisés pour présenter des données et des médias spécifiques à une région.
- Créez des modèles de mise en page réutilisables pour une cohérence et des mises à jour de contenu plus rapides.
Tests de conformité et d'accessibilité WCAG 2.1
- J'ai effectué des analyses d'accessibilité et mis en œuvre des améliorations dans les modèles et les modes d'affichage.
- États de focus, structure sémantique et attributs ARIA affinés conformément aux normes du gouvernement du Canada.
Collaboration et soutien
- Client pris en charge via un système de billetterie basé sur GitHub pour le suivi des problèmes, des améliorations et des correctifs.
- J'ai participé à des séances de transfert de connaissances et fourni des conseils techniques sur les améliorations en cours.
- J'ai travaillé en collaboration avec des équipes internes pour trier les bugs et fournir des correctifs rapides et efficaces.
Résultats et impact
- Visualisations de données modernisées : des graphiques et des cartes interactifs ont amélioré l’accès aux renseignements économiques régionaux.
- Accessibilité améliorée : l'intranet répond désormais entièrement aux normes WCAG 2.1 AA en matière d'accessibilité.
- Maintenance simplifiée : un cycle de mise à jour fiable et un pipeline de déploiement automatisé minimisent les temps d'arrêt et les risques.
- Autonomisation des utilisateurs : les utilisateurs non techniques peuvent facilement gérer et publier du contenu dynamique et structuré.
- Plateforme prête pour l’avenir : Avec Drupal 10 et WxT 5.x, FedDev Ontario dispose d’une base conçue pour une adaptabilité à long terme.
Pile technologique
| Zone | Outils/Technologies utilisés |
|---|---|
| CMS | Drupal 10, Drupal WxT, CKEditor 5 |
| L'extrémité avant | Vue.js, Thème GCIntranet, Twig, SCSS, HTML5 |
| Cartographie interactive | Leaflet.js, custom JS, Vues et taxonomie Drupal |
| Visualisation des données | Graphiques Vue.js, API JSON, importation CSV |
| Accessibilité | Conformité WCAG 2.1 AA, Lighthouse, NVDA |
| Déploiement et gestion des versions | GitHub, GitHub Actions, Composer |
| Fonctionnalités personnalisées | Profils régionaux, filtres de carte, vues dynamiques |
Appel à l'action
Vous cherchez à créer un intranet ou un portail plus riche en données et centré sur l’utilisateur ?
Cinder Systems est spécialisé dans les solutions Drupal WxT qui réunissent accessibilité, visualisation et infrastructure moderne pour les clients gouvernementaux.