Académique Documents
Professionnel Documents
Culture Documents
Par
Bouagina Saif Eddine
Grira Farouk
Par
Bouagina Saif Eddine
Grira Farouk
Le : Le :
Signature : Signature :
Dédicaces
Puisse Dieu te préserver et t’accorder santé, longue vie et bonheur. Je dédie ce travail
ainsi pour toute ma famille et tout mes amis et toute personne qui a contribué et m’a
aidé pour la réussite de ce projet.
A mes chers parents, Aucun mot, aucune dédicace ne saurait exprimer mon respect,
ma considération et l’amour éternel pour les sacrifices que vous avez déployés pour mon
instruction et mon bien être dans les meilleures conditions.
A mes frères, mes soeurs et mes proches, A qui je dois ma reconnaissance, je vous re-
mercie vivement pour votre présence et votre soutien.
i
Remerciements
Nous tenons à remercier tous ceux qui m’ont aidé à la réalisation de ce travail.
Tout d’abord, nous remercions Dieu source de toute connaissance. Nous tenons à pré-
senter nos vifs remerciements et nos profondes gratitudes à notre encadrante Madame
Nejla Gribaa pour sa pédagogie, sa compétence, sa modestie et son aide tout au long de
ce projet même pendant les moments les plus diffciles. Merci pour une qualité d’encadre-
ment si sérieuse et si consistante.
Nous remercions ainsi notre eencadrant technique chez IT Solar Solutions,Monsieur Was-
sim Attia, pour son accueil et le partage de son expertise avec nous.
Nous remercions toutes les personnes qui nous ont soutenus, d’une façon ou d’une
autre, nous éprouvons incessamment leur estime et amabilité, nous saluons réellement
cette très haute bienveillance que vous portez à notre égard et qui restera pour toujours
une vraie image de marque en nous.
Nous terminerons ces remerciements en saluant vivement les membres du jury pour l’hon-
neur qu’ils nous ont fait en acceptant de juger notre travail.
ii
Table des matières
Dédicaces i
Remerciements ii
Introduction Générale 1
1 Cadre de Projet 2
1.1 Introduction . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 2
1.2 Présentation de la société . . . . . . . . . . . . . . . . . . . . . . . . . . . 2
1.2.1 IT Solar-SOLUTIONS en bref : . . . . . . . . . . . . . . . . . . . . 2
1.2.2 Stratégie de IT Solar Solutions . . . . . . . . . . . . . . . . . . . . 3
1.2.3 Activités de IT Solar Solutions . . . . . . . . . . . . . . . . . . . . 3
1.2.4 Organigramme de Service « Développez et Gérez votre Business » 5
1.2.5 Organigramme de Service « Système Embarqué » : . . . . . . . . . 5
1.2.6 Organigramme de Service « Sécurité Informatique » : . . . . . . . 6
1.3 Présentation du sujet : . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 6
1.3.1 Présentation du projet : . . . . . . . . . . . . . . . . . . . . . . . . 6
1.3.2 Le but à atteindre : . . . . . . . . . . . . . . . . . . . . . . . . . . . 6
1.3.3 Travail demandé : . . . . . . . . . . . . . . . . . . . . . . . . . . . . 7
1.4 Planification du projet : . . . . . . . . . . . . . . . . . . . . . . . . . . . . 7
1.5 Conclusion . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 8
iii
Table des matières Table des matières
3 Études Conceptuelle 17
3.1 Introduction . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 17
3.2 Langage UML : . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 17
3.2.1 Présentation du langage UML : . . . . . . . . . . . . . . . . . . . 17
3.2.2 Intérêt de la modélisation : . . . . . . . . . . . . . . . . . . . . . . 17
3.3 Les diagrammes de séquences : . . . . . . . . . . . . . . . . . . . . . . . . 18
3.3.1 Diagramme de séquences « Authentification » : . . . . . . . . . . 18
3.3.2 Diagramme de séquences «Consulter Historique» : . . . . . . . . . 19
3.4 Le diagramme de Classe : . . . . . . . . . . . . . . . . . . . . . . . . . . . 20
3.4.1 Définition : . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 20
3.4.2 Présentation des classes : . . . . . . . . . . . . . . . . . . . . . . . 21
3.4.3 Les classes, les attributs et les méthodes : . . . . . . . . . . . . . . 21
3.5 Le diagramme d’activité : . . . . . . . . . . . . . . . . . . . . . . . . . . . 25
3.5.1 Diagramme d’activité « Recherche d’adresse » : . . . . . . . . . . . 25
3.5.2 Diagramme d’activité «Gestion d’intervention» : . . . . . . . . . . 26
3.6 Conclusion : . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 27
4 Réalisation 28
4.1 Introduction . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 28
4.2 Choix techniques . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 28
4.2.1 Android . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 28
4.2.2 Java . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 29
4.2.3 PHP . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 29
4.2.4 XML . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 29
4.2.5 REST . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 30
4.2.6 MySQL . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 31
4.3 Environnement de développement . . . . . . . . . . . . . . . . . . . . . . . 31
4.3.1 Environnement matériel . . . . . . . . . . . . . . . . . . . . . . . . 31
4.3.2 Environnement logiciel . . . . . . . . . . . . . . . . . . . . . . . . . 32
4.4 Présentation de la solution . . . . . . . . . . . . . . . . . . . . . . . . . . 33
4.4.1 Interface Authentification : . . . . . . . . . . . . . . . . . . . . . . 34
4.4.2 Interface Accueil : . . . . . . . . . . . . . . . . . . . . . . . . . . . 35
4.4.3 Interface Mes Interventions : . . . . . . . . . . . . . . . . . . . . . 37
4.4.4 Interface Consulter Historique : . . . . . . . . . . . . . . . . . . . 38
4.4.5 Interface Rechercher Adresse : . . . . . . . . . . . . . . . . . . . . 39
4.4.6 Cloturer une intervention : . . . . . . . . . . . . . . . . . . . . . . 40
4.5 Conclusion . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 41
Conclusion Générale 42
Netographie 43
iv
Table des figures
3.1 Authentification . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 18
3.2 Consultation d’historique . . . . . . . . . . . . . . . . . . . . . . . . . . . . 19
3.3 Diagramme de classe . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 20
3.4 Gestion d’intervention . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 25
3.5 Gestion d’intervention . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 26
v
Liste des tableaux
vi
Introduction Générale
Le marché des technologies a connu une énorme évolution ces dernières années et avec
l’intégration de l’internet il y a eu des changements sur la façon et la rapidité d’accès aux
informations.
Une application de pointage permettant la saisie des temps sur smartphone, Liftnic
Elevator permet aux employés itinérants de pointer leurs temps de travail, leurs temps
de non production (pause, maladie, absence, ...) ainsi que leurs frais (trajet, frais kilomé-
trique, panier, ...) sur leur téléphone mobile, en lien direct avec l’entreprise via le réseau
3G/4G.
L’application sert à planifier des interventions pour une société d’ascenseurs sous forme
de tâches qu’on doit démarrer à l’arrivée sur l’installation et clôturer une fois le travail
terminé en ajoutant un commentaire, des photos, etc...
Faisant partie de l’ISTIC, et dans le cadre de notre projet de fin d’études en vue
de l’obtention du diplôme de Licence Fondamentale en Science de L’informatique,nous
sommes dirigés à développer une application Android pour planifier des interventions
pour une société d’ascenseurs sous forme de tâches .
Ainsi, nous organisons notre rapport autour de quatre chapitres :
1. Dans le premier chapitre « cadre général », nous expliquons le cadre de notre projet.
2. Dans le deuxième chapitre « analyse et spécification des besoins», nous déterminons
les acteurs du futur système, les besoins fonctionnels et non fonctionnels ainsi que
le diagramme de cas d’utilisation.
3. Dans le troisième chapitre «Étude conceptuelle », nous modelons une conception
des diagrammes des séquences, de diagramme de classe , ainsi que les diagrammes
d’activité.
1
Chapitre 1
Cadre de Projet
1.1 Introduction
Dans ce chapitre nous mettons notre travail dans son contexte général. Tout d’abord,
nous décrivons l’environnement du stage à travers la présentation de l’organisme d’accueil.
Ensuite nous présentons le contexte et les besoins menant à ce projet.
2
Chapitre 1. Cadre de Projet 1.2. Présentation de la société
3
Chapitre 1. Cadre de Projet 1.2. Présentation de la société
4
Chapitre 1. Cadre de Projet 1.3. Présentation du sujet :
— Assurer un gain de temps par l’accés rapides aux fiches des interventions.
5
Chapitre 1. Cadre de Projet 1.4. Planification du projet :
— Concevoir et développer une base de données répondant aux différents besoin déja
cités et l’intégrer dans l’application.
6
Chapitre 1. Cadre de Projet 1.5. Conclusion
1.5 Conclusion
Dans ce chapitre, nous avons mis notre projet dans son contexte général. Nous avons
commencé par une description générale de la société «IT Solar Solutions ». Nous avons
exposé sa localisation puis ses stratégies et principales activités et ses organigrammes en-
suite nous avons présenté le cadre général de notre projet, une brève présentation, le but
à atteindre et le travail demandé en finissant avec l’environnement de développement et
la planification temporelle.
7
Chapitre 2
2.1 Introduction
Dans ce chapitre, nous analysons les besoins de l’application et les buts a atteindre
en utilisant une démarche UML.Tout d’abord, une étude critique de l’existant est réalise.
Puis, nous décrivant les besoins fonctionnels et non fonctionnels de l’application en shé-
matisant aussi les diagrammes de cas utilisation.
8
Chapitre 2. Analyse et spécification des besoins 2.4. Spécifications des Besoins :
travail d’une semaine entière c’est à dire de lundi au dimanche dans un tableau excel sous
forme PDF.
L’administrateur de :
— Gérer les techniciens (Ajouter, modifier, supprimer,...).
— Ajouter une adresse : l’adresse doit contenir numéro d’installation, adresse, ville,
code postal, contact...
9
Chapitre 2. Analyse et spécification
2.5. Modélisation
des besoins avec les diagrammes cas d’utilisation :
Le Technicien de :
— Consulter les interventions.
— Consulter l’historique.
— afficher un rapport.
10
Chapitre 2. Analyse et spécification
2.5. Modélisation
des besoins avec les diagrammes cas d’utilisation :
11
Chapitre 2. Analyse et spécification
2.5. Modélisation
des besoins avec les diagrammes cas d’utilisation :
12
Chapitre 2. Analyse et spécification
2.5. Modélisation
des besoins avec les diagrammes cas d’utilisation :
13
Chapitre 2. Analyse et spécification
2.5. Modélisation
des besoins avec les diagrammes cas d’utilisation :
14
Chapitre 2. Analyse et spécification des besoins 2.6. Conclusion
2.6 Conclusion
Ce chapitre propose une solution au systéme existant sous forme d’un ensemble de
besoins fonctionnels et non fonctionnels que l’application doit assurer. Une modélisation
des diagrammes de cas d’utilisation a été aussi menéee.
15
Chapitre 3
Études Conceptuelle
3.1 Introduction
Au cours de ce chapitre,nous allons présenter la conception et le développement d’ une
application de pointage . A travers cette partie, on met en disposition une vue statique
et dynamique de notre produit représentée par le diagramme de séquence , le diagramme
de classe et le diagramme d’activité .
16
Chapitre 3. Études Conceptuelle 3.3. Les diagrammes de séquences :
— Acteur : Technicien/Admin.
17
Chapitre 3. Études Conceptuelle 3.3. Les diagrammes de séquences :
— Acteur : Technicien.
18
Chapitre 3. Études Conceptuelle 3.4. Le diagramme de Classe :
19
Chapitre 3. Études Conceptuelle 3.4. Le diagramme de Classe :
— Installation : Contient les interventions gérer et créer par les techniciens et les
informations relatives à une intervention.
— Historique : Contient la liste des interventions ordonnée par une date bien deter-
miné.
— Pointage : Contient un rapport concernant les interventions gérer par les techni-
ciens.
Attributs
Nom Type Description
idtech int Identifiant de chaque Technicien
nom String Nom de Technicien
prenom String Prénom de Technicien
login String Login de Technicien
mdp String Mot de passe de Technicien
numcin int Numero de CIN de Technicien
Méthodes
ajouter() void Ajouter des interventions
afficher() void Consulter les interventions
rechercher() void Chercher une adresse qui est déjà enregistrée dans le cloud.
20
Chapitre 3. Études Conceptuelle 3.4. Le diagramme de Classe :
Administrateur
Attributs
Nom Type Description
idadmin int Identifiant de l’admin
nom String Nom de l’admin
prenom String Prénom de l’admin
login String Login de l’admin
mdp String mot de passe de l’admin
Méthodes
ajouter() void Ajouter des types d’interventions ou des techniciens
modifier() void Modification des types d’interventions
supprimer() void Supprimer des techniciens ou des types d’interventions
Consulter() void Consulter l’historique de chaque technicien.
Historique
Attributs
Nom Type Description
idhisto int l’identifiant de l’historique
jour int le jour de l’intervention
mois int le mois de l’intervention
année int L’année de l’intervention
typeintervention String type de l’intervention
Méthodes
ajouter() void ajouter l’historique
consulter() void consulter l’historique
21
Chapitre 3. Études Conceptuelle 3.4. Le diagramme de Classe :
Journée
Attributs
Nom Type Description
idjounée int l’identifiant de la journée
jour int le jour de l’intervention
mois int le mois de l’intervention
année int L’année de l’intervention
typeintervention int Les types d’intervention : entretien - pannes-
intervention qualite- travaux- actions internes.
Pointage
Attributs
Nom Type Description
idpoint int l’identifiant de Pointage
typeintervention String le type de l’intervention
ttl int C’est le temps écoulé entre le moment
où on clôture une intervention et le moment
où on démarre la suivante.
tempsexecution int le temps d’éxecution de l’intervention
Méthodes
afficher() void afficher le pointage des heures de travail de toute
la semaine (du lundi au dimanche) sous forme
pdf représentant un tableau excel.
imprimer() void imprimer une intervention
22
Chapitre 3. Études Conceptuelle 3.4. Le diagramme de Classe :
Installation
Attributs
Nom Type Description
numi nstallation int Numéro de l’installation
adresse String L’adresse de l’installation (intervention)
typeintervention String Les types d’intervention : entretien - pannes-
intervention qualite- travaux- actions internes.
Commentaire String Commentaire visible si type d intervention = actions internes
statuts String Pour cloturer une tache il y a des etats de cloture :
- avec succes
- avec succes + materiels a commander
- echec
- accenseur a l arret (critique)
tempstrajet int C’est le temps écoulé entre le moment où on clôture
une intervention et le moment où on démarre la suivante.
tempsintervention int Le temps de l’intervention
Méthodes
ajouter() void Ajouter une intervention
modifier() void Modifier une intervention
supprimer() void Afficher une intervention
23
Chapitre 3. Études Conceptuelle 3.5. Le diagramme d’activité :
— Demande une recherche d’adresse dans notre application, le systeme affiche un for-
mulaire de recherche.
— Chercher une adresse qui est déjà enregistrée dans la base de donnée.
— La recherche doit se faire sur des mots clés de l’adresse ou du numéro de l’instal-
lation.
24
Chapitre 3. Études Conceptuelle 3.5. Le diagramme d’activité :
25
Chapitre 3. Études Conceptuelle 3.6. Conclusion :
— Une deuxième operation, concerne l’ajout d’une intervention dans notre base.
3.6 Conclusion :
Dans ce chapitre, nous avons présenté la conception détaillée de notre application à
savoir le diagramme de classe et les différents diagrammes de séquences et d’activité de
notre application. Le chapitre suivant va englober la partie de réalisation en présentant
les choix techniques, les environnements de travail matériel et logiciel et les différents
modules réalisés.
26
Chapitre 4
Réalisation
4.1 Introduction
Dans ce dernier chapitre de notre rapport, nous allons entamer la partie implémenta-
tion en présentant les outils techniques utilisés pour la réalisation du projet, nous allons
ainsi exposer quelques interfaces de notre application réalisée.
4.2.1 Android
Pour développer une application Android il est nécessaire de maitriser le langage JAVA
et il faut aussi avoir une idée sur le langage XML.
La composante principale d’une application Android est l’activité « Activity ». Une acti-
vité représente l’interface que nous voyions sur l’écran et le code JAVA qui alimente cette
interface.
Une autre composante qui permet de créer des interfaces est le « Fragment ». Un fragment
est similaire à une activité sauf qu’il est plus léger. Il est conseillé de toujours utiliser si
c’est possible un fragment.
Un fragment doit toujours être contenu dans une activité ce qui fait que dans une appli-
cation Android il faut y avoir au moins une activité.
Les interfaces graphiques sont constituées d’un ensemble de View codé en XML.
27
Chapitre 4. Réalisation 4.2. Choix techniques
4.2.2 Java
Java est un langage connu des développeurs. Java est reconnu comme langage de
programmation le plus populaire au monde. Il fonctionne dans une machine virtuelle, donc
pas besoin de recompiler pour chaque téléphone et Java est facile à sécuriser. Ceci est une
caractéristique très importante. Fonctionnant sur une VM (donc pas de recompilation)
est un énorme plus.
4.2.3 PHP
PHP est un langage de programmation libre, principalement utilisé pour produire des
pages Web dynamiques via un serveur HTTP, mais pouvant également fonctionner comme
n’importe quel langage interprété de façon locale. PHP est un langage impératif orienté
objet.
PHP a permis de créer un grand nombre de sites web célèbres, comme Facebook, Wikipé-
dia,etc. Il est considéré comme une des bases de la création de sites web dits dynamiques
mais également des applications web.[2]
4.2.4 XML
Le XML est un langage de balisage extensible, langage informatique qui sert à enre-
gistrer des données textuelles.
Ce langage , similaire à l’HTML de par son système de balisage, permet de faciliter
l’échange d’information sur l’internet.
28
Chapitre 4. Réalisation 4.2. Choix techniques
4.2.5 REST
REST est un Web Service qui utilise les URI comme syntaxe universelle pour adres-
ser les ressources et les types MIME comme text/xml, text/html, image/jpeg, applica-
tion/pdf, video/mpeg pour la représentation des ressources . Il fait appel à des requêtes
HTTP pour obtenir (GET), placer (PUT), publier (POST) et supprimer (DELETE) des
données. La figure 4.3 explique le mecanisme de fonctionnement de REST.
29
Chapitre 4. Réalisation 4.3. Environnement de développement
4.2.6 MySQL
C’est un système de gestion de bases de données relationnelles
Machine Caractéristiques
Dell Inspiron 15 série 7000 Système d’exploitation : Windows 8.1 64 Bits
Ecran : 15.6 pouces
Processeur : Intel Core i7-6700HQ
Mémoire : 16 Go
Disque dur : 1 To
Carte graphique : NVIDIA GEFORCE GTX 960M
ASUS N751JK Système d’exploitation : Windows 10 Professionnel 64 Bits
Ecran : 17 pouces
Processeur : Intel(R) Core(TM) i7-4710HQ
Mémoire : 16 Go
Disque dur : 2 To
Carte graphique : NVIDIA GEFORCE 850M
Samsung Galaxy J5 (2017) Système : Android 7.0
Processeur : Samsung Exynos 7870
Mémoire vive (RAM) : 2 Go
Capacité : 16 Go
30
Chapitre 4. Réalisation 4.3. Environnement de développement
Android Studio
Un environnement de développement , un logiciel, vous permettant de développer des
applications pour une plate-forme donnée. Il est utilisé pour développer des applications
mobile Android.
Android Studio permet principalement d’éditer les fichiers Java/Kotlin et les fichiers de
configuration XML d’une application Android.
La figure 4.4 nous montre l’interface de l’environnement de développement « Android
Studio » qui est le plus conseillé par Google pour développer une application Android
native.
Brackets
Un éditeur de texte open source moderne à la fois léger et puissant qui comprend et
facilite la conception de sites web.Par l’intégration d’outils visuels directement dans son
interface, vous bénéficiez de la quantité d’aide adéquate lorsque vous le souhaitez, sans
entraver votre processus créatif.
Xampp
C’est un logiciel qui englobe un ensemble d’outils nécessaire pour le fonctionnement
d’une application, comme : MySQL, Apache et Tomcat.
31
Chapitre 4. Réalisation 4.4. Présentation de la solution
LaTeX
LaTeX est un langage et un système de composition de documents texte utilisé pour
la rédaction du rapport.
Dans cette partie, nous allons présenter quelques interfaces de l’application, répondant
32
Chapitre 4. Réalisation 4.4. Présentation de la solution
33
Chapitre 4. Réalisation 4.4. Présentation de la solution
34
Chapitre 4. Réalisation 4.4. Présentation de la solution
35
Chapitre 4. Réalisation 4.4. Présentation de la solution
36
Chapitre 4. Réalisation 4.4. Présentation de la solution
37
Chapitre 4. Réalisation 4.4. Présentation de la solution
38
Chapitre 4. Réalisation 4.4. Présentation de la solution
39
Chapitre 4. Réalisation 4.5. Conclusion
4.5 Conclusion
Dans ce dernier chapitre de notre rapport, nous avons présenté tout d’abord les diffe-
rentes techniques que nous avons utilisées pour la réalisation de notre application, ensuite
nous avons présenté les environnements matériel et logiciel, et finalement nous avons pré-
senté quelques interfaces de notre application.
40
Conclusion Générale
Notre projet a été réalisé au sein de IT Solar Solutions qui est une entreprise offre des
services incluent le développement de logiciel, la création de sites web et lintégration de
systèmes dinformations.
Notre projet consiste à créer une application mobile pour la gestion de pointage pour
une société dascenseurs qui a comme valeurs ajoutées par rapport à lapplication existante
de faire la configuration du nombre des libellés d’intervention est limité par rapport aux
différentes pannes qui pourrait survenir ,la gestion des interventions ,rendre le rapport
des interventions meilleurs et les optimiser sous forme numérique en fichier PDF sur une
date illimité, le design d’interface de l’application qui pourrait facilement étre optimisés
et suivre un schéma ergonomique plus pratique surtout plus attrayant.
Pour réaliser cette Application nous nous sommes focalisés toutes les étapes nécessaires
pour la conception et le développement dune application mobile Android pour automa-
tiser le traitement de dérangement. Cette application est développées spécialement pour
lutilisation de deux acteurs qui sont l’admin, le technicien .
Notre principal apport était : Réaliser une application mobile au technicien pour gérer
ses interventions et afficher l’historique de ses interventions.
Ce projet nous a donné de plus loccasion dacquérir des nouvelles connaissances à pro-
pos de StarUML, AndroidStudio, REST et de maitriser les langages de programmation
JAVA, PHP, etc., qui seront certes utile dans nos futures vies professionnelles.
À titre général, ce stage a constitué une expérience professionnelle exceptionnelle. La vie
universitaire ne permet que davoir un aperçu de son futur métier. On découvre rapide-
ment que laspect pratique dépasse souvent les connaissances acquises et quil constitue
une formation rapide.
41
Netographie
42