République Algérienne Démocratique et Populaire

Ministère de l’Enseignement Supérieur et de la Recherche Scientifique

Université des Sciences et de la Technologie Houari Boumediene

Faculté d’Electronique et d’Informatique

Département Informatique
Mémoire de Licence

Filière: Informatique

Spécialité :
Ingénierie des Système d’Information et Logiciel (ISIL)

Conception et réalisation d'une application de gestion des

formations en lignes

Présenté par : Sujet Proposé par :

Mlle. MOUSLI Amina Mme. FERRAHI Ibtisam
Mlle. ARGOUB Afifa

Soutenu le : ../../….

Devant le jury composé de :

M…………….. Président (e)

M……………… Me

Binôme n° : 047/ 2021

Dédicace

“ A mes très chers parents Les deux personnes que j’apprécie

le plus au monde : YAZID et SABAH. Pour leurs amours
inestimables, leurs grands soutiens moral sans oublier leurs
innombrables sacrifices tout au long de ma vie. Qu’Allah
puisse vous accorder la santée, le bonheur et surtout une
longue vie. J’espère que ce travail traduit ma gratitude et
remerciement.
A mes chers frères ABDELMALEK et ABDELLAH ainsi
que mon adorable petite sœur YAKOUT puisse dieu vous
donne santée, bonheur, courage et surtout réussite.
A ma précieuse grand-mère TITIS et mes chères tantes
ZAHIA et DJAMILA je tiens à vous remercier pour votre
aide et encouragement aux moments durs. Je vous souhaite
que le bonheur du monde.
A ma meilleure amie ma sœur d’une autre mère SONIA ,
pour sa présence à mes cotés et son amour.
A ma chère binôme AFIFA une dédicace particulière et
sincère pour son soutien moral, sa patience et sa
compréhension tout au long de ce projet.
A tous ceux qui ont contribué à ma réussite, de près ou de
loin. Et tous mes proches, amis et famille.
-MOUSLI AMINA-

”
II
Dédicace

“ je dédie ce memoire à toute ma famille A Les deux

personnes que j’apprécie le plus au monde mes parents
NACER et FATIHA. Pour leurs amours inestimables et
leurs grand soutiens moral . Qu’Allah puisse vous accorder
la santée, le bonheur et surtout une longue vie.
A mes chers soeurs WAFA ,YASMINE et NESRINE
puisse dieu vous donne santée, bonheur, courage et surtout
réussite.
A mes précieuses grandes-mères HENIA et DJEMAA et
mon chère grand-père ELAID, et à l’âme de mon
grand-père AMMAR.
A mes chères tantes LEILA , MALIKA et NABILA , mes
ancles DJAMEL , MOURAD , TOUFIK, HAKIM ,
MOURAD , FARID ,FAYSSAL ,RABIE , et un spécial
dédicace à mon ancle IMAD , je tiens à vous remercier
pour votre aide et encouragement aux moments durs. Je
vous souhaite tout le bonheur du monde.
A ma précieuse binôme AMINA que je la remercie depuis
tous mon coeur pour son soutien moral, sa patience et sa
compréhension tout au long de ce projet.
A tous ceux qui ont contribué à ma réussite, de près ou de
loin. Et tous mes proches, amis et famille.
- ARGOUB AFIFA -

”
III
Remerciements

Nous remercions en premier le bon Dieu le tout-puissant

“ de nous donner la force et le courage ainsi que la patience
de réaliser ce projet.

Nos vifs remerciements s’adressent à nos chers parents pour

leurs encouragements pendant notre cursus d’étude.

Nous exprimons nos profondes gratitudes et respectueuse re-

connaissance à notre promotrice : Mme FERRAHI Ibtissam
pour ces judicieux conseils, pour tout le temps qu’elle nous a
octroyé et surtout pour sa patience tout au Long de ce projet.

Nous présentons nos sincères remerciements aux membres

de jury pour avoir accepté d’évaluer ce travail.

Nos vifs remerciements s’adressent également à nos ensei-

gnants qui n’ont ménagé aucun effort à nous instruire et à
nos amis pour leur soutien moral.

Enfin nous remercions toute l’équipe pédagogique de L’uni-

versité des sciences et de la technologie Houari Boumediene
, ainsi toute personne qui a contribué à la réalisation de ce
projet, d’une manière ou d’une autre.

”
IV
 Résumé

Aujourd’hui l’utilisation des ordinateurs et l’accès au réseau internet devient de

plus en plus indispensable, ainsi l’usage des technologies s’impose tant dans la vie do-
mestique que professionnelle. La révolution des nouvelles technologies de communication
touche également le domaine éducatif (école, université) ; d’où l’apparition du terme télé-
enseignement. Ce dernier a été plus connu et adopté surtout après l’apparition du CO-
VID19. En s’inspirant de télé-enseignement nous allons vous présenter notre projet qui
est une application web qui met en sens le terme télé-formation, en assurant la gestion
des formations en ligne. Ensuite, nous allons établir la conception de notre projet. Fina-
lement,nous allons implémenter plusieurs fonctionnalités de notre plateforme. Pour cela
nous allons utiliser les langages suivants : HTML, CSS, JAVASCRIPT, PHP et MYSQL.

Mots clés :
Formations, RTC, web, visio-conférence.

V
Table des matières

Introduction générale . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1

1 Étude de l’existant . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 3
1.1 Introduction . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 3
1.2 Présentation du domaine d’étude . . . . . . . . . . . . . . . . . . . . . . . 3
1.2.1 Définition de télé-enseignement . . . . . . . . . . . . . . . . . . . . 3
1.2.2 les fonctionnalités du télé-enseignement . . . . . . . . . . . . . . . 3
1.2.3 les limites du télé-enseignement . . . . . . . . . . . . . . . . . . . . 4
1.2.4 les types du télé-enseignement . . . . . . . . . . . . . . . . . . . . . 4
1.3 Les plateformes existantes . . . . . . . . . . . . . . . . . . . . . . . . . . . 5
1.3.1 Google Meet . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 5
1.3.2 Webex Meetings . . . . . . . . . . . . . . . . . . . . . . . . . . . . 6
1.3.3 Google Classroom . . . . . . . . . . . . . . . . . . . . . . . . . . . 6
1.3.4 Moodle . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 7
1.4 Sysnthèse comparative des plateformes existantes . . . . . . . . . . . . . . 8
1.5 Présentation de cas d’etude . . . . . . . . . . . . . . . . . . . . . . . . . . 9
1.6 Conclusion . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 11

