Rapport Province Zagora Projet

Province de Zagora
Développement d'une
Application Web HRMS
pour la Gestion des
Ressources Humaines
Date: 15-08-2023
Auteur : Marouane Aboutara Belghiti

Stage d'Observation réalisé à : La province de
Zagora
Remerciement
En cette étape cruciale de notre parcours, je tiens à exprimer ma plus

sincère reconnaissance envers les individus qui ont joué un rôle
fondamental dans la réussite de ce projet d'application web. Leur soutien
indéfectible, leur expertise et leur inspiration ont été des éléments
essentiels de cette expérience riche en enseignements.
Je souhaite commencer par adresser mes chaleureux remerciements à
Son Excellence Monsieur HAJJI, Gouverneur de la province de Zagora,
pour sa vision audacieuse et son soutien constant à l'innovation. Votre
leadership éclairé a jeté les bases de la création et de la réalisation de ce
projet novateur.
Mes remerciements s'étendent également à Monsieur KIKI Omar qui m’a
beaucoup aidé dans ma recherche de stage et m’a permis de postuler
dans cet établissement, et de trouver ce stage qui était en total adéquat
avec mes attentes.
Je tiens à exprimer mes sincères remerciements à Monsieur
IBENCHROUTEN Youness, mon encadrant de projet, pour sa guidance
précieuse, son soutien inestimable et son expertise tout au long de la
réalisation de ce projet. Ses conseils avisés, ses retours constructifs et sa
disponibilité ont grandement enrichi mon expérience. Sa capacité à
répondre à mes questions et à orienter mes efforts a été d'une
importance capitale pour l'achèvement réussi de ce projet.
1
Un remerciement particulier est également adressé au Monsieur EL
RADOUANI, pour sa supervision avisée et son accompagnement
technique. Votre expertise pointue et votre disponibilité ont été des
piliers indispensables à la réalisation de ce projet.
Je souhaite également dédier cette réalisation à mon école, l'École
Nationale Supérieure d'Arts et Métiers de Rabat, pour son
enseignement de qualité et son environnement propice à
l'apprentissage. Votre soutien constant a joué un rôle essentiel dans ma
formation et a été un tremplin pour la réussite de ce projet.
Je n'oublie pas de reconnaître les efforts de mes collègues stagiaires pour
leur collaboration et leur soutien constants.
Enfin, cette réalisation est dédiée à ma famille et à mes amis, dont le
soutien indéfectible m'a encouragé à donner le meilleur de moi-même.
Chaque personne évoquée dans cette dédicace a joué un rôle unique et
crucial dans l'accomplissement de ce projet. Je suis profondément
reconnaissant envers chacun pour sa contribution à ce succès
retentissant.
2
Table des Matières
Remerciement…………………………………..………………….…….…….…1
Introduction générale……………….…………………………….……..…..13
Chapitre 1 : Présentation de la Province…………….………………14
1. Introduction…….…………………………………….…………………..14
2. Province…………….………………………………….……………………14
3. Structuration…………………….………………….…………………….16
3.1 L’organigramme de la province..…………………………….17
4. Conclusion………………………………………………..………………..17
Chapitre 2 : Contexte général et description du projet…….…18
1. Introduction………………………………..…………………………..…18
2. Cahier de charge………………………………………..…………..….18
2.1 Travail demandé…………..……………………………………….18
2.2 Les objectifs de l’application………………………………….19
2.3 Outils et langages utilisés………………………………………19
2.4 Spécification des besoins………………………..…………….20
2.4.1 Besoins non fonctionnels…..………..………………….21
2.4.2 Besoins fonctionnel…………………………………………22
3. Description du projet…………………………………………………..22
3
3.1 Problématique………………………………………………………..22
3.2 Solution proposée….………………………………………………..22
4. Conclusion………………….……………………………………….………..23
Chapitre 3 : Analyse et Conception……………………………..……….24
1. Introduction…………………………………………………………………24
2. Identification des acteurs………………………..…………………..24
3. Identification des cas d’utilisation………………………………..26
3.1 Cas d’utilisation employé………………………………….……….26
3.2 Cas d’utilisation
Équipe………………………………………………………………………………….30
3.3 Cas d’utilisation Admin……………………………………………..37
3.4 Diagramme de classe……………………………………….….…...70
4. Conclusions..........................................................................75
Chapitre 4 : Développement et réalisation du projet………….76
1. Introduction………………………………………………………………..76
2. Besoins techniques……………………………………………………..76
2.1 Outils de développement………………….…………………..76
3. Présentation des interfaces de l’application web..……….81
3.1 Authentification……………………………………….…………….81
3.2 Partie Admin………………………………………………….……….81
3.2.1 Gestion des Équipes…………………………………….……81
a. Ajouter Équipe…………………….…………………………….82
4
b. Gestion des Équipes………………………..………...………82
3.2.2 Gestion des Départements….………………………………83
a. Ajouter Département….…………………………………….84
b. Gestion des Départements………………………………..84
3.2.3 Gestion des Services……………………….……………………85
a. Ajouter Service……………………………..……………………85
b. Gestion des Services……………………….………………….86
3.2.4 Gestion des Périodes………………….………………………..88
a. Ajouter Période…………………………………………………..88
b. Gestion des Périodes………………………………..…………88
3.2.5 Gestion des Employé…………………..………..……………..89
a. Ajouter Employé…………………….……………………………89
b. Gestion Employé…………………….…………………………..89
3.2.6 Gestion des Missions……………………….…………………..91
a. Ajouter Mission……………………………………..…………..92
b. Gestion des Missions……………………………………….…92
3.2.7 Consulter la Présence………………………………………....94
a. Récupérer la date de Présence des employés…....95
b. Télécharger fichier PDF de Présence…………………..95
3.2.8 Message des employés………………………………………..97
a. Consulter message d’employé…………………………….97
b. Répondre au message d’employé……………………….97
5
c. Télécharger fichier PDF des messages des employés..98
3.2.9 Message d’équipe……………………………………….………….98
a. Consulter message d’équipe………………………………….99
b. Répondre au message d’équipe……..……………………..99
c. Télécharger fichier PDF des messages des équipes..100
3.2.10 Congé d’employé………………………………….……………..101
a. Consulter demande congé d’employé..………………...101
b. Répondre à la demande congé d’employé.……………101
c. Télécharger fichier PDF des demandes congé des
Employés……………………………………………………….………102
3.2.11 Congé des
équipes………………………………………………………………………………………..103
a. Consulter demande congé d’équipe…………….…………103
b. Répondre à la demande congé d’équipe…………………103
c. Télécharger fichier PDF des demandes congé des
Équipes…………..………………………………………………………104
3.2.12 Modifier le profile.....................................................105
3.2.13 Changer la langue………………………………………………….105
3.2.14 Visualisation des Statistiques et Informations avec
Graphiques…………………………………..………………………..106
3.3 Partie Équipe………………………………………….……………………….107
3.3.1 Voir les employés sous l’équipe………….…………………….107
6
a. Consulter les employés sous l’équipe ........................107
b. Télécharger fichier PDF des employés……………………..108
3.3.2 Consulter les missions……………………………..……………….109
a. Télécharger fichier PDF des Missions……….………………110
3.3.3 Gestion de Présence………………………………………….……..110
a. Enregistrer La Présence……………………..…………………….110
b. Consulter et Modifier la Présence………….………………..111
c. Télécharger fichier PDF de Présence…………………………112
3.3.4 Gestion de résultat d’évaluation de missions…..………..113
a. Ajouter Résultat…………………………………………………….…113
b. Consulter Résultat……………………………..…………..……..…113
c. Télécharger fichier PDF de Résultat…………….……..……..114
3.3.5 Demande de Congé………………………….……………………..…115
3.3.6 Envoyer Message…………………………….………….…………..…116
3.3.7 Modifier le profile………………………..…………………………....116
3.3.8 Changer la langue……………………………………………………….117
Graphiques…………………………………………………………………117
3.4 Partie Employé…………………………………………………………..…….118
3.4.1 Consulter la présence………………………………………………..118
3.4.2 Consulter résultat d’évaluation……………………………….…119
3.4.3 Demande Congé…………………………………………………………120
7
3.4.4 Envoyer message…………………………………………………..…..120
3.4.5 Modifier le profile……………………………………………..……….121
3.4.6 Changer la langue………………………………………………..…….121
Graphiques………………………………………………………………..122
4. Conclusion……………………………………………………………………………..122
Conclusion générale……………………………………………………………………….124
Webographie………………………………………………………………………………….126
8
Liste des figures
Figure 1 : province de Zagora……………………..………………………………….15
Figure 2 : Organigramme de la province ………..………………………………17
Figure 3 : Diagramme de cas d’utilisation d’employé………………………27
Figure 4 : Diagramme de cas d’utilisation d’équipe ……..…………………31
Figure 5 : Diagramme de cas d’utilisation d’admin …………………………40
Figure 6 : Diagramme de Classe de Système ………………………………….71
Figure 7 : interface d’Authentification …………..……………………………….81
Figure 8 : ajouter équipe ……………………………………………………………….82
Figure 9 : gestion des équipes ........ ………………………………………………82
Figure 10 : fichier PDF des équipes ……………………………………………….83
Figure 11 : ajouter département …………………………………………………..84
Figure 12 : gestion des départements ……………………………..……………84
Figure 13 : ajouter service ……………………………………………………………85
Figure 14 : gestion des services …………………………………………………….86
Figure 15 : fichier PDF total des services ……………………………………….87
9
Figure 16 : ajouter période ………………………………………….………………88
Figure 17 : gestion des périodes ………………………………..…………………88
Figure 18 : ajouter employé …………………………………………………………89
Figure 19 : gestion des employés ………………………………..………………90
Figure 20 : fichier PDF des détails employés ……………………..…………91
Figure 21 : ajouter mission …………………………………………………….……92
Figure 22 : gestion des missions …………………………………….……………93
Figure 23 : fichier PDF du total de missions………………………….………94
Figure 24 : récupérer la date de présence des employés
………………………………………………………………………………………………….…95
Figure 25 : fichier PDF de Présence des employés …………….…………96
Figure 26 : consulter message des employés …………………………….…97
Figure 27 : répondre au message des employés ………………..…………97
Figure 28 : fichier PDF des messages des employés..………………….…98
Figure 29 : consulter message des équipes …………………………….……99
Figure 30 : répondre au message des équipes ……………….……………99
Figure 31 : fichier PDF des messages des équipes ………………………100
Figure 32 : consulter demande congé des employés
……………………………………………………………………………………………….……101
Figure 33 : répondre à la demande congé des employés
………………………………………………………………………………………….…………102
Figure 34 : fichier PDF de demande congé des employés
………………………………………………………………………………………….…………102
10
Figure 35 : demande congé des équipe …………………………………….…103
Figure 36 : Répondre à la demande congé d’équipe…..…………………103
Figure 37 : fichier PDF des demandes congé des équipes……….……104
Figure 38 : modifier le profile d’administrateur …………………………105
Figure 39 : changer la langue d’interface
d’administrateur…………………………………………………………………….……105
Figure 40 : visualisation des statistiques et informations avec graphiques
d’interface administrateur ………………………………………………….………106
Figure 41 : consulter les employés sous l’équipe …..……………………107
Figure 42 : fichier PDF des employés sous l’équipe ………………………108
Figure 43 : consulter les missions d’équipe …………………………………109
Figure 44 : fichier PDF des Missions d’équipe ………………………..……110
Figure 45 : enregistrer la présence d’employée ……………………..……111
Figure 46 : consulter et modifier la présence d’employé
………………………………………………………………………………………………….…111
Figure 47 : fichier PDF de présence d’employé …….………………………112
Figure 48 : ajouter résultat d’employé …………………………………………113
Figure 49 : consulter résultat des employés …………………..……………114
Figure 50 : fichier PDF de résultat des employés sous l’équipe
……………………………………………………………………………………………….……114
Figure 51 : demande de congé par équipe ……………………..……………115
Figure 52 : fichier PDF de congé des équipes..………………………………115
Figure 53 : envoyer message par équipe ……………………………..………116
11
Figure 54 : modifier le profile d’équipe…………………………………….……116
Figure 55 : changer la langue d’interface d’équipe …………………..……117
pour l’interface d’équipe…………………………………..…………………………117
Figure 57 : consulter la présence d’employé …………….…………………118
Figure 58 : consulter résultat d’évaluation par l’employé
……………………………………………………………………………………………………119
Figure 59 : demande congé par l’employé ……………………….…………120
Figure 60 : envoyer message par l’employée ………………………………120
Figure 61 : modifier le profil d’interface d’employé ………….…………121
Figure 62 : changer la langue d’interface des employés
……………………………………………………………………………………………………121
pour l’interface d’employé……………………………………………………….…122
12
Introduction
générale
Dans le cadre de ma formation dans l’école Nationale Supérieure
d’Arts et Métiers de Rabat (ENSAM-R), L’Etablissement cherche à
évoluer les compétences et le savoir-faire de ses étudiants par divers
moyens tels que les Travaux pratique, les projets …
C’est pour cela j’ai réalisé un projet de stage d’observations au

