Académique Documents
Professionnel Documents
Culture Documents
DIGITALE
TRAME DE TP
REALISER PAR :
BAMBI Henoc
III. Étapes du TP
V. Présentation du matériel
XVII. Conclusion
I. Objectif du TP
1
L'objectif de ce TP est de donner aux participants l'occasion de développer une badgeuse
de gestion de la présence des étudiants à l'aide de microcontrôleurs ESP32, de comprendre
les principes de la sécurité des données et de maîtriser la communication entre la badgeuse
et un ordinateur central.
III. Étapes du TP
2
INTRODUCTION
BUT DU PROJET
L'objectif de ce TP est de donner aux participants l'occasion de développer
une badgeuse de gestion de la présence des étudiants à l'aide de
microcontrôleurs ESP32, de comprendre les principes de la sécurité des
données et de maîtriser la communication entre la badgeuse et un ordinateur
central.
OBJECTIF DU TP:
Savoir créer les applications et site web à partir des différents logiciels
comme HTML, CSS, PHYTON, JAVA SCRIP, DJANGO,
VISUALSTUDIOCOD,
Composants :
3
Carte ESP32 WROOM 32
Module d’affichage TFT
Carte électronique
Pile de 9V LITHIUM LION
Carte d’empreinte FPM10
Régulateur de tension
DEVELOPPEMENT
PRESENCE IDEtudiant
NomE
IDEtudiant_IDCours 4 PrenomE
DateP MatriculeE
1,1 0, n
1 MARQUER
1,1
COMPTER
1, n
COURS FORMATEUR
1,1 0, n
IDCours1,1 ,1 IDFormateur
FAIRE
DesignationM NomE
PrenomE
5
ETUDIANT (ID Etudiant, NomE, PrenomE, MatriculeE, ClasseE,
SexeE, Empreinte),
1. Dictionnaire de Données
6
Numéro
d'identification du
ID Cours cours Numérique 4 Chiffres
DesignationM Libelle du cours Chaine
Identification Du
ID Formateur formateur Numérique 11 Chiffres
Nom du
NomE Formateur Chaine 255 Lettres
Prénom du
PrenomE Formateur Chaine 255 Lettres
Code
ID Etudiant, ID d'identification de
Cours Présence Numérique 33 Chiffres
Date à laquelle
l'étudiant marque
DateP sa présence Date
Désigne la
présence de
IndicationDePresence l'étudiant au cours Booléen Oui, Non
Heure d'arrivée
de l'étudiant au
HeureDArrivee cours Heure
Heure de sortie de
HeureDeSortie l'étudiant au cours Heure
Le site web utilisé dans ce projet est développé en PHP, il dispose d'une base de
données et d'enregistrements de fréquentation. En vous connectant au site Web, vous
pouvez collecter tous les enregistrements de présence de chaque utilisateur, y compris
les informations personnelles ainsi que les horaires d'entrée et de sortie. Les données
peuvent également être téléchargées et exportées vers une feuille Excel.
Pour obtenir la base de données, procédez comme suit :
1. Téléchargez le fichier de base de données que je veux utiliser.
2. Sauvegarder le fichier de base de données dans le dossier C:\xampp\htdocs sur
l’ordinateur. Ce dossier est l'emplacement où toutes les données de notre site Web
seront stockées
7
Ouvrez xampp et activez Apache et MySQL :
8
3. Ouvrez la page phpMyAdmin et choisissiez « nouvelle base de
données »
9
5. La page suivante apparait, cela signifie que la base de données est prête.
10
3. Créer une nouvelle classe pour votre application (par exemple,
GestionPresenceApp).
4. déclarez et initialisez les composants de l’interface utilisateur, tels que la fenêtre
principale, le tableau, le modèle de tableau, le panneau de défilement
5. Configurez les colonnes du modèle de tableau pour correspondre aux
informations des étudiants.
6. Ajoutez les informations des étudiants à afficher dans le tableau, en utilisant les
données reçues de l'Arduino (vous pouvez les simuler pour les tests).
7. Ajoutez un gestionnaire d'événements pour le bouton de validation de présence
des étudiants.
8. Dans le gestionnaire d'événements, écrivez le code pour envoyer un signal à
l'Arduino (par exemple, en utilisant une communication série) pour valider la
présence de l'étudiant sélectionné.
9. Mettez à jour l'état de présence dans le tableau en conséquence
10. Compilez et exécutez l'application pour tester son fonctionnement.
Veuillez noter que la création de l'application dans NetBeans nécessite des
compétences en développement d'interfaces graphiques Java Swing. Vous devrez
ajouter les bibliothèques nécessaires et écrire le code spécifique pour l'interface
utilisateur et la communication avec Arduino.
1. Programme Arduino
Nous commençons par expliquer les éléments les plus importants du code
de programmation. Tout d'abord, nous appelons les bibliothèques
nécessaires dans ce code via la ligne de programme #include <nome de
bibliothèque. h>
1 : les bibliothèques utilisées dans le code.
Ensuite, nous définissons les entrées du capteur d'empreintes digitales avec
l'esp32 et une déclaration pour l'écran SSD1306 connecté à l'aide du
programme I2CA) et cela se fait par la ligne de programme #definecomme
le montre la figure
11
2- poster un tableau qui sera envoyé au site Web
3- Déterminer l'ID d'empreinte digitale à partir du capteur d'empreinte
digitale
Schéma d’alimentation
12
Schéma d’alimentation de secours
13
La partie arrière du boitier qui est le socle du boitier
14
L’assemblage du boitier
15
CONCLUSION
E
16