Vous êtes sur la page 1sur 66

MINISTERE DE L’ENSEIGNEMENT SUPERIEUR DE LA

‫وزارة التعليم العالي والبحث العلمي‬


RECHERCHE SCIENTIFIQUE
UNIVERSITE DE SFAX ‫جامعة صفاقس‬

INSTITUT SUPERIEUR DE GESTION INDUSTRIELLE DE ‫المعهد العالي للتصرف الصناعي بصفاقس‬


SFAX LA-IG-3-19-11

PROJET DE FIN D’ETUDES


Effectué à 
For right solutions
En vue de l’obtention du diplôme de

LICENCE APPLIQUÉE EN INFORMATIQUE DE GESTION : INFORMATIQUE APPLIQUÉE


À LA GESTION INDUSTRIELLE

Intitulé

Application mobile et web de traçabilité de réservation


d'équipements et de consommables

Elaboré par : MANAI CHAIMA


CHOUCHENE SAMIA

Soutenu devant le jury composé de :


Président : WERDA Salah
Rapporteur : MOKNI Raouia
Encadrant ISGIS : JRIDI Wafa
Co-Encadrant ISGIS :
Encadrant Professionnel : CHOUCHENE Samih
Année Universitaire 2018-2019

J’autorise l’étudiant à faire le dépôt de son rapport de stage en vue d’une


soutenance.

Encadrant professionnel, chouchene samih

Signature et cachet

J’autorise l’étudiant à faire le dépôt de son rapport de stage en vue d’une


soutenance.

Encadrant académique, jridi wafa

Signature et cachet
Dédicaces

Dédicaces Du profond de mon cœur, je dédie ce travail à tous ceux qui me sont chers,

A MES CHERS PARENTS

Que ce travail soit l’expression de ma reconnaissance pour vos sacrifices consentis, votre
soutien moral et matériel que vous n’avez cesse de prodiguer. Vous avez tout fait pour mon
bonheur et ma réussite. Que dieu vous préserve en bonne santé et vous accorde une longue
vie.

A MES FRERES, SŒURS

Vous étiez toujours présents pour m’aider et m’encourager. Sachiez que vous serez toujours
dans mon cœur.

A tous mes amies qui n’ont cessé de m’encourager et de me soutenir

A TOUS MES AMIES…

Samia
Dédicaces

A mes chers parents ... Sources de mes joies, secrets de ma force, Aucun hommage ne
pourrait être à la hauteur de l’amour, c’est à vous que je dois cette réussite.

A mes Frères, ma sœur, je vous dédie ce travail avec tous mes vœux de bonheur, santé et de
réussite

A toute ma famille, A tous mes professeurs et ceux qui ont contribué à la réussite de ce
travail.

Il y a des jours où l’on est fatiguée, ou l’on est surchargée de travail, ou l’on n’a pas le
moral, des jours ou rien ne va. Il y a des jours ou l’on se sent seule, triste, découragé, des
jours ou l’absence de certains nous fait cruellement mal, des jours ou l’on en envie de pleurer
…et puis il y a des personnes qui sont la , visibles ou parfois dans l’ombre, des personnes qui
ne font pas de bruit, mais qui sont pourtant bien présentes, des personnes qui vous aident, des
personnes qui vous aiment, qui sont attentives, et qui vous offrent des sourires, des attentions,
des mots doux, et tout cela, par pure gentillesse, générosité, bonté, par amitié aussi, et qui
n’attendent rien en 0retour ces personnes-là , je voudrais leur dire combien leur
bienveillance m’est douce et combien je les aime…merci d’être à mes côtés .

Chaima
Remerciements

« ‫» الحمد هللا الذي ھدانا لھذا و ماكنا لنھتدي لوال أن ھدانا اهللا‬

Nous exprimons nos profondes gratitudes et respectueuse reconnaissance à notre encadreur :

Mme. Wafa Jridi Pour sa bonne volonté d'accepter de nous encadrer, pour tout le temps
qu’il nous a octroyé et pour tous les conseils qu’il nous a prodigué.

Nous remercions aussi nos encadreurs de la société Mr. Samih Chouchene & Mr. Fedi
Chouchene Pour leurs directives précieuses, et pour la qualité de leurs suivis durant toute la
période de notre projet. Nous tenons à remercier Mr. Salah Werda qui a bien voulu nous
faire l’honneur de présider le jury.

Nous remercions sincèrement Mme. Raouia Mokni d’avoir accepté d’être rapporteur de
ce manuscrit.

Nos vifs remerciements s’adressent également à nos enseignants et à nos amis, pour leur
présence chaleureuse et leur encouragement.
SOMMAIRE

INTRODUCTION GÉNÉRALE............................................................................................................................ 8
CHAPITRE 1 : ETUDE PRÉALABLE................................................................................................................... 11
INTRODUCTION........................................................................................................................................................12
1.1 Etude de l’existant....................................................................................................................................12
1.1.1 Analyse de l’existant..........................................................................................................................................12
1.1.2 : Critique de l’existant........................................................................................................................................16
1.2 Définition de mission................................................................................................................................16
1.2.1 : Présentation de l’application...........................................................................................................................16
1.2.2 Objectifs à atteindre..........................................................................................................................................17
1.2.3 : publics visés.....................................................................................................................................................17
1.3 Repérage du domaine...............................................................................................................................17
CONCLUSION...........................................................................................................................................................18
CHAPITRE 2 : CAPTURE DES BESOINS............................................................................................................ 19
INTRODUCTION........................................................................................................................................................20
2.1 Acteurs du système informatisé...............................................................................................................20
2.2 Outils et démarche méthodologiques.......................................................................................................20
2.2.1 Outils de Modélisation.......................................................................................................................................20
2.2.2 Justification du choix.........................................................................................................................................22
1.2.3. Méthodologie de développement....................................................................................................................22
2.3 Élaboration du modèle de cas d’utilisation..............................................................................................23
2.3.1 Diagramme des cas d’utilisation........................................................................................................................23
CONCLUSION...........................................................................................................................................................34
CHAPITRE 3 : ANALYSE ET DÉVELOPPEMENT................................................................................................ 35
INTRODUCTION :...................................................................................................................................................36
1.ANALYSE..........................................................................................................................................................36
1.1. Diagramme de séquence système...........................................................................................................36
2.DEVELOPPEMENT..................................................................................................................................................47
2.1. Technologies de production.....................................................................................................................47
2.1.1. Logiciels de développement d’application........................................................................................................48
2.1.2. Logiciels de traitement de texte.......................................................................................................................51
2.1.3.Logiciels de présentation...................................................................................................................................51
2.1.4. Logiciels graphiques..........................................................................................................................................52
2.1.5. Configuration matérielle...................................................................................................................................53
1.2.Capture d’interfaces réalisées..................................................................................................................54
2.2.1 L’icône de l’application......................................................................................................................................54
2.2.2 Description graphique de l’application..............................................................................................................54
CONCLUSION...........................................................................................................................................................61
CONCLUSION GÉNÉRALE.............................................................................................................................. 62
LISTE DES FIGURES

