PFE Aziza Final13 1

Ministère de l’Enseignement Supérieur et ‫ﻭﺯﺍﺭﺓﺍﻟﺘﻌﻠﻴﻢﺍﻟﻌﺎﻲﻟو اﻟبحث اﻟﻌﻠمي‬
de la Recherche Scientifique
Université de Gabès ‫جامعة قابس‬
Institut Supérieur de Gestion ‫املعهد العايل للتصرف‬
Direction des études et des stages ‫ادارة الدراسات و الرتبصات‬
Projet de fin d’études pour

l’obtention du Diplôme de Licence
Nationale en Informatique de Gestion
Spécialité : Business Information Systems (BIS)
Titre du projet
Plateforme d’apprentissage en ligne « Shape Your

Future »
Réalisé par : Aziza Fguir
Encadré par : Rafik Khmakhem
Année universitaire : 2022-2023
Institut Supérieur de Gestion de Gabès

Rue Jilani Habib, Gabès 6002
Tél. : + 216 75 272 280
Fax : + 216 75 270 686
Site web :www.isggb.rnu.tn
Résumé
‫ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ‬
Titre du sujet
Titre : Développent d’une application web « Shape Your Future »
‫ وهي جزء‬، "Shape Your Future" ‫ يتكون هذا المشروع من إنشاء منصة تعليمية عبر اإلنترنت‬:‫الخالصة‬
‫من مشروع نهاية الدراسة من أجل الحصول على دبلوم ترخيص الكمبيوتر الوطني المطبق على اإلدارة في نظام‬
.‫ الهدف الرئيسي هو تقديم محتوى تعليمي يتالءم مع كل مستخدم وفقًا لمهاراته واهتماماته‬.‫معلومات األعمال‬
.‫ سيوفر التطبيق فرص تدريب وتوظيف تتوافق مع المهارات المكتسبة من قبل المتعلمين‬،‫باإلضافة إلى ذلك‬
React , Express JS, MongoDB , AWS S3 , E-Learning. :‫المفاتيح‬
Résumé:
Ce projet est consisté a réalisé une plateforme d’apprentissage en ligne « Shape Your
Future », s’inscrit dans le cadre du projet de fin d’études en vue d’obtenir le diplôme
de licence national informatique appliquer à la gestion en Business Information
System. L'objectif principal est de proposer un contenu d'apprentissage adapté à
chaque utilisateur en fonction de ses compétences et de ses intérêts. En plus de cela,
l'application offrira des opportunités de stage et d'emploi correspondant aux
compétences acquises par les apprenants.
Mots clés: React, Express JS, MongoDB, AWS S3, E-Learning.

Abstract:
This project consists of the realization of an online learning platform «Shape Your
Future», part of the project of graduation in order to obtain the diploma of national
license IT apply to the management in Business Information System. The main
objective is to offer learning content adapted to each user according to their skills and
interests. In addition to this, the application will offer internship and job opportunities
corresponding to the skills acquired by learners.
Key-words: React, Express JS, MongoDB, AWS S3, E-Learning.

Dédicaces
‫ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ‬
Dédicaces
Je dédie ce travail, comme preuve de respect, de gratitude, et de

reconnaissance à : A celui qui m'a indiqué la bonne voie en me rappelant
que la volonté fait toujours les grands hommes…
A mon Père.
A celle qui a attendu avec patience les fruits de sa bonne éducation…
A ma Mère.
Mes très Chers Parents Aucun hommage ne pourrait être à la hauteur de
vos sacrifices, de l'amour et de l'affection dont vous n'avez jamais cessé
de m'entourer toutes au long de ces années d’études. J’espère que vous
trouvez dans ce travail un vrai témoignage de mon profond amour et
éternelle reconnaissance.
A mon frère et ma sœur.

Vous étiez toujours présents pour m’aider et m’encourager. Sachiez que
vous serez toujours dans mon cœur.
A MON CHER
Pour l'amour et le respect qu’il me porte
pour son aide, son encouragement et sa disponibilité
A tous mes amies qui n’ont cessé de m’encourager et de me soutenir
A TOUS MES AMIES…
A tous ceux qui ont contribué de près ou de loin à la réalisation de ce
travail
Remerciement
Remerciement
Nous remercions Dieu le tout-puissant de nous avoir donné la santé et la

volonté d’entamer et de terminer ce rapport
Avant d’entamer ce rapport de projet de fin d’études, je tiens à exprimer
ma sincère gratitude envers tous ceux qui m’ont aidé ou ont participé de
loin ou de près au bon déroulement de ce projet. Tout d’abord, je remercie
tous les enseignants et le cadre administratif de l’ISG (Institut supérieur
de gestion à Gabes), pour toutes ces années riches en savoir et en
connaissances techniques et théoriques.
Nous exprimons, aussi, notre sincère gratitude et remerciements à notre
encadrant à l’ISGG M. Rafik Khemakhem pour l’aide et les conseils
concernant l’acheminement du projet et l’architecture du rapport aussi
pour le temps qu’il a consacré et l’ensemble des informations qu’il nous a
fournies avec tendresse et compréhension, nous voulons le remercier pour
leur patience et leur amabilité.
À M. Outail Ouni, mon encadrant professionnel, pour ses orientations et
ses conseils judicieux tout au long de mon projet.
Je remercie tout
spécialement, les membres du jury qui ont accepté de
juger ce modeste travail.
Nos vifs remerciements s’adressent également à nos enseignants et à nos
amis, pour leur présence chaleureuse et leur encouragement
Aziza
Sommaire
‫ــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ‬
Sommaire
Chapitre 1 : ......................................................................................................................3
Etude du projet ...................................................................................................................3
1.1 Introduction ............................................................................................................4
1.2 Cadre général du projet ................................................................................................4
1.2.1 Présentation de l’organisme d’accueil....................................................................4
1.2.3Organigramme de la société « Shape » ..................................................................5
1.2.4Recueil .....................................................................................................................6
1.3Problématique ...............................................................................................................7
1.4 Objectifs du projet.........................................................................................................7
1.5 Etude de l’existant .........................................................................................................8
1.5.1 Description et critique de l’existant........................................................................8
1.5.2Solutions proposées ..............................................................................................11
1.6Méthodologie adoptée ................................................................................................12
1.6.1Méthodologie agile Scrum ....................................................................................12
1.6.2 Pourquoi Scrum ....................................................................................................12
1.7Langage de modélisation .............................................................................................13
1.8 Conclusion ...................................................................................................................13
Chapitre 2 : ........................................................................................................................14
Analyse des besoins et Conception ...................................................................................14
2.1 Introduction ................................................................................................................15
2.2 Capture des besoins ....................................................................................................15
2.2.1 Identification des acteurs .....................................................................................15
2.2.2 Description des acteurs ........................................................................................15
2.3 Définition des besoins .................................................................................................16
2.3.1 Besoins Fonctionnels ............................................................................................16
2.3.2 Besoins non fonctionnels .....................................................................................18
2.4Architecture de l’application ........................................................................................18
2.4.1 Architecture logique : ...........................................................................................19
2.4.2 Architecture Matérielle ........................................................................................19
2.5 Environnements du travail ........................................................................................20
2.5.1 Environnement matériel ......................................................................................20
2.5.2 Environnements logiciels ......................................................................................20
2.6 Pilotage du projet ........................................................................................................22
2.6.1 Equipes et Rôles ...................................................................................................23
2.6.2 Backlog du produit ...............................................................................................23
Sommaire
2.6.3 Plans de sprints ....................................................................................................24

2.7 Conclusion ...................................................................................................................24
Chapitre 3 : ........................................................................................................................25
Sprint1 (Authentification et gestion des comptes) ............................................................25
3.1 Introduction ................................................................................................................26
3.2 Backlog de sprint 1 ......................................................................................................26
3.3 Diagramme détaillé de cas d’utilisation ......................................................................27
3.4 Diagrammes de séquences ...........................................................................................29
3.4.1 Raffinement du cas d’utilisation «S’authentifier» ................................................29
3.4.2 Raffinement du cas d’utilisation «Gérer les comptes : modifier un compte».....30
3.4.3Raffinement du cas d’utilisation «Gérer mon compte : changer son mot de passe»
......................................................................................................................................31
3.5 Conception ..................................................................................................................32
3.6 Réalisation ...................................................................................................................33
3.6.1 Interface d’authentification « S’authentifier : Sign In » ........................................33
3.6.2 Interface d’inscription «S’inscrire :Sign Up » ........................................................34
3.6.3 Interface«Profiling » .............................................................................................35
3.6.4 Interface de récupération du mot de passe « Forget Password » ........................36
3.6.5 Interface de vérification du votre courriel « Vérifiez votre e-mail :VerifyYour
Email »...........................................................................................................................36
3.6.6 Interface de Vérification du votre numéro de téléphone « Vérifiez votre
téléphone : VerifyYour Phone Number » ......................................................................37
3.6.7 Interface de la création un nouveau mot de passe « Créez un mot de passe :
Create New Password » ................................................................................................38
3.6.8 Interface de la gestion du profil « Paramètres du profil : Profile Settings » .......38
3.7 Conclusion ...................................................................................................................39
Chapitre 4 : ........................................................................................................................40
Sprint 2(Création du contenu de la plateforme) ...............................................................40
4.1 Introduction ................................................................................................................41
4.2 Backlog de Sprint 2 ......................................................................................................41
4.3 Diagramme de cas d’utilisation détaillé ......................................................................42
4.4 Diagrammes de séquences ..........................................................................................43
4.4.1 Raffinement du cas d’utilisation « Gérer les cours : Supprimer un cours » ..........43
4.4.2 Raffinement du cas d’utilisation «Charger un fichier:Upload un fichier » ............45
4.5 Conception ..................................................................................................................46
4.6 Réalisation ...................................................................................................................47
4.6.1 Interface de gestion de programme .....................................................................47
Sommaire
4.6.2 Interfaces de gestion de cours .............................................................................47

4.6.3 Interface de gestion de tâche ...............................................................................50
4.7 Conclusion ...................................................................................................................55
Chapitre 5 : ........................................................................................................................56
Sprint 3 (Exploitation du contenu) ....................................................................................56
5.1 Introduction ................................................................................................................57
5.4.1 Raffinement du cas d’utilisation « Charger un fichier depuis un appareil ou un
ordinateur local vers un service de stockage AWS S3 » ................................................59
5.4.2 Raffinement du cas d’utilisation « Télécharger le support du court » ..................60
5.4.3 Raffinement du cas d’utilisation « Accès de l’apprenant aux ressources d’une
semaine sélectionnée » .................................................................................................62
5.4.4 Raffinement du cas d’utilisation «Affecter les instructeurs qualifiés » .................65
5.5 Diagramme de classes global du troisième Sprint .......................................................68
5.6 Réalisation ...................................................................................................................68
5.6.1 Interface d’accueil concernant l’apprenant : ........................................................68
5.6.2 Interface de gestion des tâches pour l’apprenant ................................................70
5.6.3 Interfacedu courspour l’apprenant : ....................................................................74
5.6.4 Interface d’accueil concernant l’instructeur .........................................................75
5.6.5 Interface d’accueil concernant l’administrateur...................................................78
5.6.6 Interface de l’affectation des instructeurs qualifiés .............................................79
5.7 Conclusion ...................................................................................................................79
Chapitre 6 :........................................................................................................................80
Sprint 4 (Gérer les offres d’emploi) ..................................................................................80
6.1 Introduction ................................................................................................................81
6.4.1 Raffinement du cas d’utilisation «Postuler aux offres d’emploi» .........................83
6.5 Diagramme de classes global du troisième Sprint .......................................................86
6.6 Réalisation ...................................................................................................................87
6.6.1 Interface de « Company Matching » ....................................................................87
6.7 Conclusion ...................................................................................................................91
LISTE DES FIGURES
LISTE DES FIGURES
Figure 1.1: Logo de Shape Your Future ...................................................................... 5

Figure 1.2:Organigramme de Shape ............................................................................ 6
Figure 1.3: processus scrum....................................................................................... 13
Figure 2.1:le fonctionnement de l’architecture MVC ................................................ 19
Figure 2.2: Architecture 3 tiers .................................................................................. 20
Figure 3.1:Raffinement de cas d’utilisation «S’authentifier» .................................... 28
Figure 3.2:Raffinement de cas d’utilisation « Gérer les comptes » ........................... 28
Figure 3.3:Raffinement de cas d’utilisation «Gérer mon compte» ............................ 29
Figure 3.4:Diagramme de séquence « S’authentifier et gérer un compte » .............. 32
Figure 3.5:Diagramme de classe du sprint 1 .............................................................. 33
Figure 3.6:interface d’authentification ...................................................................... 34
Figure 3.7: interface d’inscription ............................................................................. 34
Figure 3.8:interface de profilage ................................................................................ 35
Figure 3.9:interface de récupération du mot de passe............................................... 36
Figure 3.10:interface : Vérifiez votre e-mail ............................................................. 37
Figure 3.11:interface : Vérifiez votre téléphone ........................................................ 37
Figure 3.12:interface :Créez un mot de passe ............................................................ 38
Figure 3.13: interface de la gestion du profile ........................................................... 39
Figure 4.1:diagramme de cas d’utilisation du sprint 2 ............................................... 42
Figure 4.2:Diagramme de séquence « Gérer les cours : Supprimer un cours » ......... 44
Figure 4.3:Diagramme de séquence « Gérer les cours : Supprimer un cours » ......... 46
Figure 4.5:Interface de gestion les cours pour l’administrateur ................................ 48
Figure 4.6:Interface de gestion les cours pour l’instructeur ...................................... 49
Figure 4.7:Interface de gestion les tâches .................................................................. 50
Figure 4.10:Interface de gestion les tâches ................................................................ 53
Figure 4.11:Interface de gestion les tâches ................................................................ 54
Figure 5.2:diagramme de séquence « Télécharger un fichier : support du cours ». .. 62
Figure 5.3:diagramme de séquence « Accès de l'apprenant aux ressources d'une
semaine sélectionnée »............................................................................................... 64
Figure 5.4:diagramme de séquence « Affecter les instructeurs qualifiés » ............... 67
Figure 5.5: Diagramme de classe du sprint 3 ............................................................. 68
Figure 5.6:Interface de gestion les cours pour l’administrateur ................................ 69
Figure 5.7:Interface de gestion des tâches pour l’apprenant..................................... 71
Figure 5.8:Interface de gestion des tâches pour l’apprenant...................................... 72
Figure 5.9:Interface de gestion des tâches pour l’apprenant...................................... 73
Figure 5.10:Interface de gestion des tàches pour l’apprenant ................................... 74
LISTE DES FIGURES
Figure 5.11:Interface du cours pour l’apprenant ...................................................... 75