sein de la province de Zagora matériels et logiciels. Le projet a pour
thème « Système de Gestion des Ressources Humaines » afin de
concrétiser mes acquis durant les années d’études.
Ce projet développe une application web pour la gestion de

ressources humains (HRMS), divisée en trois parties : "Admin", "Équipe"
et "Employé". Les administrateurs gèrent équipes, départements,
services, employés et missions avec fonctionnalités d'ajout,
modification, suppression et PDF. Les équipes gèrent présence,
évaluations, congés, messages et profils. Les employés voient présence,
évaluations, congés, envoient des messages et modifient leur profil.
Chaque partie propose des statistiques graphiques et la possibilité de
changer la langue, visant à faciliter la gestion et la communication au
sein de province.
13
L’élaboration de ce rapport a pour principale source les différents
enseignements qu’on a pu acquérir au fil de mon projet par la pratique
des différentes tâches et missions qu’on a dû accomplir, ainsi que de
mes connaissances acquises tout au long de ma formation scolaire et de
mes recherches personnelles pour ce qui est des questions théoriques.
Aussi, les divers encadrements qu’on a eus avec m’encadrant j’ai
également beaucoup aidé.
Ce rapport sera devisé en quatre chapitres, le premier contient la

présentation de la province le deuxième contient le cahier de charges et
la description de cette application web. Dans le troisième, je décrivais
l’analyse et la conception de m’application, et dans le dernier chapitre
je présenté les outils utilisés pour la réalisation ainsi que des captures
écran de l’application avec une description convenable.
Chapitre 1 : présentation de la province
1. Introduction :
Ce chapitre se focalise sur la présentation de la province
accueillante et sa structuration (organigramme et présentation
de la cellule informatique).
2. Province de Zagora :
14
La province de Zagora a été créée par le décret n° : 2.97.281 du
01 Dilhija 1417 correspondant au 09 Avril 1997 dans le cadre de
la politique de rapprochement de l'administration du citoyen,
est située au Sud-Est du Royaume, et fait partie de la région
économique Draa Tafilalet. Elle est composée de trois cercles,
deux Pachaliks, dix Caïdats et 25 Commune dont 2 communes
Urbaines.
Elle s'étend sur une superficie de 23 000 km2 , et compte
d'après le recensement de 2004 une population de 283 368
habitants dont 240 566 personnes en milieu rural.
15
3. Structuration :
❖ Gouverneur
❖ Secrétaire Général :
- Cellule d’informatique
- S. des systèmes d’information et
juridique et du contentieux
❖ Division Affaire Intérieures (D.A.I) :
- S. de la règlementation et de libertés
publiques
- S. des affaires générales de la sécurité et
d’ordre public
❖ Division d’Urbanisme et
Environnement (D.U.E)
❖ Division des affaires économique et de
la coordination (D.A.E.C)
❖ Division des ressources humaines
(D.R.H)
❖ Division de collectivités locales (D.C.L)
❖ Division des équipements (D.E)
❖ Division d’action sociale (D.A.S)
16
3.1 L’organigramme :
4. Conclusion :
Dans ce chapitre j’ai présenté la province de Zagora, son
organigramme et ses différentes divisions. Cette occasion m’a
permis de voir de près le déroulement de travail au sein de la
préfecture.
17
Chapitre 2 : Contexte général et
description du projet
1. Introduction :
Dans ce chapitre, je vais explorer en détail le contexte et la
portée de notre projet de Système de Gestion des Employés
pour la province. Je vais aborder les exigences du projet, les
objectifs de l'application et les outils technologiques que j’ai
utilisés pour sa réalisation
2. Cahier de charge :
Le cahier de charge définit les paramètres fondamentaux du
projet et les attentes en termes de fonctionnalités et de
performances. Il guide le développement de l'application tout
en veillant à ce qu'elle réponde aux besoins spécifiques de la
province et de ses employés.
2.1 Travail demandé :