Figure 1 : logo de la société for right solutions.......................................................................................................13


Figure 2:logiciel super coupe..................................................................................................................................15
Figure 3:logiciel super CAD...................................................................................................................................15
Figure 4: logiciel optima print................................................................................................................................16
Figure 5:logiciel cadence........................................................................................................................................16
Figure 6:Les diagramme principaux « UML »..........................................................................................................22
Figure 7:la démarche de modélisation du besoin jusqu’à la réalisation................................................................24
Figure 8:diagramme de cas d’utilisation d’administrateur.....................................................................................25
Figure 9:Diagramme de cas d’utilisation « d’employé »........................................................................................26
Figure 10:diagramme de séquence système « s’authentifier »..............................................................................38
Figure 11:diagramme de séquence système « Ajouter employé »........................................................................39
Figure 12:diagramme de séquence système « modifier employé ».......................................................................40
Figure 13:diagramme de séquence système « supprimer employé »....................................................................41
Figure 14:diagramme de séquence système « ajouter ressource ».......................................................................42
Figure 15:diagramme de séquence système « Modifier ressource ».....................................................................43
Figure 16:diagramme de séquence système « Supprimer ressource »..................................................................44
Figure 17:diagramme de séquence système « ajouter département ».................................................................45
Figure 18:le diagramme de séquence "modifier département"............................................................................46
Figure 19:diagramme de séquence système « supprimer département »............................................................47
Figure 20:diagramme de classe..............................................................................................................................48
Figure 21 Logo « Android Studio »........................................................................................................................49
Figure 22:LOGO « XAMPP »....................................................................................................................................50
Figure 23:Logo « StarUml ».....................................................................................................................................50
Figure 24: logo  « Notepad++ »...............................................................................................................................51
Figure 25 logo "PHP".............................................................................................................................................51
Figure 26 Logo « JSON ».......................................................................................................................................52
Figure 27:logo « Microsoft Word ».........................................................................................................................52
Figure 28: «  logo PowerPoint »..............................................................................................................................53
Figure 29 : LOGO « logo maker »............................................................................................................................53
Figure 30:Logo de l’application...............................................................................................................................55
Figure 31:interface d'authentification....................................................................................................................56
Figure 32:interface accueil administrateur.............................................................................................................56
Figure 33:interface Liste des départements...........................................................................................................57
Figure 34:interface ajout d'un département..........................................................................................................57
Figure 35: interface Liste des employés..................................................................................................................58
Figure 36:interface Ajouter employé......................................................................................................................58
Figure 37:interface Modifier employé....................................................................................................................59
Figure 38:interface Modifier employé....................................................................................................................59
Figure 39:interface Ajouter équipement................................................................................................................60
Figure 40:interface Modifier équipement..............................................................................................................60
Figure 41:interface Liste des consommables..........................................................................................................61
Figure 42:interface Ajouter un consommable........................................................................................................61
Figure 43:interface de stock....................................................................................................................................62
AVANT PROPOS

Cette étude entre dans le cadre de la préparation d’un mémoire de fin d’études en vue de
l’obtention du diplôme Licence appliquée en informatique de gestion, au sein de l’Institut
Supérieur de gestion industrielle de Sfax. C’est ainsi que nous avons eu l’occasion de préparer
notre projet de fin d’étude intitulé « Application mobile de traçabilité d'équipements et de
consommables » proposé par la société for right solutions.

Ce projet est un apport très bénéfique quant au perfectionnement des connaissances de


l’étudiant dans le domaine informatique et pour avoir l’opportunité d’appliquer ses
connaissances théoriques acquises tout au long de son cursus universitaire dans le cadre
professionnel.
LISTE DES ABRÉVIATIONS

FRS : for right solutions

UML :  Unified Modelling Language 


XAMPP : Apache MySQL Perl PHP
Introduction générale
Les entreprises cherchent à rester compétitives, elles doivent améliorer
constamment leurs efficacités opérationnelles, leurs qualités et leurs délais à fournir des
services pour leurs clients.

L’évolution technologique récente a permis l’apparition d’une variété de moyens


permettant à un utilisateur d’accéder et d’utiliser l’information qui l’intéresse en tout lieu
couvert par le réseau et à tout moment.

L’accès au contenu ne s’effectue plus exclusivement de la même façon ni par les


mêmes appareils qu’il y a quelques décennies. Ces nouveaux appareils, fruits d’une
véritable révolution technologique, ont pour nom : assistants personnels, téléphones
cellulaires, Smartphones, etc.