2 Etude conceptuelle . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 12
2.1 Introduction . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 12
2.2 Langage de modélisation UML . . . . . . . . . . . . . . . . . . . . . . . . . 12
2.3 Diagramme de cas d’utilisation . . . . . . . . . . . . . . . . . . . . . . . . 12
2.3.1 Identification des acteurs . . . . . . . . . . . . . . . . . . . . . . . . 13
2.3.2 Spécifications des cas d’utilisation . . . . . . . . . . . . . . . . . . . 13
2.3.3 Etablir le diagramme des cas d’utilisation : . . . . . . . . . . . . . . 14
2.4 Diagramme de séquence . . . . . . . . . . . . . . . . . . . . . . . . . . . . 16
2.4.1 Authentification . . . . . . . . . . . . . . . . . . . . . . . . . . . . 17
2.4.2 Proposition de formation . . . . . . . . . . . . . . . . . . . . . . . . 17
2.4.3 Former les groupes . . . . . . . . . . . . . . . . . . . . . . . . . . . 18
2.4.4 Organisation d’evaluation . . . . . . . . . . . . . . . . . . . . . . . 20
2.5 Diagramme de classe . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 21
2.6 Le passsage au model relationnel . . . . . . . . . . . . . . . . . . . . . . . 22
2.7 Conclusion . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 22

3 Réalisation . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 23
3.1 Introduction . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 23
3.2 Environnement de développement . . . . . . . . . . . . . . . . . . . . . . . 23
3.2.1 Environnement logiciel . . . . . . . . . . . . . . . . . . . . . . . . . 23

VI
Table des matières

3.2.2 Environnement technique . . . . . . . . . . . . . . . . . . . . . . . 24

3.3 la présentation de notre application : . . . . . . . . . . . . . . . . . . . . . 26
3.3.1 Page d’accueil . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 26
3.3.2 Page de Formations . . . . . . . . . . . . . . . . . . . . . . . . . . 26
3.3.3 Page d’inscription -Formateur- . . . . . . . . . . . . . . . . . . . . 27
3.3.4 Page d’inscription -Etudiant- . . . . . . . . . . . . . . . . . . . . . 28
3.3.5 Page de connexion . . . . . . . . . . . . . . . . . . . . . . . . . . . 28
3.3.6 Profil Formateur . . . . . . . . . . . . . . . . . . . . . . . . . . . . 29
3.3.7 Profil Etudiant . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 32
3.3.8 Profil Administrateur . . . . . . . . . . . . . . . . . . . . . . . . . 34
3.3.9 Acceuil Administrateur . . . . . . . . . . . . . . . . . . . . . . . . . 34
3.4 Conclusion . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 35

Conclusion générale . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 36

VII
Table des figures

1.1 L’outil Google Meet . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 5

1.2 L’outil Webex Meeting. . . . . . . . . . . . . . . . . . . . . . . . . . . . . 6
1.3 L’outil Google Classroom. . . . . . . . . . . . . . . . . . . . . . . . . . . . 7
1.4 L’outil Moodle. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 8
1.5 Diagramme de flux d’information. . . . . . . . . . . . . . . . . . . . . . . . 9

2.1 Diagramme des cas d’utilisation d’etudiant. . . . . . . . . . . . . . . . . . 14

2.2 Diagramme des cas d’utilisation du formateur. . . . . . . . . . . . . . . . . 15
2.3 Diagramme des cas d’utilisation du l’administrateur. . . . . . . . . . . . . 16
2.4 Diagramme de séquence ”s’authentifier”. . . . . . . . . . . . . . . . . . . . 17
2.5 Diagramme de séquence ”Proposer Formation”. . . . . . . . . . . . . . . . 18
2.6 Diagramme de séquence ”Former les groupes”. . . . . . . . . . . . . . . . . 19
2.7 Diagramme de séquence ”Organisation d’evaluation ”. . . . . . . . . . . . . 20
2.8 Diagramme de classe. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 21

3.1 Interface d’acceuil. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 26

3.2 Interface page de formations. . . . . . . . . . . . . . . . . . . . . . . . . . 27
3.3 Interface Contenu de formation. . . . . . . . . . . . . . . . . . . . . . . . . 27
3.4 Interface d’inscription -Formateur-. . . . . . . . . . . . . . . . . . . . . . . 28
3.5 Interface d’inscription -Etudiant-. . . . . . . . . . . . . . . . . . . . . . . . 28
3.6 Interface de connexion. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 29
3.7 Interface de profil formateur. . . . . . . . . . . . . . . . . . . . . . . . . . . 29
3.8 Interface Proposer formation. . . . . . . . . . . . . . . . . . . . . . . . . . 30
3.9 Interface Espace formation. . . . . . . . . . . . . . . . . . . . . . . . . . . 30
3.10 Interface Démarrer et joindre une réunion en ligne. . . . . . . . . . . . . . 31
3.11 Interface de partage d’écran. . . . . . . . . . . . . . . . . . . . . . . . . . . 31
3.12 Interface d’exemple de partage d’écran. . . . . . . . . . . . . . . . . . . . . 32
3.13 Interface Acceuil Adhérent. . . . . . . . . . . . . . . . . . . . . . . . . . . 32
3.14 Interface Contenu Formation . . . . . . . . . . . . . . . . . . . . . . . . . . 33
3.15 Interface Inscription dans une Formation . . . . . . . . . . . . . . . . . . . 33
3.16 Interface Profile Adhérent. . . . . . . . . . . . . . . . . . . . . . . . . . . . 34
3.17 Interface de Profil Administrateur. . . . . . . . . . . . . . . . . . . . . . . 34
3.18 Interface d’acceuil Administrateur. . . . . . . . . . . . . . . . . . . . . . . 35

VIII
Liste des tableaux

1.2 Tableau de comparaison des solutions existantes. . . . . . . . . . . . . . . 8

1.4 Signification des symboles. . . . . . . . . . . . . . . . . . . . . . . . . . . . 9
1.6 La Description des flux. . . . . . . . . . . . . . . . . . . . . . . . . . . . . 10
1.8 suite de la Description des flux. . . . . . . . . . . . . . . . . . . . . . . . . 11

2.2 L’ensemble des spécifications des cas d’utilisation. . . . . . . . . . . . . . . 14

IX
Liste des sigles et acronymes

CSS Cascading Style Sheets.

HTML HyperText Markup Language.

MOODLE Modular Object-Oriented Dynamic Learning Environment.

PHP Hypertext Preprocessor.

RTC Real Time Communication.

SQL Structured Query Language.

TCS Telepresence Content Server.

TICE Technologies de l’Information et de la Communication pour l’Education.

UML Unified Modeling Language.

USTHB Université des Sciences et de Tatechnologie Houari Boumedien.

