Université de Sfax Institut

supérieur d'informatique
et du multimédia de Sfax

Rapport du Stage d’Eté

Présenté à
L’Institut supérieur d’informatique et de multimédia de Sfax

Effectuer à
Sac-Marquage
Par
Khaled Aymen
Spécialité :
Licence en Big Data et Analyse de Données

Développement d’une application mobile de gestion des employés

Fait du 15/09/2024 au 31/10/2024

Encadré par :
Abd Nasr Swid

Année universitaire :2024/2025

 Remerciement
Tout d'abord, je tiens à remercier M. Swid
buissness manager de l'entreprise Sac-Marquage,
de m'avoir donné l'honneur de travailler.
Je remercie tous ceux qui m'ont aidé et qui m'ont
prodigué des conseils, qui ont contribué de
manière importante à l'amélioration de ce travail.
Merci à tous ceux qui ont contribué au succès de
ma formation
Table des matières
INTRODUCTION GENERALE .................................................................................................... 1
CHAPITRE 1 : Contexte générale du projet ................................................................................. 2
I. Introduction .............................................................................................................................. 2
II. Présentation de l’organisme d’accueil ................................................................................... 2
III. Problématique ........................................................................................................................ 2
IV. Solution proposé ..................................................................................................................... 2
V. Conclusion ................................................................................................................................ 2
Chapitre 2 : Etude Conceptuelle ..................................................................................................... 3
I. Introduction .......................................................................................................................... 3
II. Spécifications des besoins ................................................................................................ 3
II.1 Besoins fonctionnels .......................................................................................................... 3
II.2 Besoins non fonctionnels ................................................................................................... 3
III. Diagramme de Cas d’utilisation : ................................................................................... 4
III.1 Définition .......................................................................................................................... 4
III.2 Présentation d’acteurs ..................................................................................................... 4
III.3 Diagramme de cas d’utilisation ...................................................................................... 5
IV. Diagramme de séquence ....................................................................................................... 8
IV.1 Définition .......................................................................................................................... 8
V. Conclusion .............................................................................................................................. 12
Chapitre 3 : Réalisation ................................................................................................................. 12
I. Introduction : .......................................................................................................................... 12
II. Environnement matérielle .................................................................................................... 12
III. Outils de développement : ................................................................................................... 12
IV. Les principales interfaces graphiques :.............................................................................. 14
V. Conclusion ........................................................................................................................... 16
Conclusion générale ....................................................................................................................... 1
Liste des Figures
Figure 1 : Logo Sac-Marquage agency.......................................................................................... 2
Figure 2 Diagramme de cas d’utilisation globale .................................................................... 5
Figure 3 : Diagramme de séquence du cas d'utilisation Récupérer les données depuis le serveur... 9
Figure 4 : Diagramme de séquence du cas d’utilisation Récupérer les données des
antennes............................................................................................................................. 10
Figure 5 : Diagramme de séquence du cas d'utilisation Récupérer les données de la table des zones...
.........10
Figure 6: Diagramme de séquence du cas d'utilisation Récupérer les données de la table des
lecteurs............. 11
Figure 7 : Diagramme de séquence du cas d'utilisation Consulter les données sur l’application .....11
Figure 8 : logo Vscode………………………………………………………………………………………………….………12
Figure 9 : logo expo ………………………………………………………………………………………………………..13
Figure 10 : logo react-native ………………………………………………………………………………………………………..13
Figure 11 : logo mqtt ………………………………………………………………………………………………………..13
Figure 12: logo serveur api ………………………………………………………………………………………………………..13
Figure 13 : logo auto start App manager …………………………………………………………………..14
Figure 14 : L'interface principale pour tous les cas d'utilisation ...............................14
Liste des tableaux
Tableau 1 : Description textuelle du diagramme de cas d'utilisation " Récupérer les données depuis le
serveur"......

Tableau 2 : Description textuelle du diagramme de cas d'utilisation ‘Récupérer les données des
antennes" ............

Tableau 3 : Description textuelle du diagramme de cas d'utilisation "Récupérer les données de la