Les téléphones mobiles aujourd’hui sont allés plus loin que leur rôle primitif
d’outils de communication. Les utilisateurs veulent continuellement plus de leurs
téléphones mobiles. Ils les utilisent pour stocker leurs données, jouer, lire, surfer sur
internet. Il en découle que, les téléphones mobiles assurent des vastes fonctionnalités au-
delà de la voix qui doivent être explorées et exploitées.

Dans ce contexte et dans le cadre de notre formation de licence appliquée en


informatique de gestion à l’institut supérieur de gestion industrielle et pour mettre en
application nos connaissances en matière de développement et acquérir de solides
compétences. Nous sommes appelés à réaliser un Projet de fin d’étude au sein de la
société « for right solutions » qui nous a offert l’opportunité de concevoir et développer
une application web et mobile qui aide les entreprises à gérer la réservation de leurs
ressources et donner une traçabilité de cette réservation.

Notre application se subdivise en trois principaux chapitres :

 Le premier chapitre a pour titre Etude préalable, nous commencerons par


comprendre l’Etude de l’existant.
 Dans le deuxième chapitre vise à approfondir la compréhension du
système et à obtenir une spécification, une analyse et une conception
détaillées des cas d’utilisation.
 Le troisième chapitre est destiné à exposer la partie réalisation de notre
application où nous allons détailler l’architecture utilisée. À l’issue de ce
projet, la conclusion générale mettra en exergue les principaux résultats,
et quelques perspectives intéressantes concernant ce travail.
Chapitre 1
Etude préalable
Introduction

Dans ce chapitre nous allons défini, dans un premier temps, l’étude préalable qui consiste à
présenter le contexte de l’étude, la problématique et les objectifs à atteindre.

1.1 Etude de l’existant 

L’étude de l’existant comporte deux parties : analyse de l’existant et critique de d’existant.

1.1.1 Analyse de l’existant

1.1.1.1  : Présentation de la société for right solution

For Right Solutions « FRS » est une Société de Services et d’Ingénierie Informatique Fondée
en 2011 et qui évolue dans les domaines de développement de solutions de gestion
d’entreprises.

FIGURE 1 : LOGO DE LA SOCIÉTÉ FOR RIGHT SOLUTIONS


Contact :

Agence de Sfax (for right solutions)

Adresse : BebBhar, Imm. BORJ KHALIFA B 404 – 3000, Sfax


Téléphone : 74 221 544 | Mobile : 52 591 855
E-mail : contact@frsdev.com

Agence de Tunis (GM Informatique)


Adresse : Résidence les Emeraudes A – 16 Block K Aounia, Tunis
Téléphone : 71 670 333 | Mobile : 92 127 330
E-mail : contact@gmi-tn.com
Services :

FRS propose la mise à disposition des compétences de ses collaborateurs à distance. Les
collaborateurs travaillent en mode REMOTE grâce aux nouveaux moyens de communication.

La société dispose de lignes téléphoniques IP qui permettent un échange rapide à coût presque
nul, ainsi que de connexions VPN pour assurer la sécurité des données de ses clients.

FRS propose :

 Une mobilisation des compétences adéquates garantissant la réussite des projets.


 Migrations technologiques
 Développement logiciel
 Testing et maintenance

Objectif :

L’objectif de FRS est de développer, en étroite collaboration avec ses clients, les meilleures
solutions, innovantes et sur mesure. L’équipe FRS travaille en pleine confiance et en
(re)connaissance des compétences, pour un objectif commun :

 La réussite des projets


 La pérennité des investissements
 Soulagement des contraintes et des difficultés

Compétences :
FRS met à la disposition de ses clients un ensemble de compétences et un effectif homogène
et discipliné (d’ingénieurs, Concepteurs, commerciaux, Développeurs et Formateurs), pour le
déploiement, la maîtrise et l’optimisation des systèmes d’information. Toutes ses
compétences sont mises en œuvre pour obtenir des solutions informatiques attractives et
adaptées à la demande et à l’image de chaque entreprise.
Travaux réalisés :

 super coupe (logiciel d’optimisation de coupe)

Fonctionnalités du super coupe

 Atteindre le résultat convenable et désiré d’optimisation de découpe des panneaux.


 Gérer des chutes nécessite des fonctionnalités qui se caractérisent par la simplicité, par
la performance et l’efficacité.

La figure 2 représente le logo du logiciel super coupe

FIGURE 2:LOGICIEL SUPER COUPE

 supercad 3d (logiciel de conception de meubles)

Fonctionnalités du Super Cad 3D

 Création une multitude de scénarios de conception.


 Gestion des entités panneaux.
 Gestion des noms des mises en plan automatiques.
 Création de nomenclatures spécifiques

La figure 3 représente le logo du logiciel super cad

FIGURE 3:LOGICIEL SUPER CAD


 optima print (logiciel pour l’impression offset)

Fonctionnalités du optima print

 Gestion des devis


 Calcul et l’optimisation des planches d’impression
 Paramétrage des opérations d’impression, paramétrage des machines d’impression, et
paramétrage des papiers utilisés.
 Gestion les différents utilisateurs du programme

La figure 4 représente le logo du logiciel optima print

FIGURE 4: LOGICIEL OPTIMA PRINT

 cadence (logiciel de gestion commercial)

Fonctionnalités de la cadence

 Gestion complète de la chaîne de ventes.


 Gestion des encours clients autorisés.
 Clôture et réouverture des stocks à la demande.
 La gestion des commandes d’achat pour le suivi des réceptions des fournisseurs …

Encaissement et contrôle des recettes

La figure 5 représente le logo du logiciel cadence

FIGURE 5:LOGICIEL CADENCE .


1.1.1.2: Description de la procédure 

Dans notre monde moderne la technologie atteint presque tous les domaines et facilite
l’accès et l’échange automatique de l’information - même si le domaine industriel à travers
des applications qui sert à informatiser les différentes opérations faites manuellement sur
papier.

