République Tunisienne
Ministère de l’Enseignement Supérieur
et de la Recherche Scientifique
Université de Carthage
Institut Supérieur des Technologies de
l’Information et de la Communication
Rapport de Projet de Fin d’année
Présenté en vue de l’obtention de la
Licence Appliquée en Informatique Réseaux et
Communication
Spécialité : Réseaux et Télécommunication
Nom du projet
Par Aymen MOHSNI
Réalisé au sein de Noms ociété
Encadrant Professionel :
Période De Stage : 01/09/2020 - 30/09/2020
Année Universitaire : 2020 - 2021
Dédicaces
Je dédie ce projet à...
Aymen Mohsni
i
Remerciement
start writing here...
ii
Table des matières
Introduction générale 1
1 Contexte du projet 2
0.1 Introduction . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 2
0.2 Présentation de l’organisme d’accueil . . . . . . . . . . . . . . . . . . . . . 2
0.2.1 Organisme d’accueil : . . . . . . . . . . . . . . . . . . . . . . . . . 2
0.2.2 Domaines d’activités . . . . . . . . . . . . . . . . . . . . . . . . . . 2
0.3 Présentation du projet . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 3
0.3.1 Cadre de projet . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 3
0.3.2 Problématique . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 3
0.3.3 Etude de l’existant . . . . . . . . . . . . . . . . . . . . . . . . . . . 3
0.3.4 Solution proposée . . . . . . . . . . . . . . . . . . . . . . . . . . . . 3
0.4 Méthodologie de travail et planification . . . . . . . . . . . . . . . . . . . . 3
0.4.1 Définition d’une méthodologie . . . . . . . . . . . . . . . . . . . . . 3
0.4.2 Choix de Scrum . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 3
0.5 Conclusion . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 3
2 Analyse des besoins 4
2.1 Introduction . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 4
2.2 Analyse des besoins . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 4
2.2.1 Besoins fonctionnels . . . . . . . . . . . . . . . . . . . . . . . . . . 4
2.2.2 Besoins non fonctionnels . . . . . . . . . . . . . . . . . . . . . . . . 4
2.3 Architecture . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 4
2.3.1 Diagrammes des cas d’utilisation . . . . . . . . . . . . . . . . . . . 4
2.3.2 Tableaux des cas d’utilisation . . . . . . . . . . . . . . . . . . . . . 5
2.4 Conclusion . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 5
3 Modélisation 6
3.1 Introduction . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 6
3.2 Diagramme de classes . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 6
3.3 Diagramme de séquences du système . . . . . . . . . . . . . . . . . . . . . 7
3.3.1 Diagramme de séquence du client : . . . . . . . . . . . . . . . . . . 7
3.3.2 Diagramme de séquence de l’admin : . . . . . . . . . . . . . . . . . 8
3.4 Conclusion . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 9
4 Réalisation 10
4.1 Introduction . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 10
4.2 Environnement de travail . . . . . . . . . . . . . . . . . . . . . . . . . . . . 10
4.2.1 Environnement matériel . . . . . . . . . . . . . . . . . . . . . . . . 10
iii
Table des matières Table des matières
4.2.2 Environnement logiciel . . . . . . . . . . . . . . . . . . . . . . . . . 10
4.3 Technologies utilisées : . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 10
4.3.1 HTML5 : . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 10
4.3.2 CSS3 : . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 10
4.3.3 ReactJS : . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 11
4.4 Tâches Réalisées . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 11
4.5 Conclusion . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 11
Conclusion Générale 12
Bibliographie 13
iv
Table des figures
1 Logo de société . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 2
2.2 esm taswira / diagramme . . . . . . . . . . . . . . . . . . . . . . . . . . . 4
3.3 Diagramme de classe général . . . . . . . . . . . . . . . . . . . . . . . . . . 6
3.4 Diagramme de séquence du client . . . . . . . . . . . . . . . . . . . . . . . 7
3.5 Diagramme de séquence de l’admin . . . . . . . . . . . . . . . . . . . . . . 8
v
Liste des tableaux
2.1 Description du cas d’utilisation "Inscription" pour le client . . . . . . . . . 5
vi
Introduction générale
start writing here...
1
chapitre 1
Contexte du projet
0.1 Introduction
Introduction...
0.2 Présentation de l’organisme d’accueil
0.2.1 Organisme d’accueil :
Présentation de l’organisme d’accueil.
[Link]
Figure 1 – Logo de société
0.2.2 Domaines d’activités
ken theb tzid tahki akther aal société.
2
Chapitre 1 0.3. Présentation du projet
0.3 Présentation du projet
0.3.1 Cadre de projet
tfasser chnoa sujet.
0.3.2 Problématique
Problématique.
0.3.3 Etude de l’existant
tahki aal machakel l mawjouda li 5alletkom taamlou khedma b tari9a okhra wela
t3awdou l khedma.
0.3.4 Solution proposée
tahki solution li jebtouha (t9oul rakom 9arertou te5dmou b languages X w Y.
0.4 Méthodologie de travail et planification
0.4.1 Définition d’une méthodologie
ken theb tfasser chnia maaneha méthodologie w aaleh test7a9ouha
0.4.2 Choix de Scrum
w ken 5demtou b scrum tahki aalih chwaya.
0.5 Conclusion
Conclusion aali 7kit aalih fi chapitre hetha.
3
chapitre 2
Analyse des besoins
2.1 Introduction
2.2 Analyse des besoins
2.2.1 Besoins fonctionnels
2.2.2 Besoins non fonctionnels
2.3 Architecture
2.3.1 Diagrammes des cas d’utilisation
[Link]
Figure 2.2 – esm taswira / diagramme
4
Chapitre 2 2.4. Conclusion
2.3.2 Tableaux des cas d’utilisation
ken bch taamel des tableaux.
cas d’utilisation Inscription
acteur Client
Pre-Condition L’inscription de l’utilisateur se fait en remplissant un formulaire
avec les informations
Scénario nominal l’utilisateur remplit le formulaire
Post-Condition L’utilisateur est ajouté à la base de données avec succès
Scénario d’exception Le système affiche un message d’erreur si l’Inscription échoue
Table 2.1 – Description du cas d’utilisation "Inscription" pour le client
2.4 Conclusion
conclusion
5
chapitre 3
Modélisation
3.1 Introduction
3.2 Diagramme de classes
[Link]
Figure 3.3 – Diagramme de classe général
6
Chapitre 3 3.3. Diagramme de séquences du système
3.3 Diagramme de séquences du système
3.3.1 Diagramme de séquence du client :
[Link]
Figure 3.4 – Diagramme de séquence du client
7
Chapitre 3 3.3. Diagramme de séquences du système
3.3.2 Diagramme de séquence de l’admin :
[Link]
Figure 3.5 – Diagramme de séquence de l’admin
8
Chapitre 3 3.4. Conclusion
3.4 Conclusion
conclusion
9
chapitre 4
Réalisation
4.1 Introduction
intro
4.2 Environnement de travail
4.2.1 Environnement matériel
...
4.2.2 Environnement logiciel
Dans notre projet, nous avons utilisé les logiciels suivants :
Visual Studio Code :
Github :
Creately :
Creately est un outil de collaboration visuelle qui permet la création de diagrammes
et de conception.
L’application est principalement connue pour créer des chartes, des graphes, des dia-
grammes UML,...etc.
4.3 Technologies utilisées :
4.3.1 HTML5 :
..
4.3.2 CSS3 :
..
10
Chapitre 4 4.4. Tâches Réalisées
4.3.3 ReactJS :
ReactJS [2] est une bibliothèque JavaScript déclarative, efficace et flexible pour la
création d’interfaces utilisateur (UI).
Cette framework nous permet de composer des interfaces utilisateur complexes à partir
de petits morceaux de code isolés appelés «composants».
Pourquoi ReactJS
...
4.4 Tâches Réalisées
tahki aali 5demthom w t7ot des captures d’ecran
4.5 Conclusion
11
Conclusion Générale
12
Bibliographie
[2] https ://[Link]. ReactJS.
13