table des zones" ..............

Tableau 4: Description textuelle du diagramme de cas d'utilisation "Récupérer les données de

la table des lecteurs ......................

Tableau 5: Description textuelle du diagramme de cas d'utilisation "consulter les données sur
l’application" ......................
INTODUCTION GENERALE
Dans le cadre de la gestion efficace des espaces de travail et du suivi des employés, cette
application a été conçue pour offrir une solution de suivi en temps réel. Grâce à l’utilisation
de lecteurs RFID et de zones définies, l’application permet de localiser précisément les
employés à tout moment et de visualiser leurs emplacements dans des tableaux associés aux
zones prédéfinies.

L’objectif principal de ce projet est de simplifier le suivi des mouvements des employés dans
différents espaces, d’améliorer la gestion des zones d’activité, et d’optimiser les processus
organisationnels. En regroupant les données provenant de différents lecteurs et en les
associant à des zones spécifiques, l’application offre une interface intuitive et complète,
permettant ainsi une gestion centralisée et efficace.

Ce projet met en œuvre une approche technologique avancée, intégrant des API pour
récupérer les données des lecteurs, des antennes, et des zones, afin de fournir une visualisation
claire et précise des informations. Les fonctionnalités clés incluent la localisation des
employés, l’affichage des données sous forme de tableaux, et une navigation intuitive entre
les différentes zones de l’espace de travail.

Ainsi, cette application représente un outil essentiel pour les organisations cherchant à
améliorer leur efficacité et à garantir un suivi précis des activités dans leurs espaces de travail.

1
CHAPITRE 1 : Contexte générale du projet
I. Introduction
Dans ce chapitre, nous décrirons le contexte du projet. Tout d'abord, nous présenterons
l'organisme d'accueil. Ensuite, nous détaillerons le projet, en exposant la problématique à traiter
ainsi que la proposition de solution

II. Présentation de l’organisme d’accueil

Sac-Marquage une société de développement spécialisée dans la création de solutions logicielles
innovantes pour répondre aux besoins de clients en, combinant expertise technique et créativité
Les principaux services de Sac-Marquage:
- Création de site web et application mobile
- Design graphique
- Digital marketing

Figure 1 : Logo de Sac-Marquage

III. Problématique
Les entreprises rencontrent des difficultés pour suivre en temps réel les déplacements de leurs
employés dans des espaces vastes ou complexes. Les méthodes traditionnelles, comme les
feuilles de présence manuelles ou les badges, sont souvent inefficaces. La gestion des zones,
des ressources et des employés devient donc compliquée, et l’absence d’automatisation
entraîne des erreurs et une perte de temps.
IV. Solution proposé
La solution consiste en une application qui utilise la technologie RFID pour suivre
précisément les employés et afficher leurs positions en temps réel dans des zones spécifiques.
Elle centralise les données collectées et permet une gestion efficace des espaces de travail.
L’application automatise la collecte des informations, ce qui améliore la précision des
données et optimise l’utilisation des ressources.

V. Conclusion
Cette application fournit une solution moderne et efficace pour suivre les employés dans les
zones de travail, centraliser les informations et automatiser les processus. Elle permet aux
entreprises de mieux gérer leurs espaces et de prendre des décisions éclairées, tout en
améliorant la productivité globale.

2
Chapitre 2 : Etude Conceptuelle
I. Introduction
Dans ce chapitre nous allons aborder les spécifications des besoins de notre
application web. Ce chapitre présente un ensemble des besoins fonctionnels et
autres non fonctionnels. Par la suite nous avons présenté le diagramme de cas
d’utilisations et le diagramme de séquence.

II. Spécifications des besoins

II.1 Besoins fonctionnels
Les besoins fonctionnels sont toutes les fonctionnalités dont les
utilisateurs ont besoin pour son
activité. On application ces besoins fonctionnelle :
 Affichage des zones avec images des employés
 Recherche et filtrage des donnée
 Affichage des détails d'un employé
 Vue de la carte Google Maps
 Affichage des alertes
 Affichage des données de zone via l'icône œil vert
 Interaction avec le tableau de données de la zone
 Affichage des informations de vitesse et d'emplacement sur la carte
 Accessibilité mobile