En effet, et d’après notre expérience personnelle on trouve la majorité des entreprises gère
manuellement la gestion de réservation de matériels mais l’innovation en informatique ne
s’arrête jamais puisque on parle maintenant du domaine d’applications mobile et web.

Pour cela notre société de stage FRS a eu l’idée de concevoir une application web et mobile
afin de faciliter la gestion de réservation de ressources matériels surtout pour les moyennes et
grandes entreprises.

1.1.2 : Critique de l’existant

En faisant une étude approfondie de l’existant on a dégagé des insuffisances que les grandes
sociétés en souffrent parmi lesquels on peut citer :

 Perte de temps en cas de réservation d’une ressource.


 Mal organisation des ressources (en cas de réservation en même temps).
 Manque de statistiques.
 Coût de matériel dépasse le budget.
 Manque de communication entre les employés et l’administration.
 L’indisponibilité du stock.
 Maintenance du matériel n’est pas à jour.

1.2 Définition de mission

1.2.1 : Présentation de l’application

Pour satisfaire aux besoins de l’entreprise, FRS nous a fait confiance et elle nous a attribué ce
projet sous forme d’une application mobile et web qui est intitulé (OptimaReserv) sous la
plateforme Android, elle atteint plusieurs fonctionnalités tel que :

 Gestion de ressources (équipements et consommables).


 Gestion d’employés.
 Gestion des départements (attribuer les employés aux départements).
 Gestion de réservation à distance (les employés peuvent réserver les ressources de
l’entreprise avant une période de leur besoin).
 Gestion du stock (l’administration peut gérer le stock pour éviter la non disponibilité
des produits et suivi la maintenance pour éviter la défaillance en cas de panne de
matériel).

1.2.2 Objectifs à atteindre

 Visualisation du planning des réservations des matériels afin d’avoir un suivi


permanent et une traçabilité complète.
 Ressources (équipements et consommables) bien organiser.
 Minimiser la perte de temps.
 Suivre supplémentaire de départements.
 Minimiser le coût de ressources matérielles (équipements et consommables).
 Garantir la disponibilité de matériel.
 Facilite la réservation a partir d’un téléphone pour gagner le temps.
 Définir une bonne organisation de collecte d’information.
 Fournir des calculs statistiques pour fournir des analyses correctes et éviter les fautes
humaines.

1.2.3 : publics visés

Cette application s'adresse aux moyennes et grandes entreprises qui connaissent plusieurs
mouvements, qui disposent d’un volume de travailleurs important et qui utilisent toutes sortes
d’équipements ce qui génère un désordre au sein des ouvriers qui perdront davantage de
temps et par conséquent une augmentation des couts et une baisse de la rentabilité étant donne
le non contrôle du matériel.

1.3 Repérage du domaine

Cette application est orientée aux utilisateurs quel que soit administrateur ou employé :

-Administrateur : il a tous les droits d’accès et de gestion dans tous les diffèrent taches de

L’application.

- Employé : Gérer les opérations de réservation et consulter les ressources matérielles à partir
de sa session.
Conclusion 

Dans ce chapitre nous avons élaboré le champ de l’étude du projet. Ensuite nous avons

présenté l’étude et la critique de l’existant. Cette étude nous a permis de bien définir les

fonctionnalités de notre application.


Chapitre 2
Capture des besoins
Introduction

Dans ce chapitre nous abordons la modélisation des besoins suffisante pour construire
efficacement une application mobile et web dans laquelle nous détaillons les différents
éléments qui permettent une meilleure compréhension du système.

2.1 Acteurs du système informatisé

Un acteur est un élément qui interagit avec le système dans le but de satisfaire un besoin. Il
est considéré comme une personne, un logiciel, un matériel et qui exploit les données de
l’application.

Dans notre projet, nous pouvons distinguer les acteurs suivants :

Administrateur : Accéder et gérer les différentes taches de l’application.


Employé : Gérer les opérations de réservation et consulter les ressources
matérielles.

2.2 Outils et démarche méthodologiques 

2.2.1 Outils de Modélisation

Pour la réalisation de ce projet j’ai choisi :

StarUML :

UML « Unified Modeling Language » ou « langage de modélisation unifié » est un langage


de modélisation graphique à base de diagrammes n’est pas une méthodologie de
développement de logiciels, il est un langage graphique pour la modélisation des différents
aspects des systèmes (statique, dynamique, implémentation ou comportements externes).

La figure n° représente les principaux diagrammes « UML ».


FIGURE 6:LES DIAGRAMME PRINCIPAUX « UML ».

UML comporte plusieurs diagrammes comme :


Diagramme de cas d’utilisation :
Ils servent à définir le produit à développer, à modéliser le produit, qu’à tester le produit
réalisé.
 Les cas d’utilisations:
Permettent de modéliser les besoins des clients d’un système et doivent
aussi posséder ces caractéristiques.
Les cas d’utilisations énumèrent toutes les interactions possibles entre
le système et son environnement extérieur.
 Remarque :
Les cas d’utilisations ne doivent en aucun cas décrire des solutions
d’implémentation.

Elaboration d’un diagramme de séquence :


Les diagrammes de séquences permettent de représenter des collaborations entre objets
selon un point de vue temporel.
Les diagrammes de séquences peuvent servir à illustrer un cas d’utilisation.
Les diagrammes de séquences et les diagrammes d’état-transitions sont les vues
dynamiques les plus importantes d’UML.
Diagramme de classe:
Un diagramme de classes est une collection d’éléments de modélisation statiques (classes,
Paquetages...), qui montre la structure d’un modèle.

2.2.2 Justification du choix

Nous choisissons UML (Unified Modeling Langage) comme étant un langage de modélisation
de notre système pour plusieurs raisons :

Il permet d'exprimer et d'élaborer des modèles objet, indépendamment de tout langage de


programmation.

Grâce à sa notation graphique, il permet d'exprimer visuellement une solution objet, ce qui
facilite la comparaison et l'évaluation de solutions.