Figure 5.12:Interface de la page d’accueil ................................................................ 76
Figure 5.13:Interface de gestion des tâches pour l’instructeur ................................. 77
Figure 5.14:Interface de gestion des taches pour l’instructeur .................................. 78
Figure 5.15:Interface de page d’accueil pour l’administrateur .................................. 79
Figure 6.2:diagramme de séquence « Postuler aux offerts d’emploi ». ..................... 86
Figure 6.4:Interface de « Company Matching » ........................................................ 88
Figure 6.5:Interface de « Company Matching » ........................................................ 89
Figure 6.6:Interface de « Company Matching : Personal Informations» .................. 90
LISTE DES TABLEAUX
LISTE DES TABLEAUX
Tableau 1.1: Concurrence .......................................................................................... 10

Tableau 2.1: Tableau des caractéristique d'ordinateur ............................................... 20
Tableau 2.2: Backlog Global ..................................................................................... 23
Tableau 3.1: Backlog du sprint 1 « Authentification et gestion des comptes et profiles
» ................................................................................................................................. 26
Tableau 3.2: Description textuelle du cas d’utilisation « S’authentifier » ................. 30
Tableau 3.3: «Gérer les comptes : modifier un compte» ........................................... 30
Tableau 3.4: Description textuelle du cas d’utilisation «Gérer mon compte : changer
son mot de passe » ..................................................................................................... 31
Tableau 4.1: Backlog du sprint 2 « gestion du contenu de la plateforme » ............... 41
Tableau 4.2: Description textuelle du cas d’utilisation « Gérer les cours : Supprimer
un cours » ................................................................................................................... 43
Tableau 4.3: Description textuelle du cas d’utilisation « Upload un fichier » .......... 45
Tableau 5.1: Backlog du sprint 2 « Exploitation du contenu ».................................. 57
Tableau 5.2: Description textuelle du cas d’utilisation « Upload un fichier contenant
une tâche » ................................................................................................................ 60
Tableau 5.3: Description textuelle du cas d’utilisation « Télécharger un fichier » ... 61
Tableau 5.4: Description textuelle du cas d’utilisation « Accès de l'apprenant aux
ressources d'une semaine sélectionnée » ................................................................... 62
Tableau 5.5: Description textuelle du cas d’utilisation « Affecter les instructeurs
qualifiés » ................................................................................................................... 65
Tableau 6.1: Backlog du sprint 4 ............................................................................... 81
Tableau 6.2: Description textuelle du cas d’utilisation «Postuler aux offres d’emploi
» ................................................................................................................................. 84
Introduction
‫ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ‬
Au cœur de la numérisation croissante, l'humanité a, au fil du temps, pris conscience

de nouveaux défis partout qui ont conduit à des transformations dans de nombreux
domaines, y compris l'éducation et le travail. Cela a radicalement changé notre façon
de travailler, de communiquer et d'apprendre.
L'évolution rapide des technologies et la transformation du marché ont engendré
l'émergence de nouveaux métiers et la naissance de nouveaux secteurs d'activité du
marché. Avec cette émergence de nouveaux emplois dans le domaine du numérique,
la recherche d’un emploi qui correspond aux compétences, aux connaissances
académiques et à la pratique professionnelle exigée par les entreprises est devenue
essentielle dans un contexte où la digitalisation ne cesse de produire de nouveaux
concepts, exigences et de nouvelles connaissances. Cette transformation soulève des
interrogations quant à son impact sur certains secteurs.
Dans ce contexte, les technologies numériques ont également révolutionné le secteur
de l'éducation qui a été remis en question depuis le début de la pandémie de COVID-
19, en offrant de nouvelles possibilités d'apprentissage à distance. Les plateformes
d'apprentissage en ligne ont émergé pour aider les travailleurs à apprendre de nouvelles
compétences et à se préparer à de nouveaux rôles, tout en offrant aux employeurs une
main-d'œuvre qualifiée et adaptable.
Cependant, la numérisation pose des défis importants en termes d'engagement des
apprenants. En effet, malgré le succès des plateformes d'apprentissage en ligne, de
nombreux apprenants ne semblent pas motivées à s'engager pleinement dans les cours
en ligne ou la difficulté à transférer les compétences est acquise dans un contexte réel.
Ces derniers ont parfois du mal à transférer les connaissances théoriques acquises vers
des projets concrets, en raison du style d'apprentissage classique qui n’est parfois pas
adapté pour répondre aux exigences des employeurs que la plupart des plateformes
proposent.
Le défi majeur pour les professionnels de l'éducation est donc de trouver des moyens
de favoriser l'engagement des apprenants, de les inciter à réfléchir à leurs
apprentissages, en leur donnant les moyens de les contrôler et de répondre aux besoins
du marché du travail. Ainsi les apprenants puissent trouver un équilibre entre
l'enseignement théorique et les compétences pratiques nécessaires pour répondre aux
exigences des employeurs.
Ainsi, cette situation pose un véritable défi non seulement pour les employés mais
aussi les employeurs. Ces derniers ont besoin d'employés compétents et productifs
pour maintenir leur compétitivité sur le marché. Cependant, ils constatent que de
nombreux candidats ne possèdent pas les compétences pratiques nécessaires pour
effectuer leur travail de manière efficace. Les employeurs doivent donc fournir une
formation supplémentaire à leurs employés pour combler cet écart de compétences, ce
qui peut s'avérer coûteux et prendre du temps. C'est ainsi qu'est née l'idée de notre
produit.
L’objectif de ce projet est donc de mettre en œuvre une solution innovante pour
répondre aux besoins des demandeurs d'emploi confrontés aux défis de la numérisation
et de l'évolution rapide du marché du travail. Cette plateforme vise à améliorer
1
Introduction
‫ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ‬
l'engagement des apprenants et à leur donner le contrôle de leur propre apprentissage

en fournissant des cours adaptés à leurs besoins individuels et en les aidant à transférer
les compétences acquises dans un contexte réel.
En offrant une formation pratique et personnalisée, cette plateforme vise également à
aider les employeurs à trouver des employés compétents et productifs pour maintenir
leur compétitivité sur le marché, tout en réduisant les coûts et le temps nécessaires
pour former leur personnel.
En somme, ce projet vise à contribuer à l'amélioration de l'employabilité des
demandeurs d'emploi en leur fournissant les compétences pratiques nécessaires pour
répondre aux exigences des employeurs et pour s'adapter aux défis actuels du marché
du travail.
L’essentiel de notre travail a été résumé dans ce rapport qui est organisé comme suit :
Le premier chapitre intitulé Etude du projet qui présente ses concepts de base. Nous
nous intéressons dans ce chapitre au projet et comment on le met dans son cadre
général. Ce chapitre présente l’organisme d’accueil, une étude de l’existant et la
présentation de langage et de la méthodologie de conception utilisés. Le deuxième
chapitre, intitulé Analyse des besoins et Conception dans lequel nous nous concentrons
sur le recensement des besoins qui devraient être satisfaits par l’application. Nous y
présentons les captures des besoins, le style architectural, et finalement le pilotage du
projet. Le troisième chapitre concerne le Sprint 1 : Authentification et gestion de
comptes : ce sprint couvre tout ce qui concerne la façon dont un utilisateur peut créer,
accéder et gérer un compte. Cas d’utilisation administrative telle que la gestion des
rôles, des ressources et des utilisateurs, Il comporte le backlog de ce sprint avec ses
différentes tâches, Dans ce chapitre nous détaillons aussi les diagrammes de cas
d’utilisation et les diagrammes de séquence.
. Le quatrième chapitre est consacré au Sprint 2 : Gestion du contenu de la plateforme
: Ce sprint couvre tout ce qui concerne la création et la gestion de cours par un
administrateur, dans lequel nous nous concentrons sur l’analyse des besoins, la
conception et le codage à traiter pour aboutir à la fin de ce sprint au logiciel complet,
livrable et fonctionnel. Le chapitre 5 présente le Sprint 3 nommé Exploitation du
contenu de la plateforme. Ce sprint couvre tout ce qui concerne la façon dont un
étudiant peut utiliser le contenu de la plateforme. Dans lequel nous nous concentrons
sur l’analyse des besoins, la conception, afin d’obtenir à la fin de ce sprint un logiciel
complet, livrable et fonctionnel. Et le dernier chapitre c’est le sprint 4 nommé Gestion
des offerts d’emploi. Ce sprint aborde tous les aspects liés à la consultation des offres
d'emploi par les apprenants et à la soumission de candidatures. Au cours de ce sprint,
notre équipe se concentrera sur la mise en place d'un système permettant aux
utilisateurs d'accéder aux offres d'emploi, de les parcourir et de postuler pour devenir
candidats. Nous travaillerons à développer des fonctionnalités qui faciliteront le
processus de recherche d'emploi et de soumission de candidatures, offrant ainsi aux
apprenants une meilleure expérience lors de leur quête professionnelle. Enfin, nous
clôturons ce rapport avec une conclusion générale.
2
‫‪Chapitre 1 : Etude du projet‬‬
‫‪Chapitre 1 :‬‬
‫‪Etude du projet‬‬
‫‪3‬‬
Chapitre 1 : Etude du projet
1.1 Introduction
Ce chapitre présente les concepts liés à notre travail. Il vise également à replacer le
projet dans son contexte général, c’est-à-dire la problématique qui nous a inspiré pour
développer l’application, la description du projet et le but à atteindre. Ensuite nous
analysons quelques solutions existantes sur le marché en discutant leurs avantages et
leurs inconvénients. Cette recherche est très utile pour fixer de nouvelles entrées d’air
pour l’intégration afin de fournir des solutions avec plus de fonctions pour répondre
aux besoins spécifiques des utilisateurs. Nous le ferons en introduisant le langage et la
méthode de conception utilisés.
1.2 Cadre général du projet

Dans le cadre de l'obtention du diplôme de licence nationale en informatique appliquée
à la gestion à l'Institut Supérieur de Gestion de Gabes (ISGG), nous avons effectué un
stage qui dépasse le simple cadre académique. Ce stage nous a permis d'acquérir une
expérience professionnelle concrète et d'enrichir nos connaissances pratiques. Notre
mission consistait à concevoir et à développer une plateforme visant à aider les
demandeurs d'emploi à apprendre, à mettre à jour et à pratiquer leurs compétences
grâce à des cours personnalisés et des projets professionnels sur mesure.
1.2.1 Présentation de l’organisme d’accueil

La edTech tunisienne « Shape » a annoncé avoir bouclé une levée de fonds de 50 000
dollars auprès d’Oman TechnologyFund (OTF).
Cette levée de fonds permettra à la jeune pousse, fondée par Rahma Abid en 2021, de
poursuivre son développement et atteindre ses objectifs.
« Shape » est une plateforme qui permet d’accéder à des formations d’apprentissage
continue personnalisées selon leurs plans de carrière.[1]
La figure 1.1 représente le logo de la plateforme Shape.
4
Figure 1.1: Logo de Shape Your Future
-------------------------------------------
1 .https://www.theshapers.co/ (Le lien de notre site)
------------------------------------------
1.2.2 Services de la société « Shape »

Les services offerts par Shape sont :
• Orientation professionnelle personnalisée : acquérir l'expérience pratique, le

mentorat et les conseils nécessaires pour commencer une carrière
professionnelle.
• Formations pratiques et personnalisées et adaptées : offrir des cours adaptés
pour atteindre leurs objectifs professionnels spécifiques.
• Accès à des instructeurs : offrir aux utilisateurs un accès à des mentors ou à des
coaches qui peuvent les aider à se développer professionnellement.
• L’entremise /matchmaking entre les entreprises et les candidats selon les
profiles après la reconversion.
• Possibilité de stage : offrir des possibilités de stage pour aider les candidats à
acquérir une expérience professionnelle.
• Service d’achat.
• Évaluations de compétences.
• Réunion.
1.2.3Organigramme de la société « Shape »

Le diagramme organisationnel de la startup est relativement simple .Il
comprend cinq postes clés : le CEO, le CTO, le « Digital Manager », le
« Business Developer » et le « Design Creator ». Le CEO est responsable de la
direction générale de l'entreprise, tandis que le CTO supervise le
5
développement technologique et la maintenance de la plateforme. Le « Digital