II.2 Besoins non fonctionnels

Les besoins non fonctionnels sont importants car ils agissent de façon indirecte
sur le résultat et sur le rendement de l’utilisateur, ce qui fait qu’ils ne doivent
pas être négligés, pour cela il faut répondre aux exigences suivantes :

 Sécurité : Assurer la protection des données personnelles des employes .

 Performance : Garantir des temps de réponse rapides et une performance optimale, même
en cas de forte charge utilisateur.

 Disponibilité : Maintenir une haute disponibilité du système avec des mécanismes de

tolérance aux pannes.

Scalabilité : Concevoir l'application pour qu'elle puisse évoluer avec l'augmentation du

nombre d’employes et de fonctionnalités.Facilité d'Utilisation : Offrir une interface intuitive
et conviviale, facile à utiliser pour tous les utilisateurs.

3
III. Diagramme de Cas d’utilisation :
III.1 Définition
En langage UML, les diagrammes de cas d'utilisation modélisent le comportement d'un système et
permettent de capturer les exigences du système.

Les diagrammes de cas d'utilisation décrivent les fonctions générales et la portée d'un système.
Ces diagrammes identifient également les interactions entre le système et ses acteurs.

III.2 Présentation d’acteurs

Les utilisateurs de cette application sont :

Utilisateurs Internes :Ce projet inclut deux acteurs principaux :

l'administrateur et le système, qui interagissent ensemble pour gérer
et afficher les données en temps réel.

utilisateurs internes:

1- Administrateur (Admin) : est responsable de la Gestion des utilisateurs,

configurations globales, gestion des permissions, reporting et analyse des données.

2-Systeme: est responsable de la collecte, du traitement et de l'affichage des données

III.3 Diagramme de cas d’utilisation

4
 Figure 2 : diagramme cas d utilisation globale

Description du cas d’utilisation « Récupérer les données depuis le

serveur»

titre Récupérer les données depuis le serveur

Acteurs principaux Système
Acteurs secondaires Administrateur
Objectifs Permettre au système de récupérer les
données nécessaires depuis le serveur pour les
afficher sur l'application.
Préconditions Le serveur doit être opérationnel et connecté
au système.
Postconditions Les données récupérées sont prêtes à être
affichées sur l'application.
Scénario nominal 1. Le système établit une connexion avec le
serveur.
2. Les données sont extraites.

3. Les données sont préparées pour

5
 l'affichage.
4- Le patient enregistre les modifications. .
Scénario d anomalie 1. Le système ne parvient pas à se connecter
au serveur.
2. Les données récupérées sont corrompues
ou incomplètes.
3. Une notification d'erreur est générée.
Tableau 1 : Description textuelle du diagramme de cas d'utilisation "Récupérer les données
depuis le serveur"

Description du cas d’utilisation « Récupérer les données des

antennes»
titre Récupérer les données des antennes
Acteurs principaux Système
Acteurs secondaires Administrateur
Objectifs Permettre au système de collecter les
informations des antennes pour suivre les tags
RFID en temps réel.
Préconditions Les antennes doivent être configurées et
actives.
Postconditions Les données des antennes sont récupérées et
prêtes à être affichées sur l'application
Scénario nominal 1. Le système envoie des requêtes périodiques
aux antennes.
2. Les antennes transmettent les données des
tags détectés.
3. Le système prépare les données pour
affichage
Scénario d anomalie 1. Une ou plusieurs antennes ne répondent
pas.
2. Les données reçues sont incomplètes.
3. Une alerte est générée.

Tableau 2 : Description textuelle du diagramme de cas d'utilisation "Récupérer les données des
antennes"

Description du cas d’utilisation « Récupérer les données de la

table des zones»

6
 titre Récupérer les données de la table des zones