Son aspect formel de sa notation limite les incompréhensions.

Il facilite la compréhension de représentations abstraites complexes.

1.2.3. Méthodologie de développement

Dans cette partie, nous dévoilons le processus simplifié que nous préconisons pour la
modélisation de notre solution. Après un premier tour rapide des différents types de
diagrammes proposés par le langage de modélisation UML.

UML nous fournit donc des diagrammes pour représenter le logiciel à développer :


son fonctionnement, sa mise en route, les actions susceptibles d’être effectuées par le logiciel,
etc.

Ce langage de modélisation n’est une méthode ou un processus. Pour développer le


projet nous avons opté la démarche suivante :

La figure n°7 représente la démarche de modélisation du besoin jusqu’à la réalisation.


FIGURE 7:LA DÉMARCHE DE MODÉLISATION DU BESOIN JUSQU ’À LA RÉALISATION

2.3 Élaboration du modèle de cas d’utilisation

Les cas d'utilisation sont utilisés tout au long du projet. Dans un premier temps, on les
crée pour identifier et modéliser les besoins des utilisateurs.

2.3.1 Diagramme des cas d’utilisation

Un cas d’utilisation est une unité cohérente représentant une fonctionnalité visible de
l’exterieur.il réalise un service de bout en bout, avec un déclenchement, un déroulement et
une fin, pour l’acteur qui l’initie.

Un cas d’utilisation (UC) modélise donc un service rendu par le système, ainsi l’ensemble des
cas d’utilisation sert de base à la traçabilité d’un ensemble autonome de fonctionnalité
possédant une forte cohésion.

Dans les faits, un diagramme de cas d’utilisation montre les différentes possibilités
d’interaction entre le système et les acteurs.
La figure n°8 représente le diagramme de cas d’utilisation d’administrateur.

FIGURE 8:DIAGRAMME DE CAS D’UTILISATION D’ADMINISTRATEUR


La figure n°9 représente le diagramme de cas d’utilisation d’employé.

FIGURE 9:DIAGRAMME DE CAS D’UTILISATION « D’EMPLOYÉ »

2.3.2 Description textuelle des cas d’utilisation

Dans le but de mieux comprendre notre système et les interactions avec les utilisateurs, dans
cette partie nous allons détailler les scenarios de principaux cas d’utilisation.
 Les cas Descriptions des cas d’utilisations
d’utilisations
Identification :
S’authentifier      Acteurs : administrateur, employé
     Objectif : Ce cas d’utilisation permet de spécifier les droits d’accès
des acteurs.
Description des scénarios :
    Pré condition : Le login et le mot de passe sont définis antérieurement.
      Post condition : Une session est ouverte.