Le travail demandé consistait à concevoir et développer une
application web complète pour la gestion de la province, en
tenant compte de ses différentes parties prenantes telles que
les administrateurs, les équipes et les employés. L'objectif était
18
de créer une plateforme qui facilite la gestion des ressources
humaines et des opérations liées.
2.2 Les objectifs de l’application :

Les principaux objectifs de cette application étaient de
rationaliser les processus de gestion, d'améliorer la
communication et la collaboration entre les différentes équipes,
de suivre la présence des employés, de gérer les congés et les
évaluations, et de fournir des rapports détaillés. L'application
devait également permettre la génération de fichiers PDF pour
faciliter la documentation et la communication.
2.3 Outils et langages utilisés :

Pour la réalisation de ce projet, j’ai choisi d'utiliser une
combinaison de technologies modernes.
• Frontend : J'ai utilisé HTML, CSS et
JavaScript pour développer l'interface
utilisateur de l'application. Pour garantir un
design réactif et esthétiquement agréable,
j'ai tiré parti du Framework Bootstrap. Cette
bibliothèque m'a permis d'appliquer des
styles cohérents et de créer une expérience
utilisateur fluide sur différentes tailles
d'écran.
• Graphique et Visualisations : Pour afficher
des données sous forme de graphiques
19
interactifs, j'ai intégré Chart.js à mon projet.
Cela m'a permis de créer des visualisations
dynamiques pour les évaluations, les
statistiques de présence et d'autres données
importantes.
• Interopérabilité et interaction : J'ai utilisé
jQuery pour simplifier la manipulation du
DOM et gérer les interactions utilisateur.
L'intégration de Popper.js m'a également
aidée à gérer les éléments contextuels et les
info-bulles, améliorant ainsi l'expérience
utilisateur globale.
• Backend : Pour la gestion des données et
des fonctionnalités côté serveur, j'ai choisi le
Framework Django, qui est basé sur le
langage de programmation Python.
L'utilisation de Python avec Django m'a
permis de créer une architecture backend
solide, de gérer efficacement les bases de
données, de mettre en œuvre des
fonctionnalités de gestion des employés, des
équipes et des missions, ainsi que la
génération de fichiers PDF.
2.4 Spécification des besoins :
20
La spécification des besoins détaille les exigences
fonctionnelles et non fonctionnelles de l'application.
2.4.1 Besoins non fonctionnels :

Les besoins non fonctionnels revêtent une
importance cruciale pour garantir que l'application
réponde aux normes de qualité et offre une expérience
utilisateur optimale. Parmi ces besoins, on peut citer :
• Convivialité de l’interface utilisateur :
L'application doit offrir une interface
intuitive et conviviale pour les utilisateurs,
facilitant la navigation et la compréhension
des fonctionnalités.
• Sécurité des données : La confidentialité
des données des employés et des
opérations de la province est une priorité.
L'application doit mettre en place des
mécanismes de sécurité robustes pour
protéger les informations sensibles.
• Performance : L'application doit être
réactive et efficace, offrant une expérience
fluide même lors de la gestion de données
volumineuses ou de la génération de
rapports.
• Disponibilité du système : La disponibilité
continue de l'application est essentielle
21
pour garantir que les utilisateurs puissent y
accéder à tout moment sans interruption
majeure.
2.4.2 Besoins fonctionnels :
Les besoins fonctionnels incluent la gestion
des équipes, des départements, des services,
des employés et des missions par les
administrateurs. Les équipes doivent pouvoir
gérer la présence, les évaluations, les congés, les
messages et les profils des employés.
L'application doit permettre l'ajout, la
modification, la suppression et la génération de
fichiers PDF pour ces différentes entités.
3. Description du projet :
3.1 Problématique :
Avant la création de l'application, la province était
confrontée à des défis complexes en matière de
gestion des employés, de suivi des opérations et de
communication au sein de différentes équipes. Les
processus manuels et les systèmes désorganisés
entraînaient des inefficacités, des erreurs et une
difficulté à obtenir des informations en temps réel.
3.2 Solution Proposé :
22
Pour résoudre ces problèmes, j'ai proposé de
développer une application web complète de gestion
des employés. Cette solution permettrait de
centraliser la gestion des équipes, des départements,
des services, des employés, des missions, des congés,
des évaluations et bien plus encore. L'application
offrirait des fonctionnalités de suivi de la présence, de
génération de rapports, de communication interne et
de visualisation des données.
4. Conclusion :
En conclusion de ce chapitre, j’ai présenté de manière détaillée
le projet de développement de notre application web de
gestion des employés pour la province. J’ai exposé les objectifs
clés, les outils et les langages utilisés, ainsi que les besoins
fonctionnels et non fonctionnels du projet. Ces éléments
fournissent une base solide pour notre exploration approfondie
de l'analyse, de la conception et de la réalisation de
l'application dans les chapitres suivants.
23
Chapitre 3 : Analyse et conception
1. Introduction :
Dans ce chapitre central de notre projet, nous plongeons
profondément dans l'analyse approfondie et la conception
réfléchie de notre application web de gestion des employés.
Nous explorerons en détail les interactions entre les utilisateurs
et l'application, et nous traduirons ces interactions en interfaces
conviviales et fonctionnelles.
2. Identification des Acteurs :

Dans le cadre de notre application de gestion des employés,
nous identifions différents acteurs qui interagiront avec le
système. Chaque acteur a un rôle spécifique à jouer et des
besoins distincts à satisfaire. Voici quelques exemples d'acteurs
que nous avons identifiés :
Acteur Rôle
Employé Individuel Cet acteur représente un

employé au sein de
l'organisation. Son rôle est
principalement axé sur la
24
consultation de sa présence,
la visualisation de ses
évaluations, la gestion de ses
demandes de congé, l'envoi
de messages et la mise à jour
de son profil. L'employé
recherche des fonctionnalités
qui lui permettent de gérer
ses propres informations et
d'interagir avec son équipe.
Membre d’équipe Ce groupe d'acteurs est
composé des membres d'une
équipe spécifique. Ils ont des
responsabilités similaires à
celles de l'employé individuel,
mais ils peuvent également
gérer les membres de leur
équipe, les missions assignées
à leur équipe, enregistrer la
présence de leur équipe et
collaborer efficacement avec
les autres membres.
Administrateur Les administrateurs sont des
utilisateurs ayant un contrôle
complet sur l'application. Ils
ont la capacité de gérer
l'ensemble du système, y
compris la création, la
25
modification et la suppression
d'équipes, de départements,
de services, d'employés et de
missions. Ils peuvent
également accéder à des
fonctionnalités de génération
de rapports et de visualisation
statistique.
Système L'application elle-même agit
en tant qu'acteur dans
certains scénarios, effectuant
des opérations automatisées
telles que la génération de
rapports, la gestion des
données et la validation des
interactions utilisateur.
3. Identification des cas d’utilisation
3.1 Cas d’utilisation Employé :
26
Figure 3 : Diagramme de cas d’utilisation
d’employé
Scénario du diagramme de cas
d'utilisation pour la Partie Employé :
27
1) Voir la présence :
Description : L'employé peut consulter sa présence

enregistrée.
Actions :
L'employé accède à l'application.
L'employé sélectionne l'option “Voir la présence".
Le système affiche les jours avec les états de présence.
Postconditions : L'employé peut voir sa présence
enregistrée.
2) Voir résultat d'évaluation :
Description : L'employé peut consulter les résultats

