Un arbre dynamique grâce au package MPTT Djang

Basée sur le package MPTT Django, KOMPRA permet de gérer plus de 30 filières définies par l’utilisateur·trice (chacune est une racine de l’arbre), constituées de plus de 3500 nœuds. Chaque nœud représente une compétence limitée à l’utilisateur·trice (enseignant·e·s ou étudiant·e·s). Cela permet aux enseignant·e·s de communiquer les évaluations aux étudiant·e·s. KOMPRA offre la possibilité de formuler les étapes, les objectifs, les retours d’information et les coachings de façon ciblée, permettant ainsi aux étudiant·e·s de progresser plus rapidement. Bon nombre de fonctions intégrées dans la version finale de KOMPRA ont été inspirées par les écoles utilisant déjà l’outil.

Le front-end à forte composante design

À l’origine, le design de KOMPRA était plus que minimaliste. Mais très vite, il s’est retrouvé à l’étroit face aux exigences. La nécessité d’un nouveau design s’est donc imposée. La refonte du design avait pour objet d’améliorer la convivialité et l’efficacité du site Internet KOMPRA. La principale difficulté consistait à améliorer l’ensemble des interactions avec les diagrammes et la visualisation des données. Il s’agissait aussi de profiter de cette phase pour ajouter des éléments esthétiques et de conception nouvelle. Mais commençons par le plus important : pour donner suffisamment de poids au front-end dans un projet, nous avons besoin d’un outil pour documenter les composants. À ce stade, Fractal était le candidat idéal dans la mesure où il permet de créer de puissantes bibliothèques de composants et des guides de style flexibles. En outre, nous avons utilisé le framework CSS de Liip, Kanbasu, très adaptable et léger. Ce framework repose principalement sur une base solide de composants qui peuvent être facilement personnalisés.

Une autre difficulté consistait à représenter les données de manière visuelle: D3.js s’est imposé comme la bibliothèque parfaite pour cela et des diagrammes en étoile et diagrammes circulaires ont été créés en premier lieu.