X
Introduction générale

L’informatique est le traitement automatique des informations stockées ; un domaine

qui a envahi le monde et s’avère bénéfique dans tous les domaines qu’ils soient scientifiques,
techniques, industriels ou autres. Pour cela, beaucoups d’outils informatiques sont créer
afin d’automatiser les tâches. Parmi ces outils celles d’enseignement en ligne, qui est aussi
connus sous le nom de télé-enseignement.
le télé-enseignement est une des technologies de l’information et de la communication
pour l’éducation (TICE). elle représente une école d’apprentissage en ligne , qui comprend
toutes sortes d’espaces hébergeant du contenu pédagogique.

La problématique
En décembre 2019, un nouveau type de coronavirus – COVID19 – a fut son première
apparition en Chine, au bout de 3mois, ce virus a envahi le monde entier et devenu une
crise sanitaire, mais son impact va bien au-delà du secteur de la santé, ses effets ont été
ressenties sur tous les secteurs (économiques et sociaux). En mars 2020, un confinement
a été imposé comme mesure préventive, Ce qui a conduit à un arrêt total de toutes les
tâches interactives dans tous les domaines, y compris l’enseignement.
Bien que cette pandémie a causé une suspension des activités quotidiennes (études,
formations, réunions,…) mais elle était comme un laboratoire d’essai des technologies de
real time communication en général, et du télé-enseignement en particulier, dont plusieurs
outils du « Télé-enseignement » ont été proposé et utilisé pour pouvoir poursuivre les
études.Or, les activités des clubs scientifiques au sein des universités ont été toujours
suspendu.
Due à la période prolongée de cette crise, les clubs ont essayé de poursuivre leurs
activités en adoptant des espaces de télé-enseignement. Cependant, ces derniers ne ré-
pondaient pas à leurs besoins d’avoir une plateforme qui leurs permet d’accomplir leurs
tâches quotidiennes ; conférences et formations.

L’Objectif
Dans le contexte de notre projet, nous en tant que étudiantes en informatique et dans
le cadre du réalisation de notre projet de fin d’étude cycle licence, Nous allons proposer
une application web qui met en place le sens du « télé-enseignement » plus précisément
« télé-formation ».

1
Introduction générale

D’où , l’objectif que nous voudrons atteindre à travers ce memoire est la conception
d’une plateforme de « télé-formation » destinée aux clubs scientifiques, basée sur une in-
terface web éducative offrant la possibilité à ses utilisateurs d’animer ou d’assister une
formation en ligne.

L’Organisation
A ce niveau, nous allons présenter l’organisation de notre mémoire qui sera composé
de trois chapitres. En débutant par une introduction générale qui englobe la probléma-
tique et l’objectif de notre projet.

Chapitre 01 représente L’étude de l’existant : Dans ce chapitre, nous allons

étudier quelques outils qui sont connus sur le marché et présenter notre projet dans son
contexte général.
Chapitre 02 représente l’étude conceptuelle : Nous allons établir une étude
conceptuelle pour notre application en modélisant les différents scénarios d’échange d’in-
formations en utilisant les diagrammes du langage de modélisation UML (Cas d’Utilisa-
tion, Classe et Séquence).
Chapitre 03 représente La réalisation : C’est le dernier chapitre de notre mé-
moire, ou nous allons implémenter notre application, ainsi de présenter l’environnement
de développement et les outils utilisés.

A la fin, ce mémoire sera clôturé par une conclusion générale qui récapitule notre
expérience professionnelle durant la réalisation de ce travail.

2
Chapitre 1

Étude de l’existant

1.1 Introduction
L’étude de l’existant constitue une étape préliminaire pour la réalisation d’une appli-
cation. Elle permet d’analyser et évaluer les solutions existantes pour un fonctionnement
précis.
Ce chapitre sera réservé pour présenter l’étude de l’existant de notre application
web. D’abord, nous allons présenter le domaine de notre étude : « télé-enseignement ».
Ensuite, nous allons analyser les différentes plateformes de télé-enseignement existantes,
et comparer leurs fonctionnalitées .Enfin, nous allons présenter notre cas d’étude.

1.2 Présentation du domaine d’étude

1.2.1 Définition de télé-enseignement

Le télé-enseignement ou L’apprentissage en ligne, est la prestation d’apprentissage et
de formation par le biais de ressources numériques.Il permet aux utilisateurs d’apprendre
facilement à tout moment, n’importe où, avec peu de restrictions.
Fondamentalement, le télé-enseignement est une formation, un apprentissage ou un
enseignement dispensé en ligne via un ordinateur ou tout autre appareil numérique. [16]

1.2.2 les fonctionnalités du télé-enseignement

Le télé-enseignement se base sur certaines fonctionnalités ; l’utilisation des forums
de discussions pour importer des documents et assurer les différentes interactions entre
participants, ainsi que l’organisation des évaluations en ligne. De plus, la disposition de la
fonctionnalité de web-Conferencing qui permet d’organiser et d’enregistrer des réunions
de visio-conférence, partager l’écran et communiquer instantanément (real time screen-
sharing /real time chat).
Une plateforme est dite « plateforme de télé-enseignement » si elle dispose au moins

3
Chapitre 1. Étude de l’existant

d’une des fonctionnalités précédentes (forum de discussion /web-Conferencing).

1.2.3 les limites du télé-enseignement

Le télé-enseignement est une révolution dans le secteur scolaire. Mais on ne peut
pas nier que cette révolution a des limites comme elle a des fonctionnalités.
D’abord, qui dit télé-enseignement dit distance : la chose qui peut transformer les
moyens numériques des moyens intéressants d’information et d’apprentissage vers des
moyens froids et décourageants. De plus, vu l’absence totale des interactions directes,
cette forme d’apprentissage exige des apprenants à un grand niveau de motivation et
d’autodiscipline.

1.2.4 les types du télé-enseignement

De plus, nous distinguons deux grands types qui englobent les différentes formes du
télé-enseignement :

1.2.4.1 Télé-enseignement synchrone :

C’est un type d’apprentissage en temps réel. Dont les apprenants et l’enseignant

sont en ligne et interagissent en même temps depuis des endroits différents [3]. Ce type
utilise plusieurs technologies, citant :

• Classes virtuelles.

• Conférence audio/vidéo en direct.

• Webinaires en direct.

• Discussion instantanée.

1.2.4.2 Télé-enseignement asynchrone :

L’apprentissage en ligne asynchrone est un type d’apprentissage en pause et en

reprise. Dont, l’apprenant et l’enseignant ne peuvent pas être en ligne en même temps[3].
Ce type utilise plusieurs technologies, citant :

• Cours publiés.