d'évaluation pour ses missions.
Actions :
L'employé sélectionne l'option "Voir résultat d'évaluation".
Le système affiche les résultats d'évaluation avec les
détails.
Postconditions : L'employé peut voir les résultats
d'évaluation.
3) Demande Congé :
Description : L'employé peut soumettre une demande de

congé.
28
Actions :
L'employé sélectionne l'option "Demande Congé".
L'employé remplit le formulaire de demande avec les
détails.
L'employé enregistre la demande de congé.
Postconditions : La demande de congé est enregistrée
dans le système.
4) Envoyer message :
Description : L'employé peut envoyer un message à un

membre de l'équipe ou à l'administration.
Actions :
L'employé sélectionne l'option "Envoyer message".
L'employé compose et envoie le message avec le
destinataire.
Postconditions : Le message est envoyé avec succès.
5) Modifier le profil :
Description : L'employé peut modifier ses informations

personnelles dans son profil.
Actions :
L'employé sélectionne l'option "Modifier le profil".
L'employé met à jour les informations nécessaires.
29
L'employé enregistre les modifications.
Postconditions : Le profil de l'employé est mis à jour.
6) Changer la langue :
Description : L'employé peut changer la langue de
l'interface de l'application.
Actions :
L'employé sélectionne l'option "Changer la langue".
L'employé choisit la nouvelle langue.
Postconditions : L'interface de l'application est affichée
dans la nouvelle langue.
7) Visualisation Statistiques et Informations avec
Graphiques :
Description : L'employé peut accéder aux graphiques et

statistiques de performance.
Actions :
L'employé sélectionne l'option "Visualisation Statistiques".
Le système affiche les graphiques et statistiques
pertinents.
Postconditions : L'employé a accès aux informations
statistiques.
3.2 Cas d’utilisation Équipe :
30
Figure 4 : Diagramme de cas d’utilisation d’équipe

d'utilisation pour la Partie Équipe :
1) Voir les employés sous l'équipe :
31
Description : Un membre de l'équipe peut consulter la liste des
employés faisant partie de son équipe.
Actions :
Le membre de l'équipe accède à l'application.
Le membre de l'équipe sélectionne l'option "Voir les employés
sous l'équipe".
Le système affiche la liste des employés de l'équipe.
Postconditions : Le membre de l'équipe peut voir la liste des
employés de son équipe.
2) Voir les missions :
Description : Un membre de l'équipe peut consulter la liste des

missions assignées à son équipe.
Actions :
Le membre de l'équipe sélectionne l'option "Voir les missions".
Le système affiche la liste des missions de l'équipe avec les
détails.
Postconditions : Le membre de l'équipe peut voir la liste des
missions de son équipe.
32
3) Gestion de Présence :
Description : Un membre de l'équipe peut gérer les

enregistrements de présence de son équipe.
Actions :
Le membre de l'équipe sélectionne l'option "Gestion de
Présence".
Le membre de l'équipe peut enregistrer la présence d'un
employé.
Le membre de l'équipe peut voir et éventuellement modifier les
enregistrements de présence.
Le membre de l'équipe peut télécharger un fichier PDF des
enregistrements de présence.
Postconditions : Les enregistrements de présence sont gérés
par le membre de l'équipe.
4) Gestion de résultat d'évaluation de missions :
Description : Un membre de l'équipe peut gérer les résultats

d'évaluation des missions de son équipe.
Actions :
33
Le membre de l'équipe sélectionne l'option "Gestion de résultat
d'évaluation de missions".
Le membre de l'équipe peut ajouter un résultat d'évaluation
pour une mission.
Le membre de l'équipe peut voir les résultats d'évaluation avec
les détails.
Le membre de l'équipe peut télécharger un fichier PDF des
résultats d'évaluation.
Postconditions : Les résultats d'évaluation des missions sont
gérés par le membre de l'équipe.
5) Demande de Congé :
Description : Un membre de l'équipe peut soumettre une

demande de congé.
Actions :
Le membre de l'équipe sélectionne l'option "Demande de
Congé".
Le membre de l'équipe remplit le formulaire de demande avec
les détails.
Le membre de l'équipe enregistre la demande de congé.
34
Postconditions : La demande de congé est enregistrée dans le
système.
6) Envoyer Message :
Description : Un membre de l'équipe peut envoyer un message

à un autre membre de l'équipe ou à l'administration.
Actions :
Le membre de l'équipe sélectionne l'option "Envoyer Message".
Le membre de l'équipe compose et envoie le message avec le
destinataire.
Postconditions : Le message est envoyé avec succès.
Description : Un membre de l'équipe peut modifier ses

informations personnelles dans son profil.
Actions :
Le membre de l'équipe sélectionne l'option "Modifier le profil".
Le membre de l'équipe met à jour les informations nécessaires.
Le membre de l'équipe enregistre les modifications.
35
Postconditions : Le profil du membre de l'équipe est mis à jour.
Description : Un membre de l'équipe peut changer la langue de

Actions :
Le membre de l'équipe sélectionne l'option "Changer la
langue".
Le membre de l'équipe choisit la nouvelle langue.
Postconditions : L'interface de l'application est affichée dans la
nouvelle langue.
9) Visualisation Statistiques et Informations avec Graphiques
:
Description : Un membre de l'équipe peut accéder aux

graphiques et statistiques de performance.
Actions :
Le membre de l'équipe sélectionne l'option "Visualisation
Statistiques".
36
Le système affiche les graphiques et statistiques pertinents.
Postconditions : Le membre de l'équipe a accès aux
informations statistiques.
3.3 Cas d’utilisation Administrateur :
37
38
39
Figure 5 : Diagramme de cas d’utilisation d’admin

d'utilisation pour la Partie
Administrateur :
40
1) Gestion des Équipes - Ajouter Équipe :
Description : L'administrateur peut ajouter une nouvelle équipe

au système.
Actions :
L'administrateur accède à l'application en tant qu'admin.
L'administrateur sélectionne l'option "Gestion des Équipes".
L'administrateur choisit l'option "Ajouter Équipe".
L'administrateur remplit les détails de la nouvelle équipe.
L'administrateur enregistre les informations.
Postconditions : La nouvelle équipe est ajoutée au système.
2) Gestion des Équipes - Modifier Équipe :
Description : L'administrateur peut modifier les informations

d'une équipe existante.
Actions :
L'administrateur choisit l'option "Modifier Équipe".
L'administrateur sélectionne l'équipe à modifier.
41
L'administrateur met à jour les informations de l'équipe.
L'administrateur enregistre les modifications.
Postconditions : Les informations de l'équipe sont mises à jour.
3) Gestion des Équipes - Supprimer Équipe :
Description : L'administrateur peut supprimer une équipe

existante du système.
Actions :
L'administrateur choisit l'option "Supprimer Équipe".
L'administrateur sélectionne l'équipe à supprimer.
L'administrateur confirme la suppression.
Postconditions : L'équipe est supprimée du système.
4) Gestion des Équipes - Voir les Équipes :
Description : L'administrateur peut consulter la liste des

équipes enregistrées dans le système.
Actions :
42
L'administrateur choisit l'option "Voir les Équipes".
Le système affiche la liste des équipes avec les détails.
Postconditions : L'administrateur peut voir la liste des équipes.
5) Gestion des Équipes - Télécharger fichier PDF des Équipes :
Description : L'administrateur peut télécharger un fichier PDF

contenant la liste des équipes.
Actions :
L'administrateur choisit l'option "Télécharger fichier PDF des
Équipes".
Le système génère un fichier PDF contenant la liste des équipes.
Postconditions : L'administrateur télécharge le fichier PDF des
équipes.
1) Gestion des Départements - Ajouter Département:
Description : L'administrateur peut ajouter un nouveau

département au système.
43
Actions :
L'administrateur sélectionne l'option "Gestion des
Départements".
L'administrateur choisit l'option "Ajouter Département".
L'administrateur remplit les détails du nouveau département.
Postconditions : Le nouveau département est ajouté au
système.
2) Gestion des Départements - Modifier Département :

d'un département existant.
Actions :
Départements".
L'administrateur choisit l'option "Modifier Département".
L'administrateur sélectionne le département à modifier.
L'administrateur met à jour les informations du département.
44
Postconditions : Les informations du département sont mises à
jour.
3) Gestion des Départements - Supprimer Département :
Description : L'administrateur peut supprimer un département