Acteurs principaux Système
Acteurs secondaires Administrateur
Objectifs Charger automatiquement les informations
des zones pour visualiser la répartition des
employés.
Préconditions La table des zones doit être disponible sur le
serveur.
Postconditions Les données des zones sont prêtes à être
affichées dans les tableaux.
Scénario nominal 1. Le système interroge la table des zones.
2. Les données sont extraites et organisées.
3. Les zones sont affichées sur l'application.

Scénario d anomalie 1. La table des zones est inaccessible.

2. Les données sont corrompues.
3. Une erreur est signalée à l'administrateur.

Tableau 3 : Description textuelle du diagramme de cas d'utilisation "Récupérer les données de la

table des zones "

Description du cas d’utilisation « Récupérer les données de la

table des lecteurs »
titre Récupérer les données de la table des lecteurs
Acteurs principaux Système
Acteurs secondaires Administrateur
Objectifs Automatiser la récupération des données des
lecteurs pour identifier et localiser les
employés.
Préconditions Les lecteurs doivent être opérationnels et
correctement configurés.
Postconditions Les données des lecteurs sont collectées et
prêtes pour affichage.
Scénario nominal 1. Le système interroge la table des lecteurs.
2. Les données sont récupérées et traitées.
3. Les informations sont affichées sur
l'application.

7
 Scénario d anomalie 1. Les lecteurs ne répondent pas.
2. Une erreur réseau empêche la récupération
des données.
3. Une alerte est générée.
Tableau 4 : Description textuelle du diagramme de cas d'utilisation "Récupérer les données de la
table des lecteurs"

Description du cas d’utilisation « Consulter les données sur

l’application»
titre Consulter les données sur l'application
Acteurs principaux Système
Acteurs secondaires Administrateur
Objectifs Offrir à l'administrateur une interface intuitive
pour visualiser les données collectées (cartes,
tableaux, etc.).
Préconditions Toutes les données nécessaires doivent être
préalablement collectées par le système.
Postconditions
L'administrateur peut consulter les données
organisées sur l'application.
Scénario nominal 1. L'administrateur accède à l'application.
2. Les données collectées par le système sont
affichées dans les tableaux.
3. L'administrateur explore les informations
en temps réel.
Scénario d anomalie 1. L'application rencontre une erreur
d'affichage.
2. Les données sont partiellement ou
incorrectement affichées.
3. Un message d'erreur est affiché.

Tableau 5 : Description textuelle du diagramme de cas d'utilisation "Consulter les données sur
l’application"

IV. Diagramme de séquence

IV.1 Définition
Un diagramme de séquence est un diagramme d’interaction qui décrit en détail
la manière dont les opérations sont effectuées et organisés en fonction du temps
qui s’écoule au fur et à mesure que nous parcourons la page.

8
Cas d’utilisation ‘Récupérer les données depuis le serveur‘

Figure 3 : diagramme sequence cas d utilisation ‘recupérer les donnes depuis serveur ‘

Cas d’utilisation ‘Récupérer les données de la table des antennes’

9
Figure 4 : diagramme sequence cas d utilisation ‘recupérer les donnes de la table des antennes‘

Cas d’utilisation ‘Récupérer les données de la table des zones’

Figure 5 : diagramme sequence cas d utilisation ‘recupérer les donnes de la table des zones ‘

Cas d’utilisation ‘Récupérer les données de la table des lecteurs’

10
 Figure 6 : diagramme sequence cas d utilisation ‘recupérer les donnes de la table des lecteurs‘

Cas d’utilisation ‘Consulter les données sur l’application’

Figure 7 : diagramme sequence cas d utilisation ‘consulter les données sur l’application ‘

11
V. Conclusion
Nous venons de terminer cette partie de conception, qui consiste à déterminer et savoir les
différents types de diagrammes réalisés avec leurs descriptions pour notre application. Dans le
chapitre suivant nous allons aborder le chapitre quatre qui représente la partie réalisation de notre
application .

Chapitre 3 : Réalisation
I. Introduction :
Ce chapitre se porte principalement sur l’énumération des outils systèmes et
matériels que je l’ai utilisés pour réaliser l’application