Manager » s'occupe de la gestion des médias sociaux et de la présence en ligne
de la startup, tandis que le « Business Developer » est responsable de la
recherche de nouvelles opportunités commerciales et de l'expansion de
l'entreprise. Enfin, le « Design Creator » est chargé de la création et de la
maintenance de l'identité visuelle de l'entreprise, ainsi que de la conception des
produits. Ensemble, ces cinq membres clés travaillent en étroite collaboration
pour faire avancer la startup vers le succès.
Figure 1.2:Organigramme de Shape
1.2.4Recueil
1.2.4.1 Définition du champ de l’étude
Afin de mieux comprendre le contexte de notre futur système nous définissons dans
ce qui suit quelques notions relatives à notre champ d’étude.
➢ E-Learning :
Le E-Learning est l’utilisation des nouvelles technologies multimédias de l’internet
pour améliorer la qualité de l’apprentissage en facilitant d’une part l’accès à des
ressources et à des services, d’autre part les échanges et la collaboration à distance.
Plusieurs termes sont utilisés pour traduire le terme E-Learning. La traduction la
plus fidèle est apprentissage en ligne. Aujourd’hui, le e-Learning est lié
spécialement à deux secteurs : Secteur professionnel : des grandes entreprises
l’utilisent avec le management des connaissances pour former et actualiser les
connaissances de ses employés de manière plus rapide.
Secteur universitaire : afin de minimiser les charges d’enseignement, des
universités offrent des alternatives de formation à distance.
➢ Plateforme d’e-Learning :
6
C’est l’ensemble des outils et des technologies utilisées pour dispenser une
formation en ligne, tels que les logiciels de gestion de l’apprentissage, les outils de
communication, les ressources éducatives, etc.
➢ Formation à distance :
Il s’agit d’un mode d’apprentissage qui permet aux apprenants de suivre des cours
à distance, généralement via internet.
1.3Problématique
Dans un contexte de digitalisation constante produisant de nouveaux concepts et
exigences, la recherche d’un emploi correspondant à ses compétences, connaissances
académiques et pratique professionnelle est essentielle. Pour aider les demandeurs
d’emploi à améliorer leurs compétences et trouver un emploi correspondant à leurs
attentes, un système proposant des contenus et méthodes d’apprentissage efficaces
maintienne la pertinence et l’actualité des contenus offerts.
« Shape Your Future » est l’objectif spécifique de notre projet. Proposer des
fonctionnalités innovantes et offrir une expérience utilisateur de qualité sont des
moyens efficaces pour se démarquer de la concurrence.
1.4 Objectifs du projet

De nos jours, les plateformes de formation en ligne sont principalement préoccupées
par la fourniture de solutions adaptées aux travailleurs pour répondre aux besoins
actuels du marché du travail en matière de transition professionnelle.
Trouver une solution intéressante pour répondre aux défis actuels de l'engagement des
apprenants dans les cours en ligne et maintenir la compétitivité sur le marché est le
principal souci, en réponse à la nécessité des employeurs d'avoir des employés
compétents.
Le sujet de notre projet nous est confié dans ce cas.
• Concevoir et développer une plateforme SaaS proposant des formations en ligne

pratiques et adaptés, des programmes d'apprentissage et des conseils en carrière. Ce
qui permet de réduire l’énorme décalage entre l’offre (connaissances académiques)
et la demande (pratique requise).
• Mettre en place un système de suivi et de gestion des candidats, des entreprises et
des instructeurs.
• Élaborer un tableau de bord pour gérer et contrôler les cours.
• Suivre les activités de l’apprentissage par des statistiques.
• Elaborer un service de chat.
• Elaborer un service de réunion.
• Assurer l’entremise entre les entreprises cherchant des profiles et les candidats.
7
1.5 Etude de l’existant

Cette section a pour objectif de faire le tour sur les solutions de E-Learning les plus
connues sur le marché. Cette étude permet de dégager les points forts et les points
faibles de chacune de ces solutions. Dans ce qui suit, nous présentons une analyse de
l’existant, puis nous détaillons la critique de l’existant.
1.5.1 Description et critique de l’existant

La formation continue se fait actuellement de façon traditionnelle :
Cours, apprenants et formateurs sur place. Ce type de formation présente beaucoup
d’inconvénients tels que:
• Contrainte du nombre de Places limitées

• Contrainte du nombre de salles réduites;
• Charge élevée de la formation;
• Un écart grandissant entre connaissances académiques et la pratique
professionnelle demandée par les entreprises.
Dans le but de résoudre ces inconvénients plusieurs outils ont été créés à base des
nouvelles technologies. Parmi lesquels nous pouvons citer :
➢ Udacity
Udacity, établi Développé en 2011, est un fournisseur de MOOC à but lucratif qui
enseigne des compétences de programmation pertinentes pour l’industrie et offre des
compétences approuvées par les principaux fournisseurs de technologie. Les cours
d’Udacity permettent aux étudiants d’acquérir des compétences numériques avancées
à un coût et à un temps nettement inférieurs à ceux des universités traditionnelles [2]
[3].
✓ Avantages
o Cours gratuits : Udacity propose plus de 200 cours gratuits. C'est un excellent endroit
pour commencer et avoir une idée de ce à quoi s'attendre de cette communauté
d'apprentissage en ligne populaire.
o Certificats : si vous complétez un Nano dégrée (comment ses programmes sont
nommés) avec Udacity, vous obtiendrez un certificat. Cependant, sachez que ceux-ci
ne sont pas proposés si vous utilisez Udacity avec un compte gratuit. Sachez
qu'Udacity est une institution privée et que leurs certificats ne sont pas accrédités.
✓ Inconvénients
8
o Uniquement en anglais : le site Web et le back end sont disponibles dans d'autres
langues, mais les supports de cours sont principalement en anglais - certains cours ont
des sous-titres dans d'autres langues.
o Manque d'un programme personnalisé.
o Absence d'expérience concrète : Aucune possibilité de correspondance avec des
entreprises pour un emploi ou un stage à la fin du programme.
➢ Acadium
o Acadium est la plus grande plateforme au monde pour obtenir une formation en
marketing numérique, lancer une carrière en marketing et accédez à des cours de
marketing gratuits, des apprentissages, des certifications et des opportunités d'emploi
dans le marketing numérique.
✓ Avantages
o Programme en ligne : vous pouvez étudier de n'importe où.
o Expérience réelle : mise en relation avec des entreprises pour un travail ou un stage
après avoir terminé le programme
o Application mobile : application Acadium disponible pour iOS et Android.
✓ Inconvénients
o Variété de qualité des cours : comme pour toute plateforme en ligne, il peut y avoir
une grande variété de qualité de cours proposés sur Acadium, ce qui peut rendre
difficile la sélection des cours qui conviennent le mieux à vos besoins
d'apprentissage.
o Il n'y a pas de programme personnalisé proposé.
➢ GOMYCODE
GOMYCODE, créée en 2017, est une plateforme pédagogique qui forme des talents
aux compétences numériques, et tente de combler le fossé qui existe entre ce que
propose la formation standard et ce que propose l'emploi accessible sur le marché.
✓ Avantages
o Certificats : Si vous terminez un programme avec GOMYCODE, vous obtiendrez un
certificat.
✓ Inconvénients
9
o L'accès aux cours est limité : les étudiants n'ont pas accès à leurs cours immédiatement
après la fin de la session.
o Les apprenants n'ont pas d'expérience pratique dans la mesure où il n'y a pas de mise
en relation avec des entreprises pour un stage ou un emploi à l'issue du programme.
o Manque d'un programme personnalisé
➢ Qureos
Qureos, en activité depuis 2021, aide les étudiants et les jeunes diplômés à acquérir
les compétences requises par les futurs employeurs [4][5].
✓ Avantages
o Expérience réelle : une fois que vous avez terminé la cohorte de compétences, vous
aurez accès à des projets d'entreprise exclusifs et rémunérés.
o Certificats : si vous terminez un programme avec Qureos, vous obtiendrez un
certificat (uniquement pour les membres premium).
✓ Inconvénients
o Manque d'un programme personnalisé
En conclusion, le tableau 1.1 représente une étude comparative entre les différentes
solutions et montre que notre solution proposée est la meilleure solution puisqu’elle
respecte tous les critères étudiés.
Tableau 1.1:Concurrence
Programme en Expérience Programme Processus

ligne réelle et mise en personnalisé automatique
relation avec
des entreprises
Udacity
Acadium
GOMYCODE
Qureos
Shape
10
1.5.2 Solutions proposées

Après avoir effectué des recherches dans la section précédente, afin de surmonter les
problèmes rencontrés lors de la recherche sur les méthodes actuellement utilisées dans
Shape, nous avons constaté que nous devons mettre en œuvre un système qui est
pratique pour la création et la gestion des comptes à ses utilisateurs et effectuer une
analyse conviviale. Acadium ,Udacity et GoMyCode sont des applications aux
caractéristiques techniques. Par conséquent, nous proposons de collecter et de
s’inspirer des idées et de les inspirer sans tomber dans le vol. Après avoir étudié la
technologie existante, il est temps de se concentrer sur la spécification des exigences
pour comprendre plus clairement l’application et ses fonctions, ce qui sera le sujet.
Par conséquent, nos objectifs seront :
• Proposer des formations pratiques et adaptées aux besoins et aux compétences
des apprenants.
• Permettre aux apprenants de développer de nouvelles compétences et de se
former pour des métiers demandés sur le marché du travail.
• Offrir une flexibilité dans les horaires de formation, afin de permettre aux
apprenants de concilier leur formation avec leur vie personnelle et
professionnelle.
• Proposer des outils et des ressources pour aider les apprenants à réussir leur
reconversion professionnelle.
• Faciliter l'accès à des opportunités professionnelles et mettre en relation les
apprenants avec des employeurs potentiels.
Notre solution consiste donc à concevoir et à réaliser :
• Une interface utilisateur conviviale : plateforme facile à utiliser pour les

apprenants, avec une navigation intuitive et des instructions claires.
• Des cours en ligne de haute qualité : proposer des cours en ligne de qualité
supérieure qui permettent aux apprenants d'acquérir de nouvelles compétences
et de se reconvertir efficacement.
• Des cours en temps réel : offrir un soutien en temps réel, la plateforme devrait
inclure des cours en temps réel et des sessions de formation en ligne avec des
instructeurs expérimentées.
• Un forum de discussion : les apprenants devraient avoir accès à un forums de
discussion pour poser des questions, échanger des idées et recevoir des
commentaires de la part des instructeurs pour offrir un soutien en temps réel.
• Des projets pratiques : pour aider les apprenants à appliquer leurs nouvelles
compétences dans des contextes réels, la plateforme devrait proposer des
projets pratiques à réaliser.
11
• Des outils d'évaluation : la plateforme devrait inclure des outils d'évaluation

pour permettre aux apprenants de suivre leur progression et d'obtenir des
commentaires sur leur travail.
1.6 Méthodologie adoptée

La méthodologie est nécessaire pour la gestion de n’importe quel type de projet. Mais, il faut
choisir la plus adoptée pour mieux le gérer . Puisque ce dernier est un projet de niveau
évaluatif, alors, la meilleure méthode qui respecte cette demande est la méthode « Scrum ».
1.6.1Méthodologie agile Scrum

La méthode Scrum (« Scrum » signifie « Mêlée » en anglais), ou plus exactement
le cadre de travail (framework) Scrum est de loin la méthode agile la plus utilisée dans
le monde. Expérimentée en 1993, elle bénéficie aujourd’hui de nombreux retours
d’expérience. Les conférences, communautés, formations, blogs, outils et ouvrages à
son sujet ne manquent pas.[6]
=> La méthode Scrum est caractérisée par une approche itérative, incrémentale et
adaptative, une forte communication et collaboration entre les membres de l'équipe,
une priorisation continue des fonctionnalités en fonction de la valeur pour le client et
une capacité d'adaptation rapide aux changements.
1.6.2 Pourquoi Scrum

• Dégager dans un premier lieu le maximum des fonctionnalités à réaliser pour former
le backlog du produit.
• En second lieu définir les priorités des fonctionnalités et choisir lesquelles seront
réalisées dans chaque itération.
• Par la suite focaliser l’équipe de façon itérative sur l’ensemble de fonctionnalités à
réaliser, dans des itérations appelées Sprint.
• Un Sprint aboutit toujours sur la livraison d’un produit partiel fonctionnel appelé
incrément.
La figure 1.3 représente le processus Scrum
12
Figure 1.2: processus scrum
Tout projet peut exploiter Scrum. Le travail est réalisé à travers des cycles courts
appelés des Sprints. Au sein d’un Sprint, l’équipe travaille à partir d’une liste
d’éléments appelée Backlog. Les éléments développés en premier sont ceux dont la
valeur est la plus importante pour le client.
Afin de comprendre cette méthode nous avons établi l’annexe définir des mots clés
qui vont nous servir tout au long du projet et de ce rapport.
1.7 Langage de modélisation

Après le choix de la méthodologie, nous avons besoin, d’un langage de modélisation
unifiée pour la modélisation de notre projet. Pour concevoir notre système, nous avons
choisi UML comme un langage de modélisation.
Notre choix s’est basé sur les points forts de ce langage notamment sa standardisation
et les divers diagrammes qu’il propose. Aussi UML présente le meilleur outil pour
schématiser des systèmes complexes sous un format graphique et textuel simplifié et
normalisé.
UML se définit comme un langage de modélisation graphique et textuel destiné à
comprendre et décrire des besoins, spécifier et documenter des systèmes, esquisser des
architectures logicielles, concevoir des solutions et communiquer des points de vue.
1.8 Conclusion
Ce chapitre résume le cadre de notre projet et les activités de « Shape Your Futur » de
manière complète. Dans le deuxième chapitre, nous allons spécifier les besoins
fonctionnels et non fonctionnels, le Backlog produit et présentation des parties
prenantes SCRUM. Aussi, nous allons présenter l’architecture adoptée pour notre
application.
13
‫‪Chapitre 2 : Analyse des besoins et conception‬‬
‫‪Analyse des besoins et Conception‬‬
‫‪14‬‬
Chapitre 2 : Analyse des besoins et conception
2.1 Introduction
L’étude de l’existant nous aide à mieux comprendre les problèmes du projet. Dans
cette partie, nous nous concentrons sur la détermination des besoins auxquels
l’application doit répondre. Nous présenterons les captures et les besoins, les styles
architecturaux et finalement le pilotage du projet.
2.2 Capture des besoins

La capture des besoins est une étape importante qui nous permet d’avoir une idée
plus claire et détaillée sur notre système.
2.2.1 Identification des acteurs

Un acteur peut être une personne, un matériel ou un logiciel qui interagit avec le
système pour exécuter une ou plusieurs fonctions liées au cas d’utilisation. Pour notre
système, nous avons identifié les acteurs suivants :
➢ Administrateur
➢ L’instructeur
➢ L’entreprise
➢ L’apprenant
2.2.2 Description des acteurs