• Webinaires préenregistrés.

• Forums et groupes de discussion.

• Conférences enregistrées (pas de live).

4
Chapitre 1. Étude de l’existant

1.3 Les plateformes existantes

Dans ce qui suit, nous allons analyser les solutions déjà existantes sur le marché.
Afin de dégager les points forts et les points faibles de chacune de ces solutions ;
Google MEET, Webex Meeings, Google Classroom, Moodle.

1.3.1 Google Meet

Meet, autrefois appelé Hangouts Meet, est le service de visioconférence de Google
conçu pour les professionnels. Il permet aux entreprises d’organiser des vidéoconférences
facilement. La création de réunions est facilité, tout comme l’invitation de vos contacts :
il suffit de transmettre un lien généré automatiquement. Les participants ont juste besoin
de posséder un compte Google.[12]

1.3.1.1 Les fonctionalités du plateforme

Google Meet est une plateforme qui permet à ses utilisateurs d’organiser des réunions
de web-Conferencing avec des durées illimitées. Les réunions se déroulent à travers une
interface bien équipée ; elle dispose des fonctionnalités de partage instantané d’écran (pré-
sentation), ainsi qu’un chat instantané entre participants.
Dans le contexte des systèmes du télé-enseignement, Google Meet ne peut trai-
ter que la partie de Web-Confrencing et ne permet pas la partie de gestion des forma-
tions(importation des documents, forums de discussion).

Fig. 1.1 : L’outil Google Meet

5
Chapitre 1. Étude de l’existant

1.3.2 Webex Meetings

WebEx, également appelé TCS WebEx, est un système centré sur la communication
audio et vidéo qui s’adresse essentiellement aux entreprises et aux organismes profes-
sionnels. Cette plateforme offre une interface graphique accessible, ainsi que différentes
options d’utilisation.[6]

1.3.2.1 Les fonctionalités du plateforme :

Cisco Webex Meetings est une application qui permet de participer à des réunions
vidéo et/ou audio d’une durée limitée. Elle offre la possibilité de présenter des fichiers mul-
timédias (tel qu’une présentation PowerPoint), ainsi que l’enregistrement d’une réunion,
elle est munie d’un chat privé et public.
Bien que cette plateforme est riche en fonctionnalités, mais on ne peut en profi-
ter qu’avec un abonnement. De plus, webex Meeting ne traite que la partie du web-
Conferencing.

Fig. 1.2 : L’outil Webex Meeting.

1.3.3 Google Classroom

Classroom est un service gratuit pour les établissements scolaires, les organisations
à but non lucratif et les personnes disposant d’un compte Google personnel. L’application
facilite la communication entre les élèves et les enseignants, que ce soit à l’intérieur ou
à l’extérieur de l’établissement scolaire. Synonyme de gain de temps et d’économie de
papier.[17]

6
Chapitre 1. Étude de l’existant

1.3.3.1 les fonctionalités du plateforme :

le but de Google Classroom est de simplifier la création et la diffusion de cours et

d’exercices de façon numérique, ainsi que les interactions entre participants. Elle est munie
de l’organisation Enseignant – étudiant ; où l’enseignant peut lancer des devoirs et limiter
le temps de remise d’une part, et l’étudiant peut remettre et avoir des commentaires
privés sur son devoir d’autre part. Cette plateforme se manque de la technologie du Web-
Conferencing.

Fig. 1.3 : L’outil Google Classroom.

1.3.4 Moodle
Moodle est une plateforme d’apprentissage destinée à fournir aux enseignants, ad-
ministrateurs et apprenants un système unique robuste, sûr et intégré pour créer des
environnements d’apprentissages personnalisés. Le logiciel peut être téléchargé et installé
sur votre propre serveur web, mais vous pouvez aussi vous faire aider par un partenaire
Moodle agréé.[18]

1.3.4.1 Les fonctionnalités du plateforme :

Moodle est un outil qui permet de mettre en ligne des ressources pédagogiques (texte,
audio, vidéo, etc.) et soutenir les interactions enseignant-étudiant, tout en adoptant une
variété d’outils de communication, d’évaluation et de gestion ; l’enseignant peut créer un
espace cour accessible que par les étudiants concernés à l’aide d’une clé secrète. Ainsi il
peut créer des espaces questions/réponses, et organiser des examens.
Or, elle se manque de la technologie du Web-Conferencing. De plus l’utilisation de
cette plateforme nécéssite la création d’un compte (Enseignant / Etudiant).

7
Chapitre 1. Étude de l’existant

Fig. 1.4 : L’outil Moodle.

1.4 Sysnthèse comparative des plateformes existantes

Apres avoir étudié quelques plateformes existantes, nous avons constaté qu’elles
contiennent une variété de fonctionnalités avec des lacunes.
Donc, afin d’établir une synthèse de comparaison entre les outils de télé-enseignement
existants, nous avons choisi ses fonctionnalités comme critère de comparaison.

Organisation Partage Gestion des Evaluation Importation

des réunions d’écran formations des
documents

google Meet ✓ ✓

Webex ✓ ✓
Meetings

Google ✓ ✓ ✓
Classroom

Moodle ✓ ✓ ✓

Future ✓ ✓ ✓ ✓ ✓
plateforme

Tab. 1.2 : Tableau de comparaison des solutions existantes.

8
Chapitre 1. Étude de l’existant

1.5 Présentation de cas d’etude

Après avoir analysé les plateformes existantes, nous avons constaté qu’elles contiennent
de nombreuses fonctionnalités qui mirent en place le sens de télé-enseignement. En re-
vanche, nous avons constaté aussi le manque d’applications adaptées aux besoins des
clubs scientifiques, plus précisément le manque d’applications qui mirent en sens la télé-
formation.
Pour cela, on s’est inspiré des applications de télé-enseignement, pour proposer une
application qui regroupe les fonctionnalités nécessaires pour mettre en place le sens de
télé-formation afin de répondre aux besoins des clubs scientifiques.
Dans ce qui suit1.5, un diagramme de flux, qui résume de manière générale, la circu-
lation d’information au sein de notre plateforme. Ainsi qu’une présentation des documents
circulants (formulaire d’inscription ”Formateur”, formulaire d’inscription ”Adhérent”, for-
mulaire de proposition des formations et formulaire d’inscription dans une formation).De
plus Les symboles d’identification des acteurs impliqués dans l’activité étudiée.

Symbole Signification

Acteur externe

Systeme composant de l’application

→ Sens de circulation du document
() Numéro flux

Tab. 1.4 : Signification des symboles.

Fig. 1.5 : Diagramme de flux d’information.

9
Chapitre 1. Étude de l’existant