existant du système.
Actions :
Départements".
L'administrateur choisit l'option "Supprimer Département".
L'administrateur sélectionne le département à supprimer.
Postconditions : Le département est supprimé du système.
3) Gestion des Départements - Voir les Départements :

départements enregistrés dans le système.
Actions :
45
Départements".
L'administrateur choisit l'option "Voir les Départements".
Le système affiche la liste des départements avec les détails.
Postconditions : L'administrateur peut voir la liste des
départements.
4) Gestion des Départements - Télécharger fichier PDF des
Départements :

contenant la liste des départements.
Actions :
Départements".
Départements".
Le système génère un fichier PDF contenant la liste des
départements.
départements.
46
1) Gestion des Services - Ajouter Service :
Description : L'administrateur peut ajouter un nouveau service

au système.
Actions :
L'administrateur sélectionne l'option "Gestion des Services".
L'administrateur choisit l'option "Ajouter Service".
L'administrateur remplit les détails du nouveau service.
Postconditions : Le nouveau service est ajouté au système.
2) Gestion des Services - Modifier Service :

d'un service existant.
Actions :
L'administrateur choisit l'option "Modifier Service".
L'administrateur sélectionne le service à modifier.
47
L'administrateur met à jour les informations du service.
Postconditions : Les informations du service sont mises à jour.
3) Gestion des Services - Supprimer Service :
Description : L'administrateur peut supprimer un service

existant du système.
Actions :
L'administrateur choisit l'option "Supprimer Service".
L'administrateur sélectionne le service à supprimer.
Postconditions : Le service est supprimé du système.
4) Gestion des Services - Voir les Services :

services enregistrés dans le système.
Actions :
48
L'administrateur choisit l'option "Voir les Services".
Le système affiche la liste des services avec les détails.
Postconditions : L'administrateur peut voir la liste des services.
5) Gestion des Services - Télécharger fichier PDF des Services :

contenant la liste des services.
Actions :
Services".
Le système génère un fichier PDF contenant la liste des services.
services.
1) Gestion des Périodes - Ajouter Période :
Description : L'administrateur peut ajouter une nouvelle

période au système.
49
Actions :
L'administrateur sélectionne l'option "Gestion des Périodes".
L'administrateur choisit l'option "Ajouter Période".
L'administrateur remplit les détails de la nouvelle période.
Postconditions : La nouvelle période est ajoutée au système.
2) Gestion des Périodes - Modifier Période :

d'une période existante.
Actions :
L'administrateur choisit l'option "Modifier Période".
L'administrateur sélectionne la période à modifier.
L'administrateur met à jour les informations de la période.
Postconditions : Les informations de la période sont mises à
jour.
50
3) Gestion des Périodes - Supprimer Période :
Description : L'administrateur peut supprimer une période

existante du système.
Actions :
L'administrateur choisit l'option "Supprimer Période".
L'administrateur sélectionne la période à supprimer.
Postconditions : La période est supprimée du système.
4) Gestion des Périodes - Voir les Périodes :

périodes enregistrées dans le système.
Actions :
L'administrateur choisit l'option "Voir les Périodes".
Le système affiche la liste des périodes avec les détails.
51
Postconditions : L'administrateur peut voir la liste des périodes.
5) Gestion des Périodes - Télécharger fichier PDF des Périodes:

contenant la liste des périodes.
Actions :
Périodes".
périodes.
périodes.
1) Gestion des Employés :
Description : L'administrateur peut gérer les informations

relatives aux employés.
Actions :
52
L'administrateur accède à l'application et s'authentifie en tant
qu'administrateur.
L'administrateur sélectionne l'option "Gestion des Employés".
L'administrateur peut ajouter un nouvel employé en fournissant
les détails tels que le nom, le prénom, le poste, etc.
L'administrateur peut modifier les informations d'un employé
existant, y compris le nom, le prénom, le poste, etc.
L'administrateur peut supprimer un employé de la liste.
L'administrateur peut afficher la liste complète des employés
avec leurs informations.
L'administrateur peut télécharger un fichier PDF contenant la
liste des employés.
Postconditions :
Les modifications apportées aux informations des employés
sont enregistrées dans le système.
Les employés peuvent être ajoutés, modifiés, supprimés,
visualisés et exportés au format PDF par l'administrateur.
2) Gestion des Missions :
Description : L'administrateur peut gérer les missions attribuées

aux membres de l'équipe.
53
Actions :
L'administrateur accède à l'application et s'authentifie en tant
qu'administrateur.
L'administrateur sélectionne l'option "Gestion des Missions".
L'administrateur peut ajouter une nouvelle mission en
spécifiant les détails tels que le titre, la description et la date.
L'administrateur peut modifier les détails d'une mission
existante, y compris le titre, la description et la date.
L'administrateur peut supprimer une mission de la liste.
L'administrateur peut afficher la liste complète des missions
avec leurs détails.
L'administrateur peut télécharger un fichier PDF contenant la
liste des missions.
Postconditions :
Les modifications apportées aux missions sont enregistrées
dans le système.
Les missions peuvent être ajoutées, modifiées, supprimées,
visualisées et exportées au format PDF par l'administrateur.
1) Voir la Présence :
54
Description : L'administrateur peut voir les informations de
présence enregistrées pour les employés à une date spécifique.
Actions :
L'administrateur sélectionne l'option "Voir la Présence".
L'administrateur choisit la date pour laquelle il souhaite voir la
présence.
Le système affiche la liste des employés avec leurs états de
présence pour la date sélectionnée.
Postconditions : L'administrateur peut voir les informations de
présence des employés pour la date spécifiée.
2) Récupérer la date de Présence :
Description : L'administrateur peut récupérer la liste des dates

pour lesquelles des informations de présence sont enregistrées.
Actions :
L'administrateur choisit l'option "Récupérer la date de
Présence".
55
Le système affiche la liste des dates pour lesquelles des
informations de présence sont enregistrées.
Postconditions : L'administrateur obtient la liste des dates de
présence enregistrées.
3) Récupérer les données d’employé de Présence :
Description : L'administrateur peut récupérer les informations

de présence spécifiques d'un employé pour une date donnée.
Actions :
L'administrateur choisit un employé dans la liste.
L'administrateur sélectionne la date pour laquelle il souhaite
voir la présence de l'employé.
Le système affiche l'état de présence de l'employé pour la date
sélectionnée.
Postconditions : L'administrateur peut voir les informations de
présence de l'employé pour la date spécifiée.
4) Télécharger fichier PDF de Présence :
56
contenant les informations de présence des employés pour une
date donnée.
Actions :
L'administrateur choisit la date pour laquelle il souhaite
télécharger les informations de présence.
L'administrateur sélectionne l'option "Télécharger fichier PDF
de Présence".
Le système génère un fichier PDF contenant les informations de
présence des employés pour la date spécifiée.
informations de présence.
1) Message d'employé :
Description : L'administrateur peut gérer les messages envoyés

par les employés.
Actions :
57
L'administrateur sélectionne l'option "Message d’employé".
Le système affiche la liste des messages envoyés par les
employés.
Postconditions : L'administrateur peut voir la liste des messages
d'employés.
2) Voir message d'employé :
Description : L'administrateur peut voir le contenu d'un

message spécifique envoyé par un employé.
Actions :
L'administrateur choisit un message dans la liste.
Le système affiche le contenu complet du message.
Postconditions : L'administrateur peut voir le contenu du
message d'employé.
3) Répondre au message d'employé :
Description : L'administrateur peut répondre à un message

spécifique envoyé par un employé.
Actions :
58
L'administrateur sélectionne l'option "Répondre".
L'administrateur rédige et envoie la réponse au message.
Postconditions : L'administrateur envoie une réponse au
message d'employé.
4) Télécharger fichier PDF des messages des employés :

contenant la liste des messages envoyés par les employés.
Actions :
des messages des employés".
messages d'employés.
messages d'employés.
59
1) Message d'équipe :
Description : L'administrateur peut gérer les messages envoyés

par les équipes.
Actions :
L'administrateur sélectionne l'option "Message d'équipe".
Le système affiche la liste des messages envoyés par les
équipes.
Postconditions : L'administrateur peut voir la liste des messages
d'équipes.
2) Voir message d'équipe :
Description : L'administrateur peut voir le contenu d'un

