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

ArtSync

Dans le cadre de mon cours Application Web 2 au cégep, j’ai eu l’occasion de travailler en équipe sur la conception et sur le développement d’une application full-stack. Mon coéquipier et moi avons créé ArtSync, une plateforme où les utilisateurs peuvent publier, explorer et partager du contenu artistique. Ce projet nous a permis de passer par toutes les étapes du développement : l’analyse des besoins, la conception UML, la conception d’une base de données relationnelle, le design sur Figma, puis le développement avec Java, Spring Boot, Thymeleaf et Angular. C’était une belle expérience pour appliquer nos connaissances dans un cadre agile, avec des suivis réguliers et avec un fonctionnement qui se rapprochait beaucoup d’un vrai projet professionnel.

mai 2024

Portail DTI

Lors de mon dernier cours d’application Web au cégep, on devait choisir un projet dans une liste proposée par notre enseignant. Avec mon équipe, on a décidé de se lancer dans quelque chose d’assez ambitieux : le portail du département d’informatique. L’idée derrière ce projet était de concevoir un espace numérique pour les étudiants du programme. Un lieu pensé pour favoriser l’entraide, le tutorat, le partage d’événements, la mise en valeur de projets, mais aussi la création et la consultation de tutoriels. En bref, un vrai portail collaboratif qui rassemble la communauté étudiante autour du développement et du partage de connaissances.

décembre 2024

Spellmotion

J'ai entrepris ce projet en solo avec la volonté d'explorer le domaine de la vision par ordinateur à travers une application concrète. Passionné par le développement, j'ai eu l'idée de fusionner cette technologie avec la création de jeux vidéo pour concevoir une expérience immersive où les commandes physiques traditionnelles sont remplacées par des interactions naturelles. L'objectif était de transformer des concepts théoriques de traitement d'image en un outil de contrôle intuitif et réactif pour un environnement virtuel.

juillet 2025

View All Projects