Un arbre dynamique grâce au package MPTT Djang

  • Adrian Schlegel

L’objectif Ă©tait de pouvoir gĂ©rer avec KOMPRA un nombre illimitĂ© de client-e-s (Ă©coles) et de filiĂšres personnalisĂ©es. La solution se prĂ©sente sous la forme d’un « arbre » hiĂ©rarchique dynamique, propre Ă  reprĂ©senter toutes les compĂ©tences Ă©valuables d’une filiĂšre.

En savoir plus sur le service CMS de notre agence digitale.

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.


Qu’en penses-tu?