Ile de France mobilité

Svg background
IDFM - landing

Pour Ile de France mobilité, l'IFOP réalise des enquêtes de satisfaction régulière.

Le but de ce projet était de réaliser un tableau de bord pour afficher ces données. Les résultats des enquêtes étaient disponibles dans des fichiers XLS (un par trimestre).

L'une des contraintes était que l'utilisateur finale devait avoir l'impression d'être dans une webapp dédiée, et non dans un outil de visualisation de données. Et en fonction de l'utilisateur, certaines données devaient être visibles ou non.

Pour ce projet, le client nous a missionné pour la réalisation.

Import des données

La première étape a été d'écrire un parseur pour charger les fichiers XLS (depuis un SFTP). En effet, le contenu de ces fichiers avait une mise en forme complexe. Il ne s'agissait pas de simples listes de lignes de donnnées. Ce point a été possible car Serenytics permet d'exécuter du code Python. Après cette étape, les données sont stockées dans le datawarehouse interne de Serenytics. Pour ce projet avec un faible volume de données (moins de 1 millions de lignes), nous avons configuré le compte avec une base PostGreSQL.

Nous avons aussi créé un tableau de bord "backend", qui permet au client de relancer les imports quand il a déposé manuellement de nouveaux fichiers sur le FTP. Il s'agit d'un tableau de bord très simple avec des boutons qui déclenchent les scripts Python d'import de données.

Tableau de bord

L'un des points particulier de ce projet était que le client devait se sentir dans une webapp dédiée. Pour cela nous avons travaillé sur plusieurs points :

  • Une page d'accueil (où l'utilisateur est redirigé après son login)
  • Une barre de navigation pour changer d'axe d'analyse des données
  • Des filtres au design custom pour choisir la ligne/le type de ligne à filtrer.

Voici par exemple la page d'accueil mise en place (qui est elle-même un dashboard):

IDFM - landing

Sur ce projet, lorsqu'un utilisateur Viewer se connecte à Serenytics, il est automatiquement redirigé vers cette page d'accueil.

Voici un exemple de filtre custom (réalisé en low-code) pour que l'utilisateur choisisse la ligne de transport à filtrer:

IDFM - filter

Ce type de composant est réalisable par n'importe quel développeur HTML (il suffit de maitriser les balises de base et le layout, par exemple avec Flex). Ensuite, Serenytics permet d'ajouter des fonctions pour indiquer qu'un click sur une zone doit filtrer le dashboard avec une valeur.

Voici une capture complète de l'application (pour des raisons de confidentialité, les données réelles ne sont pas visibles):

IDFM - application complète
Et voici une capture d'une autre partie de l'application avec la mise en oeuvre de "cartes" custom:
IDFM - cartes
En savoir plus ?

Vous voulez en savoir plus sur ce type de projet ? Contactez-nous à contact@serenytics.com.

×