CoorpAcademy est un SaaS pour créer des solutions de eLearning corporate. Ils souhaitaient intégrer dans leur application des tableaux de bord pour permettre à leurs clients de suivre les KPIs des formations en lignes créées.Les indicateurs étaient par exemple le taux de completion d'une liste de cours, les cours préférés...
L'un des objectifs pour CoorpAcademy était d'éviter un développement interne pour cette partie. Même si ce développement peut paraitre simple à première vue, il ne l'est pas et la liste des fonctionnalitées nécessaires s'allonge très rapidement (gestion de la charge, filtrage dynamique, différents widgets graphique, exports XLS/CSV/PDF...).
Le client a travaillé en complète autonomie sur ce projet.
La première étape a été de mettre en place une base SQL "slave" qui est celle interrogée par les tableaux de bord. Avec cette méthode, les tableaux de bord sont "live'. C'est à dire que dès qu'une donnée est ajoutée en base, elle est prise en compte dans les tableaux de bord.
Pour la création des tableaux de bord, la possibilité d'éditer le CSS a beaucoup été utilisée pour que les tableaux de bord s'intègrent parfaitement au design du site parent (l'application de CoorpAcademy).
Les tableaux de bord ont été intégrés dans l'application de Coorp Academy via des iFrame (avec un composant pour assurer le bon redimensionnement de l'iFrame). Au delà de la partie iFrame, il y a aussi une couche de sécurité pour assurer que les tableaux de bord ne sont pas visibles en dehors de l'application, et aussi qu'un client ne puisse pas hacker les requêtes de données pour accéder à des données auxquelles il n'a pas droit. Cette partie demande quelques lignes de code coté client, mais sans aucune complexité.
Les captures d'écran ci-dessous sont des captures de l'application de CoorpAcademy, avec des dashboards Serenytics intégrés. La barre en haut et celle à gauche proviennent de l'application CoorpAcademy. Seule la partie centrale est un dashboard Serenytics. L'utilisateur final ne se rend pas du tout compte que ce dashboard provient d'une autre application.
Vous voulez en savoir plus sur ce type de projet ? Contactez-nous à contact@serenytics.com.