Académique Documents
Professionnel Documents
Culture Documents
République Tunisienne
Université de Monastir
Mémoire
APPLICATION WEB
D’AMÉLIORATION LES SERVICES
DES ENFANTS ET LES UTILISATEURS
Dédicaces
À celui qui est toujours mon meilleur exemple dans la vie :
Ma mère.
Ma Famille
Mohamed rajah
kcherdia
Projet Fin d’Études 2022/2023
Remerciements
C'est avec un grand plaisir que je réserve cette page en signe de
J’adresse aussi mes remerciements les plus sincères aux membres de jury,
m'aider et m'encourager.
une vision aussi claire. J’exprime toute ma gratitude à tous ceux qui
Sommaire
Liste de tableaux
Introduction générale
De nos jours, l'informatique occupe une place privilégiée dans le monde des entreprises et
organismes. À travers les technologies d’information et de communication (TIC), le temps du
traitement, de recherche et de filtre des données a été réduit d’une manière considérable, ce
qui permet aux gestionnaires d’améliorer le rendement du travail tout en évitant, ou au moins
de diminuer, les erreurs. C’est dans ce contexte que plusieurs sociétés essayent de profiter au
maximum possible de ces technologies afin d’améliorer leurs productivités et de faire face à
quelques problèmes pénibles qui peuvent constituer un obstacle de progression.
Dans ce cadre l'objectif de notre projet vise à développer une application qui permet
d’améliorer les services des enfants et des utilisateurs.
pg. 1
Projet Fin d’Études 2022/2023
1. Introduction :
Dans ce chapitre nous présenterons le contexte général du projet qui sera décliné en deux
parties : la première présentera la société d'accueil et la seconde d'écrira le cadre général du
PROJET.
2. Présentation de l’entreprise :
Centre Intégré de la Jeunesse et de l'Enfance est Le Centre National des Médias de l'Enfant est
un observatoire d'information, de formation, de documentation et d'études sur la protection
des droits de l'enfant
pg. 2
Projet Fin d’Études 2022/2023
2.2. Historique
Le Centre Intégré de la Jeunesse ET de l'Enfance (CIHN) est une institution tunisienne qui
travaille dans le domaine de l'action sociale et du développement local. Fondé en 1961, le
centre a pour objectif d'améliorer les conditions de vie des familles défavorisées et
nécessiteuses dans la région de Hammamet Nord et ses environs.
Le CIHN propose une gamme variée de services et de programmes pour les groupes
vulnérables et nécessiteux de la communauté. Cela inclut un soutien social et économique aux
familles à faible revenu, des soins de santé de base, une formation professionnelle et la
création d'opportunités d'emploi, ainsi que le développement local et le renforcement de la
gouvernance.
pg. 3
Projet Fin d’Études 2022/2023
2.3. Organigramme
Effectuer des tâches d'intervention psychologique à toutes les étapes de la prise en charge d'un
pg. 4
Projet Fin d’Études 2022/2023
Aide du superviseur :
Prendre soin des enfants à la maison et aux alentours Consciencieusement.
Faire un suivi pour s'assurer que les divers besoins économiques et moraux des enfants
Aspects éducatifs, académiques, professionnels et de développement, et pour assurer Leur santé
physique et leur bien-être moral et la mise à disposition d'un environnement propice à leur
développement Équilibre.
Contactez les établissements d'enseignement pour suivre l'assiduité et les performances de
votre enfant écoles et superviser leurs activités scolaires.
Contacter les institutions et lieux de formation professionnelle pour assurer le suivi des
événements Les enfants dehors.
Assurez-vous que les enfants d'Unity of Life participent aux activités du club activation socio-
éducative pour s'assurer qu'ils bénéficient de différents son programme.
Renforcer la relation entre les enfants et leurs familles pour assurer la continuité de la relation
famille.
3. Critique du projet :
3.1. Critique de l’existent
pg. 5
Projet Fin d’Études 2022/2023
Par conséquent, afin de résoudre ces problèmes et de gagner du temps au travail, nous vous
recommandons d’Application.
Dans le cadre d'une étude générale d'une gamme de services améliorés pour les enfants. Elle
nous a parlé du Centre intégré pour jeunes et enfants à Hammam Lif, en Tunisie. Achèvement
d'un projet, y compris l'établissement d'un demander. Les objectifs de ce projet sont :
4. Conclusion
Dans ce chapitre Nous avons traité le cadre du projet de fin d’études y compris les objectifs et
la problématique à résoudre. Le chapitre suivant sera consacré à la spécification des besoins et
l'analyse de cas d'utilisation.
pg. 6
Projet Fin d’Études 2022/2023
2. Besoins fonctionnels
Dans cette partie, nous identifions les acteurs et les différentes fonctions que nous allons
mettre en place avec notre système. L'application que nous envisageons de développer sera
opérée par trois types d'acteurs : Administrateurs, sociologues, psychologues, éducateurs
pg. 7
Projet Fin d’Études 2022/2023
Toute application a des contraintes à identifier pour que le système reste opérationnel. Pour
notre application, nous exprimons les contraintes suivantes
pg. 8
Projet Fin d’Études 2022/2023
fonctionnement.
Modularité : code clair, répartition des compétences
Il ressemble aux plans utilisés dans d'autres domaines et se compose de différents types de
diagrammes. Dans l'ensemble, les diagrammes UML décrivent la limite, la structure et le
comportement du système et des objets qui s'y trouvent.
L'UML n'est pas un langage de programmation, mais il existe des outils qui peuvent être
utilisés pour générer du code en plusieurs langages à partir de diagrammes UML.
pg. 9
Projet Fin d’Études 2022/2023
UML est un support de communication performant pouvant servir de support pour tout
langage de programmation orientée objet. Il offre les avantages suivants : C’est le langage le
plus récent en OO. Dans notre jour nous sommes dirigés vers l’OO aussi le gain de précision,
le gain de stabilité et l’encouragement d’outils.
La mise en pratique d’UML nécessite un apprentissage et passe par une période d’adaptation.
Son point faible, le grand nombre de diagramme à représenter avant d’implémenter un
système.
pg. 10
Projet Fin d’Études 2022/2023
StarUML est un logiciel de modélisation, permet de créer des digrammes : classe, séquence et
cas d'utilisation. On a choisi "StarUML" pour faciliter la génération des diagrammes UML
pour offrir des diagrammes UML avec meilleur design et car il est caractérisé par sa simplicité
et sa facilité d’utilisation. Nous avons choisi l’outil « StarUML » pour concevoir notre
application.
Les Diagrammes des cas d'utilisation sont des diagrammes UML utilisés pour donner une
vision globale du comportement fonctionnel d'un système logiciel.
Le diagramme de cas d’utilisation décrit les fonctions d’un système du point de vue de ses
acteurs mais n’explique pas en détail la relation entre acteurs et cas d’utilisation. Il représente
une unité discrète d'interaction entre un utilisateur (humain ou machine) et un système.
Plusieurs diagrammes d’UML permettent de décrire un cas d’utilisation.
Les utilisateurs, dans le diagramme de cas d'utilisation, sont appelés acteurs, ils interagissent
avec les cas d'utilisation (use cases).
Un acteur est une personne externe, un processus ou une chose qui utilise un système. Ils ont
une bonne connaissance sur ses fonctionnalités. Les acteurs peuvent être :
pg. 11
Projet Fin d’Études 2022/2023
Le diagramme de cas d’utilisation général qui modélise les principales fonctionnalités offertes
par notre application est présenté ci-dessous
pg. 12
Projet Fin d’Études 2022/2023
Un cas d’utilisation décrit le comportement du système de point de vue d’un utilisateur sous
forme d’actions et de réactions. La figure 6 présente un cas d'utilisation d'authentification
pg. 13
Projet Fin d’Études 2022/2023
Sommaire d'authentification
Titre Authentification
Description scenario
pg. 14
Projet Fin d’Études 2022/2023
2. Problème de connexion
pg. 15
Projet Fin d’Études 2022/2023
Sommaire d'authentification
Titre Commenter
Description scenario
- L'utilisateur doit être connecté en tant que sociologue ou
Pré condition
psychologue et doit avoir sélectionné l'enfant pour lequel il souhaite
ajouter un commentaire.
pg. 16
Projet Fin d’Études 2022/2023
Sommaire d'authentification
Titre Gérer des enfants
Administrateur
Acteur
Description scenario
L'utilisateur doit être connecté en tant qu'administrateur.
Pré condition
pg. 17
Projet Fin d’Études 2022/2023
pg. 18
Projet Fin d’Études 2022/2023
Sommaire d'authentification
Titre Gérer des enfants
Administrateur
Acteur
Description scenario
L'utilisateur doit être connecté en tant qu'administrateur.
Pré condition
pg. 19
Projet Fin d’Études 2022/2023
pg. 20
Projet Fin d’Études 2022/2023
Sommaire d'authentification
Acteur Administrateur
Description scenario
pg. 21
Projet Fin d’Études 2022/2023
Figure 10: : Diagramme de cas d'utilisation de Gérer les informations des enfants
Sommaire d'authentification
Acteur Éducateur
Description scenario
pg. 22
Projet Fin d’Études 2022/2023
pg. 23
Projet Fin d’Études 2022/2023
Sommaire d'authentification
Acteur Administrateur
Description scenario
Pré condition L'utilisateur doit être connecté en tant qu'administrateur.
pg. 24
Projet Fin d’Études 2022/2023
Figure 12:Diagramme de cas d'utilisation de Gérer le Catalogue Annuel de Gestion de l'État Psychologique et
Sociologique
Sommaire d'authentification
Description scenario
Pré condition L'utilisateur doit être connecté en tant que psychologue ou sociologue.
pg. 25
Projet Fin d’Études 2022/2023
pg. 26
Projet Fin d’Études 2022/2023
Sommaire d'authentification
Titre Inscription
Description scenario
1. L'utilisateur saisit ses informations (nom, prénom, email et
Scenario nominal
mot de passe)
6. Conclusion
Dans ce chapitre, nous avons commencé par déterminer les besoins fonctionnels et non
fonctionnels, ainsi que la méthode de développement de notre application. De plus, nous
avons examiné les cas d'utilisation et leurs détails afin de mieux comprendre notre travail.
pg. 27
Projet Fin d’Études 2022/2023
1. Introduction
Une classe contrôle gère le contrôle des données et la coordination des autres classes. Elle
représente les informations persistantes.
Des classes entités qui représentent les sources d’informations à partir desquels nous allons
extraire les données.
pg. 28
Projet Fin d’Études 2022/2023
2. Diagramme de classe
C’est un diagramme qui offre une représentation statique au système à développer cette
représentation est centré sur les concepts de classes, chaque classe est décrit par les données et
par les traitements, son objectif est de présenter les entités du notre système.
Ce diagramme contient les différentes classes décrivant le système à réaliser, permet de
donner une vue orientée objet de notre système
pg. 29
Projet Fin d’Études 2022/2023
pg. 30
Projet Fin d’Études 2022/2023
pg. 31
Projet Fin d’Études 2022/2023
pg. 32
Projet Fin d’Études 2022/2023
pg. 33
Projet Fin d’Études 2022/2023
pg. 34
Projet Fin d’Études 2022/2023
pg. 35
Projet Fin d’Études 2022/2023
pg. 36
Projet Fin d’Études 2022/2023
pg. 37
Projet Fin d’Études 2022/2023
4. Conclusion
Dans ce chapitre, nous avons traduit un modèle graphique que nous allons coder dans le
chapitre réalisation
pg. 38
Projet Fin d’Études 2022/2023
Chapitre IV : Réalisation
1. Introduction
Dans les chapitres précédents, nous avons abordé la phase de spécification des exigences
Aidez-nous à concevoir l'application et à créer la base de données.
Exister Ce chapitre, nous pouvons utiliser cette base dans la phase de mise en œuvre, donc,
nous, nous Décrire la technologie, le logiciel et l'architecture que nous avons utilisés dans le
projet Cadre de développement
2. Environnement de travail
Le tableaux ci-dessous présente les caractéristiques des machines que nous avons utilisées
pour implémenter notre système.
Ordinateur
Marque HP
Modèle HP Notebook
Ram 8.00 Go
pg. 39
Projet Fin d’Études 2022/2023
Dans cette partie, nous présentons les différents outils logiciels utilisés durant la réalisation du
projet.
« Microsoft Word est un logiciel de traitement de texte publié par Microsoft. Cette
société publie d'autres logiciels de traitement de texte, dont Bloc-notes et
Microsoft Works, mais Word est le traitement de texte vedette de cette société.
Un logiciel de traitement de texte couvre deux notions, assez différentes en pratique :
un éditeur de textes interactif et un compilateur pour un langage de mise en forme de
textes (notions qui sont précisées dans Traitement de texte). » [1]
« 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. » [2]
8.
« L’interface de GitHub est suffisamment conviviale pour que même les codeurs débutants
puissent profiter de Git. Sans GitHub, l’utilisation de Git nécessite généralement un peu plus
de connaissances techniques et l’utilisation de la ligne de
commande » [3]
« React.js est parfait pour développer des applications web et mobiles. Il est rapide,
sécurisé et scalable.
Il offre à la fois une excellente expérience utilisateur et une fabuleuse expérience
pg. 40
Projet Fin d’Études 2022/2023
pg. 41
Projet Fin d’Études 2022/2023
Le CSS, est un langage informatique utilisé sur Internet pour la mise en forme de
fichiers et de pages HTML. On le traduit en français par feuilles de style en cascade.
Apparu dans les années 1990, le CSS se présente comme une
alternative à la mise en forme via des balises, notamment HTML. [10]
pg. 42
Projet Fin d’Études 2022/2023
3. Les interfaces
Interface « d’authentification »
Cette interface représente l’étape d’authentification, elle est accessible par tous les visiteurs,
l’utilisateur doit insérer son login et son mot de passe pour s’authentifier.
Interface « d’inscription »
Si l’utilisateur n’est pas encore inscrit et il doit alors s’inscrire cette interface montre le
formulaire d’inscription qui comporte des informations personnelles à remplir
pg. 43
Projet Fin d’Études 2022/2023
Cette interface permet à l’administrateur d’ajouter les informations : Nom, prenant, date de
naissance et son Educateur pour remplir les champs.
Pour ajouter des pièces dans la base de données, nous remplissons tous les formulaires de
cette interface puis nous cliquons sur le bouton « add Student ».
Pour modifier les informations on clique sur le bouton « éditer », nous modifions les
informations puis on clique sur le bouton « créer »
Pour supprimer les informations, nous sélectionnons la ligne que nous voulons supprimer puis
on clique sur le bouton « delete »
pg. 44
Projet Fin d’Études 2022/2023
pg. 45
Projet Fin d’Études 2022/2023
pg. 46
Projet Fin d’Études 2022/2023
Interface de « Dashboard »
pg. 47
Projet Fin d’Études 2022/2023
pg. 48
Projet Fin d’Études 2022/2023
4. Conclusion
pg. 49
Projet Fin d’Études 2022/2023
Conclusion générale
Le projet de fin d'études avait pour objectif de concevoir et développer une application web
visant à améliorer les services pour les enfants et les utilisateurs, afin de répondre aux besoins
spécifiques des administrateurs, des sociologues et des psychologues dans la gestion et
l'amélioration du bien-être des enfants.
Pour les administrateurs, l'application offre une interface sécurisée leur permettant de rédiger
un catalogue annuel de gestion. Elle leur donne également accès aux informations des
psychologues et des sociologues concernant les enfants.
Pour les sociologues, l'application permet une authentification sécurisée et une inscription
simple. Ils peuvent commenter l'état sociologique des enfants, ajouter, modifier ou supprimer
des informations sociologiques spécifiques, et surveiller l'ensemble des informations
disponibles sur les enfants.
Pour les éducateurs, l'application offre une authentification sécurisée et une inscription
pratique. Chaque éducateur a le droit de surveiller la santé, le comportement et les activités
éducatives spécifiques de ses enfants.
pg. 50
Projet Fin d’Études 2022/2023
Bibliographie
pg. 51