II. Outils de développement :

Visual Studio Code : il s’agit d’un éditeur de code open source développé par
Microsoft qui prend en charge plusieurs langages de programmation via des
extensions. Il supporte également la coloration syntaxique, la saisie semi-
automatique de code et la détection des erreurs de code.

Figure 8: Logo du vscode

2. Expo Framework
Expo est un framework basé sur React Native, qui facilite le développement d’applications
mobiles en fournissant des outils et des bibliothèques préintégrés. Grâce à Expo, nous avons
pu concevoir et tester rapidement notre application sur différentes plateformes.

12
 Figure 9: Logo du expo

3. React Native
React Native est un framework open source développé par Facebook, utilisé pour créer des
applications mobiles multiplateformes en utilisant JavaScript et React. Il permet d'obtenir des
performances proches des applications natives.

Figure 10: Logo du React Native

4. MQTT
MQTT (Message Queuing Telemetry Transport) est un protocole de messagerie léger basé sur
les échanges via des brokers. Nous l’avons utilisé pour récupérer et transmettre les données
des lecteurs RFID en temps réel dans notre application.

Figure 11: Logo du MQTT

5. Serveur API
Le serveur API de notre application est conçu pour traiter les données envoyées par les
lecteurs RFID et les antennes, et les redistribuer sous forme consolidée à l’application mobile.

Figure 12: Logo du Architecture API

8. Auto Start App Manager

Auto Start App Manager est un outil utilisé pour configurer l'exécution automatique des
applications au démarrage de l'appareil. Nous l'avons intégré pour que notre application de
suivi des employés démarre automatiquement sur les lecteurs Android, assurant ainsi un
fonctionnement fluide sans intervention manuelle.

13
 Figure 13: Logo du Auto start App Manager

IV. Les principales interfaces graphiques :

14
 Figure 14: interface principale

V. Conclusion
Dans ce dernier chapitre, nous avons mis en avant les caractéristiques de l’environnement de
travail et les différents outils technologiques utilisés pour le développement de notre
application. Nous avons également présenté les principales fonctionnalités et interactions de
l’application, tout en expliquant les démarches suivies pour atteindre les objectifs du projet.
Cette application a été conçue pour répondre efficacement aux besoins de gestion des zones et
des employés identifiés dans notre analyse préalable.

15
Conclusion générale
En conclusion, ce projet de développement d'une application mobile basée sur la gestion et le
suivi des employés via des lecteurs RFID et des zones interactives a permis d’optimiser la
supervision en temps réel et la consultation des données critiques. Nous avons traversé toutes
les étapes, depuis l'analyse des besoins spécifiques jusqu'à la conception et la mise en œuvre
technique de l’application.

Notre solution se distingue par :

 Sa réactivité : affichage en temps réel des données consolidées provenant des antennes, des
lecteurs, et des zones.
 Son efficacité : gestion simplifiée des données et des alertes grâce à une interface utilisateur
intuitive.
 Son extensibilité : architecture conçue pour intégrer facilement de nouvelles fonctionnalités
à l’avenir.

Les perspectives futures incluent :

 Une optimisation continue : pour améliorer les performances de l’application et réduire les
délais de réponse.
 L’intégration de nouvelles fonctionnalités : telles que des analyses prédictives ou des
rapports personnalisés pour mieux exploiter les données collectées.
 Le renforcement de la sécurité : pour protéger les données sensibles transmises via MQTT et
stockées sur le serveur.
 L’adaptation aux évolutions technologiques : intégration d’outils et protocoles innovants
pour rester compétitif dans le secteur industriel et de la supervision.

Ce projet ne se limite pas à une simple application mobile, mais reflète un engagement fort à
innover et à répondre aux besoins de gestion en constante évolution. Nous sommes confiants
que cette solution contribuera à améliorer les performances organisationnelles et à fournir un
outil précieux pour la gestion des employés et des zones dans des environnements complexes
et interconnectés.

16