flux Désignation Description

(1) * Inscription aux plateforme -Formateur- - Nom Formateur :
- Prénom Formateur :
- Grade :
- Domaine :
- E-mail :
- Username :
- Password :
(1’) * Inscription aux platforme -Etudiant - - Nom Etudiant :
- Prénom Etudiant :
- Niveau d’étude :
- Specialité :
- Prérequis :
- E-mail :
- Username :
- Password :
(2) * Proposition de formation - Nom Formateur :
- Prénom Formateur :
- titre Formation :
- Spécialité concernée :
- Nombre de participants :
- Durée formation :
- Créneau :
- Contenu :
(3) * Liste formations /

Tab. 1.6 : La Description des flux.

10
Chapitre 1. Étude de l’existant

flux Désignation Description

(4) * Inscription aux formation - Nom Etudiant :
- Prénom Etudiant :
- Nom Formateur :
- TitreFormation :
- Creneau choisi :

Tab. 1.8 : suite de la Description des flux.

1.6 Conclusion
En conclusion, à travers ce chapitre nous avons présenté le concept de télé-enseignement.
Ensuite, nous avons étudié quatre outils qui misent en place le sens de ce dernier, ce qui
nous a permi de bien cerner nos objectifs, afin d’entamer l’étude conceptuelle , ce qui fera
l’objectif du prochain chapitre.

11
Chapitre 2

Etude conceptuelle

2.1 Introduction

L’étude conceptuelle est une étape nécessaire dans le cycle de développement d’un
logiciel, car elle permet de spécifier les besoins du système à réaliser et décrire son fonc-
tionnement.
Dans ce chapitre, nous allons établir l’analyse et la conception de notre plateforme de
télé-formation, afin d’avoir une prévision claire sur l’application à réaliser. Pour effectuer
cette étude-là, nous allons utiliser les diagrammes de langage de modélisation UML

2.2 Langage de modélisation UML

UML le langage de modélisation unifié est un langage de modélisation visuelle à

usage général qui est utilisé pour spécifier, visualiser, construire et documenter les artefacts
d’un système logiciel. il capture les erreurs et la compréhension du système qui doit être
construit. Uml inclut la notation et les lignes directrices des concepts sémantiques. il a
des parties environnementales et organisationnelles dynamiques statiques [4]

2.3 Diagramme de cas d’utilisation

Un diagramme de cas d’utilisation capture le comportement d’un système, d’un

sous-système, d’une classe ou d’un composant tel qu’un utilisateur extérieur le voit. Il
scinde la fonctionnalité du système en unités cohérentes, les cas d’utilisation, ayant un
sens pour les acteurs. Les cas d’utilisation permettent d’exprimer le besoin des utilisateurs
d’un système, ils sont donc une vision orientée utilisateur de ce besoin au contraire d’une
vision informatique.[1]

12
Chapitre 2. Etude conceptuelle

2.3.1 Identification des acteurs

Dans cette partie,nous distinguons trois types d’utilisateurs : l’Administrateur, le
Formateur et l’Etudiant.

1. Le Formateur : C’est l’ensemble des enseignants volontaires de l’université, leurs

rôle est de proposer et animer des formations en ligne, par exemple : introduction
à l’utilisation du PhotoShop.

2. L’Etudiant : Il s’agit des étudiants membres du club , participant à une formation

en ligne donnée, son rôle est d’effectuer les formations consultées avec un enseignant
bien précis.

3. L’Administrateur : Il s’agit d’un étudiant (le responsable du club ) son rôle est
l’administration de cette plateforme web.

2.3.2 Spécifications des cas d’utilisation

Dans ce qui suit, un tableau 2.2 qui présente les cas d’utilisation de chaqu’un des
acteurs de notre système

Acteur cas d’utilisation

Formateur * S’authentifier.

* Proposer une formation.

* Démarrer une réunion en ligne.

* Importer des documents.

* Organiser des évaluations en ligne.

* Gérer profil.

Etudiant * S’authentifier.

* Consulter liste formations.

* S’inscrire dans une formation.

* Joindre une réunion en ligne.

* Effectuer des évaluations en ligne.

* Gérer profil.

Administrateur * S’authentifier.

* Gérer profil.

* Valider une Formation.

13
Chapitre 2. Etude conceptuelle

Tab. 2.2 : L’ensemble des spécifications des cas d’utilisation.

2.3.3 Etablir le diagramme des cas d’utilisation :

Après avoir cibler les acteurs du système , spécifier les cas d’utilisation de chaque
acteur , on etablit le diagramme des cas d’utilisation de chacun des acteurs cités précé-
dement.

2.3.3.1 Diagramme de cas d’utilisation de l’etudiant :

Fig. 2.1 : Diagramme des cas d’utilisation d’etudiant.

14
Chapitre 2. Etude conceptuelle

2.3.3.2 Diagramme de cas d’utilisation du formateur :

Fig. 2.2 : Diagramme des cas d’utilisation du formateur.

15
Chapitre 2. Etude conceptuelle

2.3.3.3 Diagramme de cas d’utilisation de l’administrateur :

Fig. 2.3 : Diagramme des cas d’utilisation du l’administrateur.

2.4 Diagramme de séquence

Un diagramme de séquence est un diagramme d’interaction qui expose en détail la
façon dont les opérations sont effectuées : quels messages sont envoyés et quand ils le
sont. Les diagrammes de séquence sont organisés en fonction du temps. Le temps s’écoule
au fur et à mesure que vous parcourez la page. Les objets impliqués dans l’opération
sont répertoriés de gauche à droite en fonction du moment où ils prennent part dans la
séquence de messages.[8].
Vu que nous ne pouvons pas modéliser notre système à travers un seul diagramme
de séquence , on a choisi parmi les cas d’utilisation cités précédemment quatre cas pour
y modéliser.

16
Chapitre 2. Etude conceptuelle

2.4.1 Authentification
Le diagramme ci-dessous 2.4, représente le diagramme de séquence de cas d’utili-
sation ” s’authentifier”. L’utilisateur doit introduire son ”username” et ”password” pour
accéder à son propre profile. L’utilisateur peut être : le formateur, l’etudiant ou adminis-
trateur.

Fig. 2.4 : Diagramme de séquence ”s’authentifier”.

2.4.2 Proposition de formation

Le diagramme ci-dessous 2.5, représente le diagramme de séquence de cas d’utili-
sation ” Proposer formation”. Le formateur doit remplir un formulaire de proposition de
formation.

17
Chapitre 2. Etude conceptuelle

Fig. 2.5 : Diagramme de séquence ”Proposer Formation”.

2.4.3 Former les groupes

