Etape 1 :
1) Installation Des Librairies Requises :
pip install flask ultralytics opencv-python
Etape 2 :
2. Organisation Des Dossiers :
C:\Users\Lenovo\Desktop\PFE_Fatma\WebAppYolo
templates : [Link] : [Link]
static : alertes : images
model : [Link]
uploads
[Link]
psw:1234
admin :admin
Etape 3 :
1) Écrire du code dans [Link]
2) Créer une page [Link] et [Link] dans les modèles :
Etape 4 :
1) Environnement ouvert (env) :
pip install flask
python -m venv yolov8_env
yolov8_env\Scripts\activate
2) Lancez l'application Flask :
cd C:\Users\Lenovo\Desktop\PFE_Fatma\WebAppYolo
pip install flask
pip install ultralytics opencv-python
python [Link]
Si le code est correct, il apparaîtra dans le terminal :
3) Ouvrez l'application :
au navigateur et entrez :
[Link]
Etape 5 :
1) Téléchargez l'image, exécutez YOLO et alertez :
Mettre à jour le fichier [Link] :
4) Mettez à jour le fichier [Link] et ajoutez un nouvel itinéraire de
téléchargement et Ouvrez l'application :
au navigateur et entrez :
[Link]
Développement de l’application web avec Flask :
1) Utilisation du framework Flask pour créer une interface web
2) Création de la structure du projet
3) Mise en place du système de connexion :
Ajout d’une page de connexion sécurisée ([Link]) avec
un nom d’utilisateur et un mot de passe :
Protection de l’accès aux autres pages (accueil et analyse) en cas
d’échec d’authentification :
4) Page d’accueil (index) :
Création d’une page [Link] avec une interface
visuellement agréable (image de fond, boutons, messages
de bienvenue).
Bouton redirigeant vers la page d’analyse
5) Page d’analyse avec détection automatique :
Création de la page [Link] qui permet
d’uploader une image .
Dès l’envoi de l’image, le modèle YOLO analyse les
objets présents.
Si le modèle détecte l’absence de casque ou gilet, un
message d’alerte s’affiche + sauvegarde de l’image
analysée.
Si tout est correct, un message vert de validation
s’affiche.