message spécifique envoyé par une équipe.
Actions :
Le système affiche le contenu complet du message.
60
Postconditions : L'administrateur peut voir le contenu du
message d'équipe.
3) Répondre au message d'équipe :
Description : L'administrateur peut répondre à un message

spécifique envoyé par une équipe.
Actions :
L'administrateur rédige et envoie la réponse au message.
Postconditions : L'administrateur envoie une réponse au
message d'équipe.
4) Télécharger fichier PDF des messages des équipes :

contenant la liste des messages envoyés par les équipes.
Actions :
61
des messages des équipes".
messages d'équipes.
messages d'équipes.
1) Congé d'employé :
Description : L'administrateur peut gérer les demandes de

congé des employés.
Actions :
L'administrateur sélectionne l'option "Congé d'employé".
Le système affiche la liste des demandes de congé des
employés.
demandes de congé des employés.
2) Voir demande congé d'employé :
62
Description : L'administrateur peut voir les détails d'une
demande de congé spécifique d'un employé.
Actions :
L'administrateur choisit une demande de congé dans la liste.
Le système affiche les détails complets de la demande de
congé.
Postconditions : L'administrateur peut voir les détails de la
demande de congé.
3) Répondre à la demande congé d'employé :
Description : L'administrateur peut répondre à une demande de

congé spécifique d'un employé.
Actions :
L'administrateur rédige et envoie la réponse à la demande de
congé.
63
Postconditions : L'administrateur envoie une réponse à la
demande de congé d'employé.
4) Télécharger fichier PDF des demandes congé des Employés:

contenant la liste des demandes de congé des employés.
Actions :
des demandes congé des Employés".
demandes de congé.
demandes de congé des employés.
1) Congé d'équipe :
Description : L'administrateur peut gérer les demandes de

congé de l'équipe.
Actions :
64
L'administrateur sélectionne l'option "Congé d'équipe".
Le système affiche la liste des demandes de congé de l'équipe.
demandes de congé de l'équipe.
2) Voir demande congé d'équipe :
Description : L'administrateur peut voir les détails d'une

demande de congé spécifique de l'équipe.
Actions :
Le système affiche les détails complets de la demande de
congé.
Postconditions : L'administrateur peut voir les détails de la
demande de congé.
3) Répondre à la demande congé d'équipe :
Description : L'administrateur peut répondre à une demande de

congé spécifique de l'équipe.
65
Actions :
L'administrateur rédige et envoie la réponse à la demande de
congé.
Postconditions : L'administrateur envoie une réponse à la
demande de congé d'équipe.
4) Télécharger fichier PDF des demandes congé des Équipes :

contenant la liste des demandes de congé de l'équipe.
Actions :
des demandes congé des Équipes".
demandes de congé.
66
demandes de congé de l'équipe.
Description : L'administrateur peut modifier son propre profil.

Actions :
L'administrateur sélectionne l'option "Modifier le profil".
L'administrateur met à jour les informations nécessaires dans le
formulaire de modification.
Postconditions : Le profil de l'administrateur est mis à jour avec
les nouvelles informations.
2) Modifier le profil d'un Employé :
Description : L'administrateur peut modifier le profil d'un

employé.
Actions :
67
L'administrateur sélectionne l'option "Gestion des Employés".
L'administrateur choisit un employé dans la liste.
L'administrateur sélectionne l'option "Modifier Employé".
Postconditions : Le profil de l'employé est mis à jour avec les
nouvelles informations.
3) Modifier le profil d'une Équipe :
Description : L'administrateur peut modifier le profil d'une

équipe.
Actions :
L'administrateur choisit une équipe dans la liste.
L'administrateur sélectionne l'option "Modifier Équipe".
68
Postconditions : Le profil de l'équipe est mis à jour avec les
nouvelles informations.
Description : L'administrateur peut changer la langue de

Actions :
L'administrateur sélectionne l'option "Changer la langue".
L'administrateur choisit la nouvelle langue parmi les options
disponibles.
L'interface de l'application est affichée dans la nouvelle langue.
Postconditions : L'interface de l'application est désormais
affichée dans la nouvelle langue sélectionnée par
l'administrateur.
1) Visualisation des Statistiques et Informations avec

Graphiques :
69
Description : L'administrateur peut visualiser les statistiques et
les informations sous forme de graphiques pour obtenir un
aperçu visuel des données pertinentes.
Actions :
L'administrateur sélectionne l'option "Visualisation des
Statistiques et Informations avec Graphiques".
Le système affiche différents types de graphiques et de
représentations visuelles des données, tels que des graphiques
à barres, des graphiques circulaires, des diagrammes en ligne,
etc.
Postconditions : L'administrateur peut analyser visuellement les
statistiques et les informations grâce aux graphiques générés
par le système, ce qui facilite la prise de décision éclairée et la
compréhension des tendances et des performances.
3.4 Diagramme de Classe :
70
Figure 6 : Diagramme de Classe
71
Voici une explication du modèle :
Period : Ce modèle représente une période temporelle,

avec un identifiant unique, une date de début et une
date de fin. Il peut être utilisé pour suivre les périodes
de temps spécifiques, comme les trimestres, les
semestres, etc.
CustomUser : Ce modèle représente un utilisateur

personnalisé avec des informations d'identification de
base, comme l'identifiant, le type d'utilisateur, une liste
de types d'utilisateurs possibles et une correspondance
des adresses e-mail avec les types d'utilisateurs.
AdminHOD : Modèle représentant les administrateurs

de département . Il a un identifiant unique, une
référence à l'utilisateur personnalisé (admin), une
adresse, des horodatages de création et de mise à jour.
Staffs : Modèle pour le personnel. Il a un identifiant

unique, une référence à l'utilisateur personnalisé
(admin), une adresse, des horodatages de création et de
mise à jour.
72
Department : Modèle pour les départements. Il a un
identifiant unique, un nom de département, des
horodatages de création et de mise à jour.
Service : Modèle pour les services offerts par les

départements. Il a un identifiant unique, un nom de
service, une référence au département, des horodatages
de création et de mise à jour.
Assignment : Modèle représentant les missions

attribuées au personnel. Il a un identifiant unique, un
nom de mission, une référence au département, au
service, au membre du personnel, à la période et des
horodatages.
Employee : Modèle représentant les

employés/stagiaires. Il a un identifiant unique, une
référence à l'utilisateur personnalisé (admin), le genre,
la photo de profil, l'adresse, des références au
département, au service, à la période, le numéro de
téléphone et des horodatages.
Attendance : Modèle pour enregistrer la présence lors

des missions. Il a un identifiant unique, une référence à
la mission, la date de présence, une référence à la
période et des horodatages.
73
AttendanceReport : Modèle pour les rapports de
présence individuels des employés/stagiaires. Il a un
identifiant unique, une référence à l'employé, à l'entrée
de présence, le statut de présence et des horodatages.
LeaveReportEmployee : Modèle pour les rapports de

congé des employés/stagiaires. Il a un identifiant
unique, une référence à l'employé, la date de congé, le
message de congé, le statut et des horodatages.
LeaveReportStaff : Modèle pour les rapports de congé

du personnel. Il a un identifiant unique, une référence
au membre du personnel, la date de congé, le message
de congé, le statut et des horodatages.
FeedBackEmployee : Modèle pour les feedbacks des

employés/stagiaires. Il a un identifiant unique, une
référence à l'employé, le feedback, la réponse au
feedback et des horodatages.
FeedBackStaffs : Modèle pour les feedbacks du