Dans cette partie on va faire la description des acteurs concernant le projet
• L’administrateur : est le responsable « Shape Your Futur » et l’acteur qui possède

tous les droits y compris la gestion, le contrôle et le suivi des utilisateurs.
• L’apprenant : suit des cours en ligne dans le but d'acquérir de nouvelles

connaissances et compétences.
• L’instructeur : anime des formations dans le salon de formation.
• L’entreprise :est un acteur clé de la plateforme qui recherche des talents et des
profils adaptés à ses besoins. Elle utilise la plateforme pour trouver des étudiants ou
des diplômés qui correspondent à ses critères de recrutement. L'entreprise peut publier
des offres d'emploi ou de stage, consulter les profils des étudiants et entrer en contact
avec eux pour des opportunités de recrutement.
15
2.3 Définition des besoins

Dans cette partie, nous déterminons d’abord les exigences fonctionnelles, puis les
exigences non fonctionnelles, afin de définir enfin les cas d’utilisation et leurs priorités
afin de développer des applications exécutables pouvant répondre correctement aux
besoins des clients.
2.3.1 Besoins Fonctionnels

Un besoin fonctionnel est un besoin spécifiant une fonctionnalité que nous
envisageons réaliser et que le système doit être capable de l’effectuer. En fonction de
notre contexte d’application, nous déterminons les exigences suivantes :
➢ Administrateur :
• Authentifié avec un email et mot de passe
• Gérer les comptes (d’instructeur et l’entreprise)
✓ Ajouter un compte
✓ Modifier un compte
✓ Archiver les comptes
✓ Filtrer les comptes
• Gérer les licences
• Gérer son compte
✓ Modifier ses informations personnelles
✓ Modifier son mot de passe
✓ Se déconnecter
✓ Supprimer son compte
• Discuter avec les autres utilisateurs
• Créer le contenu de la plateforme
• Affecter les instructeurs selon leurs disponibilités
➢ L’instructeur :
• Gérer son profil
✓ Changer sa photo de profil
✓ Modifier sa biographie
✓ Modifier ses contacts
• Gérer ses cours
• Télécharger les supports du cours
16
• Publier son calendrier

• Consulter les informations des étudiants
• Consulter les statistiques
➢ L’entreprise :
• Gérer les offres d’emploi
✓ Ajouter des postes de travail
✓ Modifier des postes de travail
✓ Supprimer des postes de travail
• Consulter les informations des candidats
✓ Rechercher un candidat
✓ Retirer un candidat
✓ Recruter un candidat
• Discuter avec les autres utilisateurs (chat)
• Tchatcher avec l’apprenant au cours d’une formation
• Animer une formation
• Activer l’audio et la vidéo
• Télécharger leurs taches
➢ Apprenant
• Gérer son compte
✓ Créer son compte
✓ Modifier ses informations personnelles
✓ Modifier son mot de passe
17
✓ Se déconnecter
✓ Supprimer son compte
• Consulter les cours
• Consulter les entreprises (les offres d’emploi)
• Consulter les formations
• Consulter les statistiques
• Réserver une séance
• Passer les examens
• S’inscrire à une formation
• Payer l’assistance d’une formation
• Assister à une formation
2.3.2 Besoins non fonctionnels

Ces besoins décrivent toutes les contraintes auxquelles est soumis le système pour
sa réalisation et son bon fonctionnement :
• Ergonomie de l’interface : L’interface doit être conviviale et Facile à utiliser.
• Maintenance : Le code doit être clair pour permettre des évolutions ou

améliorations futures.
• Sécurité : L’utilisateur de l’application doit être authentifié pour accéder

différents tableaux de bord.
• Fiabilité : le système doit fonctionner de manière fiable et sécurisée en

garantissant l’intégrité des données.
• Performance : l’application doit rester efficace quelles que soient les contraintes.
• Responsive : Compatible à toutes les résolutions.
2.4Architecture de l’application
Dans cette partie nous présentons l’architecture de notre application.
18
2.4.1 Architecture logique :

MVC est un modèle architectural, ce qui signifie qu’il régit l’ensemble de
l’architecture des applications. Même s’il est souvent connu sous le nom de modèle de
conception, nous pouvons nous tromper si nous ne le référons qu’en tant que modèle
de conception, car les modèles de conception sont utilisés pour résoudre un problème
technique spécifique, alors que le modèle d’architecture est utilisé pour résoudre des
problèmes architecturaux. Il affecte donc l’ensemble architecture de notre application.
Il a trois composants principaux :

• Modèle : Le modèle est en fait connecté à la base de données, donc tout ce que vous
faites avec les données. L’ajout ou la récupération de données se fait dans le composant
de modèle.
• Vue : La représentation des données est effectuée par le composant de vue.
• Contrôleur : le contrôleur est le composant qui permet l’interconnexion entre les vues
et le modèle, il agit donc comme un intermédiaire.
La figure 2.1 illustre cette architecture et les différentes interactions :
Figure 2.1: le fonctionnement de l’architecture MVC
2.4.2 Architecture Matérielle

Dans cette partie, nous envisageons de présenter l’architecture matérielle de notre
système. L’architecture 3-tiers est composée de trois éléments, ou plus précisément
dans ce cadre-là de trois couches. En effet dans ce contexte, et dans la philosophie qui
a guidé l’élaboration de cette architecture, il est plus adéquat de parler de couche
fonctionnelle où à chacune d’elle est attachée un élément/entité logique.
Dans le modèle 3-tiers, il faut distinguer 3 couches/éléments :
1. La couche présentation (ou affichage si l’on souhaite) associée au client qui de fait
est dit "léger" dans la mesure où il n’assume aucune fonction de traitement à la
différence du modèle Client / Serveur ou 2-tiers.
19
2. La couche fonctionnelle liée au serveur, comprend le serveur d’applications ou

middleware ou encore serveur intermédiaire, qui dans de nombreux cas est un serveur
Web muni d’extensions applicatives.
3. La couche de données liée au serveur de base de données (SGBD)
La figure 2.2 illustre cette architecture et les différentes interactions.
Figure 2.2: Architecture 3 tiers
2.5 Environnements du travail

2.5.1 Environnement matériel
Nous mentionnons dans le tableau 2.1 les caractéristiques d’ordinateur dans lesquels
nous avons développé notre application :
Tableau 2.1: Tableau des caractéristique d'ordinateur
Pc Portable Lenovo
Ram 20GO
Processeur AMD Ryzen 5 5500U
Disque Dur 512 Go SSD
Système d’exploitation Windows 10 Professionnel
2.5.2 Environnements logiciels

Dans cette partie, nous allons présenter et détailler les différents outils informatiques
et langages utilisé dans notre travail :
➢ Environnement de développement
• Visual Studio Code
20
Visual Studio Code est un éditeur de code open-source développé par

Microsoft supportant un très grand nombre de langages grâce à des extensions.
Il supporte l’auto complétion, la coloration syntaxique, le débogage, et les
commandes git [7].
• Postman
Postman est officiellement présenté comme une plateforme API pour la création et
l’utilisation d’API. D’une manière générale, Postman est une plateforme qui permet
de simplifier chaque étape du cycle de vie des API et de rationaliser la collaboration,
afin de créer, plus facilement et plus rapidement, de meilleures API [8].
• GitHub
Il est une plateforme de "codes" open-source. Pour faire court, c'est une sorte
de réseaux sociaux de développeurs. Vous pouvez donc utiliser les projets (à
condition de citer vos sources !) et même participer à un projet qui vous
intéresse. Sur cette plateforme, vous trouvez de nombreux projets connus
comme JQuery par exemple...Il fournit une interface visuelle pour gérer
localement vos projets avec les contrôles de version (projet individuel). Il
permet, si vous créez un compte sur GitHub.com, que vos projets soient sur le
web (projet collaboratif) avec des contrôles de versions [9].
➢ langages de développement
• Tailwind CSS
Tailwind CSS est un framework CSS conçu pour permettre aux utilisateurs
de créer des applications plus rapidement et plus facilement. Vous pouvez
utiliser des classes utilitaires pour contrôler la mise en page, la couleur,
l’espacement, la typographie, les ombres et plus encore afin de créer une
conception de composant entièrement personnalisée, sans quitter votre
HTML ou écrire une seule ligne de CSS personnalisé [10].
• Type Script
Type Script est Type d JavaScript. Type Script ajoute des types à
JavaScript pour vous aider à accélérer le développement en attrapant les
erreurs avant même d’exécuter le code JavaScript.
21
Type Script est un langage de programmation open-source qui s’appuie

sur JavaScript. Il fonctionne sur n’importe quel navigateur, n’importe quel
OS, n’importe quel environnement que JavaScript exécute .[11]
➢ Framework et bibliothèques
• React
React est une bibliothèque JavaScript open-source qui est utilisée pour
construire des interfaces utilisateur spécifiquement pour des applications
d'une seule page. Elle est utilisée pour gérer la couche d'affichage des
applications web et mobiles.
• Node. JS
Node.js est un environnement d'exécution JavaScript open-source et
multiplateforme. Il s'agit d'un outil populaire pour presque tous les types de
projets [12].
• Express JS
Express est un cadre d’application Web Node.js minimal et flexible qui

fournit un ensemble robuste de fonctionnalités pour les applications Web
et mobiles [13].
➢ Système de gestion de données

• MongoDB
MongoDB est un système de gestion de base de données NO SQL. Les
données sont modélisées sous forme de document sous un style JSON.
• Amazon S3 (Simple Storage Service)
Amazon S3 (Amazon Simple Storage Service) est un site d'hébergement

de fichiers proposé par Amazon Web Services. Amazon S3 propose des
services de stockage à travers des services Web
(REST, SOAP et BitTorrent).
➢ Environnement de conception
• StarUML
StarUML est un logiciel de modélisation UML (Unified Modeling Language) qui

permet de créer des diagrammes UML pour la conception de logiciels.
2.6 Pilotage du projet

Afin de poursuivre les différentes étapes de ce projet, nous devons d’abord les
planifier. Ayant choisi la méthodologie SCRUM, nous procédons dans ce qui suit à
22
présenter cette planification en utilisant les principes de cette méthodologie, suite à

laquelle nous passerons au raffinement des différents sprints planifiés.
2.6.1 Equipes et Rôles

Scrum définit trois rôles qui sont :
• Le Product Owner (le propriétaire du produit) : C’est une personne qui porte la vision
du produit à réaliser. Il s’agit généralement d’un expert dans le domaine.
• Le Scrum Master (le directeur du produit) : C’est la personne qui doit assurer le bon
déroulement des différents sprints du release et qui doit impérativement maitriser
Scrum.
• Le Scrum Team (l’équipe de Scrum) : constitué des personnes qui seront chargées
d’implémenter les différents besoins du client.
Dans le contexte du présent projet :
Scrum Master:Mm.Rahma Abid
Product Owner:M.OuniOutail
Team Membre : Fguir Aziza : développeur web, Farah BSAIS : UI/UX Designer.
2.6.2 Backlog du produit

Pour réaliser un projet Scrum, il faut définir le produit Backlog qui est une liste
priorisée des tâches.
Le tableau 2.2 résume les différentes fonctions à réaliser :
Tableau 2.2: Backlog Global
Thème ID User Story Estimation

Authentification 1 En tant qu’utilisateur, je 5jours
peux m’authentifier afin
d’accéder à mon espace.
Gestion des comptes 2 En tant qu’administrateur, je 20jours
peux gérer les comptes afin
de modifier, ajouter et
supprimer un compte dans
les bases de données
Gestion des profiles 3 En tant qu’utilisateur, je 15 jours
peux gérer mon profile.
Gestion le contenu de la 4 En tant qu’administrateur je 20jours
plateforme peux créer le contenu de la
plateforme.
Exploitation du contenu 5 En tant 10jours
qu’apprenant/instructeur, je
peux utiliser le contenu de la
plateforme.
23
Gestion des offres 6 En tant qu’entreprise je 20jours

d’emploi peux gérer les offres
d'emploi, de procéder à des
recrutements, de retirer des
candidatures et de consulter
les informations des
candidats.
2.6.3 Plans de sprints