Scénario nominal :
Ce scénario se poursuit selon les étapes suivantes :
1. Le système affiche l’interface d’authentification qui exige la saisie
d’un login et d’un mot de passe.
2. L’acteur saisit le login et le mot de passe.  
3. Le système vérifie la validité des champs.
4. Le système ouvre la session aux utilisateurs (Si l’utilisateur est un
administrateur, le système affiche l’interface de menu administrateur,
si l’utilisateur est un employé alors le système accède à la l’interface
de l’employé.
 Si les champs sont vides le système déclenche
l’exception 1.
 Si les champs sont incorrects le système déclenche
l’exception 2
 Si les champs sont incorrects et dépasse trois essais le
système déclenche L’exception 3

Exceptions :
Exception 1 : Le système affiche le message : « Veuillez renseigner ce
champs ».
Exception 2 : Le système affiche le message : « Login ou mot de passe
incorrect ».
Exception 3 : le système bloqué 30 secondes.

Identification :
Gérer    Acteurs : administrateur
département   Objectif : Ce cas d’utilisation permet de consulter la liste des
départements, d’ajouter, modifier ou supprimer un département.
Description des scénarios :
    Pré condition : l’administrateur s’est authentifié
Post condition : Les coordonnées de département sont enregistrées
au système.
Scénario nominale : Ajouter un département 

1. L’administrateur clique sur le bouton ajouter.


2. Le système affiche le formulaire d’ajout.
3. L’administrateur saisit les données.

 Si un champ est vide le système déclenche l’exception 1.


 Si un champ est invalide le système déclenche l’exception 2.
 Si les informations est correcte le système enregistre les donnes
et affiche le message « enregistre avec succès »
4. Lorsque l’administrateur appui sur le bouton annuler les champs
saisis seront vidés
Exceptions :
Exception 1 : Le système affiche le message : « Tous les champs doivent
être remplis ».
Exception 2 : Le système affiche le message : « champ invalide ».

Scénario nominale : Modifier un département


1. L’administrateur choisit un département à modifier.
2. Le système afficher les détails du département sélectionner.
3. L’administrateur fait la modification
 Si un champ est invalide l’exception 3 déclenche.
 Si les informations sont correctes Le système affiche le
message « modification avec succès » et enregistre les
nouvelles informations.

Exceptions :
Exception 3 : Le système affiche le message : « champ invalide ».

Scénario nominale : Supprimer un département


1. L’administrateur choisit le département à supprimer
2. Le système supprime le département de la base de données.
3. Le système affiche le message « département supprimé avec
succès ».
Identification :

Gérer employer     Acteurs : administrateur

    Objectif : Ce cas d’utilisation permet de consulter la liste des


employer, d’ajouter, modifier ou supprimer un employé.

Description des scénarios :

      Pré condition : l’administrateur s’est authentifié.

     Post condition : Les coordonnées de l’employé sont enregistrées au


système.

Scénarios nominaux : Ajouter un employer

1. L’administrateur clique sur le bouton ajouter.


2. Le système affiche le formulaire d’ajout.
3. Le système charge la liste des départements et saisit les
données.
 Si un champ est vide l’exception 1 déclenche.
 Si un champ est invalide l’exception 2 déclenche.
 Si les informations sont correctes Le système
enregistre les données et affiche un message
« Enregistrer avec sucées »

Exceptions :

Exception 1 : Le système affiche le message : « Tous les champs doivent


être remplis »

Exception 2 : Le système affiche le message : « champ invalide »

Scénarios nominaux : Modifier un employé

1. L’administrateur choisit un employé à modifier.


2. Le système charge la liste des départements et afficher les
détails du l’employé sélectionner.
3. L’administrateur fait la modification
 Si un champ est invalide l’exception 3 déclenche.
 Si les informations sont correctes Le système affiche
le message « modification avec succès » et enregistre
les nouvelles informations.

Exceptions :

Exception 3 : Le système affiche le message : « champ invalide ».

Scénarios nominaux : Supprimer un employé

1. L’administrateur choisit l’employé à supprimer.


2. Le système supprime l’employé de la base de données.
3. Le système affiche le message « employé supprimer avec
succès ».

Identification :

Acteurs : administrateur

Objectif : Ce cas d’utilisation permet de consulter la liste des matériels,


ajouter, modifier, supprimer ou chercher un matériel.

Description des scénarios :


Gérer Les
ressources Pré condition : L’administrateur s’est authentifié.
Matériels Post condition : Les coordonnées des matériels sont enregistrées au
système.

Scénarios nominaux :Ajouter matériels

1. L’administrateur clique sur le bouton ajouter un nouveau


matériel.
2. Le système affiche le formulaire d’ajout
3. Le système charge la liste des marques et la liste des articles et
saisit les données d’article.
4. Si un champ est vide l’exception 1 déclenche.
5. Si un champ est invalide l’exception 2 déclenche.
6. Si les informations sont correctes Le système enregistre les
données et affiche un message « Enregistrer avec sucées »

4. Lorsque l’administrateur appui sur le bouton annuler les champs saisis


seront vidés

Exceptions :

Exception 1 : Le système affiche le message : « Tous les champs doivent


être remplis »

Exception 2 : Le système affiche le message : « champ invalide »

Scénarios nominaux :Modifier un matériel

1. L’administrateur choisit un matériel à modifier.


2. Le système charge la liste des marques , la liste des articles et
afficher les détails du matériel sélectionner.
3. L’administrateur fait la modification
 Si un des champs est invalide l’exception 1 déclenches.
 Si les informations sont correctes le système affiche le
message « modification avec succès » et enregistre les
nouvelles informations.

Exceptions :

Exception 1 : le système affiche le message « Tous les champs doivent être


valide »

Scénarios nominaux : Supprimer un matériel

1. L’administrateur choisit le matériel à supprimer


2. Le système supprime le matériel de la base de données.
3. Le système affiche le message « matériel supprimé avec succès ».
Scénarios nominaux : Rechercher matériel

1. L’administrateur saisit un mot clé du matériel à rechercher.


2. Le système affiche toutes les informations du matériel
concernant.

Identification

Demandes    Acteurs : administrateur s’est authentifié

en ligne Objectif : Ce cas d’utilisation permet de consulter et confirmer le retour


des matériels.
Description des scénarios :

     Pré condition : l’administrateur s’est authentifié

    Post condition : l’administrateur accède à l’interface des demandes en


ligne.

Scénario nominaux : Consulter la liste des demandes en ligne et


confirmer le retour des matériels

1. L’administrateur choisir la liste de demande pour consulter.


2. Cette action débute lorsque l’administrateur appui sur le bouton
confirmer
Identification :

   Acteurs : administrateur

Gestion de   Objectif : Ce cas d’utilisation permet de consulter et gérer le stock.


stock Description des scénarios :

    Pré condition : l’administrateur s’est authentifié

Post condition : Les coordonnées de stock sont enregistrées

au système.

Scénario nominale : Ajouter un article

1. L’administrateur clique sur le bouton ajouter.


2. Le système affiche le formulaire d’ajout.
3. L’administrateur saisit les données.
 Si un champ est vide le système déclenche l’exception 1.
 Si un champ est invalide le système déclenche l’exception 2.
 Si les informations est correcte le système enregistre les
donnes et affiche le message « enregistre avec succès »
4. Lorsque l’administrateur appui sur le bouton annuler les
champs saisis seront vidés

Exceptions :

Exception 1 : Le système affiche le message : « Tous les champs doivent


être remplis ».

Exception 2 : Le système affiche le message : « champ invalide ».

Scénario nominale : Modifier un article

1. L’administrateur choisit un article à modifier.


2. Le système afficher les détails de l’article sélectionner.
3. L’administrateur fait la modification
 Si un champ est invalide l’exception 3 déclenche.
 Si les informations sont correctes Le système affiche le
message « modification avec succès » et enregistre les
nouvelles informations.
Exceptions :

Exception 3 : Le système affiche le message : « champ invalide ».

Scénario nominale : Supprimer un article

1. L’administrateur choisit l’article à supprimer


2. Le système supprime l’article de la base de données.
3. Le système affiche le message « article supprimé avec succès ».

Conclusion

Au cours de ce chapitre nous avons présenté les différents acteurs de notre projet, ainsi que les
interactions entre eux et leurs rôles. Nous avons également défini les conditions d’utilisations
du système informatisé ainsi que les outils et les démarches méthodologiques.

Ceci nous permettra de développer un modèle statique (diagrammes de classes et d’objets) et

un autre dynamique (diagrammes de séquences et d’état).


Chapitre 3
Analyse et Développement

Introduction :

Une fois la partie de conception est achevée, tous les éléments nécessaires à l’analyse et
développement de l'application deviennent disponibles.
Nous allons traiter dans ce troisième chapitre l’analyse du modèles statique et dynamique et
Nous menons une étude technique où nous décrivons les ressources logicielles utilisées dans le
développement de notre projet. Nous présentons notre choix de l’environnement de travail, où
nous spécifions l’environnement matériel et logiciel qu‘on a utilisé pour réaliser notre
application, aussi nous présentons quelques interfaces réalisées pour illustrer le
fonctionnement de quelques activités du système.

1.Analyse

1.1. Diagramme de séquence système  

Les cas d’utilisation décrivent les interactions des acteurs avec le système que nous
voulons spécifier et concevoir. Lors de ces interactions, les acteurs produisent des messages
qui affectent le système informatique et appellent généralement une réponse de celui-ci. Nous
allons isoler ces messages et les représenter graphiquement sur des diagrammes de séquence
UML.

La figure n°10 représente le diagramme de séquence système « s’authentifier »


FIGURE 10:DIAGRAMME DE SÉQUENCE SYSTÈME « S’AUTHENTIFIER »

La figure n°11 représente le diagramme de séquence système « Ajouter employé ».


FIGURE 11:DIAGRAMME DE SÉQUENCE SYSTÈME « A JOUTER EMPLOYÉ ».

La figure n°12 représente le diagramme de séquence système « modifier employé ».


FIGURE 12:DIAGRAMME DE SÉQUENCE SYSTÈME « MODIFIER EMPLOYÉ ».
La figure n°13 représente le diagramme de séquence système « supprimer employé ».

FIGURE 13:DIAGRAMME DE SÉQUENCE SYSTÈME « SUPPRIMER EMPLOYÉ ».

La figure n°14 représente le diagramme de séquence système « ajouter ressource ».


FIGURE 14:DIAGRAMME DE SÉQUENCE SYSTÈME « AJOUTER RESSOURCE ».
La figure n°15 représente le diagramme de séquence système « Modifier
ressource ».

FIGURE 15:DIAGRAMME DE SÉQUENCE SYSTÈME « MODIFIER RESSOURCE ».


La figure n°16 représente le diagramme de séquence système « Supprimer
ressource ».

FIGURE 16:DIAGRAMME DE SÉQUENCE SYSTÈME « S UPPRIMER RESSOURCE ».


La figure n°17 représente le diagramme de séquence système « ajouter
département ».

FIGURE 17:DIAGRAMME DE SÉQUENCE SYSTÈME « AJOUTER DÉPARTEMENT ».


La figure n°18 représente le diagramme de séquence système « Modifier
département ».

FIGURE 18:LE DIAGRAMME DE SÉQUENCE "MODIFIER DÉPARTEMENT "


La figure n°19 représente le diagramme de séquence système « supprimer
département ».

FIGURE 19:DIAGRAMME DE SÉQUENCE SYSTÈME « SUPPRIMER DÉPARTEMENT ».


La figure n°20 représente le diagramme de classe

FIGURE 20:DIAGRAMME DE CLASSE

2.Developpement

2.1. Technologies de production

L'étude des technologies est une phase d'adaptation de conception à l'architecture


technique. Elle a pour objectif de décrire au plan fonctionnel la solution à réaliser d'une
manière détaillée ainsi que la description des traitements.
2.1.1. Logiciels de développement d’application

Les principaux outils qui ont contribué à la qualité du développement de l’application sont :

TABLEAU 1 ENVIRONNEMENTS LOGICIELS DE L ’ APPLICATION

Environnement de développement SDK Android , Android Studio 1.5.1 et


notepad++

Gestionnaire de base de données XAMPP


Outil de modélisation UML StarUml
Logiciel de traitement d’images Adobe Illustrator

Dans ce qui suit, nous allons détailler chaque composant à part.

- Android Studio 1.5.1

F IGURE 21 LOGO « A NDROID STUDIO »

Android Studio est un environnement pour le développement et la programmation


entièrement intégré qui a été récemment lancé par Google pour les systèmes Android. Il a été
conçu pour fournir un environnement de développement et une alternative à Eclipse qui est
l'IDE le plus utilisé.

Android Studio permet principalement d'éditer les fichiers Java et les fichiers de configuration
d'une application Android.

- XAMPP  :
F IGURE 22:LOGO « XAMPP »

XAMPP est un ensemble de logiciels permettant de mettre en place facilement un serveur


Web et un serveur FTP. Il s’agit d’une distribution de logiciels libres.

Apache MySQL Perl PHP) offrant une bonne souplesse d’utilisation, réputée pour son
installation simple et rapide. Ainsi, il est à la portée d’un grand nombre de personnes puisqu’il
ne requiert pas de connaissances particulières et fonctionne, de plus, sur les systèmes
d’exploitation les plus répandus.