Le diagramme ci-dessous ( 2.6 ), représente le diagramme de séquence de cas d’uti-
lisation ” Former les groupes”. L’administrateur doit s’authentifier afin de former les
groupes d’etudiants d’une formation précise selon une certaine prioritée (dans le cas où
le formateur l’exige).

18
Chapitre 2. Etude conceptuelle

19
Fig. 2.6 : Diagramme de séquence ”Former les groupes”.
Chapitre 2. Etude conceptuelle

2.4.4 Organisation d’evaluation

Le diagramme ci-dessous 2.7, représente le diagramme de séquence de cas d’utilisa-
tion ”Organisation d’evaluation”.

Fig. 2.7 : Diagramme de séquence ”Organisation d’evaluation ”.

20
Chapitre 2. Etude conceptuelle

2.5 Diagramme de classe

Un diagramme de classes fournit une vue globale d’un système en présentant ses
classes, interfaces et collaborations, et les relations entre elles. Les diagrammes de classes
sont statiques : ils affichent ce qui interagit mais pas ce qui se passe pendant l’interaction.[7]
La figure ci-dessus 2.8, présente le diagramme de classe de notre plateforme.

Fig. 2.8 : Diagramme de classe.

Explication :

• Un formateur peut proposer une ou plusieurs formations, et une formation ( avec

idFormation) peut être proposé par un seul formateur.

• Un étudiant peut s’inscrire dans une ou plusieurs formations, et une formation est
composé de plusieurs étudiants.

• Un étudiant peut être dans un ou plusieurs groupe, et un groupe est composé

évidement de plusieurs étudiants ( c’est la raison pour laquelle on a générer une
classe d’association (Etudiant-Groupe) au lieux de faire une relation d’agrégation).

• Après avoir former un groupe d’une formation proposé par un formateur , une
formation valide est produite.

21
Chapitre 2. Etude conceptuelle

2.6 Le passsage au model relationnel

La simplicité du modèle relationnel représente son grand avantage .Il est basé sur
une organisation des données sous formes de tables (ou relations).Une relation a donc un
nom et se compose d’un ensemble d’attributs. Le modèle relationnel inclut deux proprié-
tés d’intégrité générales(Clé primmaire et étrangère).

Administrateur (Username, Password,NomAdministrateur, PrenomAdministra-

teur, NiveauEtude, Specialite,
E-mail ).
Formateur (IdFormateur , NomFormateur , PrenomFormateur , Grade , Domaine,
E-mail , Username , Password ).
Formation (IdFormation, IdFormateur*, TitreFormation, Specialite,
NbrParticipants , DureeFormation , Creneau , Contenu , VolumeHoraire ,
CreneauPropose).
Etudiant (IdEtudiant, NomEtudiant, PrenomEtudiant, NiveauEtude, Specialite,
E-mail ,Username , Password ).
FormationValide (IdFormation*,IdGroupe*,IdFormateur*,NbEtudiant,CreneauValide).
Inscription (IdEtudiant*,IdFormation*, NbrPriorite,CreneauChoisi1,CreneauChoisi2).
Groupe(IdGroupe).
EtudiantEnGp (IdGroupe*,IdEtudiant*).
(Nous rappellons que cette relation traduit la classe d’association (Etudiant-groupe)
qui est générer au lieux d’une relation d’agrégation parcequ’un étudiant peut être dans
plusieurs groupes et un groupe est composé de plusieurs étudiants ( donc c’est une relation
1..*/1..*) ).

NB : les attributs : NomAdministrateur, PrenomAdministrateur, NomEtudiant,

PrenomEtudiant ,NomFormateur et PrenomFormateur sont des attributs du même do-
maine.

Remarque :
Notre système ne gère pas le cas de chevauchement ; c’est à dire le cas ou l’étudiant est
inscrit dans deux formations avec le même créneau.

2.7 Conclusion
Dans cette partie, nous avons identifié les besoins fonctionnels afin d’obtenir à la
conception qui sera utilisée pour réaliser notre plateforme web, ce qui fera l’objet du
prochain chapitre.

22
Chapitre 3

Réalisation

3.1 Introduction

Ce dernier chapitre, présentera la phase de réalisation du notre application web, après

avoir précisé et conçu ses fonctionnalités dans les chapitres précédents.
Dans ce chapitre, nous allons présenter les différents outils et techniques utilisé lors de
l’implémentation. Enfin, nous donnerons un aperçu générale du notre application réalisé
à travers des captures d’écran.

3.2 Environnement de développement

3.2.1 Environnement logiciel

3.2.1.1 Lucidchart

Lucidchart est une application intelligente de création de dia-

grammes qui permet aux équipes de clarifier la complexité, d’aligner
leurs connaissances et de construire l’avenir plus rapidement. Avec cette
solution intuitive basée sur le cloud, tout le monde peut travailler visuel-
lement et collaborer en temps réel tout en créant des organigrammes,
des maquettes, des diagrammes UML, etc… [15]

3.2.1.2 Visual Studio Code

Visual Studio Code est un éditeur de code source qui s’exécute sur
le bureau et est disponible pour Windows, macOS et Linux. Il prend
en charge JavaScript, TypeScript et Node.js et dispose d’un riche éco-
système d’extensions pour d’autres langages (tels que C++, C, Java,
Python, PHP, Go) et des environnements d’exécution (tels que .NET
et Unity).[9]

23
Chapitre 3. Réalisation

3.2.2 Environnement technique

3.2.2.1 Langage de front-end :

HTML :
Hypertext Markup Language (HTML) Le sigle HTML correspond
aux initiales d’HyperText Markup Language, c’est-à-dire « langage
de marquage hypertexte ». Cela signifie que la mise en place d’une
page web (titres, paragraphes, images...) utilisera des caractères pour
marquer d’une certaine façon les différentes parties du texte : <p>
représentera un paragraphe, <audio> un fichier son, etc. [10]

CSS :
CSS signifie Cascading Style Sheets, ce qui se traduit en français par
feuilles de styles en cascade. À la version courante CSS 2 vient s’ajouter
la dernière norme CSS 3, qui reprend l’existant et ajoute de nouvelles
propriétés très intéressantes. La feuille de styles fournit la mise en
forme des éléments de la page, qui auront été écrits en HTML. Elle
s’applique à une ou plusieurs page(s) du site.[11]

JavaScript :
Le JavaScript est un langage de programmation sous forme de scripts,
c’est-à-dire sans phase de compilation du code source vers un langage
de plus bas niveau. L’exécution du script se fait directement par le
navigateur à partir du code écrit par le développeur. [13]

3.2.2.2 Langage du Back-end :

