Learning++ : Plateforme gamifiée d'algorithmique - Projet universitaire 2026

Université De
Kasserine
Institut supérieur des
sciences appliquées et de
la technologie
Département Informatique
Licence Appliquée –
Génie Logiciel et
Systèmes
d’Informatique
(GLSI)
PROJET FIN D’ANNÉE 2025–2026
Learning++ la première plateforme
gamifiée d’algorithmique
Élaboré
par :
Adem
Bouthouri
Khalil Nouassia
Iheb Briki
Encadrant pédagogique
: Mme.Mariem

Soutenu le 05 Mai 2026
ANNÉE UNIVERSITAIRE: 2025 –2026

Table des matières
──────────────────────────────────────────────────
Remerciements .................................................................................................................................................4
Introduction générale........................................................................................................5
Objectifs du projet......................................................................................................................................6
Structure du rapport...................................................................................................................................7
Chapitre 1 : Cadre général du projet............................................................................8
1.1 Contexte et problématique...........................................................................................................8
1.2 Inspiration (état de l’art)..............................................................................................................10
1.3 Solution proposée.......................................................................................................................11
1.4 Avantages.....................................................................................................................................12
1.5 Méthodologie de travail..............................................................................................................13
Principes essentiels de Scrum...........................................................................................................13
Gestion de projet avec Scrum........................................................................................................14
Les sprints du projet.........................................................................................................................14
Chapitre 2 : Analyse et spécification des besoins................................................15
2.1 Identification des acteurs...........................................................................................................15
2.2 Diagramme de cas d’utilisation global .....................................................................................15
2.3 Spécification des besoins fonctionnels....................................................................................16
Module 1 : Authentification et gestion des comptes..................................................................16
Module 2 : Apprentissage et parcours pédagogique.................................................................16
Module 3 : Exercices et évaluation................................................................................................16
Module 4 : Mentor IA...............................................................................................................................17
Module 5 : Gamification et progression........................................................................................17
Module 6 : Administration................................................................................................................18
2.4 Spécification des besoins non fonctionnels.............................................................................18
Chapitre 3 : Conception de la solution......................................................................20
3.1 Architecture technique................................................................................................................20
Chapitre 4 : Réalisation et validation.........................................................................21
4.1 Environnement de travail...........................................................................................................21
Technologies utilisées......................................................................................................................21
4.2 Mise en œuvre des sprints........................................................................................................26
Sprint 1 : Initialisation et CI/CD......................................................................................................26
Sprint 2 : Module d’authentification...............................................................................................29
Sprint 3 : Front-office et intégration API............................................................................................34
Sprint 4 : Service Flask (exécution de code)..................................................................................36
Sprint 5 : Intégration Flask – React – Spring Boot.......................................................................38
Sprint 6 : Back-office........................................................................................................................39
Sprints 7–8 : Tests et déploiement................................................................................................42
Conclusion générale et perspectives........................................................................45

Table des figures
──────────────────────────────────────────────────
Figure 1 : Page de garde du projet Learning++.........................................................................................1
Figure 2 : Diagramme de cas d’utilisation global.....................................................................................15
Figure 3 : Logo React.........................................................................................................................................21
Figure 4 : Logo Tailwind CSS.............................................................................................................................21
Figure 5 : Logo Flask.....................................................................................................................................22
Figure 6 : Logo Spring Boot..............................................................................................................................22
Figure 7 : Logo PostgreSQL........................................................................................................................23
Figure 8 : Logo Docker..................................................................................................................................24
Figure 9 : Logo Google Drive.......................................................................................................................24
Figure 10 : Logo TypeScript.........................................................................................................................25
Figure 11 : Logo Git...............................................................................................................................................25
Figure 12 : Logo Nginx..................................................................................................................................25
Figure 13 : Diagramme de cas d’utilisation – Sprint 2 (Authentification)............................................30
Figure 14 : Diagramme de classes – Sprint 2 (Authentification)..........................................................30
Figure 15 : Diagramme de séquence – Sprint 2 (Connexion)..............................................................32
Figure 16 : Interface de connexion – Sprint 2..........................................................................................................32
Figure 17 : Diagramme de cas d’utilisation – Front-office (Sprint 3)......................................................35
Figure 18 : Diagramme de classes – Service Flask (Sprint 4).................................................................37
Figure 19 : Diagramme de séquence – Soumission de code (Sprint 5)................................................38
Figure 20 : Diagramme de cas d’utilisation – Back-office (Sprint 6).......................................................40
Table des tableaux
──────────────────────────────────────────────────
Tableau 1 : Tableau des Sprints du projet................................................................................................14
Tableau 2 : Tableau des acteurs de la plateforme..................................................................................15
Tableau 3 : Backlog du Sprint 1......................................................................................................................................27
Tableau 4 : Backlog du Sprint 2......................................................................................................................................29
Tableau 5 : Backlog du Sprint 3......................................................................................................................................34

Les remerciements
« Nous tenons à exprimer notre profonde gratitude à notre encadrante, Madame
Mariem, pour son encadrement, sa disponibilité, ainsi que pour la qualité de ses
conseils et orientations tout au long de la réalisation de ce projet de fin d’année. Ses
remarques pertinentes et son accompagnement ont été déterminants dans
l’aboutissement de ce travail.
Nous adressons également nos sincères remerciements à toutes les personnes qui
ont contribué, de près ou de loin, à la réussite de ce projet.
Nous remercions tout particulièrement nos familles pour leur soutien moral, leur
encouragement constant et leur patience tout au long de cette expérience. Leur
présence a été essentielle pour surmonter les difficultés rencontrées.
Enfin, nous remercions chaleureusement tous ceux qui prendront le temps
d’examiner et d’évaluer ce rapport. »