Après avoir divisé le projet final en tâches, nous avons dû regrouper ces tâches en
sprints. Bien que le sprint une partie incomplète du projet, il doit être un livrable
exécutable et réutilisable. Par conséquent, il est nécessaire de définir un sprint pour se
conformer à cette règle.
Après le regroupement, nous avons effectué 4 sprints :
Sprint 1- Authentification et gestion des comptes : où on va permettre à l’utilisateur de
créer, accéder et gérer un compte.
Sprint 2- Gestion du contenu de la plateforme : où on va permettre à l’administrateur
de créer, gérer les cours.
Sprint 3-Utilisation du contenu de la plateforme : Ce sprint couvre tout ce qui concerne
la façon dont un étudiant ou l’instructeur peut utiliser le contenu de la plateforme.
Sprint 3-Gestion les offerts d’emploi : où on va permettre à l’entreprise de gérer un
compte : recruter, retirer les apprenants qui terminent leurs formations.
2.7 Conclusion
Durant ce chapitre, nous avons identifié les exigences fonctionnelles et non
fonctionnelles du système, ainsi que les principaux acteurs et leurs rôles. Par la suite,
nous avons identifié le Backlog produit et les planifications des sprints. Nous avons
terminé le chapitre par l’explication des architectures de notre application. Dans le
chapitre suivant, nous commençons le développement du Sprint 1.
24
‫) ‪Chapitre 3 : Sprint1 (Authentification et gestion des comptes‬‬
‫ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ‬
‫‪Sprint1 (Authentification et gestion des‬‬

‫)‪comptes‬‬
‫‪25‬‬
Chapitre 3 : Sprint1 (Authentification et gestion des comptes )
3.1 Introduction
Dans ce chapitre qui concerne le premier sprint, Nous commençons tout d’abord par
présenter le « backlog » et ses différentes tâches dans la deuxième section. Après nous
présentons en détail les différents diagrammes à savoir le diagramme de cas
d’utilisation, le diagramme de classe et le diagramme de séquence. Dans une autre
partie, nous présentons la base de données et le codage. Nous finissons par montrer les
différentes interfaces de ce sprint dans la dernière section.
3.2 Backlog de sprint 1

Avant chaque sprint, nous organisons une réunion de planification de sprint. Ce
programme sélectionne les exigences les plus prioritaires pour les clients dans le
« backlog » de produits. Ils sont développés, testés et livrés aux clients à la fin du
sprint. Tableau 3.1 représente un sous ensemble du « backlog » du produit.
⊛ Date début du sprint : Lundi 24 Février 2023
⊛ Date fin du sprint : Mercredi 1 Avril 2023
⊛ Echelle de mesure : Une journée égale 6h de travail
Tableau 3.1: Backlog du sprint 1 « Authentification et gestion des comptes et profiles »
Elément du backlog du produit Tache Estimation

Créer Compte En tant qu’un visiteur, je peux 6 jours
créer un compte pour accéder à la
plateforme.
S’authentifier En tant qu’un utilisateur je dois 9 jours
m’authentifier pour accéder à mon
tableau de bord.
Gérer Compte En tant qu’un utilisateur, je peux 1 jour
modifier les données relatives à
mon compte.
En tant qu’un utilisateur je peux 5 jours
Créer mon profile pour paramétrer
les informations relatives à mon
profil
En tant qu’un utilisateur je peux
consulter mon profile pour
Gérer profile paramétrer les informations
relatives à mon profil.
modifier mon profile pour
paramétrer les informations
relatives à mon profil
supprimer mon profile pour
paramétrer les informations
relatives à mon profil.
26
Gérer les utilisateurs En tant qu’un administrateur je 15 jours

peux chercher des utilisateurs
En tant qu’un administrateur je
peux ajouter des utilisateurs
peux modifier des utilisateurs
peux supprimer des utilisateurs
peux Consulter la liste des
utilisateurs
Gérer les rôles En tant qu’un administrateur je 5 jours
peux ajouter un rôle
peux modifier les informations
reliées à un rôle
peux supprimer un rôle
peux consulter la liste des rôles
Gérer les comptes En tant qu’un administrateur ou 7 jours
super cm je peux ajouter un
compte
peux modifier les informations
relatives à un compte
peux supprimer un compte
peux consulter la liste des comptes
3.3 Diagramme détaillé de cas d’utilisation

Dans le but de mieux comprendre notre système et les interactions avec les utilisateurs,
dans cette partie nous allons détailler quelques scenarios des principaux cas
d’utilisation.
27
‫» ‪• Cas d’utilisation « S’authentifier‬‬
‫»‪Figure 3.1:Raffinement de cas d’utilisation «S’authentifier‬‬
‫» ‪• Cas d’utilisation « Gérer les comptes‬‬
‫» ‪Figure 3.2:Raffinement de cas d’utilisation « Gérer les comptes‬‬
‫‪28‬‬
• Cas d’utilisation « Gérer mon compte »
Figure 3.3:Raffinement de cas d’utilisation «Gérer mon compte»
3.4 Diagrammes de séquences

Le diagramme de séquence est un diagramme d’objet qui collabore les messages qui
s’envoient les uns aux autres présentés de façon chronologique et montrant comment
les cas d’utilisation sont réalisés. Le diagramme de séquence est de plus en plus utilisé,
il permet de décrire la dynamique d’un système et faire le lien entre les diagrammes
de cas d’utilisation et le diagramme de classe.
Dans ce cas, en faisant référence à la description textuelle du cas d’utilisation, nous
fournissons un diagramme de séquence du système pour comprendre les étapes de base
de notre projet.
3.4.1 Raffinement du cas d’utilisation « S’authentifier »

Dans ce projet, l'application met en place une authentification JWT (JSON Web
Token) afin de sécuriser l'accès aux fonctionnalités. Ce dernier est un format de jeton
d'accès qui permet de vérifier l'identité de l'utilisateur de manière sécurisée.
L'authentification JWT repose sur l'utilisation de deux mécanismes : l'access token et
le refresh token.
L'access token est un jeton d'accès qui est généré lorsque l'utilisateur s'authentifie avec
succès. Ce jeton est utilisé pour vérifier l'identité de l'utilisateur à chaque requête
protégée. Il contient des informations telles que l'identifiant de l'utilisateur et les
autorisations associées.
29
Le refresh token est un jeton de rafraîchissement qui est également généré lors de
l'authentification. Ce jeton a une durée de validité plus longue que l'access token.
Lorsque l'access token expire, le refresh token est utilisé pour obtenir un nouveau
couple d'access token et de refresh token sans que l'utilisateur ait besoin de se
reconnecter. Cela permet de maintenir une session active et de renouveler les jetons
d'accès sans perturber l'expérience utilisateur.
En utilisant cette combinaison d'access token et de refresh token, l'application garantit
la sécurité de l'authentification tout en offrant une expérience utilisateur fluide et
ininterrompue.
Le tableau 3.2 représente le cas d’utilisation « S’authentifier »
Tableau 3.2: Description textuelle du cas d’utilisation « S’authentifier »
Cas d’utilisation S’authentifier
Description Ce cas d’utilisation permet à l’acteur de

se connecter au système.
Administrateur, entreprise, instructeur et
Acteurs apprenant
Formateur et entreprise : Être enregistré

par l’administrateur et avoir un appareil
Pré conditions compatible.
Administrateur et apprenant : Être inscrit
et avoir un appareil compatible.
1. L’acteur entre les paramètres de
Scenario Normal connexion (courriel, mot de passe) et
confirme les paramètres déjà entrés.
2. Le système vérifie les paramètres
(courriel, mot de passe).
3. Le système affiche la zone utilisateur
authentifiée.
Post Conditions L’acteur est authentifié.
3.4.2 Raffinement du cas d’utilisation « Gérer les comptes :

modifier un compte »
Le tableau 3.3 représente le cas d’utilisation « Gérer les comptes : modifier un compte
»
Tableau 3.3:« Gérer les comptes : modifier un compte »
Cas d’utilisation Gérer les comptes : modifier un compte

Description Ce cas d’utilisation permet à l’administrateur de
gérer les comptes (instructeur, entreprise, apprenant
et leur propre compte)
Acteurs Administrateur
Pré conditions L’administrateur est authentifié.
30
Scenario Normal Modifier un compte

1. L’acteur choisit l’utilisateur à modifier
2. Affichage du formulaire de modification
3. L’acteur modifie les informations
4. Le système vérifie les données saisies
5. Enregistrement des modifications et affichage un
message de la réussite et du nouvelle liste
Post Conditions Ajoutez un compte.
Modifier un compte.
Archiver un compte.
Filtrer les comptes.
Scenario alternatif 4-a. L’acteur saisi des données manquantes ou
erronées
4-a-1. Le système affiche un message d’erreur
4-a-2. Reprise de l’étape 3 du scénario nominal
3.4.3Raffinement du cas d’utilisation « Gérer mon compte :

changer son mot de passe »
Le tableau 3.4 représente le cas d’utilisation « Gérer mon compte : changer son mot
de passe »
Tableau 3.4: Description textuelle du cas d’utilisation « Gérer mon compte : changer son mot de passe »
Cas d’utilisation Gérer mon compte : changer son mot de passe

Description Ce cas d’utilisation permet à l’acteur de gérer son
propre compte (la création du compte se fait
seulement par l’administrateur et l’apprenant)
Acteurs Administrateur, Entreprise, Instructeur et Apprenant
Pré conditions L’acteur est authentifié.
Scenario Normal Modifier son mot de passe
1. L’utilisateur consulte son profil et voit son
Information,
2. L’utilisateur choisit le champ « Modifier le
profil ».
3. L’utilisateur choisit le champ « Mot de passe ».
4. L’utilisateur clique sur le bouton « Modifier ».
5. L’utilisateur saisit son mot de passe précédent.
6. L’utilisateur saisit son nouveau mot de passe.
7. L’utilisateur confirme son nouveau mot de passe.
8. L’utilisateur clique sur le bouton « Enregistrer ».
9. Le système vérifie les changements.
10. Le système affiche un message de réussite.
Post Conditions Modifier ses informations personnelles.
Modifiez son mot de passe.
Déconnexion.
Supprimer son compte
Scenario alternatif Si une erreur s’est produite, le système affiche un
message d’erreur et reprise de la séquence dans le
scénario principal à l’étape 2.
31
• La figure 4.4 représente le diagramme de séquence du cas d’utilisation « Télécharger

un fichier contenant un support du cours »
Figure 3.4:Diagramme de séquence « S’authentifier et gérer un compte »
3.5 Conception
• Diagramme de classes global du premier Sprint
Le diagramme de classe est une description statique du système centrée sur le concept
d’association et de classe. Une classe représente un ensemble d’objets qui ont des
propriétés similaires et des comportements communs décrivant en termes d’attributs
et d’opérations.
32
La figure 3.6 représente les classes du premier sprint .
Figure 3.5:Diagramme de classe du sprint 1
3.6 Réalisation
Dans cette partie, nous allons exposer quelques scénarios d’exécution à travers des
captures d’écran
3.6.1 Interface d’authentification « S’authentifier : Sign In »

Pour accéder à notre application le client ou l’artisan doit s’authentifier. Comme toute
application, la sécurité d’accès est nécessaire. La figure ci-après (Figure-3.6) donne
l’interface à travers laquelle l’utilisateur s’identifie. Il saisit son login et son
« password » puis le serveur vérifie ces informations.
33
Figure 3.6: interface d’authentification
3.6.2 Interface d’inscription « S’inscrire : Sign Up »

La page "Sign Up" est la page sur laquelle les utilisateurs peuvent créer un nouveau
compte sur la plateforme. La figure ci-après (Figure3.7) donne l’interface à travers
laquelle l’utilisateur s’identifie. Il saisit son nom, son email et le mot de passe. La page
peut également comporter des conditions générales d'utilisation ou des politiques de
confidentialité auxquelles les utilisateurs doivent consentir avant de finaliser leur
inscription.
Figure 3.7: interface d’inscription
34
3.6.3 Interface«Profiling »
Une fois que l'utilisateur a rempli le formulaire sur la page d'inscription et cliqué sur
le bouton d'inscription, il est redirigé vers la page de « Profiling ». La figure 3.8 donne
l’interface à travers laquelle l'utilisateur peut fournir des détails supplémentaires tels
que ses intérêts, sa profession, ses compétences, ses préférences, ou toute autre
information pertinente.
Figure 3.8:interface de profilage
35
3.6.4 Interface de récupération du mot de passe « Forget

Password »
Lorsqu'un utilisateur déjà inscrit oublie son mot de passe, il peut cliquer sur le bouton
"Mot de passe oublié" qui le redirigera vers la page "Mot de passe oublié". Sur cette
page, l'utilisateur sera invité à saisir son adresse e-mail ou son numéro de téléphone
associé à son compte (Figure3.9).
.
Figure 3.9:interface de récupération du mot de passe
3.6.5 Interface de vérification du votre courriel « Vérifiez

votre e-mail : VerifyYour Email »
Une fois que l'utilisateur a saisi son adresse e-mail sur la page "Mot de passe oublié"
et l'a soumise, il sera dirigé vers une interface appelée "Vérifiez votre e-mail". Cette
étape vise à confirmer son identité et à permettre la poursuite du processus de
réinitialisation du mot de passe.
36
Figure 3.10:interface : Vérifiez votre e-mail
3.6.6 Interface de Vérification du votre numéro de

téléphone « Vérifiez votre téléphone : VerifyYour Phone
Number »
Lorsque l'utilisateur soumet son numéro de téléphone sur la page "Mot de passe
oublié", il peut être redirigé vers une interface appelée "Vérifiez votre téléphone".
Cette étape vise à confirmer son identité et à permettre la poursuite du processus de
réinitialisation du mot de passe.
Figure 3.11:interface : Vérifiez votre téléphone
37
3.6.7 Interface de la création un nouveau mot de passe

« Créez un mot de passe : Create New Password »
Après avoir terminé avec succès la vérification de son identité, l'utilisateur sera dirigé
vers la page "Créer un mot de passe". Sur cette page, il lui sera demandé de choisir un
nouveau mot de passe pour son compte. L’interface ci-dessous affiche des champs où
l'utilisateur devra saisir le nouveau mot de passe, ainsi qu'un champ de confirmation
pour s'assurer que le mot de passe est saisi correctement.
Figure 3.12:interface :Créez un mot de passe
3.6.8 Interface de la gestion du profil « Paramètres du profil :