PHP :
Hypertext Preprocessor(PHP) est un langage de script côté serveur qui
a été conçu spécifiquement pour le Web. Le code PHP est inclus dans
une page HTML et sera exécuté à chaque fois qu’un visiteur affichera
la page. Le code PHP est interprété au niveau du serveur web et génère
du code HTML ou toute autre donnée affichable dans le navigateur de
l’utilisateur. [19]

24
Chapitre 3. Réalisation

3.2.2.3 le système de base de données :

MySQL :
MySQL est un système de gestion de bases de données relationnelles
(SGBDR) robuste et rapide. Une base de données permet de manipuler
les informations de manière efficace, de les enregistrer, de les trier,
de les lire et d’y effectuer des recherches. Le serveur MySQL contrôle
l’accès aux données pour s’assurer que plusieurs utilisateurs peuvent
se servir simultanément d’une même base de données pour y accéder
rapidement et pour garantir que seuls les utilisateurs autorisés peuvent
accéder aux données. MySQL est donc un serveur multi-utilisateur et
multithread. Il utilise SQL (Structured Query Language), le langage
standard des requêtes de bases de données. MySQL est disponible
depuis 1996, mais son développement remonte à 1979. Il s’agit de la
base de données open-source la plus employée au monde et elle a reçu
le Linux Journal Readers’ Choice Award à plusieurs reprises. [20]

WampServer :
WampServer est une plate-forme de développement Web sous Windows
pour des applications Web dynamiques à l’aide du serveur Apache2, du
langage de scripts PHP et d’une base de données MySQL. Il possède
également PHPMyAdmin pour gérer plus facilement vos bases de
données. [5]

Jquery :
jQuery est une bibliothèque JavaScript rapide, petite et riche en fonc-
tionnalités. Cela simplifie considérablement la navigation et la manipu-
lation de documents HTML, la gestion des événements, l’animation et
Ajax avec une API facile à utiliser qui fonctionne sur une multitude
de navigateurs. Avec une combinaison de polyvalence et d’extensibi-
lité, jQuery a changé la façon dont des millions de personnes écrivent
JavaScript.[2]

3.2.2.4 L’outil de real time communication :

Daily.co :
Daily est une plate-forme de développement basée sur WebRTC. ses
API permettent aux développeurs d’ajouter des appels vidéo et audio
en temps réel à n’importe quelle application ou site. Vous pouvez in-
tégrer un widget d’appel vidéo, qui fonctionne sur tous les navigateurs
et appareils avec une gestion intégrée de la bande passante. Les dé-
veloppeurs peuvent également créer une interface utilisateur/UX vidéo
personnalisée avec ses bibliothèques frontales. [14]

25
Chapitre 3. Réalisation

3.3 la présentation de notre application :

Apres avoir réalisé la conception de notre plateforme web, nous arrivons à la présen-
tation de notre application. Rappelons que cette dernière est dédiée aux clubs scientifiques
des universités.

Notre site web est un outil en ligne hébergeant dans un serveur applicatif, accessible
d’internet via navigateur. Il est fourni pour trois profils d’utilisateur : Administrateur,
Formateur et Etudiant.
Dans ce qui suit, nous allons présenter les principales fonctionnalités de notre site web à
l’aide de captures d’écran accompagnés de brèves explications.

3.3.1 Page d’accueil

C’est une page qui s’affiche lorsque n’importe quel utilisateur la lance. Elle permet
d’aller aux autres page(connexion , inscription …) via un menu de navigation.

Fig. 3.1 : Interface d’acceuil.

3.3.2 Page de Formations

Cette page porte sur tous les formations proposé actuellement , elle est consultable
par tout visiteur de siteweb .Aussi le contenu de tout formation proposé est consultable
par tout visteurs du site mais l’étudiant doit être authentifié pour y inscrire , sinon une
erreur sera générée.

26
Chapitre 3. Réalisation

Fig. 3.2 : Interface page de formations.

Fig. 3.3 : Interface Contenu de formation.

3.3.3 Page d’inscription -Formateur-

La figure ci-dessous3.4 illustre la page d’inscription de l’utilisateur –Formateur- .
Cette page représente un formulaire dont le formateur doit remplir ses coordonnées afin
d’obtenir un compte.

27
Chapitre 3. Réalisation

Fig. 3.4 : Interface d’inscription -Formateur-.

3.3.4 Page d’inscription -Etudiant-

La figure ci-dessous3.5 illustre la page d’inscription de l’utilisateur –Etudiant- . Cette
page représente un formulaire dont l’etudiant doit remplir ses coordonnées afin d’obtenir
un compte.

Fig. 3.5 : Interface d’inscription -Etudiant-.

3.3.5 Page de connexion

La figure ci-dessous3.6 représente la page de connexion de notre application. Afin
de réussir la connexion on doit remplir les champs associé à l’E-mail et le mot de passe
correspondant ,sinon, un message d’erreur s’affichera.

28
Chapitre 3. Réalisation

Fig. 3.6 : Interface de connexion.

3.3.6 Profil Formateur

Une fois le formateur confirme son authentification, on lui affiche trois sections :
son profil (il a la possibilité de le modifier et/ou consulter ), ses formations validé , ainsi
qu’un formulaire pour pouvoir proposer des formations (initialement ces deux sections
sont vides).

Fig. 3.7 : Interface de profil formateur.

29
Chapitre 3. Réalisation

3.3.6.1 Poposer Formations

C’est une page qui possède un formulaire qui permet au formateur de propser plu-
sieurs formations aux étudiants. lors de la proposition du formation , le formateur déter-
mine le volume horaire de son formation et proposer 3 créneaux dont il est disponible
( Un créneau sera validé prochaineement selon le nombre d’inscriptions).

Fig. 3.8 : Interface Proposer formation.

3.3.6.2 Espace formation

Aprés avoir proposer une formation , et après que ce dernière soit valider , un espace
cour est créer afin de pouvoir rejoindre les réunions en ligne , et partager les documents .

Fig. 3.9 : Interface Espace formation.

30
Chapitre 3. Réalisation

3.3.6.3 Réunion en ligne

En cliquant, sur le bouton ”démarrer réunion” , le formateur sera dérigé vers la page
ci-dessus (3.10) pour démarrer une réunion en ligne , et envoie le lien vers les étudiants
pour qu’ils le joindre. Après le jointure de la réunion , les participants peuvent partager

Fig. 3.10 : Interface Démarrer et joindre une réunion en ligne.

le contenu de leurs écrans à l’aide de la fonctionnalités ”Share”.La fiqure ci- dessous 3.10
illustre cette fonctionnalité.

Fig. 3.11 : Interface de partage d’écran.

