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

Progression - Visualisation screenshot 1

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

Explore Other Work

Whale of Misfortune

J'ai conçu ce projet dans le cadre de mon premier cours dédié au développement d'applications mobiles. Le mandat initial étant techniquement simple, j'ai choisi de me démarquer en y injectant une forte identité visuelle. Pour ce faire, j'ai créé, dessiné et animé un personnage original en utilisant Aseprite, en m'inspirant du style artistique "pixel art" de jeux cultes comme Undertale. Ce projet a été l'occasion parfaite de lier mes compétences techniques à ma créativité graphique.

novembre 2024

Easystay

Le projet Easystay a été réalisé dans le cadre du cours d'Applications Natives 3 au Cégep de Rosemont. Développé en équipe de quatre, l'objectif était de concevoir une plateforme complète de gestion hôtelière répondant aux standards de l'industrie. Ce projet m'a permis d'approfondir mes compétences en développement collaboratif et de maîtriser le cycle de vie d'une application native, de la conception des interfaces jusqu'à la mise en place d'une logique métier complexe.

décembre 2024

ProjetR

Juste avant le début de notre stage au cégep, un de nos enseignants a approché Nicholson et moi avec une idée : développer une application qui permettrait aux étudiants de mettre en valeur leurs projets. Comme nous n’avions pas l’ambition de bâtir une plateforme complète en parallèle du stage, mon collègue et moi avons plutôt choisi de créer un MVP. Nous l’avons ensuite présenté aux enseignants du département d’informatique du Cégep Rosemont, qui se sont montrés ouverts à l’idée de pousser le projet plus loin avec les cohortes suivantes.

juin 2025

View All Projects