personnel. Il a un identifiant unique, une référence au
membre du personnel, le feedback, la réponse au
feedback et des horodatages.
74
EmployeeResult : Modèle pour les résultats des
employés/stagiaires pour des missions spécifiques. Il a
un identifiant unique, une référence à l'employé, à la
mission, les notes pour la mission et des horodatages.
4. Conclusion :
Le chapitre 3 de l'analyse et de la conception a posé les
bases solides pour notre système de gestion des
ressources humaines et des équipes. Les cas d'utilisation
détaillés et les scénarios ont clarifié les interactions
utilisateur-système, tandis que les diagrammes de classe
ont structuré les relations entre les entités clés. Chaque
partie de l'application, des administrateurs aux employés
en passant par les équipes, a été abordée en détail avec
des actions spécifiques et des fonctionnalités. Cependant,
la véritable mise en œuvre et les tests à venir seront
essentiels pour concrétiser cette vision en une application
fonctionnelle et utile.
75
Chapitre 4 : Développement et Réalisation
du Projet
1. Introduction :
Ce chapitre se concentre sur le processus de
développement et de réalisation du projet de gestion
des ressources humaines pour la province de Zagora.
Nous allons détailler les outils de développement
utilisés, ainsi que les étapes suivies pour concrétiser
les fonctionnalités clés du projet.
2. Besoins Techniques :
2.1 Outils de Développement :
Pour la création de l'application de gestion des
ressources humaines, nous avons utilisé une
combinaison d'outils de développement
largement reconnus et adaptés aux besoins du
projet. Ces outils ont été choisis en fonction de
leur convivialité, de leur efficacité et de leur
compatibilité avec les technologies web
modernes.
❖ Environnement de Développement
Intégré (IDE) :
76
• Visual Studio Code (VS Code) : C'est un
environnement de développement intégré
(IDE) léger et extensible développé par
Microsoft. Il est populaire pour son
support de nombreux langages de
programmation, ses extensions
personnalisables et son interface
utilisateur conviviale.
❖ Gestion de Version :
• Git : Git est un système de contrôle de
version distribué utilisé pour suivre les
modifications du code source, gérer les
branches de développement et faciliter la
collaboration entre les membres d'une
équipe de développement.
• GitHub : C'est une plateforme
d'hébergement de code source basée sur
Git. Elle offre des fonctionnalités de suivi
des problèmes, de gestion des versions, de
collaboration et de partage de code.
❖ Langages de Programmation :
Frontend : Nous avons utilisé HTML, CSS
et JavaScript pour la conception de l'interface
utilisateur interactive
77
• HTML (HyperText Markup Language) :
C'est le langage de balisage utilisé pour
structurer le contenu d'une page web. Il
définit la structure et les éléments de
base de la page, tels que les titres, les
paragraphes et les liens.
• CSS (Cascading Style Sheets) : Il s'agit
d'un langage utilisé pour définir la
présentation et le style visuel des
éléments HTML d'une page web, tels
que les couleurs, les polices, les marges
et les dispositions.
• JavaScript : C'est un langage de
programmation de script utilisé pour
ajouter des fonctionnalités interactives
et dynamiques aux pages web. Il est
souvent utilisé pour créer des
animations, gérer les interactions
utilisateur et manipuler les données.
• jQuery : C'est une bibliothèque
JavaScript populaire qui simplifie la
manipulation du DOM (Document
Object Model) et l'ajout d'interactions
dynamiques aux pages web. jQuery
facilite également les appels AJAX et
fournit une large gamme de
fonctionnalités pour le développement
web.
Backend : Python a été le langage principal
78
Pour la logique métier, avec Django, un Framework
Web robuste, pour la gestion des modèles, des vues
Et des contrôleurs.
• Python : C'est un langage de
programmation polyvalent et facile à
lire, souvent utilisé pour le
développement web, l'automatisation
de tâches, l'analyse de données et
bien d'autres applications.
❖ Bibliothèques et Framework :
• Django : C'est un Framework de
développement web en Python qui
facilite la création d'applications web
robustes et évolutives. Il suit le
modèle Modèle-Vue-Contrôleur
(MVC) et fournit des fonctionnalités
prêtes à l'emploi pour la gestion des
bases de données, la gestion des
utilisateurs et plus encore.
• Bootstrap : C'est un Framework CSS
populaire qui fournit des composants
et des styles prédéfinis pour la
création rapide d'interfaces utilisateur
modernes et responsives.
79
• Chart.js : C'est une bibliothèque
JavaScript qui permet de créer
facilement des graphiques et des
visualisations interactives à partir des
données.
❖ Bases de Données :
• SQLite : Utilisé pour la gestion de la base
de données pendant le développement.
❖ Conception et de Diagrammes :
• PlantUML : Utilisé pour créer les
diagrammes de classe, de séquence et
autres diagrammes UML.
❖ Autres Outils :
• Clavier Arabe Virtuel : Intégré dans
l'application pour permettre la saisie en
arabe.
L'utilisation de cette combinaison d'outils et de

langages a permis de développer efficacement
l'application HRMS, en prenant en charge à la fois le
backend, le frontend, les interactions utilisateur et les
fonctionnalités avancées
80
3. Présentation des interfaces de l’application
web :
3.1 Authentification :
Figure 7 : interface d’Authentification
3.2 Partie Administrateur :

3.2.1 Gestion des Équipes :
81
a. Ajouter Équipe :
Figure 8 : ajouter équipe
b. Gestion des Équipes :
Figure 9 : gestion des équipes
82
Figure 10 : fichier PDF des équipes
3.2.2 Gestion des Départements :
83
a. Ajouter Département :
Figure 11 : ajouter département
b. Gestion Département :
Figure 12 : gestion des départements
84
3.2.3 Gestion des Services :
a. Ajouter Service :
Figure 13 : ajouter service
85
b. Gestion des Services :
Figure 14 : gestion des services
86
Figure 15 : fichier PDF total des services
87
3.2.4 Gestion des Périodes :
a. Ajouter Période :
Figure 16 : ajouter Période

b. Gestion des Périodes :
Figure 17 : gestion des périodes
88
3.2.5 Gestion des Employés :
a. Ajouter Employé :
Figure 18 : ajouter employé
b. Gestion des Employés :
89
Figure 19 : gestion des employés
90
Figure 20 : fichier PDF des détails employés
3.2.6 Gestion des Missions :
91
a. Ajouter Mission :
Figure 21 : ajouter mission
b. Gestion des Missions :
92
Figure 22 : gestion des missions
93
Figure 23 : fichier PDF du total de missions
3.2.7 Consulter la Présence :
94
a. Récupérer la date de Présence
des employés :
Figure 24 : récupérer la date de

présence des employés
b. Télécharger fichier PDF de

Présence :
95
Figure 25 : fichier PDF de Présence des employés
96
3.2.8 Messages des employés :
a. Consulter message d’employé :
Figure 26 : consulter message des employés

b. Répondre au message
d’employé :
Figure 27 : répondre au message des employés
97
c. Télécharger fichier PDF des
messages des employés :
Figure 28 : fichier PDF des messages des employés
3.2.9 Messages des équipes :
98
a. Consulter message d’équipe :
Figure 29 : consulter message des équipes
b. Répondre au message d’équipe :
Figure 30 : répondre au message des équipes
99
messages des équipes :
Figure 31 : fichier PDF des messages des équipes
100
3.2.10 Congés des employés :
a. Consulter demande congé
d’employé :
Figure 32 : consulter demande congé des employés
b. Répondre à la demande congé

d’employé :
101
Figure 33 : répondre à la demande congé des employés
demandes congé des Employés :
Figure 34 : fichier PDF de demande congé des employés
102
3.2.11 Congés des équipes :
a. Consulter demande congé
d’équipe :
Figure 35 : demande congé des équipe
b. Répondre à la demande congé

d’équipe :
Figure 36 : Répondre à la demande congé d’équipe
103
demandes congé des Équipes :
Figure 37 : fichier PDF des demandes congé des

équipes
104
3.2.12 Modifier le profile :
Figure 38 : modifier le profile d’administrateur

3.2.13 Changer la langue :
Figure 39 : changer la langue d’interface d’administrateur
105
3.2.14 Visualisation des Statistiques et
Informations avec Graphiques :
Figure 40 : visualisation des statistiques et informations

avec graphiques d’interface administrateur
106
3.3 Partie Équipe :
3.3.1 Consulter les employés sous
l’équipe :
a. Consulter les employés sous
l’équipe :
Figure 41 : consulter les employés sous l’équipe
107
b. Télécharger fichier PDF des
employés :
Figure 42 : fichier PDF des

employés sous l’équipe
108
3.3.2 Consulter les missions :
Figure 43 : consulter les missions d’équipe
109
a. Télécharger fichier PDF des
Missions :
Figure 44 : fichier PDF des Missions d’équipe
3.3.3 Gestion de Présence :