Profile Settings »
L’interface des "Paramètres du profil" est l'endroit où les utilisateurs peuvent
personnaliser et gérer divers aspects de leur profil sur la plateforme. Cette page met à
leur disposition une gamme de fonctionnalités et d'options pour modifier leurs
informations personnelles, ajuster leurs préférences et gérer leurs paramètres de
confidentialité.
38
‫‪Figure 3.13: interface de la gestion du profile‬‬
‫‪3.7 Conclusion‬‬
‫‪A travers ce chapitre, nous avons présenté les différentes phases de la conception de‬‬
‫‪notre application, nous avons commencé par le Backlog de sprint, la conception puis‬‬
‫‪la partie réalisation. La partie suivante du rapport sera consacrée à la réalisation de‬‬
‫‪notre deuxième sprint intitulé « Gestion du contenu de la plateforme ».‬‬
‫‪39‬‬
‫)‪Chapitre 4 : Sprint 2(Création du contenu de la plateforme‬‬
‫)‪Sprint 2(Création du contenu de la plateforme‬‬
‫‪40‬‬
Chapitre 4 : Sprint 2(Création du contenu de la plateforme)
4.1 Introduction
Dans le chapitre précédent, nous avons commencé notre parcours de développement
de l'application en nous concentrant sur l'authentification, la gestion des comptes et la
gestion des profils. Ces fonctionnalités étaient essentielles pour établir une base solide
pour notre application. Maintenant, dans ce nouveau chapitre, nous aborderons le
deuxième sprint, qui porte sur la création du contenu de la plateforme. Au cours de ce
sprint, nous allons nous concentrer sur la création et la gestion du contenu pédagogique
qui sera proposé aux utilisateurs de notre plateforme « e-Learning ».
4.2 Backlog de Sprint 2
En suivant la même démarche que le sprint précédent, nous commençons par la

définition des éléments à inclure dans ce sprint en estimant la durée de chaque tâche.
⊛ Date début du sprint : Lundi 3 avril 2023
⊛ Date fin du sprint : Lundi 24 avril 2023
⊛ Echelle de mesure : Une journée égale 8h de travail (de 8h à 12h et de 13h à 17h)
Le tableau 4.1 illustre le backlog du sprint 2
Tableau 4.1: Backlog du sprint 2 « gestion du contenu de la plateforme »
Elément du backlog du Tache Estimation

produit
Créer le programme En tant qu’un 3 jours
administrateur/cmd, je
peux créer le programme
bien organisé qui
comprendre plusieurs
chapitres.
Planifier la structure deEn tant qu’un utilisateur 4 jours
cours je peux planifier le cours
selon les semaines pour
faciliter l'apprentissage et
la navigation.
Gérer les taches En tant qu'instructeur, je 3 jours

veux pouvoir ajouter des
tâches à accomplir pour
chaque leçon et les
41
assigner à des apprenants

spécifiques avec le délai.
//Elaborer des activités En tant qu’un 6 jours
d’apprentissage administrateur je peux
élaborer des projets qui
encouragent les
apprenants à mettre en
pratique les concepts
enseignés.
Enrichir le programme En tant qu’un 5 jours
administrateur je peux
produire des vidéos, des
présentations, des quiz,
...
4.3 Diagramme de cas d’utilisation détaillé

Dans cette section, nous allons présenter le diagramme de cas d’utilisation du
sprint 2.
Figure 4.1:diagramme de cas d’utilisation du sprint 2
42

Pour élaborer des modèles dynamiques, le langage de modélisation UML
recommande l’utilisation de diagrammes de séquence. Les diagrammes de séquence
décrits dans cette section montrent comment différents objets interagissent et l’ordre
dans lequel ils se produisent. Dans les sections suivantes, nous trouvons les
diagrammes de séquences.
4.4.1 Raffinement du cas d’utilisation « Gérer les cours :

Supprimer un cours »
Pour Gérer les cours, l'option "Supprimer un cours" permet à l'administrateur ou à
l’instructeur de la plateforme de retirer un cours spécifique de la liste des cours
disponibles. Le tableau 4.2 donne une description sur les détails du cas d’utilisation «
Gérer mes cours : Supprimer un cours ».
Tableau 4.2: Description textuelle du cas d’utilisation « Gérer les cours : Supprimer un cours »
Cas d’utilisation Gérer les cours : Supprimer un cours

Description Ce cas d’utilisation permet à l’instructeur de consulter,
ajouter, modifier et supprimer les cours.
Acteurs Instructeur, administrateur
Pré conditions L’instructeur ou l’administrateur est authentifié.
Scenario Normal Supprimer un cours :
L'administrateur ou l’instructeur accède à l'interface.
L'administrateur ou l’instructeur sélectionne le cours à
supprimer.
L'administrateur ou l’instructeur choisit l'option
"Supprimer le cours".
Le système demande une confirmation de
suppression.
L'administrateur ou l’instructeur confirme la
suppression du cours.
Le système supprime toutes les données associées au
cours de la base de données.
Le système met à jour l'interface utilisateur pour
refléter la suppression du cours.
43
‫‪Post Conditions‬‬ ‫‪• Supprimer un cours.‬‬

‫‪Scenario alternatif‬‬ ‫‪Si une erreur s’est produite, le système affiche un‬‬
‫‪message d’erreur et la séquence reprend dans le‬‬
‫‪scénario principal à l’étape 1.‬‬
‫‪La figure 4.2 représente le diagramme de séquence du cas d’utilisation « Gérer les‬‬
‫‪cours : Supprimer un cours ».‬‬
‫» ‪Figure 4.2:Diagramme de séquence « Gérer les cours : Supprimer un cours‬‬
‫‪44‬‬
4.4.2 Raffinement du cas d’utilisation « Charger un

fichier:Upload un fichier »
Pour la création du contenu de la plateforme, l’instructeur ou l’administrateur charge
un fichier contenant le cours ou une ressource en cliquant sur le bouton « Upload » ou
« charger ».
Le processus d'upload d'un fichier vers « AWS S3 (Simple Storage Service) » implique
le transfert d'un fichier local depuis un client vers un « bucket S3 », qui est un
conteneur de stockage dans le « cloud ». Voici une description de cette opération :
=> L'upload d'un fichier vers « AWS S3 » permet de stocker un fichier dans le cloud,
offrant ainsi la possibilité de le partager, le sauvegarder ou le rendre accessible à
d'autres utilisateurs.
Le tableau 4.3 donne une description sur les détails du cas d’utilisation « Charger un
fichier contenant une tâche ».
Tableau 4.3: Description textuelle du cas d’utilisation « Upload un fichier »
Cas d’utilisation Upload un fichier

Description Ce cas d’utilisation permet à
l’acteur de télécharger (upload) un
fichier.
Acteurs acteur
Pré condition L'acteur est authentifié.
Charger un fichier contenant un
support du cours :
Scenario nominal
1. L’acteur clique sur le bouton «
Upload » ou « Charger ».
2. L’acteur sélectionne le fichier à
partir de son appareil.
3.L’acteur clique sur le bouton «
Soumettre ».
4. Le système vérifie les
changements.
5. Le système affiche un message
de réussite en cas de réussite.
Post condition Charger le fichier.
Supprimer le fichier.
45
Scenario alternatif Si une erreur s’est produite, le

système affiche un message
d’erreur et la séquence reprend dans
le scénario principal à l’étape 1.
• La figure ci-après (Figure 4.3) représente le diagramme de séquence du cas

d’utilisation « Télécharger un fichier contenant un support du cours ».
Figure 4.3:Diagramme de séquence « Gérer les cours : Supprimer un cours »
4.5 Conception
• Diagramme de classes global du deuxième Sprint :
Dans cette activité, nous allons présenter le diagramme de classe global de ce sprint.
La figure 4.4 décrire le diagramme de classe global relatif au deuxième sprint.
46
4.6 Réalisation
4.6.1 Interface de gestion de programme
La section de gestion du programme est partiellement mise en place du côté backend
et de la base de données. Le programme est organisé en semaines, où chaque semaine
comprend à la fois des cours et des tâches associées, ainsi que les ressources
nécessaires pour ces éléments du programme.
4.6.2 Interfaces de gestion de cours

▪ Pour l’administrateur
Cette interface permet à l'administrateur de gérer et de superviser les cours d’une
semaine en cliquant sur "Couses Management". Grâce à cette interface,
l’administrateur permet de gérer les leçons, tâches, les ressources. La figure 4.5
présente la page de gestion les cours pour l’administrateur.
47
‫‪Figure 4.5:Interface de gestion les cours pour l’administrateur‬‬
‫‪48‬‬
‫‪▪ Pour l’instructeur‬‬

‫‪En sélectionnant un programme spécifique, l’instructeur peut voir les cours et les‬‬
‫‪séances qui‬‬ ‫‪y sont associés. Il peut ajouter de nouvelles leçons, éditer les détails‬‬
‫‪existants, et assigner des tâches pour chaque séance (Figure 4.6).‬‬
‫‪Figure 4.6:Interface de gestion les cours pour l’instructeur‬‬
‫‪49‬‬
4.6.3 Interface de gestion de tâche

En cliquant sur un « Tasks Management », l’instructeur est redirigé vers la page de
taches correspondantes, où il peut consulter la liste des taches disponibles. La figure
ci-après donne l’interface de gestion des tâches permet de consulter toutes les tâches
crées pour les apprenants (Figure 4.7).
Figure 4.7:Interface de gestion les tâches
Lorsque l'instructeur souhaite créer une nouvelle tâche, il clique sur "Créer une
nouvelle tâche", un champ apparaît sur la page pour permettre à l'instructeur de remplir
les détails de la tâche.
Les figures ci-après donnent les interfaces à travers laquelle l’instructeur créer une
tâche. Il rempli des champs tels que le titre de la tâche, la description, la date limite,
l’apprenant.
50
‫‪Lorsque l'instructeur clique sur "Créer une nouvelle tâche" ou " Create a new task",‬‬
‫‪cette interface (Figure4.8) affiche un champ supplémentaire.‬‬
‫‪Figure 4.8:Interface de gestion les tâches‬‬
‫‪Cette fonctionnalité permet à l'instructeur d'ajouter des détails spécifiques à la nouvelle‬‬

‫‪tâche, tels que le titre, la description, la date d'échéance, les ressources associées, etc‬‬
‫‪(Figure 4.9, Figure 4.10).‬‬
‫‪51‬‬
‫‪52‬‬
‫‪Après avoir rempli les champs requis, l’interface affiche deux boutons : Ces deux‬‬
‫‪boutons offrent à l'instructeur la possibilité de sauvegarder les tâches créées ou de les‬‬
‫‪supprimer selon ses besoins (Figure 4.11).‬‬
‫‪53‬‬
‫‪54‬‬
4.7 Conclusion
En conclusion, nous avons atteint un jalon significatif dans le développement de
l'application en terminant avec succès deux sprints qui nous ont permis de répondre
aux objectifs fixés. Tout d'abord, nous avons établi un Backlog de sprint détaillé
qui a servi de guide pour la planification et l'exécution de notre travail. Ensuite,
nous avons consacré du temps à la phase de conception, où nous avons défini les
spécifications et l'architecture de l'application. Enfin, nous avons mis en œuvre ces
conceptions lors de la phase de réalisation. Ces deux sprints nous ont permis de
progresser de manière significative et de jeter les bases solides de notre projet. Nous
sommes impatients de poursuivre cette dynamique positive et d'atteindre nos
prochains objectifs dans les sprints à venir.
55
‫)‪Chapitre 5 : sprint 3 ( Exploitation du contenu‬‬
‫)‪Sprint 3 (Exploitation du contenu‬‬
‫‪56‬‬
Chapitre 5 : sprint 3 ( Exploitation du contenu)
5.1 Introduction
Dans ce chapitre consacré à l'exploitation du contenu de la plateforme, Nous abordions
alors le troisième sprint de développement. Après avoir clôturé avec succès notre
deuxième sprint, nous sommes prêts à entamer les travaux nécessaires pour exploiter
pleinement le contenu de notre plateforme.

⊛ Date début du sprint : Lundi 18 avril 2023
⊛ Date fin du sprint : Lundi 15 mai 2023
Tableau 5.1: Backlog du sprint 2 « Exploitation du contenu »
Elément du backlog du Tâche Estimation

produit
Consulter les En tant qu’instructeur je 3 jours
ressources veux consulter les
ressources.
Consulter la liste des En tant qu’instructeur je 3 jours
apprenants veux consulter la liste des
apprenants.
Affecter les instructeurs En tant qu’administrateur, 2 jours
qualifiés je veux affecter les
instructeurs qui sont
qualifiés.
Filtrer les taches En tant qu'instructeur, je 3 jours
veux pouvoir marquer les
tâches comme "terminées"
ou "en cours" ou
"accessible" ou "vue" pour
mieux suivre ma
progression
Consulter la liste des En tant qu'apprenant, je 1 jour
programmes veux pouvoir consulter la
liste des programmes
57
auxquels je suis déjà inscrit

afin de pouvoir accéder
facilement à mes cours.
Consulter les cours et les En tant qu'apprenant, je 3 jours

séances veux pouvoir consulter mes
cours subdivisés en séances
afin de mieux organiser
mon apprentissage.
Gérer les taches En tant qu'apprenant, je 10 jours

veux pouvoir consulter les
tâches à accomplir pour
chaque séance de cours.
En tant qu'apprenant, je
veux pouvoir ajouter de
nouvelles tâches à
accomplir pour chaque
séance de cours.
veux pouvoir modifier les
tâches existantes pour
chaque séance de cours.
En tant qu’apprenant, je
veux modifier une tache
veux pouvoir supprimer des
tâches pour chaque séance
de cours.
Consulter les En tant qu'apprenant, je 3 jours

ressources veux pouvoir consulter les
ressources disponibles pour
chaque séance de cours afin
d'approfondir mes
connaissances.
58

Dans cette section, nous allons présenter le diagramme de cas d’utilisation du sprint
3(Figure5.1).

Le diagramme de séquence est de plus en plus utilisé, il permet de décrire la dynamique
d’un système et faire le lien entre les diagrammes de cas d’utilisation et le diagramme
de classe.
5.4.1 Raffinement du cas d’utilisation « Charger un

fichier contenant une tache»
Durant la consultation du programme, l’apprenant peut charger un fichier contenant
leur tâche en cliquant sur le bouton « upload » ou « Télécharger » à côté de la zone de
commentaire. Le tableau 5.2 donne une description sur les détails du cas d’utilisation
« Télécharger un fichier contenant une tâche »
59
Tableau 5.2: Description textuelle du cas d’utilisation « Upload un fichier contenant une tâche »
Cas d’utilisation Upload un fichier contenant une

tache
Description Ce cas d’utilisation permet à

l’acteur de télécharger (upload) un
fichier.
Acteurs Apprenant
Pré-condition L'acteur est authentifié.
Charger un fichier contenant leur
tâche :
Scenario nominal
1. L’apprenant clique sur le
bouton « charger ».
2. L’apprenant sélectionne le
fichier à partir de son appareil.
3. L’apprenant clique sur le
bouton « Soumettre ».
4. Le système vérifie les
changements,
5. Le système affiche un message
de réussite en cas de réussite.
Post-condition Charger le fichier.
Scenario alternatif Si une erreur s’est produite, le
système affiche un message
d’erreur et la séquence reprend
dans le scénario principal à l’étape
1.
5.4.2 Raffinement du cas d’utilisation « Télécharger le

support du court »
Durant la consultation du programme, l’instructeur peut télécharger un fichier
contenant le support du cours en cliquant sur le bouton « Download » ou « Télécharger
».
Le tableau 5.3 représente la description textuelle du sous cas d’utilisation «
Télécharger un fichier ».
60
Tableau 5.3: Description textuelle du cas d’utilisation « Télécharger un fichier »
Cas d’utilisation Télécharger (Download) un fichier.

Ce cas d’utilisation permet à l’acteur de
télécharger le support du cours.
Description
Acteurs Instructeur
Pré-condition L'acteur est authentifié.
Télécharger un fichier contenant le
support du cours :
Scenario nominal
1. L’instructeur clique sur le bouton «
télécharger ».
2. Le fichier est téléchargé depuis le
serveur se stockage AWS S3 vers
l’ordinateur de l’instructeur.
3. Une fois le téléchargement terminé,
l’instructeur vérifie que le fichier
téléchargé correspond bien au fichier
original qu’il souhaitait télécharger.
Post-condition Télécharger le fichier.

Supprimer le fichier.
Scenario alternatif Si une erreur s’est produite, le système
affiche un message d’erreur et la
séquence reprend dans le scénario
principal à l’étape 1.
• La figure 5.2 représente le diagramme de séquence du cas d’utilisation «

Télécharger le support du court ».
61
Figure 5.2:diagramme de séquence « Télécharger un fichier : support du cours ».
5.4.3 Raffinement du cas d’utilisation « Accès de

l’apprenant aux ressources d’une semaine sélectionnée »
Tableau 5.4: Description textuelle du cas d’utilisation « Accès de l'apprenant aux ressources d'une semaine
sélectionnée »
Accès de l'apprenant aux ressources

d'une semaine sélectionnée
Cas d’utilisation
Ce cas d'utilisation décrit le processus
par lequel un apprenant accède aux
Description
ressources d'une semaine spécifique
d'un cours. Cependant, l'apprenant ne
peut passer à une semaine sélectionnée
que lorsque toutes les tâches de la
semaine en cours ont été terminées.
Acteurs Apprenant
62
Pré-condition L'apprenant est authentifié et connecté

à la plateforme en tant qu'utilisateur
inscrit au cours.
Le cours contient des semaines avec
des ressources associées.
Les tâches de la semaine en cours
doivent être complétées par l'apprenant
avant de pouvoir accéder à une semaine
ultérieure.
L'apprenant sélectionne le cours

spécifique dans l'interface de la
Scenario nominal
plateforme e-learning.
L'interface affiche une liste des
semaines disponibles pour le cours.
L'apprenant choisit la semaine
souhaitée parmi la liste des semaines
accessibles.
Avant d'accéder aux ressources de la
semaine sélectionnée, l'interface vérifie
si toutes les tâches de la semaine en
cours ont été terminées par l'apprenant.
Si des tâches de la semaine en cours
restent à accomplir, l'apprenant reçoit
un message indiquant qu'il doit d'abord
terminer toutes les tâches avant de
pouvoir passer à une semaine
ultérieure.
Si toutes les tâches de la semaine en
cours ont été complétées, l'apprenant
peut accéder aux ressources de la
semaine sélectionnée.
L'interface met en évidence la semaine
sélectionnée et affiche les ressources
associées à cette semaine.
L'apprenant accède aux ressources en
cliquant sur les liens ou les éléments
correspondants.
L'apprenant peut visualiser les
ressources, les étudier, effectuer des
63
exercices, télécharger des fichiers ou

interagir avec tout autre matériel
pédagogique fourni.
Post-condition L'apprenant a accès aux ressources de

la semaine sélectionnée après avoir
terminé toutes les tâches de la semaine
en cours.
• La figure 5.3 représente le diagramme de séquence du cas d’utilisation « Accès

de l'instructeur aux ressources d'une semaine sélectionnée ».
Figure 5.3:diagramme de séquence « Accès de l'apprenant aux ressources d'une semaine sélectionnée ».
64
5.4.4 Raffinement du cas d’utilisation «Affecter les

instructeurs qualifiés »
Tableau 5.5: Description textuelle du cas d’utilisation « Affecter les instructeurs qualifiés »
Cas d’utilisation Affecter les instructeurs

qualifiés.
Ce cas d'utilisation décrit le
processus par lequel
Description
l'administrateur affecte les
instructeurs qualifiés à des cours
spécifiques de la plateforme e-
Learning. L'objectif est de
s'assurer que les cours sont
enseignés par des instructeurs
compétents dans leurs domaines
respectifs.
Acteurs Administrateur
Pré-condition L'administrateur est authentifié et
connecté à la plateforme en tant
qu'utilisateur ayant des droits
d'administration.
Des instructeurs qualifiés sont
enregistrés sur la plateforme avec
leurs informations et
compétences.
1. L'administrateur accède à
l'interface de gestion des cours et
Scenario nominal
des instructeurs.
2. L'administrateur sélectionne le
cours spécifique pour lequel il
souhaite affecter un instructeur.
3. L'interface affiche une liste des
instructeurs qualifiés disponibles.
4. L’administrateur choisit un
instructeur approprié parmi la liste
en fonction de ses compétences et
de son expertise.
65
5. L’interface enregistre
l'affectation de l'instructeur au
cours sélectionné.
6. L’instructeur est notifié de son
affectation au cours et reçoit les
informations nécessaires pour
commencer à enseigner le cours.
7. L’instructeur peut accéder aux
ressources du cours, préparer le
matériel pédagogique et interagir
avec les apprenants inscrits.
Post-condition L'instructeur qualifié est affecté

au cours spécifique, prêt à
dispenser les leçons et à interagir
avec les apprenants inscrits.

Affecter les instructeurs qualifiés ».
66
‫» ‪Figure 5.4:diagramme de séquence « Affecter les instructeurs qualifiés‬‬
‫‪67‬‬
5.5 Diagramme de classes global du troisième Sprint

La figure 5.5 décrire le diagramme de classe global relatif au troisième sprint :
Figure 5.5: Diagramme de classe du sprint 3
5.6 Réalisation
5.6.1 Interface d’accueil concernant l’apprenant :
Après la validation de l’authentification, une interface sera affichée à l’apprenant : la
page d’accueil.
La page d'accueil affiche la liste des cours dans lesquels l'apprenant est inscrit …
La figure 5.6 donne l’interface à travers laquelle l’utilisateur utilise le contenu de la
plateforme.
68
‫‪Figure 5.6:Interface de gestion les cours pour l’administrateur‬‬
‫‪69‬‬
5.6.2 Interface de gestion des tâches pour l’apprenant

En cliquant sur un « Project Management », l’apprenant est redirigé vers la page de
taches correspondantes, ou il peut consulter la liste des taches disponibles. Pour
chaque séance de cours, l’apprenant peut voir les taches associées, qui sont classées
en fonction de leur statut :
Tâches "Open" : ces tâches sont accessibles et peuvent être démarrées à tout
moment.
Tâches "In Progress" : ces tâches sont en cours d’accomplissement par l’apprenant.
Tâches "Review" : ces tâches ont été terminées par l’apprenant et sont en attente de
validation par l’instructeur.
Tâches "Closed" : ces tâches ont été validées par l’instructeur et sont terminées.
Pour chaque tâche, l’apprenant peut voir le titre, la description, la date limite et la
date de création. Il peut également cliquer sur un bouton pour marquer la tâche
comme en cours, vue ou terminée, selon son état d’avancement (Figure 5.7).
70
‫‪Figure 5.7:Interface de gestion des tâches pour l’apprenant‬‬
‫•‬ ‫‪Cette page permet également à l'apprenant de filtrer les tâches par statuts des‬‬
‫‪tâches et par le délai (Figure5.8).‬‬
‫‪71‬‬
‫‪Lorsque l’apprenant clique sur une tâche dans la liste, une nouvelle page s'ouvre pour‬‬
‫‪afficher la description complète de la tâche sélectionnée. Sur cette page, il a la‬‬
‫‪possibilité de télécharger les fichiers pertinents pour accomplir la tâche en question. Il‬‬
‫‪y a également une zone de commentaire où il peut laisser des notes pour‬‬
‫‪l'instructeur(Figure5.9).‬‬
‫‪72‬‬
‫‪Il y a également un bouton "Upload" pour télécharger un nouveau fichier. Lorsque‬‬

‫‪vous cliquez sur ce bouton, une fenêtre s'ouvre pour vous permettre de sélectionner le‬‬
‫‪fichier approprié à charger (Figure5.10).‬‬
‫‪73‬‬
Figure 5.10:Interface de gestion des tàches pour l’apprenant
5.6.3 Interface du cours pour l’apprenant :

L'interface du cours de l'apprenant comprend les leçons et les tâches associées.
L'apprenant ne peut passer à la semaine suivante que s'il a terminé toutes les leçons et
les tâches de la semaine précédente. Chaque semaine est présentée sous forme d'onglet,
et en cliquant sur un onglet, l'apprenant peut accéder à toutes les leçons et tâches
associées à cette semaine (Figure5.11).
74
Figure 5.11: Interface du cours pour l’apprenant
5.6.4 Interface d’accueil concernant l’instructeur

Après la validation de l’authentification, une interface sera affichée à l’instructeur : la
page d’accueil.
La page d’accueil de l’instructeur est conçue pour lui fournir un aperçu rapide de ses
activités sur la plateforme « e-Learning ».
La figure ci-après (Figure 5.12) donne l’interface à travers laquelle l’instructeur utilise
le contenu de la plateforme.
75
‫‪Figure 5.12:Interface de la page d’accueil‬‬
‫‪Les tâches peuvent être filtrées selon les semaines, le statut des tâches et la date‬‬
‫‪d’échéance. La figure ci-après donne l’interface à travers laquelle l’instructeur filtre‬‬
‫‪les tâches. Il clique sur « Filer » et choisi le caractère de filtrage (Figure 5.13).‬‬
‫‪76‬‬
‫‪Figure 5.13:Interface de gestion des tâches pour l’instructeur‬‬
‫‪Lorsque l'instructeur clique sur une tâche dans la liste, une nouvelle page s'ouvre pour‬‬
‫‪afficher la description complète de la tâche sélectionnée. Sur cette page, l'instructeur‬‬
‫‪peut télécharger le fichier contenant les tâches de l'apprenant. Il y a également une‬‬
‫‪zone de commentaire où il peut laisser des notes pour l'apprenant.‬‬
‫‪77‬‬
Figure 5.14:Interface de gestion des taches pour l’instructeur
5.6.5 Interface d’accueil concernant l’administrateur

Après la validation de l’authentification, une interface sera affichée à l’instructeur : la
page d’accueil.
La page d'accueil de l'administrateur de la plateforme e-Learning est une interface qui
fournit un aperçu global et des fonctionnalités spécifiques réservées à l'administrateur
pour gérer efficacement le système : elle affiche des statistiques clés et des indicateurs
de performance pertinents concernant l'utilisation de la plateforme, tels que le nombre
total d'apprenants, d'offres d'emploi, de sociétés partenaires, etc.
La figure ci-après (Figure5.14) donne l’interface à travers laquelle l’administrateur
utilise le contenu de la plateforme.
78
Figure 5.15: Interface de page d’accueil pour l’administrateur
5.6.6 Interface de l’affectation des instructeurs qualifiés

La section de l’affectation des instructeurs qualifiés est partiellement mise en place du
côté backend et de la base de données.
5.7 Conclusion
À ce stade, nous avons effectué trois sprints « Authentification et gestion des comptes
», « Créer le contenu de la plateforme » et « Exploitation du contenu » qui répondent
aux objectifs de l’application. Dans ce chapitre nous avons réalisé des avancées
significatives dans le développement et l'amélioration de notre application. Nous avons
pu mettre en place des fonctionnalités essentielles telles que la consultation des
ressources, la gestion des tâches, l'affectation des instructeurs qualifiés et bien d'autres.
Ces fonctionnalités permettent aux utilisateurs de bénéficier d'une expérience
d'apprentissage enrichissante et structurée.
79
‫)‪Chapitre 6 : Sprint 4 (Gérer les offres d’emploi‬‬
‫)‪Sprint 4 (Gérer les offres d’emploi‬‬
‫‪80‬‬
Chapitre 6 : Sprint 4 (Gérer les offres d’emploi)
6.1 Introduction
Dans le chapitre précédent, nous avons présenté notre troisième sprint « Exploitation
du contenu de la plateforme ». Dans ce chapitre nous réaliserons le troisième sprint «
Gestion des offerts d’emploi ». Ce sprint présente la dernière partie de notre
application.

⊛ Date début du sprint : Lundi 18 mai 2023
⊛ Date fin du sprint : Lundi 12 juin 2023
Tableau 6.1: Backlog du sprint 4
Elément du backlog du produit Tâche Estimation

En tant qu’apprenant je veux
Consulter la liste des consulter la liste des opportunités
opportunités d’emploi d'emploi correspondant afin de
trouver des opportunités d’emploi
qui correspond à mes aspirations. 3 jours
En tant qu’apprenant je veux suivre

l’avancement de mes candidatures
Suivre l’avancement de mes afin de rester informé de l’état de
candidatures mes demandes d’emploi. 2 jours
En tant qu’apprenant je veux

postuler à une offre d'emploi afin de
soumettre ma candidature aux
Postuler à une offre d’emploi entreprises. 5 jours
En tant d’entreprise je veux

consulter la liste des profils
correspondants de trouver des
Consulter la liste des profils candidats potentiels. 3 jours
81
Elément du backlog du produit Tâche Estimation
En tant qu’entreprise je veux

publier des offres d'emploi afin de
diffuser les opportunités de
Publier des offres d’emploi recrutement. 2 jours
En tant qu’entreprise je veux gérer

les candidatures (accepter, refuser)
afin de prendre des décisions sur les
Gérer les candidatures candidats reçues. 5 jours
En tant qu’administrateur je veux

consulter les statistiques de mise en
correspondance afin d’évaluer
l’efficacité du système de
Consulter les statistiques correspondance . 6 jours
En tant qu’administrateur je veux

consulter le taux de réussite de
recrutement afin d’analyser les
Consulter le taux de réussite résultats du processus de
de recrutement recrutement. 5jours

Dans cette section, nous allons présenter le diagramme de cas d’utilisation du sprint
4.
82

6.4.1 Raffinement du cas d’utilisation « Postuler aux offres
d’emploi »
Durant la consultation de la liste des offres d’emploi, l’apprenant consulte les offres
d’emploi disponibles, sélectionne une offre spécifique et clique sur « Apply Now »
pour remplir le formulaire.
Le tableau 6.2 donne une description sur les détails du cas d’utilisation « Postuler aux
offerts d’emploi »
83
Tableau 6.2: Description textuelle du cas d’utilisation «Postuler aux offres d’emploi »
Cas d’utilisation Postuler aux offres d'emploi en tant

qu'apprenant
Description Ce cas d'utilisation décrit le
processus par lequel les apprenants
inscrits sur notre site ont la
possibilité de postuler aux offres
d'emploi disponibles. Notre site offre
un large éventail d'opportunités
d'emploi dans divers domaines,
permettant aux apprenants d'explorer
et de postuler à des emplois
correspondant à leurs compétences et
à leurs intérêts.
Acteurs Apprenant
Précondition L'apprenant doit être inscrit sur notre

site et avoir un compte actif.
Les offres d'emploi doivent être
disponibles sur notre site et être
accessibles aux apprenants inscrits.
L'apprenant doit avoir complété son
profil sur notre site, en fournissant
des informations pertinentes telles
que ses compétences, son domaine
d'études et ses expériences
professionnelles.
Scenario nominal Connexion au site : Les apprenants
inscrits se connectent à notre site à
l'aide de leurs identifiants
personnels. Ils peuvent créer un
compte s'ils ne l'ont pas déjà fait.
Exploration des offres d'emploi : Les
apprenants accèdent à la section
dédiée aux offres d'emploi sur notre
site. Ils peuvent parcourir les offres
disponibles en utilisant des filtres tels
que le domaine, l'emplacement, le
type de contrat, l'expérience requise,
etc. Ils peuvent également effectuer
des recherches par mots-clés pour
affiner leurs résultats.
84
Consultation des offres d'emploi :

Les apprenants examinent les
descriptions détaillées des offres
d'emploi qui les intéressent. Ces
descriptions fournissent des
informations sur les responsabilités du
poste, les qualifications requises, les
avantages offerts et les modalités de
candidature.
Préparation de la candidature : Une

fois qu'ils ont identifié une offre
d'emploi correspondant à leurs
intérêts et à leurs compétences, les
apprenants préparent leur
candidature.
Soumission de la candidature : En
utilisant notre site, les apprenants
soumettent leur candidature en
suivant les instructions fournies par
l'employeur. Ils peuvent remplir un
formulaire en ligne, joindre leur CV
et leur lettre de motivation, ainsi que
répondre à des questions spécifiques
posées par l'employeur.
Post condition La candidature de l'apprenant est
soumise avec succès.
L'apprenant reçoit une confirmation
de soumission de sa candidature.
L'apprenant peut suivre l'état de sa
candidature, recevoir des
notifications sur les mises à jour et
les invitations à des entretiens.
En cas de succès, l'apprenant peut
être contacté par l'employeur pour
des entretiens ou des offres d'emploi.
L'apprenant peut fournir des
commentaires ou des évaluations sur
le processus de candidature et son
expérience globale.

Postuler aux offerts d’emploi ».
85
‫‪Figure 6.2:diagramme de séquence « Postuler aux offerts d’emploi ».‬‬
‫‪6.5 Diagramme de classes global du troisième Sprint‬‬

‫‪La figure 6.3 décrire le diagramme de classe global relatif au troisième sprint :‬‬
‫‪86‬‬
6.6 Réalisation
6.6.1 Interface de « Company Matching »
L'interface "Company Matching" est une fonctionnalité de notre plateforme qui permet
aux entreprises de publier des offres d'emploi et aux apprenants de consulter. Cette
interface offre une liste claire et organisée des offres d'emploi disponibles, offrant ainsi
aux apprenants une vue d'ensemble des opportunités professionnelles qui leur sont
proposées (Figure 6.4).
87
Figure 6.4:Interface de « Company Matching »
Lorsque l'apprenant clique sur une offre d'emploi dans la liste, il est dirigé vers
une page dédiée qui affiche en détail les informations spécifiques liées à cette offre.
Cette page fournit des détails importants sur l'entreprise et l'offre d'emploi, offrant
ainsi à l'apprenant une vue approfondie de l'opportunité proposée. L'interface ci-
dessous (Figure 6.5) présente les informations relatives à l'entreprise ainsi que les
descriptions détaillées du poste de travail, offrant ainsi aux utilisateurs une vue
complète de l'opportunité proposée.
88
‫» ‪Figure 6.5:Interface de « Company Matching‬‬
‫‪Lorsque l'utilisateur clique sur le bouton "Postuler maintenant", il est redirigé vers une‬‬
‫‪page (Figure 6.6) qui contient un formulaire à remplir. Ce formulaire permet à‬‬
‫‪l'utilisateur de soumettre sa candidature en fournissant les informations requises par‬‬
‫‪89‬‬
‫‪l'employeur, telles que les coordonnées, l'expérience professionnelle, les compétences‬‬

‫‪et les documents pertinents (CV, lettre de motivation). Le formulaire offre une‬‬
‫‪interface conviviale et guidée pour faciliter le processus de candidature.‬‬
‫»‪Figure 6.6:Interface de « Company Matching : Personal Informations‬‬
‫‪90‬‬
‫‪6.7 Conclusion‬‬
‫‪À la fin de ce chapitre, nous avons finalisé notre quatriéme et dernier sprint, En‬‬
‫‪commençant par le Backlog de sprint, la conception puis la partie réalisation.‬‬
‫‪91‬‬
Conclusion et perspectives
Conclusion et perspectives :
Ce rapport récapitule le fruit du travail réalisé dans le cadre du projet de fin d’études
en licence en informatique de gestion pendant quatre mois de stages au sein de la boite
de développement web «Shape». L’objectif de ce projet était de concevoir une
application web intitulée « Shape Your Future » qui propose un apprentissage en ligne
personnalisé en fonction des compétences de chaque apprenant. Cette plateforme offre
également des opportunités de stage et des offres d'emploi, permettant ainsi aux
utilisateurs de compléter leur parcours d'apprentissage en trouvant des expériences
professionnelles concrètes.
En premier lieu, nous avons commencé par le contexte général de notre stage qui s’est
déroulé à « Shape ».
Puis, nous avons identifié les critiques de l’existant et leurs solutions proposées, nous
avons aussi focalisé sur la méthodologie appliquée par la bonne gestion de notre projet
et langage UML comme langage de modélisation.
Ensuite, nous avons procédé à la planification de notre travail, par l’application de la
méthode Scrum, en listant toutes les tâches à effectuer et en attribuant les degrés
d’importance à chacune d’entre elles.
Par la suite, nous avons suivi la même séquence pour chaque Sprint, débutant par la
phase de spécification des besoins, enchaînant avec la conception, le développement,
et finiront par la réalisation.
À la fin, nous avons pu fournir quatre sprints, chaque sprint complétant son précédent
au sein de notre application web mobile. Ce travail nous a permis d’approfondir nos
connaissances dans le domaine du développement. En effet, cela nous a apporté
beaucoup de motivation et d’inspiration dans l’acquisition de nouvelles connaissances
lors du développement de notre application.
Finalement, nous considérons ce projet comme un premier noyau vers la réalisation de
notre objectif. Il est important de souligner que notre application actuelle peut être
améliorée et étendue pour répondre aux besoins des parties prenantes. Notre principal
objectif est de maximiser l'efficacité en termes de temps et de ressources, et pour cela,
nous souhaitons approfondir les fonctionnalités de la plateforme afin de mieux servir
les apprenants. Il est à noter que ce projet représente une base solide sur laquelle nous
92
Conclusion et perspectives
pourrons construire de nouvelles perspectives. En ce qui concerne le sprint 4, nous

prévoyons de poursuivre le développement en ajoutant de nouvelles fonctionnalités à
la plateforme. Parmi ces fonctionnalités, nous envisageons d'intégrer un système de
chat pour faciliter les échanges et les discussions entre les acteurs. De plus, nous
souhaitons également mettre en place une fonctionnalité des salles de discussion en
direct avec soket.io.
93
Bibliographie
Bibliographie
❖ [1] : https://www.entreprises-magazine.com/la-startup-tunisienne-shape-realise-une-
levee-de-fonds/.
❖ [2]:https://www.ifc.org/wps/wcm/connect/061db8f1-8556-4cde-8958-
786efd77b348/Digital+Skills_Final_WEB_Udacity.pdf?MOD=AJPERES&CVID=m
Gk760E.
❖ [3]: Catherine Cooke, (March 27, 2020), « Udacity Review: Is It The Most Compatible
Elearning Platform For You?», Upskillwise, [online]. Available:
https://upskillwise.com/reviews/udacity/. [Accessed the 15th February 2023].
❖ [4] :Qureos, [online]. Available: https://www.qureos.com/. [Accessed the 14th March
2023].
❖ [5] : rozee.pk, [online]. Available: https://www.rozee.pk/company/qureos/about.
[Accessed the 14th March 2023].
❖ [6]. Florent Lothon : https://agiliste.fr/guide-de-demarrage-scrum/
❖ [7] :https://framalibre.org/content/visual-studio-code
[8] :https://www.journaldunet.fr/web-tech/guide-de-l-entreprise-digitale/1511313-
postman-comment-utiliser-la-plateforme-d-api-no-code/
❖ [9] : https://edutechwiki.unige.ch/fr/Git_et_Github
❖ [10] : https://blog.hubspot.com/website/what-is-tailwind-css
❖ [11] : https://www.typescripttutorial.net/
❖ [12] : https://nodejs.dev/fr/learn/
❖ [13] : https://expressjs.com/
94

