Académique Documents
Professionnel Documents
Culture Documents
Rapport Pfa Gtr2
Rapport Pfa Gtr2
ⵜⵉⵏⵎⵍⵜⴰⵏⴰⵎⵓⵔⵜⵏⵜⵎⴰⵙⵙⴰⵏⵉⵏⵜⵓⵙⵏⵉⵙⵉⵏ ⵜⴰⵙⴷⴰⵡⵉⵜⵙⵉⴷⵉⵎⵓⵃⵎⵎⴰⴷⴱⵏⵄⴱⴷⵓⵍⵍⴰⵀ
Ecole Nationale des Sciences Appliquées de Fès Université Sidi Mohamed Ben Abdellah
<
Mise en place d’un système de
pointage pour la gestion automatique
des absences des étudiants
/>
Réalisées par :
SBAI HANAE
TALHAOUI HANANE
Encadré par :
IMADEDDINE MOUNTASSER
Année universitaire :
2022-2023
2
المدرسة الوطنية للعلوم التطبيقية جامعة سيدي محمد بن عبدهللا
ⵜⵉⵏⵎⵍⵜⴰⵏⴰⵎⵓⵔⵜⵏⵜⵎⴰⵙⵙⴰⵏⵉⵏⵜⵓⵙⵏⵉⵙⵉⵏ ⵜⴰⵙⴷⴰⵡⵉⵜⵙⵉⴷⵉⵎⵓⵃⵎⵎⴰⴷⴱⵏⵄⴱⴷⵓⵍⵍⴰⵀ
Ecole Nationale des Sciences Appliquées de Fès Université Sidi Mohamed Ben Abdellah
Remerciements
3
المدرسة الوطنية للعلوم التطبيقية جامعة سيدي محمد بن عبدهللا
ⵜⵉⵏⵎⵍⵜⴰⵏⴰⵎⵓⵔⵜⵏⵜⵎⴰⵙⵙⴰⵏⵉⵏⵜⵓⵙⵏⵉⵙⵉⵏ ⵜⴰⵙⴷⴰⵡⵉⵜⵙⵉⴷⵉⵎⵓⵃⵎⵎⴰⴷⴱⵏⵄⴱⴷⵓⵍⵍⴰⵀ
Ecole Nationale des Sciences Appliquées de Fès Université Sidi Mohamed Ben Abdellah
Résumé
Le projet vise à mettre en place un système de pointage automatisé pour la gestion des
absences des étudiants. L'objectif est d'offrir une solution plus efficace et transparente pour suivre la
présence des étudiants dans le cadre de leur parcours éducatif. Le système utilisera des technologies
modernes telles les cartes électroniques pour enregistrer automatiquement la présence des étudiants.
Il sera intégré aux systèmes existants de l'institution éducative, garantissant ainsi une bonne
intégration avec les bases de données des étudiants et les plateformes de gestion académique.
Abstract
The project aims to implement an automated attendance tracking system for student absences
management. The objective is to provide a more efficient and transparent solution for monitoring
student attendance within their educational journey. The system will utilize modern technologies
such as electronic cards to automatically record student presence. It will be integrated into the
existing systems of the educational institution, ensuring seamless integration with student databases
and academic management platforms.
4
المدرسة الوطنية للعلوم التطبيقية جامعة سيدي محمد بن عبدهللا
ⵜⵉⵏⵎⵍⵜⴰⵏⴰⵎⵓⵔⵜⵏⵜⵎⴰⵙⵙⴰⵏⵉⵏⵜⵓⵙⵏⵉⵙⵉⵏ ⵜⴰⵙⴷⴰⵡⵉⵜⵙⵉⴷⵉⵎⵓⵃⵎⵎⴰⴷⴱⵏⵄⴱⴷⵓⵍⵍⴰⵀ
Ecole Nationale des Sciences Appliquées de Fès Université Sidi Mohamed Ben Abdellah
Table de Matière
Remerciements .............................................................................................................................. 3
Resume ........................................................................................................................................... 4
Abstract .......................................................................................................................................... 4
Liste des figures ............................................................................................................................ 7
Introduction ................................................................................................................................... 9
Chapitre I : Contexte Générale Du Projet ................................................................................ 10
I. Objectif du projet ................................................................................................. 11
II. presentation du projet ........................................................................................ 11
1. Description de service d’absence ................................................................ 11
2. problematique ................................................................................................ 11
3. solution proposees ......................................................................................... 12
III. Deroulement du projet ....................................................................................... 13
Chapitre II : Analyse et conception du projet ......................................................................... 14
I. Identification des acteurs.................................................................................... 15
II. Specification des besoins ................................................................................... 15
III. Diagramme utilises.............................................................................................. 17
1. Diagramme de cas d’utilisation .................................................................. 17
2. Diagramme de sequence ............................................................................ 18
3. Diagramme de classe .................................................................................. 20
Chapitre III : Realisation et mise en œuvre de l’application ................................................. 24
I. Technologie RFID ................................................................................................ 25
II. Environnement et outils de develeppements .................................................. 26
1. bootstrap ......................................................................................................... 26
2. starUML .......................................................................................................... 27
3. spring boot ...................................................................................................... 27
4. Thymeleaf ....................................................................................................... 28
5. MySQL ............................................................................................................ 28
5
المدرسة الوطنية للعلوم التطبيقية جامعة سيدي محمد بن عبدهللا
ⵜⵉⵏⵎⵍⵜⴰⵏⴰⵎⵓⵔⵜⵏⵜⵎⴰⵙⵙⴰⵏⵉⵏⵜⵓⵙⵏⵉⵙⵉⵏ ⵜⴰⵙⴷⴰⵡⵉⵜⵙⵉⴷⵉⵎⵓⵃⵎⵎⴰⴷⴱⵏⵄⴱⴷⵓⵍⵍⴰⵀ
Ecole Nationale des Sciences Appliquées de Fès Université Sidi Mohamed Ben Abdellah
6
المدرسة الوطنية للعلوم التطبيقية جامعة سيدي محمد بن عبدهللا
ⵜⵉⵏⵎⵍⵜⴰⵏⴰⵎⵓⵔⵜⵏⵜⵎⴰⵙⵙⴰⵏⵉⵏⵜⵓⵙⵏⵉⵙⵉⵏ ⵜⴰⵙⴷⴰⵡⵉⵜⵙⵉⴷⵉⵎⵓⵃⵎⵎⴰⴷⴱⵏⵄⴱⴷⵓⵍⵍⴰⵀ
Ecole Nationale des Sciences Appliquées de Fès Université Sidi Mohamed Ben Abdellah
7
المدرسة الوطنية للعلوم التطبيقية جامعة سيدي محمد بن عبدهللا
ⵜⵉⵏⵎⵍⵜⴰⵏⴰⵎⵓⵔⵜⵏⵜⵎⴰⵙⵙⴰⵏⵉⵏⵜⵓⵙⵏⵉⵙⵉⵏ ⵜⴰⵙⴷⴰⵡⵉⵜⵙⵉⴷⵉⵎⵓⵃⵎⵎⴰⴷⴱⵏⵄⴱⴷⵓⵍⵍⴰⵀ
Ecole Nationale des Sciences Appliquées de Fès Université Sidi Mohamed Ben Abdellah
8
المدرسة الوطنية للعلوم التطبيقية جامعة سيدي محمد بن عبدهللا
ⵜⵉⵏⵎⵍⵜⴰⵏⴰⵎⵓⵔⵜⵏⵜⵎⴰⵙⵙⴰⵏⵉⵏⵜⵓⵙⵏⵉⵙⵉⵏ ⵜⴰⵙⴷⴰⵡⵉⵜⵙⵉⴷⵉⵎⵓⵃⵎⵎⴰⴷⴱⵏⵄⴱⴷⵓⵍⵍⴰⵀ
Ecole Nationale des Sciences Appliquées de Fès Université Sidi Mohamed Ben Abdellah
Introduction générale
9
المدرسة الوطنية للعلوم التطبيقية جامعة سيدي محمد بن عبدهللا
ⵜⵉⵏⵎⵍⵜⴰⵏⴰⵎⵓⵔⵜⵏⵜⵎⴰⵙⵙⴰⵏⵉⵏⵜⵓⵙⵏⵉⵙⵉⵏ ⵜⴰⵙⴷⴰⵡⵉⵜⵙⵉⴷⵉⵎⵓⵃⵎⵎⴰⴷⴱⵏⵄⴱⴷⵓⵍⵍⴰⵀ
Ecole Nationale des Sciences Appliquées de Fès Université Sidi Mohamed Ben Abdellah
Chapitre I :
10
المدرسة الوطنية للعلوم التطبيقية جامعة سيدي محمد بن عبدهللا
ⵜⵉⵏⵎⵍⵜⴰⵏⴰⵎⵓⵔⵜⵏⵜⵎⴰⵙⵙⴰⵏⵉⵏⵜⵓⵙⵏⵉⵙⵉⵏ ⵜⴰⵙⴷⴰⵡⵉⵜⵙⵉⴷⵉⵎⵓⵃⵎⵎⴰⴷⴱⵏⵄⴱⴷⵓⵍⵍⴰⵀ
Ecole Nationale des Sciences Appliquées de Fès Université Sidi Mohamed Ben Abdellah
I. Objectif du projet :
Le service des absences dans la plus part des écoles marocaine traitent chaque jour un grand
nombre de fiches d’absence par deslogiciels de bureautique. Parmi les rôles de ce service :
• Gestion des absences : c’est la tâche principale du service, l’administrateur doit ajouter,
modifier, et supprimer les absences des étudiants.
• Gestion des étudiants par filière : la gestion des étudiantsest aussi une tâche importante
du service d’absences, elle permet l’ajout des listes d’étudiant, l’impression des fiches
d’absences par filière.
2. Problématique :
11
المدرسة الوطنية للعلوم التطبيقية جامعة سيدي محمد بن عبدهللا
ⵜⵉⵏⵎⵍⵜⴰⵏⴰⵎⵓⵔⵜⵏⵜⵎⴰⵙⵙⴰⵏⵉⵏⵜⵓⵙⵏⵉⵙⵉⵏ ⵜⴰⵙⴷⴰⵡⵉⵜⵙⵉⴷⵉⵎⵓⵃⵎⵎⴰⴷⴱⵏⵄⴱⴷⵓⵍⵍⴰⵀ
Ecole Nationale des Sciences Appliquées de Fès Université Sidi Mohamed Ben Abdellah
• Problème de gestion l’ajout et la suppression des absences se fait avec Excel chaque filière est
dans un fichier Excel appart ce qui mène à une perte de temps et unemauvaise organisation de
travail.
• Difficulté d’accès à l’information chaque liste d’étudiant eststockée par filière dans un fichier
Excel indépendant, ce qui consiste le parcours de plusieurs fichiers pour consulter les absences
des étudiants.
• Problème de gestion de l’information il n’y a pas de base dedonnées pour stocker les listes
d’étudiants et leurs informations ce qui peut mener à une perte d’information.
• Problème de sécurité n’importe quelle personne peut accéder aux informations et les modifier.
3. Solutions proposées :
Afin de résoudre les problèmes ci-dessus notre encadrant nous propose de travailler sur une
application qui permet la gestion automatique des absences
L’application doit nous permettre de :
• Faciliter la consultation des absences des étudiants.
• Faciliter l’ajout des nouvelles absences.
12
المدرسة الوطنية للعلوم التطبيقية جامعة سيدي محمد بن عبدهللا
ⵜⵉⵏⵎⵍⵜⴰⵏⴰⵎⵓⵔⵜⵏⵜⵎⴰⵙⵙⴰⵏⵉⵏⵜⵓⵙⵏⵉⵙⵉⵏ ⵜⴰⵙⴷⴰⵡⵉⵜⵙⵉⴷⵉⵎⵓⵃⵎⵎⴰⴷⴱⵏⵄⴱⴷⵓⵍⵍⴰⵀ
Ecole Nationale des Sciences Appliquées de Fès Université Sidi Mohamed Ben Abdellah
13
المدرسة الوطنية للعلوم التطبيقية جامعة سيدي محمد بن عبدهللا
ⵜⵉⵏⵎⵍⵜⴰⵏⴰⵎⵓⵔⵜⵏⵜⵎⴰⵙⵙⴰⵏⵉⵏⵜⵓⵙⵏⵉⵙⵉⵏ ⵜⴰⵙⴷⴰⵡⵉⵜⵙⵉⴷⵉⵎⵓⵃⵎⵎⴰⴷⴱⵏⵄⴱⴷⵓⵍⵍⴰⵀ
Ecole Nationale des Sciences Appliquées de Fès Université Sidi Mohamed Ben Abdellah
Chapitre II :
14
المدرسة الوطنية للعلوم التطبيقية جامعة سيدي محمد بن عبدهللا
ⵜⵉⵏⵎⵍⵜⴰⵏⴰⵎⵓⵔⵜⵏⵜⵎⴰⵙⵙⴰⵏⵉⵏⵜⵓⵙⵏⵉⵙⵉⵏ ⵜⴰⵙⴷⴰⵡⵉⵜⵙⵉⴷⵉⵎⵓⵃⵎⵎⴰⴷⴱⵏⵄⴱⴷⵓⵍⵍⴰⵀ
Ecole Nationale des Sciences Appliquées de Fès Université Sidi Mohamed Ben Abdellah
Un acteur est une entité externe qui interagit avec le système(opérateur, centre distant, autre
système...). En réponse à l'action d'un acteur, le système fournit un service qui correspond à son
besoin. Les acteurs peuvent être classés (hiérarchie).
Pour notre projet les acteurs principaux sont :
Etudiant : Il joue un rôle important dans le système, il doit s’authentifier pour accéder au système
de pointage afin de marquer sa présence et aussi pour consulter leur historique d’absence.
Enseignant : Il doit s’authentifier pour accéder aux fonctionnalités qui leur sont attribuées. Parmi
ces fonctionnalités, l’enseignant a la responsabilité de valider la présence des étudiants lors des
cours, de plus l’enseignant a la possibilité de pointer les étudiants son carte.
Administrateur : c’est l’acteur clé du système. Il doit s’authentifier pour accéder aux
fonctionnalités d’administration. Les responsabilités de l’administrateur incluent la gestion des
absences enregistrées et la suppression des absences justifiées. L’administrateur a aussi la
possibilité de paramétrer le système en fonction des besoins de l’école.
Dans le cadre de notre projet "Mise en place d'un système de pointage pour la gestion
automatique des absences des étudiants", il est essentiel de spécifier clairement les besoins
fonctionnels et non fonctionnels du système. Pour cela, nous avons adopté la méthode 2TUP (Two
Track Unified Process), qui nous permet de gérer ces deux aspects de manière intégrée et
cohérente.
15
المدرسة الوطنية للعلوم التطبيقية جامعة سيدي محمد بن عبدهللا
ⵜⵉⵏⵎⵍⵜⴰⵏⴰⵎⵓⵔⵜⵏⵜⵎⴰⵙⵙⴰⵏⵉⵏⵜⵓⵙⵏⵉⵙⵉⵏ ⵜⴰⵙⴷⴰⵡⵉⵜⵙⵉⴷⵉⵎⵓⵃⵎⵎⴰⴷⴱⵏⵄⴱⴷⵓⵍⵍⴰⵀ
Ecole Nationale des Sciences Appliquées de Fès Université Sidi Mohamed Ben Abdellah
En utilisant la méthode 2TUP, nous avons pu intégrer les résultats des deux branches dans la phase
de réalisation du projet. Cela nous a permis de concevoir et de développer une solution adaptée
aux besoins des utilisateurs, tout en prenant en compte les contraintes techniques et les exigences
de qualité. La spécification des besoins fonctionnels a guidé le développement des fonctionnalités
clés du système, tandis que la spécification des besoins non fonctionnels a assuré que le système
réponde aux normes de performance, de disponibilité et d'intégration.
16
المدرسة الوطنية للعلوم التطبيقية جامعة سيدي محمد بن عبدهللا
ⵜⵉⵏⵎⵍⵜⴰⵏⴰⵎⵓⵔⵜⵏⵜⵎⴰⵙⵙⴰⵏⵉⵏⵜⵓⵙⵏⵉⵙⵉⵏ ⵜⴰⵙⴷⴰⵡⵉⵜⵙⵉⴷⵉⵎⵓⵃⵎⵎⴰⴷⴱⵏⵄⴱⴷⵓⵍⵍⴰⵀ
Ecole Nationale des Sciences Appliquées de Fès Université Sidi Mohamed Ben Abdellah
Un cas d'utilisation est une liste d'étapes qui définissent les interactions entre un acteur (un
humain qui interagit avec le système ou un système externe) et le système lui-même. Les
diagrammes decas d'utilisation décrivent les spécifications d'un cas d'utilisation et modélisent les
unités fonctionnelles d'un système. Ces diagrammes aident les équipes de développeurs à
comprendre les besoins de leur système, notamment le rôle des interactions humaines et les
différences entre plusieurs cas d'utilisation.
17
المدرسة الوطنية للعلوم التطبيقية جامعة سيدي محمد بن عبدهللا
ⵜⵉⵏⵎⵍⵜⴰⵏⴰⵎⵓⵔⵜⵏⵜⵎⴰⵙⵙⴰⵏⵉⵏⵜⵓⵙⵏⵉⵙⵉⵏ ⵜⴰⵙⴷⴰⵡⵉⵜⵙⵉⴷⵉⵎⵓⵃⵎⵎⴰⴷⴱⵏⵄⴱⴷⵓⵍⵍⴰⵀ
Ecole Nationale des Sciences Appliquées de Fès Université Sidi Mohamed Ben Abdellah
2. Diagramme de séquence :
Un diagramme de séquence est une représentation visuelle qui montre l'ordre des messages
échangés entre les objets ou les acteurs d'un système. Il illustre les interactions entre les différents
éléments du système au fil du temps. Ce diagramme permet de comprendre le déroulement des
actions et des communications entre les acteurs et les objets, fournissant ainsi une vue séquentielle
du comportement du système.
18
المدرسة الوطنية للعلوم التطبيقية جامعة سيدي محمد بن عبدهللا
ⵜⵉⵏⵎⵍⵜⴰⵏⴰⵎⵓⵔⵜⵏⵜⵎⴰⵙⵙⴰⵏⵉⵏⵜⵓⵙⵏⵉⵙⵉⵏ ⵜⴰⵙⴷⴰⵡⵉⵜⵙⵉⴷⵉⵎⵓⵃⵎⵎⴰⴷⴱⵏⵄⴱⴷⵓⵍⵍⴰⵀ
Ecole Nationale des Sciences Appliquées de Fès Université Sidi Mohamed Ben Abdellah
19
المدرسة الوطنية للعلوم التطبيقية جامعة سيدي محمد بن عبدهللا
ⵜⵉⵏⵎⵍⵜⴰⵏⴰⵎⵓⵔⵜⵏⵜⵎⴰⵙⵙⴰⵏⵉⵏⵜⵓⵙⵏⵉⵙⵉⵏ ⵜⴰⵙⴷⴰⵡⵉⵜⵙⵉⴷⵉⵎⵓⵃⵎⵎⴰⴷⴱⵏⵄⴱⴷⵓⵍⵍⴰⵀ
Ecole Nationale des Sciences Appliquées de Fès Université Sidi Mohamed Ben Abdellah
3. Diagramme de classe :
Le diagramme de classe est un schéma utilisé engénie logiciel pour présenter les classes
et les interfaces des systèmes ainsi que leurs relations. Ce diagramme représente les
20
المدرسة الوطنية للعلوم التطبيقية جامعة سيدي محمد بن عبدهللا
ⵜⵉⵏⵎⵍⵜⴰⵏⴰⵎⵓⵔⵜⵏⵜⵎⴰⵙⵙⴰⵏⵉⵏⵜⵓⵙⵏⵉⵙⵉⵏ ⵜⴰⵙⴷⴰⵡⵉⵜⵙⵉⴷⵉⵎⵓⵃⵎⵎⴰⴷⴱⵏⵄⴱⴷⵓⵍⵍⴰⵀ
Ecole Nationale des Sciences Appliquées de Fès Université Sidi Mohamed Ben Abdellah
< ! -- Pour développer notre projet de manière bien structurée et appliquer efficacement notre
conception, on a choisi de travailler selon la méthode MVC (Modèle-Vue-Contrôleur) -- >
Modèle MVC :
21
المدرسة الوطنية للعلوم التطبيقية جامعة سيدي محمد بن عبدهللا
ⵜⵉⵏⵎⵍⵜⴰⵏⴰⵎⵓⵔⵜⵏⵜⵎⴰⵙⵙⴰⵏⵉⵏⵜⵓⵙⵏⵉⵙⵉⵏ ⵜⴰⵙⴷⴰⵡⵉⵜⵙⵉⴷⵉⵎⵓⵃⵎⵎⴰⴷⴱⵏⵄⴱⴷⵓⵍⵍⴰⵀ
Ecole Nationale des Sciences Appliquées de Fès Université Sidi Mohamed Ben Abdellah
Figure 7: view
// Modèle
Figure 8: Modele
22
المدرسة الوطنية للعلوم التطبيقية جامعة سيدي محمد بن عبدهللا
ⵜⵉⵏⵎⵍⵜⴰⵏⴰⵎⵓⵔⵜⵏⵜⵎⴰⵙⵙⴰⵏⵉⵏⵜⵓⵙⵏⵉⵙⵉⵏ ⵜⴰⵙⴷⴰⵡⵉⵜⵙⵉⴷⵉⵎⵓⵃⵎⵎⴰⴷⴱⵏⵄⴱⴷⵓⵍⵍⴰⵀ
Ecole Nationale des Sciences Appliquées de Fès Université Sidi Mohamed Ben Abdellah
// Contrôleur
23
المدرسة الوطنية للعلوم التطبيقية جامعة سيدي محمد بن عبدهللا
ⵜⵉⵏⵎⵍⵜⴰⵏⴰⵎⵓⵔⵜⵏⵜⵎⴰⵙⵙⴰⵏⵉⵏⵜⵓⵙⵏⵉⵙⵉⵏ ⵜⴰⵙⴷⴰⵡⵉⵜⵙⵉⴷⵉⵎⵓⵃⵎⵎⴰⴷⴱⵏⵄⴱⴷⵓⵍⵍⴰⵀ
Ecole Nationale des Sciences Appliquées de Fès Université Sidi Mohamed Ben Abdellah
Chapitre III :
24
المدرسة الوطنية للعلوم التطبيقية جامعة سيدي محمد بن عبدهللا
ⵜⵉⵏⵎⵍⵜⴰⵏⴰⵎⵓⵔⵜⵏⵜⵎⴰⵙⵙⴰⵏⵉⵏⵜⵓⵙⵏⵉⵙⵉⵏ ⵜⴰⵙⴷⴰⵡⵉⵜⵙⵉⴷⵉⵎⵓⵃⵎⵎⴰⴷⴱⵏⵄⴱⴷⵓⵍⵍⴰⵀ
Ecole Nationale des Sciences Appliquées de Fès Université Sidi Mohamed Ben Abdellah
I. Technologie RFID :
Lorsqu'un lecteur RFID émet signal radio, les tags RFID à proximité captent cette énergie et
répondent en envoyant leurs informations stockées. Les lecteurs RFID reçoivent ces données et
les transmettent à un système de gestion pour analyse.
25
المدرسة الوطنية للعلوم التطبيقية جامعة سيدي محمد بن عبدهللا
ⵜⵉⵏⵎⵍⵜⴰⵏⴰⵎⵓⵔⵜⵏⵜⵎⴰⵙⵙⴰⵏⵉⵏⵜⵓⵙⵏⵉⵙⵉⵏ ⵜⴰⵙⴷⴰⵡⵉⵜⵙⵉⴷⵉⵎⵓⵃⵎⵎⴰⴷⴱⵏⵄⴱⴷⵓⵍⵍⴰⵀ
Ecole Nationale des Sciences Appliquées de Fès Université Sidi Mohamed Ben Abdellah
1. bootstrap :
26
المدرسة الوطنية للعلوم التطبيقية جامعة سيدي محمد بن عبدهللا
ⵜⵉⵏⵎⵍⵜⴰⵏⴰⵎⵓⵔⵜⵏⵜⵎⴰⵙⵙⴰⵏⵉⵏⵜⵓⵙⵏⵉⵙⵉⵏ ⵜⴰⵙⴷⴰⵡⵉⵜⵙⵉⴷⵉⵎⵓⵃⵎⵎⴰⴷⴱⵏⵄⴱⴷⵓⵍⵍⴰⵀ
Ecole Nationale des Sciences Appliquées de Fès Université Sidi Mohamed Ben Abdellah
2. StarUML :
3. Spring boot :
27
المدرسة الوطنية للعلوم التطبيقية جامعة سيدي محمد بن عبدهللا
ⵜⵉⵏⵎⵍⵜⴰⵏⴰⵎⵓⵔⵜⵏⵜⵎⴰⵙⵙⴰⵏⵉⵏⵜⵓⵙⵏⵉⵙⵉⵏ ⵜⴰⵙⴷⴰⵡⵉⵜⵙⵉⴷⵉⵎⵓⵃⵎⵎⴰⴷⴱⵏⵄⴱⴷⵓⵍⵍⴰⵀ
Ecole Nationale des Sciences Appliquées de Fès Université Sidi Mohamed Ben Abdellah
4. Thymeleaf :
5. MySQL :
28
المدرسة الوطنية للعلوم التطبيقية جامعة سيدي محمد بن عبدهللا
ⵜⵉⵏⵎⵍⵜⴰⵏⴰⵎⵓⵔⵜⵏⵜⵎⴰⵙⵙⴰⵏⵉⵏⵜⵓⵙⵏⵉⵙⵉⵏ ⵜⴰⵙⴷⴰⵡⵉⵜⵙⵉⴷⵉⵎⵓⵃⵎⵎⴰⴷⴱⵏⵄⴱⴷⵓⵍⵍⴰⵀ
Ecole Nationale des Sciences Appliquées de Fès Université Sidi Mohamed Ben Abdellah
7. Wampserver:
29
المدرسة الوطنية للعلوم التطبيقية جامعة سيدي محمد بن عبدهللا
ⵜⵉⵏⵎⵍⵜⴰⵏⴰⵎⵓⵔⵜⵏⵜⵎⴰⵙⵙⴰⵏⵉⵏⵜⵓⵙⵏⵉⵙⵉⵏ ⵜⴰⵙⴷⴰⵡⵉⵜⵙⵉⴷⵉⵎⵓⵃⵎⵎⴰⴷⴱⵏⵄⴱⴷⵓⵍⵍⴰⵀ
Ecole Nationale des Sciences Appliquées de Fès Université Sidi Mohamed Ben Abdellah
8. HTML
9. CSS
30
المدرسة الوطنية للعلوم التطبيقية جامعة سيدي محمد بن عبدهللا
ⵜⵉⵏⵎⵍⵜⴰⵏⴰⵎⵓⵔⵜⵏⵜⵎⴰⵙⵙⴰⵏⵉⵏⵜⵓⵙⵏⵉⵙⵉⵏ ⵜⴰⵙⴷⴰⵡⵉⵜⵙⵉⴷⵉⵎⵓⵃⵎⵎⴰⴷⴱⵏⵄⴱⴷⵓⵍⵍⴰⵀ
Ecole Nationale des Sciences Appliquées de Fès Université Sidi Mohamed Ben Abdellah
10. Java
11. Hibernate
31
المدرسة الوطنية للعلوم التطبيقية جامعة سيدي محمد بن عبدهللا
ⵜⵉⵏⵎⵍⵜⴰⵏⴰⵎⵓⵔⵜⵏⵜⵎⴰⵙⵙⴰⵏⵉⵏⵜⵓⵙⵏⵉⵙⵉⵏ ⵜⴰⵙⴷⴰⵡⵉⵜⵙⵉⴷⵉⵎⵓⵃⵎⵎⴰⴷⴱⵏⵄⴱⴷⵓⵍⵍⴰⵀ
Ecole Nationale des Sciences Appliquées de Fès Université Sidi Mohamed Ben Abdellah
12.GitHub
32
المدرسة الوطنية للعلوم التطبيقية جامعة سيدي محمد بن عبدهللا
ⵜⵉⵏⵎⵍⵜⴰⵏⴰⵎⵓⵔⵜⵏⵜⵎⴰⵙⵙⴰⵏⵉⵏⵜⵓⵙⵏⵉⵙⵉⵏ ⵜⴰⵙⴷⴰⵡⵉⵜⵙⵉⴷⵉⵎⵓⵃⵎⵎⴰⴷⴱⵏⵄⴱⴷⵓⵍⵍⴰⵀ
Ecole Nationale des Sciences Appliquées de Fès Université Sidi Mohamed Ben Abdellah
33
المدرسة الوطنية للعلوم التطبيقية جامعة سيدي محمد بن عبدهللا
ⵜⵉⵏⵎⵍⵜⴰⵏⴰⵎⵓⵔⵜⵏⵜⵎⴰⵙⵙⴰⵏⵉⵏⵜⵓⵙⵏⵉⵙⵉⵏ ⵜⴰⵙⴷⴰⵡⵉⵜⵙⵉⴷⵉⵎⵓⵃⵎⵎⴰⴷⴱⵏⵄⴱⴷⵓⵍⵍⴰⵀ
Ecole Nationale des Sciences Appliquées de Fès Université Sidi Mohamed Ben Abdellah
ENSEIGNAN
T
ETUDIANT
ADMIN
34
المدرسة الوطنية للعلوم التطبيقية جامعة سيدي محمد بن عبدهللا
ⵜⵉⵏⵎⵍⵜⴰⵏⴰⵎⵓⵔⵜⵏⵜⵎⴰⵙⵙⴰⵏⵉⵏⵜⵓⵙⵏⵉⵙⵉⵏ ⵜⴰⵙⴷⴰⵡⵉⵜⵙⵉⴷⵉⵎⵓⵃⵎⵎⴰⴷⴱⵏⵄⴱⴷⵓⵍⵍⴰⵀ
Ecole Nationale des Sciences Appliquées de Fès Université Sidi Mohamed Ben Abdellah
35
المدرسة الوطنية للعلوم التطبيقية جامعة سيدي محمد بن عبدهللا
ⵜⵉⵏⵎⵍⵜⴰⵏⴰⵎⵓⵔⵜⵏⵜⵎⴰⵙⵙⴰⵏⵉⵏⵜⵓⵙⵏⵉⵙⵉⵏ ⵜⴰⵙⴷⴰⵡⵉⵜⵙⵉⴷⵉⵎⵓⵃⵎⵎⴰⴷⴱⵏⵄⴱⴷⵓⵍⵍⴰⵀ
Ecole Nationale des Sciences Appliquées de Fès Université Sidi Mohamed Ben Abdellah
false
36
المدرسة الوطنية للعلوم التطبيقية جامعة سيدي محمد بن عبدهللا
ⵜⵉⵏⵎⵍⵜⴰⵏⴰⵎⵓⵔⵜⵏⵜⵎⴰⵙⵙⴰⵏⵉⵏⵜⵓⵙⵏⵉⵙⵉⵏ ⵜⴰⵙⴷⴰⵡⵉⵜⵙⵉⴷⵉⵎⵓⵃⵎⵎⴰⴷⴱⵏⵄⴱⴷⵓⵍⵍⴰⵀ
Ecole Nationale des Sciences Appliquées de Fès Université Sidi Mohamed Ben Abdellah
< ! - - Il est observé que l'utilisateur Salma n'a pas pu accéder à l'application car
ses droits d'accès n'ont pas été attribués - - >
37
المدرسة الوطنية للعلوم التطبيقية جامعة سيدي محمد بن عبدهللا
ⵜⵉⵏⵎⵍⵜⴰⵏⴰⵎⵓⵔⵜⵏⵜⵎⴰⵙⵙⴰⵏⵉⵏⵜⵓⵙⵏⵉⵙⵉⵏ ⵜⴰⵙⴷⴰⵡⵉⵜⵙⵉⴷⵉⵎⵓⵃⵎⵎⴰⴷⴱⵏⵄⴱⴷⵓⵍⵍⴰⵀ
Ecole Nationale des Sciences Appliquées de Fès Université Sidi Mohamed Ben Abdellah
1. Interface administrateur :
Dans cet espace, nous présenterons toutes les fonctionnalités et les opérations qu'un
administrateur peut effectuer.
Pour faciliter les tâches, nous avons divisé les entités en trois catégories principales
/* COURS
EQUIPE PEDAGOGIQUE
STRUCTURE */
38
المدرسة الوطنية للعلوم التطبيقية جامعة سيدي محمد بن عبدهللا
ⵜⵉⵏⵎⵍⵜⴰⵏⴰⵎⵓⵔⵜⵏⵜⵎⴰⵙⵙⴰⵏⵉⵏⵜⵓⵙⵏⵉⵙⵉⵏ ⵜⴰⵙⴷⴰⵡⵉⵜⵙⵉⴷⵉⵎⵓⵃⵎⵎⴰⴷⴱⵏⵄⴱⴷⵓⵍⵍⴰⵀ
Ecole Nationale des Sciences Appliquées de Fès Université Sidi Mohamed Ben Abdellah
/* COURS
39
المدرسة الوطنية للعلوم التطبيقية جامعة سيدي محمد بن عبدهللا
ⵜⵉⵏⵎⵍⵜⴰⵏⴰⵎⵓⵔⵜⵏⵜⵎⴰⵙⵙⴰⵏⵉⵏⵜⵓⵙⵏⵉⵙⵉⵏ ⵜⴰⵙⴷⴰⵡⵉⵜⵙⵉⴷⵉⵎⵓⵃⵎⵎⴰⴷⴱⵏⵄⴱⴷⵓⵍⵍⴰⵀ
Ecole Nationale des Sciences Appliquées de Fès Université Sidi Mohamed Ben Abdellah
40
المدرسة الوطنية للعلوم التطبيقية جامعة سيدي محمد بن عبدهللا
ⵜⵉⵏⵎⵍⵜⴰⵏⴰⵎⵓⵔⵜⵏⵜⵎⴰⵙⵙⴰⵏⵉⵏⵜⵓⵙⵏⵉⵙⵉⵏ ⵜⴰⵙⴷⴰⵡⵉⵜⵙⵉⴷⵉⵎⵓⵃⵎⵎⴰⴷⴱⵏⵄⴱⴷⵓⵍⵍⴰⵀ
Ecole Nationale des Sciences Appliquées de Fès Université Sidi Mohamed Ben Abdellah
41
المدرسة الوطنية للعلوم التطبيقية جامعة سيدي محمد بن عبدهللا
ⵜⵉⵏⵎⵍⵜⴰⵏⴰⵎⵓⵔⵜⵏⵜⵎⴰⵙⵙⴰⵏⵉⵏⵜⵓⵙⵏⵉⵙⵉⵏ ⵜⴰⵙⴷⴰⵡⵉⵜⵙⵉⴷⵉⵎⵓⵃⵎⵎⴰⴷⴱⵏⵄⴱⴷⵓⵍⵍⴰⵀ
Ecole Nationale des Sciences Appliquées de Fès Université Sidi Mohamed Ben Abdellah
42
المدرسة الوطنية للعلوم التطبيقية جامعة سيدي محمد بن عبدهللا
ⵜⵉⵏⵎⵍⵜⴰⵏⴰⵎⵓⵔⵜⵏⵜⵎⴰⵙⵙⴰⵏⵉⵏⵜⵓⵙⵏⵉⵙⵉⵏ ⵜⴰⵙⴷⴰⵡⵉⵜⵙⵉⴷⵉⵎⵓⵃⵎⵎⴰⴷⴱⵏⵄⴱⴷⵓⵍⵍⴰⵀ
Ecole Nationale des Sciences Appliquées de Fès Université Sidi Mohamed Ben Abdellah
EQUIPE PEDAGOGIQUE
L'administrateur possède les autorisations nécessaires pour effectuer des actions telles
que l'ajout ou la suppression d'un professeur, ainsi que la modification des informations
d'un professeur existant.
43
المدرسة الوطنية للعلوم التطبيقية جامعة سيدي محمد بن عبدهللا
ⵜⵉⵏⵎⵍⵜⴰⵏⴰⵎⵓⵔⵜⵏⵜⵎⴰⵙⵙⴰⵏⵉⵏⵜⵓⵙⵏⵉⵙⵉⵏ ⵜⴰⵙⴷⴰⵡⵉⵜⵙⵉⴷⵉⵎⵓⵃⵎⵎⴰⴷⴱⵏⵄⴱⴷⵓⵍⵍⴰⵀ
Ecole Nationale des Sciences Appliquées de Fès Université Sidi Mohamed Ben Abdellah
44
المدرسة الوطنية للعلوم التطبيقية جامعة سيدي محمد بن عبدهللا
ⵜⵉⵏⵎⵍⵜⴰⵏⴰⵎⵓⵔⵜⵏⵜⵎⴰⵙⵙⴰⵏⵉⵏⵜⵓⵙⵏⵉⵙⵉⵏ ⵜⴰⵙⴷⴰⵡⵉⵜⵙⵉⴷⵉⵎⵓⵃⵎⵎⴰⴷⴱⵏⵄⴱⴷⵓⵍⵍⴰⵀ
Ecole Nationale des Sciences Appliquées de Fès Université Sidi Mohamed Ben Abdellah
STRUCTURE */
45
المدرسة الوطنية للعلوم التطبيقية جامعة سيدي محمد بن عبدهللا
ⵜⵉⵏⵎⵍⵜⴰⵏⴰⵎⵓⵔⵜⵏⵜⵎⴰⵙⵙⴰⵏⵉⵏⵜⵓⵙⵏⵉⵙⵉⵏ ⵜⴰⵙⴷⴰⵡⵉⵜⵙⵉⴷⵉⵎⵓⵃⵎⵎⴰⴷⴱⵏⵄⴱⴷⵓⵍⵍⴰⵀ
Ecole Nationale des Sciences Appliquées de Fès Université Sidi Mohamed Ben Abdellah
Comme on peut observer, les informations affichées incluent les noms des filières,
les responsables de chaque filière ainsi que le département auquel chaque filière est
rattachée.
46
المدرسة الوطنية للعلوم التطبيقية جامعة سيدي محمد بن عبدهللا
ⵜⵉⵏⵎⵍⵜⴰⵏⴰⵎⵓⵔⵜⵏⵜⵎⴰⵙⵙⴰⵏⵉⵏⵜⵓⵙⵏⵉⵙⵉⵏ ⵜⴰⵙⴷⴰⵡⵉⵜⵙⵉⴷⵉⵎⵓⵃⵎⵎⴰⴷⴱⵏⵄⴱⴷⵓⵍⵍⴰⵀ
Ecole Nationale des Sciences Appliquées de Fès Université Sidi Mohamed Ben Abdellah
47
المدرسة الوطنية للعلوم التطبيقية جامعة سيدي محمد بن عبدهللا
ⵜⵉⵏⵎⵍⵜⴰⵏⴰⵎⵓⵔⵜⵏⵜⵎⴰⵙⵙⴰⵏⵉⵏⵜⵓⵙⵏⵉⵙⵉⵏ ⵜⴰⵙⴷⴰⵡⵉⵜⵙⵉⴷⵉⵎⵓⵃⵎⵎⴰⴷⴱⵏⵄⴱⴷⵓⵍⵍⴰⵀ
Ecole Nationale des Sciences Appliquées de Fès Université Sidi Mohamed Ben Abdellah
48
المدرسة الوطنية للعلوم التطبيقية جامعة سيدي محمد بن عبدهللا
ⵜⵉⵏⵎⵍⵜⴰⵏⴰⵎⵓⵔⵜⵏⵜⵎⴰⵙⵙⴰⵏⵉⵏⵜⵓⵙⵏⵉⵙⵉⵏ ⵜⴰⵙⴷⴰⵡⵉⵜⵙⵉⴷⵉⵎⵓⵃⵎⵎⴰⴷⴱⵏⵄⴱⴷⵓⵍⵍⴰⵀ
Ecole Nationale des Sciences Appliquées de Fès Université Sidi Mohamed Ben Abdellah
49
المدرسة الوطنية للعلوم التطبيقية جامعة سيدي محمد بن عبدهللا
ⵜⵉⵏⵎⵍⵜⴰⵏⴰⵎⵓⵔⵜⵏⵜⵎⴰⵙⵙⴰⵏⵉⵏⵜⵓⵙⵏⵉⵙⵉⵏ ⵜⴰⵙⴷⴰⵡⵉⵜⵙⵉⴷⵉⵎⵓⵃⵎⵎⴰⴷⴱⵏⵄⴱⴷⵓⵍⵍⴰⵀ
Ecole Nationale des Sciences Appliquées de Fès Université Sidi Mohamed Ben Abdellah
50
المدرسة الوطنية للعلوم التطبيقية جامعة سيدي محمد بن عبدهللا
ⵜⵉⵏⵎⵍⵜⴰⵏⴰⵎⵓⵔⵜⵏⵜⵎⴰⵙⵙⴰⵏⵉⵏⵜⵓⵙⵏⵉⵙⵉⵏ ⵜⴰⵙⴷⴰⵡⵉⵜⵙⵉⴷⵉⵎⵓⵃⵎⵎⴰⴷⴱⵏⵄⴱⴷⵓⵍⵍⴰⵀ
Ecole Nationale des Sciences Appliquées de Fès Université Sidi Mohamed Ben Abdellah
51
المدرسة الوطنية للعلوم التطبيقية جامعة سيدي محمد بن عبدهللا
ⵜⵉⵏⵎⵍⵜⴰⵏⴰⵎⵓⵔⵜⵏⵜⵎⴰⵙⵙⴰⵏⵉⵏⵜⵓⵙⵏⵉⵙⵉⵏ ⵜⴰⵙⴷⴰⵡⵉⵜⵙⵉⴷⵉⵎⵓⵃⵎⵎⴰⴷⴱⵏⵄⴱⴷⵓⵍⵍⴰⵀ
Ecole Nationale des Sciences Appliquées de Fès Université Sidi Mohamed Ben Abdellah
2. Interface étudiant :
Afin de garantir sa présence, l'étudiant utilise une carte RFID pour se signaler.
En effectuant un pointage avec cette carte, il enregistre sa présence de manière fiable
et sécurisée dans le système. Cette méthode de pointage par carte RFID permet une
gestion précise et automatisée des présences, offrant ainsi une solution pratique et
efficace pour suivre la présence des étudiants.
52
المدرسة الوطنية للعلوم التطبيقية جامعة سيدي محمد بن عبدهللا
ⵜⵉⵏⵎⵍⵜⴰⵏⴰⵎⵓⵔⵜⵏⵜⵎⴰⵙⵙⴰⵏⵉⵏⵜⵓⵙⵏⵉⵙⵉⵏ ⵜⴰⵙⴷⴰⵡⵉⵜⵙⵉⴷⵉⵎⵓⵃⵎⵎⴰⴷⴱⵏⵄⴱⴷⵓⵍⵍⴰⵀ
Ecole Nationale des Sciences Appliquées de Fès Université Sidi Mohamed Ben Abdellah
Une fois la connexion établie, l’étudiant peut accéder à son espace personnel.
53
المدرسة الوطنية للعلوم التطبيقية جامعة سيدي محمد بن عبدهللا
ⵜⵉⵏⵎⵍⵜⴰⵏⴰⵎⵓⵔⵜⵏⵜⵎⴰⵙⵙⴰⵏⵉⵏⵜⵓⵙⵏⵉⵙⵉⵏ ⵜⴰⵙⴷⴰⵡⵉⵜⵙⵉⴷⵉⵎⵓⵃⵎⵎⴰⴷⴱⵏⵄⴱⴷⵓⵍⵍⴰⵀ
Ecole Nationale des Sciences Appliquées de Fès Université Sidi Mohamed Ben Abdellah
54
المدرسة الوطنية للعلوم التطبيقية جامعة سيدي محمد بن عبدهللا
ⵜⵉⵏⵎⵍⵜⴰⵏⴰⵎⵓⵔⵜⵏⵜⵎⴰⵙⵙⴰⵏⵉⵏⵜⵓⵙⵏⵉⵙⵉⵏ ⵜⴰⵙⴷⴰⵡⵉⵜⵙⵉⴷⵉⵎⵓⵃⵎⵎⴰⴷⴱⵏⵄⴱⴷⵓⵍⵍⴰⵀ
Ecole Nationale des Sciences Appliquées de Fès Université Sidi Mohamed Ben Abdellah
3. Interface enseignant :
55
المدرسة الوطنية للعلوم التطبيقية جامعة سيدي محمد بن عبدهللا
ⵜⵉⵏⵎⵍⵜⴰⵏⴰⵎⵓⵔⵜⵏⵜⵎⴰⵙⵙⴰⵏⵉⵏⵜⵓⵙⵏⵉⵙⵉⵏ ⵜⴰⵙⴷⴰⵡⵉⵜⵙⵉⴷⵉⵎⵓⵃⵎⵎⴰⴷⴱⵏⵄⴱⴷⵓⵍⵍⴰⵀ
Ecole Nationale des Sciences Appliquées de Fès Université Sidi Mohamed Ben Abdellah
56
المدرسة الوطنية للعلوم التطبيقية جامعة سيدي محمد بن عبدهللا
ⵜⵉⵏⵎⵍⵜⴰⵏⴰⵎⵓⵔⵜⵏⵜⵎⴰⵙⵙⴰⵏⵉⵏⵜⵓⵙⵏⵉⵙⵉⵏ ⵜⴰⵙⴷⴰⵡⵉⵜⵙⵉⴷⵉⵎⵓⵃⵎⵎⴰⴷⴱⵏⵄⴱⴷⵓⵍⵍⴰⵀ
Ecole Nationale des Sciences Appliquées de Fès Université Sidi Mohamed Ben Abdellah
Conclusion générale
Dans le cadre de ce projet de Mise en place d’un système de pointage pour la gestion
automatique des absences des étudiants, nous avons réussi à concevoir et à développer une
application fonctionnelle dotée d'une interface graphique conviviale. L'application offre des
fonctionnalités essentielles telles que l'authentification, la gestion des étudiants, des enseignants,
des filières, des séances et des absences.
L'interface graphique a été conçue de manière à faciliter l'interaction des utilisateurs avec
l'application, en offrant une navigation intuitive et une présentation visuelle claire des données.
Les fonctionnalités de l'application permettent aux utilisateurs, tels que les étudiants, les
enseignants et les administrateurs, de gérer efficacement les absences, de consulter leur
historique, de valider les présences et d'effectuer d'autres tâches liées à la gestion académique.
Cependant, malgré les avancées réalisées, il reste des perspectives pour améliorer et étendre
ce projet. Certaines des perspectives futures envisagées incluent :
// Amélioration de la fonctionnalité d'affichage de la liste des étudiants avec leur pointage pour les
enseignants, en résolvant les problèmes techniques rencontrés jusqu'à présent.
// Intégration de fonctionnalités supplémentaires, telles que la génération de rapports statistiques
sur les absences, la communication entre les utilisateurs via des messages intégrés, etc.
// Intégration de technologies de pointage avancées, telles que la reconnaissance faciale ou les
codes QR, pour faciliter la validation des présences des étudiants.
57
المدرسة الوطنية للعلوم التطبيقية جامعة سيدي محمد بن عبدهللا
ⵜⵉⵏⵎⵍⵜⴰⵏⴰⵎⵓⵔⵜⵏⵜⵎⴰⵙⵙⴰⵏⵉⵏⵜⵓⵙⵏⵉⵙⵉⵏ ⵜⴰⵙⴷⴰⵡⵉⵜⵙⵉⴷⵉⵎⵓⵃⵎⵎⴰⴷⴱⵏⵄⴱⴷⵓⵍⵍⴰⵀ
Ecole Nationale des Sciences Appliquées de Fès Université Sidi Mohamed Ben Abdellah
Bibliothèques
https://www.youtube.com/watch?v=msXL2oDexqw
https://drive.google.com/file/d/1duRlDG7idi9Bpf5cD7eSkxCgNf5ajNkM/view
https://getbootstrap.com/
https://hibernate.org/
https://spring.io/
https://www.thymeleaf.org/
https://stackoverflow.com/
58