a. Enregistrer La Présence :
110
Figure 45 : enregistrer la présence d’employé
b. Consulter et Modifier la
Présence :
Figure 46 : consulter et modifier la présence d’employé
111
c. Télécharger fichier PDF de
Présence :
Figure 47 : fichier PDF de présence d’employé
112
3.3.4 Gestion de résultat d’évaluation de
missions :
a. Ajouter Résultat :
Figure 48 : ajouter résultat

d’employé
b. Consulter Résultat :
113
Figure 49 : consulter résultat des employés
c. Télécharger fichier PDF de
Résultat :
Figure 50 : fichier PDF de résultat des

employés sous l’équipe
114
3.3.5 Demande de Congé :
Figure 51 : demande de congé par équipe
Figure 52 : fichier PDF de congé des équipes
115
3.3.6 Envoyer Message :
Figure 53 : envoyer message par équipe
3.3.7 Modifier le profile :
Figure 54 : modifier le profile d’équipe
116
Figure 55 : changer la langue d’interface d’équipe

Figure 56 : visualisation des statistiques et

informations avec graphiques pour l’interface d’équipe
117
3.4 Partie Employé :
3.4.1 Consulter la présence :
Figure 57 : consulter la présence d’employé
118
3.4.2 Consulter résultat d’évaluation :
Figure 58 : consulter résultat

d’évaluation par l’employé
119
3.4.3 Demande Congé :
Figure 59 : demande congé par l’employé
3.4.4 Envoyer message :
Figure 60 : envoyer message par l’employé
120
3.4.5 Modifier le profil :
Figure 61 : modifier le profil d’interface d’employé

Figure 62 : changer la langue d’interface des employés
121
Figure 63 : visualisation des statistiques

et informations avec graphiques pour
l’interface d’employé
4. Conclusion :
En conclusion, le chapitre 4 a présenté de manière

détaillée le processus de développement et de mise en
œuvre du projet. Des besoins techniques à la conception
des interfaces, chaque aspect a été minutieusement
abordé. Les fonctionnalités variées pour les parties
administratives, les équipes et les employés ont été
exposées en détail, mettant en évidence la polyvalence de
l'application. Ce chapitre témoigne de l'effort investi pour
créer une plateforme complète, répondant aux exigences
122
spécifiques de chaque utilisateur. La diversité des options,
allant de la gestion des équipes aux statistiques visuelles,
souligne l'ampleur de cette réalisation. En somme, ce
chapitre consolide l'aboutissement réussi de la phase de
développement et jette les bases d'une application
fonctionnelle et adaptable pour l'ensemble des
utilisateurs.
123
Conclusion
générale
En conclusion générale, ce projet a abouti au développement
réussi d'une application web dédiée à la gestion des ressources
humaines (HRMS). Avec une structure divisée en trois parties
distinctes - "Admin", "Équipe" et "Employé" - l'application offre
une panoplie de fonctionnalités qui répondent aux besoins
spécifiques de chaque groupe d'utilisateurs. Les administrateurs
peuvent gérer efficacement les équipes, les départements, les
services, les employés et les missions grâce à des options d'ajout,
de modification, de suppression et de génération de fichiers PDF.
Les équipes bénéficient d'outils pour gérer la présence, les
évaluations, les congés, les messages et les profils au sein de leurs
équipes respectives. Les employés individuels ont accès à des
fonctionnalités pour consulter leur présence, leurs évaluations,
demander des congés, envoyer des messages et personnaliser leur
profil.
Un élément marquant de l'application est la possibilité pour tous

les utilisateurs de visualiser des statistiques sous forme de
graphiques, ce qui facilite la prise de décision éclairée. De plus, la
flexibilité offerte par la fonction de changement de langue
renforce l'accessibilité et l'expérience utilisateur globale.
124
Ce projet constitue une réalisation significative, rendue possible
grâce à l'investissement au sein de l'École Nationale Supérieure
d'Arts et Métiers et lors de mon stage d'observation. En mettant
en œuvre les connaissances acquises, j'ai pu développer une
application HRMS complète et fonctionnelle. Cela témoigne de
l'application pratique des compétences et des compétences
acquises au cours de mon parcours académique.
Je tiens à exprimer ma gratitude envers l'École Nationale

Supérieure d'Arts et Métiers pour l'environnement éducatif
propice à cette réussite. De plus, mon stage d'observation a été
une opportunité inestimable pour appliquer mes compétences
dans un contexte réel et pour développer une application qui peut
contribuer positivement à la gestion des ressources humaines.
En résumé, ce projet a relevé le défi de créer une plateforme

complète et adaptable qui vise à améliorer la gestion et la
communication au sein de la province. L'application offre une
solution intégrée pour optimiser la gestion des ressources
humaines, en fournissant des fonctionnalités conviviales et des
interfaces spécifiquement conçues pour répondre aux besoins
variés des administrateurs, des équipes et des employés.
125
Webographie :
- https://www.djangoproject.com/
- https://www.python.org/
- https://chat.openai.com/
- https://stackoverflow.com/
- Django 4 By Example: Build powerful
and reliable Python web applications
from scratch, 4th Edition book
126

Rapport Province Zagora Projet

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

Rapport Province Zagora Projet

Transféré par

Droits d'auteur :

Formats disponibles

Province de Zagora

Auteur : Marouane Aboutara Belghiti

En cette étape cruciale de notre parcours, je tiens à exprimer ma plus

C’est pour cela j’ai réalisé un projet de stage d’observations au

Ce projet développe une application web pour la gestion de

Ce rapport sera devisé en quatre chapitres, le premier contient la

Chapitre 1 : présentation de la province

2.1 Travail demandé :

2.2 Les objectifs de l’application :

2.3 Outils et langages utilisés :

2.4 Spécification des besoins :

2.4.1 Besoins non fonctionnels :

3.2 Solution Proposé :

2. Identification des Acteurs :

Employé Individuel Cet acteur représente un

3. Identification des cas d’utilisation

3.1 Cas d’utilisation Employé :

Description : L'employé peut consulter sa présence

Description : L'employé peut consulter les résultats

Description : L'employé peut soumettre une demande de

Description : L'employé peut envoyer un message à un

Description : L'employé peut modifier ses informations

Description : L'employé peut accéder aux graphiques et

3.2 Cas d’utilisation Équipe :

Scénario du diagramme de cas

1) Voir les employés sous l'équipe :

Description : Un membre de l'équipe peut consulter la liste des

Description : Un membre de l'équipe peut gérer les

Description : Un membre de l'équipe peut gérer les résultats

Description : Un membre de l'équipe peut soumettre une

Description : Un membre de l'équipe peut envoyer un message

Description : Un membre de l'équipe peut modifier ses

Description : Un membre de l'équipe peut changer la langue de

Description : Un membre de l'équipe peut accéder aux

3.3 Cas d’utilisation Administrateur :

Scénario du diagramme de cas

Description : L'administrateur peut ajouter une nouvelle équipe

Description : L'administrateur peut modifier les informations

Description : L'administrateur peut supprimer une équipe

Description : L'administrateur peut consulter la liste des

Description : L'administrateur peut télécharger un fichier PDF

1) Gestion des Départements - Ajouter Département:

Description : L'administrateur peut ajouter un nouveau

Description : L'administrateur peut modifier les informations

Description : L'administrateur peut supprimer un département

Description : L'administrateur peut consulter la liste des

Description : L'administrateur peut télécharger un fichier PDF

Description : L'administrateur peut ajouter un nouveau service

Description : L'administrateur peut modifier les informations

Description : L'administrateur peut supprimer un service

Description : L'administrateur peut consulter la liste des

Description : L'administrateur peut télécharger un fichier PDF

1) Gestion des Périodes - Ajouter Période :

Description : L'administrateur peut ajouter une nouvelle

Description : L'administrateur peut modifier les informations

Description : L'administrateur peut supprimer une période

Description : L'administrateur peut consulter la liste des

Description : L'administrateur peut télécharger un fichier PDF

1) Gestion des Employés :

Description : L'administrateur peut gérer les informations

2) Gestion des Missions :

Description : L'administrateur peut gérer les missions attribuées

Description : L'administrateur peut récupérer la liste des dates