PFE Aziza Final13 1

Transféré par

Informations du document

Titre original

Copyright

Formats disponibles

Partager ce document

Partager ou intégrer le document

Options de partage

Avez-vous trouvé ce document utile ?

Ce contenu est-il inapproprié ?

Droits d'auteur :

Formats disponibles

PFE Aziza Final13 1

Transféré par

Droits d'auteur :

Formats disponibles

Ministère de l’Enseignement Supérieur et ‫ﻭﺯﺍﺭﺓﺍﻟﺘﻌﻠﻴﻢﺍﻟﻌﺎﻲﻟو اﻟبحث اﻟﻌﻠمي‬

Projet de fin d’études pour

Spécialité : Business Information Systems (BIS)

Plateforme d’apprentissage en ligne « Shape Your

Réalisé par : Aziza Fguir

Encadré par : Rafik Khmakhem

Année universitaire : 2022-2023

Institut Supérieur de Gestion de Gabès

Titre : Développent d’une application web « Shape Your Future »

React , Express JS, MongoDB , AWS S3 , E-Learning. :‫المفاتيح‬

Mots clés: React, Express JS, MongoDB, AWS S3, E-Learning.

Key-words: React, Express JS, MongoDB, AWS S3, E-Learning.

Je dédie ce travail, comme preuve de respect, de gratitude, et de