- Outil de modélisation UML « Staruml  » 

F IGURE 23:LOGO « S TAR UML »

StarUML est un logiciel de modélisation UML, cédé comme open source par son éditeur, à la fin de son
exploitation commerciale, sous une licence modifiée de GNU GPL.

Il gère la plupart des diagrammes spécifiés dans la norme UML 2.0.

- Notepad++
-

F IGURE 24: LOGO   « N OTEPAD ++ »

Notepad++ est un éditeur de texte libre générique, fonctionnant sous Windows, codé


en C++, qui intègre la coloration syntaxique de code source pour les langages et
fichiers , C++, Java,  XML, HTML, PHP, JavaScript, makefile, art
ASCII, doxygen, .bat, MS fichier ini, ASP, Visual Basic/VBScript, SQL, Objective-
C, CSS, Pascal, Perl, Python, R, MATLAB, Lua, TCL, Assembleur, Ruby, Lisp, Sche
me, Properties, Diff, Smalltalk, PostScript et VHDL ainsi que pour tout autre langage
informatique, car ce logiciel propose la possibilité de créer ses propres colorations
syntaxiques pour un langage quelconque.

- PHP5 (Personal Home Page Hypertext Preprocessor) 

FIGURE 25 LOGO "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.

- JSON
F IGURE 26 LOGO « JSON »

JSON est un format de données textuelles dérivé de la notation des objets du


