Tous les projets
février 2025
Progression - Visualisation
Lors de ma dernière session au Cégep de Rosemont, j'ai eu l'opportunité de contribuer à Progression, une plateforme d'apprentissage de la programmation de type "LeetCode" développée par le département. Au sein d'une équipe de sept développeurs, notre mandat était d'enrichir l'expérience pédagogique en ajoutant une dimension visuelle à la résolution de problèmes. L'objectif était de permettre aux étudiants de ne plus seulement voir du code, mais de comprendre la dynamique de leurs algorithmes en temps réel.
Ma contribution
Je me suis spécialisé dans la couche de logique d'interface responsable de la traduction des données d'exécution en représentations visuelles. J'ai développé les modules de transformation qui récupèrent les états du code soumis par l'utilisateur pour générer des animations interactives. J'ai notamment conçu la visualisation des algorithmes de tri (représentés par des blocs animés) et créé un système de grille dynamique pour les problèmes de recherche de chemin, où le tracé s'affiche en temps réel tout en identifiant les obstacles et les zones critiques.
Project Gallery
Visual Overview
Approche
Mon approche a consisté à créer un pont fluide entre le moteur d'exécution et le moteur de rendu. Travaillant dans un environnement de grande envergure, j'ai dû m'assurer que la récupération des données de débogage n'impactait pas les performances de l'application. J'ai misé sur une structure de données réactive pour que chaque étape de l'algorithme utilisateur déclenche une mise à jour précise de l'interface, transformant des flux de données abstraits en une expérience visuelle cohérente et pédagogique.
Fonctionnalités
- Visualisation d'algorithmes en temps réel
- Animation dynamique de tris (Sorting)
- Tracé de chemin sur grille interactive
- Feedback visuel pédagogique immédiat
More Projects