A mon frère et ma sœur.

Nous remercions Dieu le tout-puissant de nous avoir donné la santé et la

2.6.3 Plans de sprints ....................................................................................................24

4.6.2 Interfaces de gestion de cours .............................................................................47

LISTE DES FIGURES

Figure 1.1: Logo de Shape Your Future ...................................................................... 5

Figure 5.11:Interface du cours pour l’apprenant ...................................................... 75

LISTE DES TABLEAUX

Tableau 1.1: Concurrence .......................................................................................... 10

Au cœur de la numérisation croissante, l'humanité a, au fil du temps, pris conscience

l'engagement des apprenants et à leur donner le contrôle de leur propre apprentissage

1.2 Cadre général du projet

1.2.1 Présentation de l’organisme d’accueil

Figure 1.1: Logo de Shape Your Future

1.2.2 Services de la société « Shape »

• Orientation professionnelle personnalisée : acquérir l'expérience pratique, le

1.2.3Organigramme de la société « Shape »

développement technologique et la maintenance de la plateforme. Le « Digital

Figure 1.2:Organigramme de Shape

1.4 Objectifs du projet

Le sujet de notre projet nous est confié dans ce cas.

• Concevoir et développer une plateforme SaaS proposant des formations en ligne

1.5 Etude de l’existant

1.5.1 Description et critique de l’existant

• Contrainte du nombre de Places limitées

Programme en Expérience Programme Processus

1.5.2 Solutions proposées

Notre solution consiste donc à concevoir et à réaliser :

• Une interface utilisateur conviviale : plateforme facile à utiliser pour les

• Des outils d'évaluation : la plateforme devrait inclure des outils d'évaluation

1.6 Méthodologie adoptée

1.6.1Méthodologie agile Scrum

1.6.2 Pourquoi Scrum

Figure 1.2: processus scrum

1.7 Langage de modélisation

‫‪Analyse des besoins et Conception‬‬

2.2 Capture des besoins

2.2.1 Identification des acteurs

2.2.2 Description des acteurs

• L’administrateur : est le responsable « Shape Your Futur » et l’acteur qui possède

• L’apprenant : suit des cours en ligne dans le but d'acquérir de nouvelles

• L’instructeur : anime des formations dans le salon de formation.

2.3 Définition des besoins

2.3.1 Besoins Fonctionnels

• Publier son calendrier

2.3.2 Besoins non fonctionnels

• Ergonomie de l’interface : L’interface doit être conviviale et Facile à utiliser.

• Maintenance : Le code doit être clair pour permettre des évolutions ou

• Sécurité : L’utilisateur de l’application doit être authentifié pour accéder

• Fiabilité : le système doit fonctionner de manière fiable et sécurisée en