langage JavaScript. Il permet de représenter de l’information structurée comme le
permet XML par exemple.

2.1.2. Logiciels de traitement de texte

Microsoft Word (version 2010) (disponible sur les systèmes d'exploitation Microsoft)

Un logiciel de traitement de texte est un programme informatique conçu pour


permettre à l'utilisateur d'écrire du texte sur un support numérique.

F IGURE 27: LOGO « MICROSOFT W ORD »

2.1.3.Logiciels de présentation

PowerPoint Un logiciel de présentation (comprendre présentation assistée par


ordinateur) est un logiciel qui permet des présentations vidéo destinées à informer un
public.

F IGURE 28: «  LOGO POWER POINT  »


2.1.4. Logiciels graphiques

un logiciel graphique (ou logiciels d'édition d'image, logiciel de


graphisme ou logiciel de retouche d'image) est un programme informatique ou
une collection de programmes permettant de manipuler et de traiter des formes,
dessins, vecteurs ou images sur un ordinateur, éventuellement via une tablette
graphique mais aussi un écran tactile

Nous allons utiliser logo maker pour la création d’un logo pour cette application.

F IGURE 29 : LOGO «  LOGO MAKER  »


2.1.5. Configuration matérielle

TABLEAU 2 CARACTÉRISTIQUES DE L ’ ENVIRONNEMENT MATÉRIEL DE L ’ APPLICATION

Valeur
Caractéristique

Marque HP

Processus X64 bits

RAM 4 Go de mémoire vive

Système d’exploitation Microsoft Windows 10 professionnel

Caractéristique Valeur

Marque Toshiba

Processus X64 bits

RAM 4 Go de mémoire vive

Système d’exploitation Microsoft Windows 10 professionnel

Caractéristique Valeur

Marque SAMSUNG Galaxy J5 prime

Version android 8.0.0


Caractéristique Valeur

Marque Huawei y7 prime 2018

Version
8.0.0
indroid

1.2.Capture d’interfaces réalisées

2.2.1 L’icône de l’application 

Nous avons mis le logo de « OptimaReserv » comme étant l’icône d’accès à


l’application.

F IGURE 30:LOGO DE L ’ APPLICATION

2.2.2 Description graphique de l’application

Nous allons présenter des imprimes écrans de quelques interfaces de notre application

 Interface d’authentification
F IGURE 31:INTERFACE D' AUTHENTIFICATION

 Accueil de l’administrateur

F IGURE 32: INTERFACE ACCUEIL ADMINISTRATEUR


 Liste des départements

F IGURE 33:INTERFACE LISTE DES DÉPARTEMENTS

 Ajout d’un département

F IGURE 34: INTERFACE AJOUT D' UN DÉPARTEMENT


 Liste des employés

F IGURE 35: INTERFACE LISTE DES EMPLOYÉS

 Ajouter employé

F IGURE 36: INTERFACE A JOUTER EMPLOYÉ


 Modifier employé

F IGURE 37:INTERFACE MODIFIER EMPLOYÉ

 Liste des équipements

F IGURE 38:INTERFACE MODIFIER EMPLOYÉ


 Ajouter équipement

F IGURE 39:INTERFACE AJOUTER ÉQUIPEMENT

 Modifier équipement

F IGURE 40:INTERFACE MODIFIER ÉQUIPEMENT


 Liste des consommables

F IGURE 41:INTERFACE LISTE DES CONSOMMABLES

 Ajouter un consommable

F IGURE 42:INTERFACE AJOUTER UN CONSOMMABLE


 Stock

F IGURE 43:INTERFACE DE STOCK

Conclusion

Dans ce chapitre, nous avons pu détailler et définir les diagrammes de séquence pour chaque
cas d’utilisation ainsi que les diagrammes de classes participant et nous avons également
défini le diagramme de classes par domaine avec ses attributs, ses opérations et ses relations.
Après ça, nous avons décrit les outils de développement, les ressources matérielles et
logicielles et l’architecture globale de notre application et finalement nous avons décrit la
conception des diagrammes logiques des données .
Conclusion générale
Durant ce projet, nous avons conçu et développé une application web et mobile pour la
réservation et traçabilité des matériaux de la société « for right solutions ». Pour réaliser ce
projet, nous avons choisi d’opter pour un standard de la conception orienté objet, à savoir
« UML », langages « PHP, HTML, JAVASCRIPT »et le système de gestion de base de
données « XAMPP ».

Ce projet m’a permis de m’intégrer dans un environnement de travail purement professionnel.

Par ailleurs, l’interaction avec les nombres de l’équipe m’a permis de mieux comprendre les
spécificités de l’application réalisée.

Cependant, la réalisation de ce projet a nécessité la mise en œuvre de plusieurs technologies


afin d’assurer la performance et la fiabilité de l’application.

Enfin, nous tenons à exprimer notre satisfaction d’avoir travaillé dans des bonnes conditions
et dans un environnement agréable.
Webographie

https://desgeeksetdeslettres.com/programmation-java/xampp-plateforme-pour-
heberger-son-propre-site-web
https://www.wikipedia.org/
https://www.w3schools.com/
https://stackoverflow.com/
https://www.google.com/drive/
https://www.mytek.tn/
Application mobile et web de traçabilité de réservation
d'équipements et de consommables

MANAI CHAIMA & CHOUCHENE SAMIA

RESUME

Ce travail s’inscrit dans le cadre du projet de fin d’études à l’institut supérieur de gestion
industrielle pour l’obtention du Diplôme de licence appliquée en informatique de gestion.
Dans ce cadre, nous avons conçu à concevoir et développer une application web et mobile de
réservation et traçabilité des Equipements et consommables de la société « for right
solutions ». Pour réaliser ce projet, nous avons choisi d’opter pour un standard de la
conception orienté objet, « UML », langages « PHP, HTML, JAVASCRIPT »et le système de
gestion de base de données « XAMPP ».