31
Chapitre 3. Réalisation

Voici un exemple demonstrative de la fonctionnalité.

Fig. 3.12 : Interface d’exemple de partage d’écran.

3.3.7 Profil Etudiant

Une fois l’étudiant est connecté , Une page d’acceuil sera affiché qui porte sur les
formations proposé actuellement.

Fig. 3.13 : Interface Acceuil Adhérent.

32
Chapitre 3. Réalisation

L’étudiant a travers cette page peut consulter le contenu de la formation et y inscrire

si il souhaite.

Fig. 3.14 : Interface Contenu Formation .

A l’inscription dans une formation, l’étudiant est prie de choisir un créneau qui lui convient
parmi les créneaux proposé

Fig. 3.15 : Interface Inscription dans une Formation .

Finalement,l’étudiant a la possibilités de visualiser/modifier les informations de son pro-

fil.et consulter les formations dont il est inscrit

33
Chapitre 3. Réalisation

Fig. 3.16 : Interface Profile Adhérent.

3.3.8 Profil Administrateur

L’administrateur peut accéder à son profil sans avoir inscrit via l’authentification.Il
peut modifier et/ou supprimer ses coordonnées.

Fig. 3.17 : Interface de Profil Administrateur.

3.3.9 Acceuil Administrateur

C’est une page qui permet l’administrateur de visualiser les listes de formations
propsées et les valider .la phase de la validation se passe par deux étape la validation de
créneau puis la validation des groupe (notons que cette phase se fait à travers le boutton
”valider”). l’administrateur peut aussi se déplacer vers la section profil ou se déconnecter
s’il le souhaite.

34
Chapitre 3. Réalisation

Fig. 3.18 : Interface d’acceuil Administrateur.

3.4 Conclusion
Dans ce dernier chapitre, nous avons présenté l’environnement de développement
logiciel et technique sur lequel nous avons réalisé notre site web. Ensuite, nous avons
présenté aussi les différentes interfaces graphiques de ce dernier afin d’illustrer ses fonc-
tionnalités.

35
Conclusion générale

Arrivant à la fin de ce mémoire, nous avons pu aboutir notre objectif du départ,

qui répond à la problématique : le manque de plateforme permettant la gestion des for-
mations en ligne pour les clubs scientifiques au sein de notre université. Pour cela, nous
avons développé un site web misant en place le sens de téléformation. Offrant aux clubs
scientifiques un espace professionnel qui dispose des fonctionnalités de gestion des forma-
tions, ainsi qu’un espace de formation virtuel.

Lors de la réalisation de ce projet, nous avons servi de nos prérequis acquises du-
rant notre formation de cycle License en ingénierie des systèmes d’information et logiciels.
De plus, ce projet nous a permis d’accueillir de nouvelles connaissances tant dans le do-
maine professionnel (conception et implémentation) que dans le domaine personnel où
nous avons su la valeur de partager le travail en équipe. En addition, on avait la chance
de mieux comprendre le domaine d’enseignement en ligne, ainsi que le real time commu-
nication.

Notre site web est équipé de la plus part des fonctionnalités citées lors de la concep-
tion. Néanmoins, en termes de perspective, nous voulons lui apporter plus d’améliorations.
Telle que la création d’une application mobile associée.

Finalement, espérons que notre projet de fin d’études puisse satisfaire nos ensei-
gnants de L’USTHB ainsi, nous espérons qu’il représentera une ressource d’aide pour les
promotions à venir.

36
Bibliographie

[1] Laurent AUDIBERT. UML 2 :De l’apprentissage à la pratique. url : https :

/ / laurent - audibert . developpez . com / Cours - UML / ?page = diagramme - cas -
utilisation.
[2] Yehuda Katz Bear Bibeault et Aurelio De Rosa. jQuery in Action, Third Edi-
tion. isbn : 9781617292071.
[3] CommLab India Bloggers. What are Synchronous and Asynchronous eLearning ?
url : https : / / blog . commlabindia . com / elearning - design / types - of -
elearning.
[4] James Rumbaugh Ivar Jacobson Grady Booch. the unified modeling language re-
ference manual. Pearson. isbn : 0-321-24562-8.
[5] Romain Bourdon. WAMPSERVER. url : https://www.wampserver.com/.
[6] Cisco WebEx : l’application de visioconférence historique. url : https : / / www .
journaldunet . fr / web - tech / guide - de - l - entreprise - digitale / 1498749 -
cisco-webex-gratuit-l-application-phare-de-visioconference-historique/.
[7] Définition des diagrammes de classes UML 1.5. url : http://docwiki.embarcadero.
com/RADStudio/Sydney/fr/D%C3%A9finition_des_diagrammes_de_classes_
UML_1.5.
[8] Définition des diagrammes de séquence UML 1.5. url : http://docwiki.embarcadero.
com / RADStudio / Sydney / fr / D % C3 % A9finition _ des _ diagrammes _ de _ s % C3 %
A9quence_UML_1.5.
[9] Documentation for Visual Studio Code. url : https://code.visualstudio.com/
docs.
[10] Francis Draillard. Premiers pas En CSS3 HTML5. EYROLLES. isbn : 978-2-
212-67430-9.
[11] Francis Draillard. Premiers pas En CSS3 HTML5. EYROLLES. isbn : 978-2-
212-67430-9.
[12] Google Meet : Le service de visioconférence de Google pour les professionnels. url :
https://www.blogdumoderateur.com/tools/google-hangouts-meet/.
[13] Olivier Hondermarck. TOUT JavaScript. Dunod, 2019. isbn : 978-2-10-077958-1.
[14] Introduction to the Daily video call API. url : https://docs.daily.co/docs.
[15] Margaret Julian. Getting Started in Lucidchart : The Basics. url : https://www.
lucidchart.com/blog/getting-started-in-lucidchart.

37
Bibliographie

[16] Caroline Lawless. What is eLearning ? url : https : / / www . learnupon . com /
blog/what-is-elearning/.
[17] Google LLC. Google Classroom. url : https://play.google.com/store/apps/
details?id=com.google.android.apps.classroom&hl=fr&gl=US.
[18] À propos de Moodle. Bienvenue sur la plate-forme pédagogique Moodle de l’US-
THB. url : https://docs.moodle.org/3x/fr/%C3%80_propos_de_Moodle#
Toujours_.C3.A0_la_page.
[19] Luke Welling Laura Thomson. PHP MySQL. Pearson Education France, 2009.
isbn : 978-0-672-32916-6.
[20] Luke Welling Laura Thomson. PHP MySQL. Pearson Education France, 2009.
isbn : 978-0-672-32916-6.

38