MEMOIRE DE PROJET DE FIN D’ETUDES

Pour l’Obtention du Diplôme :

LICENCE SCIENCES ET TECHNIQUES EN GENIE INFORMATIQUE

Application web pour la gestion de décharge du matériels informatiques

PFE Effectué à :

Groupe OCP

Réalisé par : Encadré à l’entreprise par :

Mr TOUIJER Mohamed
LABRACHE Fahd

Année Universitaire : 2022-2023

1
 Sommaire

Sommaire.........................................................................................................2
Remerciements................................................................................................4
Dédicace..........................................................................................................5
Résumé............................................................................................................6
Chapitre I : introduction générale sur la société........................................6
1. Introduction...........................................................................................6
2. But de stage ..........................................................................................6
3. Présentation de l’OCP...........................................................................7
4. Histoire de groupe OCP........................................................................8
5. Organigramme de groupe OCP.............................................................9
6. Emplacement du groupe OCP...............................................................10
7. Status juridique d’OCP.........................................................................11
8. Mission et activité du OCP...................................................................12
9. Service DSI/D/P/K................................................................................15
9.1Rôle des section....................................................................................18
9.2Mission du service informatique...........................................................19
Chapitre II : analyse des besoin et spécification.........................................18
I. Cahier des charges...........................................................................18
1. Présentation du projet............................................................................18
2. Problématique.......................................................................................18
3. Solution.................................................................................................18
4. Avantage...............................................................................................19
II. Processus de développement............................................................19
III. Planification (Diagramme de Gantt)................................................20
Partie III : Conception de l’application......................................................22
I. Introduction......................................................................................22
II. Langage de modélisation UML.......................................................22
III. Conception de l’application.............................................................25
1. Identification des acteurs.......................................................................25
2. Diagramme des cas d’utilisations..........................................................25
3. Diagramme de classe.............................................................................28
4. Diagramme de séquence.......................................................................29

2
 5. Diagramme d’activité ...........................................................................30
6. Base de données de l’application..........................................................32
IV. Sécurité ...........................................................................................34
Partie IV : Réalisation de l’application.......................................................35
1. Langage de développement...................................................................35
2. Outils et logiciels de développement....................................................37
Chapitre V : Présentation de l’application.................................................40
Conclusion......................................................................................................52

3
 Remerciement :

Nos premiers mots de remerciement vont à monsieur le responsable de

service informatique de l’OCP Khouribga pour nous avoir bien acceptés au sein
de son département afin de nous faire bénéficier des compétences de son
personnel, surtout ceux du service informatique.

Nous présentons un remerciement bien distingué à Mr NASSERDDINE

Bouchaib, mon professeur et mon encadrent pour son aide, ses orientations et
ses remarques pertinentes durant la période du stage, et son oublier Mes
formateurs à FSTS pour les conseils qu’ils ont pu me prodiguer.

Nous presentons un remerciement également de notre fond cœur M.

Faljane du service informatique et maître de stage pour ses précieux conseils.

Nous présentons un remerciement également M. Anas Ancien étudiant de la

Fsts pour ses conseils et son aide . .

Merci à tout le personnel du Département du service informatique, pour

le temps précieux qu’ils nous ont consacrés et les informations considérables
qu’ils nous ont fournis et à tous ceux, qui ont contribué de près ou de loin, à
l’accomplissement, de ce projet.

4
 Dédicace :

Je dédie cet humble travail à :

 Nos parents qui n’ont jamais dit non à nos exigences

et qui n’ont épargné aucun effort pour nous rendre
heureux.

 A tous nos amis et nos professeurs

A tous ceux que nous aime.

Merci !

5
 Résumé
Ce présent travail s’inscrit dans le cadre de notre projet de fin d’étude en
licence génie informatique.
Il a été effectué au sein de la société OCP. Dans ce cadre, la société d'accueil
nous a demandé de trouver une solution informatique simple et rapide pour la
gestion de décharge du matériels informatiques afin d'éviter la gestion manuelle
qui a causé plusieurs problèmes tels que:
▪ La perte des données.
▪ La perte de temps lors de la recherche d’une information.
▪ Un espace de stockage très important.
▪ L'absence de statistiques.
Afin de résoudre les problèmes ci-dessus, nous avons développé une solution
logicielle qui a apporter des remèdes techniques à tous les problèmes cités
précédemment en permettant à notre client de :
• Effectuer des demandes.
• Suivre l’état d’avancement des demandes.
• Consulter la résultat du traitement à savoir le renouvellement et la
nouvelle dotation.
• Consulter les matériels en fonction.
• Gérer compte utilisateur.
Pour la réalisation, nous avons utilisé les langages PHP, HTML5, JavaScript,
Bootstrap et le système de gestion de base de données MySQL.

Chapitre I : introduction générale sur la société

1. Introduction
Un stage est une étape essentielle dans la vie professionnelle, c’est un
complément de formation d’une importance substantielle, servant à confronter
ce qu’on a acquis durant la période des études à la réalité de l’entreprise.

6
 Vu son importance dans le parcours professionnelle, notre souci était
d’effectuer un stage dans une entreprise de renommée, ce qui nous’ a conduit à
choisir le groupe OCP SA (OFFICE CHERIFIENNE DES PHOSPHATES SA),
qui occupe une place très importante dans l’économie nationale et
internationale.
En effet, ce stage que nous venons d’effectuer au sein de la Direction Pôle
Mines de Khouribga, Département des Affaires Juridiques et Immobilières nous’
a permis d’enrichir notre expérience professionnelle, de confronter le milieu du
travail et améliorer nos connaissances acquises tout au long de notre parcours
estudiantin.

2. But de stage :
Le but de stage de formation, au sein d’une entreprise ou d’une administration,
est de vous permettre d’approfondir vos connaissances dans la formation que
vous venez d’achever pour améliorer vos chances de retrouver rapidement un
emploi.

3. Présentation de l’OCP

Le Groupe Office Chérifien des Phosphates (OCP) est un opérateur

international dans le domaine de l’industrie des phosphates et des produis
dérivés. Il occupe le position du premier exportateur à l’échelle mondiale du
phosphate sous tous ses formes.

7
 Le sous-sol Marocain renferme les plus importants gisements de la
planète : trois quarts des réserves mondiales du phosphates. Le groupe OCP est
présent cinq zones géographiques du Maroc, trois zones d’exploitations minières
et deux centres de transformation chimique.
Les besoins continus de l’agriculture mondiale en phosphate ont fait du
groupe un organisme qui jusqu’à nos jours n’a cessé de grandir, et pour se
maintenir sur le plan de la concurrence par rapport aux autres pays producteurs
de phosphate et dérivés, il se modernise, se développe continuellement et
s’affirme comme le LEADER du marché mondial des phosphates.
L’OCP a été constitué sous la forme d’un organisme semi-publique sous
contrôle de l’état. Il fonctionne ainsi comme une société dont le seul actionnaire
est l’état Marocain, appliquant les méthodes de gestion privée, dynamique,
souple et efficace vu le caractère de ses activités industrielles et commerciales. Il
est dirigé par un Directeur Général nommé par DAHIR, le contrôle est exercé
par un conseil d’administration présidé par le premier ministre.

4. Historique de groupe OCP :

 7/8/1920 : Création OCP

 1/3/1921 : Début extraction phosphate
 23/7/1921 : Début exportation phosphate
 1930 : Ouverture d’un nouveau centre de production de phosphate : le
contre de Youssoufia, connu alors sous le nom de Louis Gentil
 1958 : Création d’un centre de formation professionnelle à Khouribga.

8
 1965 : Début production acide phosphatique et engrais à Safi
 1975 : Création du groupe OCP, structure organisationnelle intégrant
l’OCP et ses entreprises filiales.
 1980 : Partenariat industriel en Belgique.
 1990 : Exploration de nouveaux projets de partenariats industriels et de
renforcement de capacités.
 2000 : Démarrage d’une unité de flottation de phosphates à Khouribga.
 2002 : Prise de participation dans la société PPL (Inde) dans le cadre
d’une joint-venture avec le groupe BRILA.
 2005 : Démarrage de l’usine de Lavage/Flottation à Youssoufia.
 2006 : Projet nouvelle ligne DAP 850 000 t/an à JORF LASFAR.
 2008 : Démarrage de l’usine projet OCP-BUNGE à JORF LASFAR.

5. Organisme du groupe OCP :

9
 6. Emplacement géographique de l’OCP :
La direction générale du groupe OCP SA est située à Casablanca, route d’El
Jadida ; Ces zones minières et industrielles sont :
 Zone de Khouribga
 Zone de Youssoufia et Benguerir.
 Zone de Boukraâ / Laâyoune.
 Zone de Safi.
 Jorf Lasfar.

10
 FIGURE : EMPLACEMENT GÉOGRAPHIQUE DE L’OCP
Ces sites se divisent en des sites de production de :

Phosphate Dérivés
Safi
Khouribga

Jorf Lasfar
Benguérir

Youssoufia

Boucraà-Laàyoune

On outre, l’OCPSA dispose de quatre ports d’embarquement :

11
 Safi:pour les
Casablanca: produits de
pour les Youssoufia,
produits Benguerir et les
provenant de produits
Khouribga transformés
localement ;

JorfLasfar : Laâyoune :
pour les pour les
produits locaux produits de
; Boukraâ ;

7. Statut juridique d’OCP :

L’OCP est un établissement semi-public à caractère minier, commercial. Le
Directeur Général est nommé par Dahir, un Conseil d’Administration
représentant l’intérêt de la nation est chargé du contrôle de gestion
Vu le caractère commercial et industriel de ses activités, le groupe OCP est
doté d’une certaine autonomie, il est considéré comme étant un établissement
privé, et comme toute entreprise, l’OCP établit son compte d’exploitation, son
bilan et ses prix de revient, aussi il est inscrit au registre de commerce et soumis
sous le plan fiscal.

8. Mission et activités du groupe OCP

Le Groupe Office Chérifien des Phosphates (OCP SA) est spécialisé dans
quatre activités marquantes qui se résument dans l’extraction, le traitement, le
transport et la valorisation/la commercialisation du phosphate et de ses produits
dérivés :
• EXTRACTION : se fait soit en découverte (ciel ouvert) soit en galeries
souterraines. Elle consiste à enlever le phosphate de la terre suivant les quatre
étapes d’extraction : Forage, Sautage, Décapage et Défruitage.
• TRAITEMENT : ces opérations sont nécessaires en vue de purifier le
phosphate de tout résidu et d’améliorer sa qualité.

12
• TRANSPORT : une fois le phosphate traité, il est transporté vers les ports de
Casablanca, Safi, El Jadida pour l’exportation vers les différents pays du monde.
• VALORISATION et COMMERCIALISATION : le phosphate extrait est
traité en grande partie dans des usines chimiques pour être transformé en
produits dérivés commercialisables : acide phosphorique de base, acide
phosphorique purifié, engrais solides, avant d’être exporté avec le reste qui est
en état brut vers de nombreux clients.

9. Présentation du service DSI/O/P/K :

Le service informatique de la zone Khouribga, comme tous les autres centres de

production informatique du groupe OCP SA, est géré par la direction à
Casablanca. Il représente la direction des systèmes d’informatique avec tous ses
composants auprès de la direction des exploitations minière de Khouribga.
La gestion du pack informatique, sa maintenance matérielle et logiciel,
l’administration des serveurs, la gestion du réseau et l’assistance des utilisateurs
pour la résolution des incidents informatiques constituent les missions
principales du service DSI/O/P/K.
L’OCP SA a besoin d’un réseau qui facilite la circulation des informations entre
les différentes directions du groupe, ce réseau relie les micro-ordinateurs et
d’autres périphériques par un câblage, grâce auquel ces divers éléments peuvent
communiquer entre eux.
L’OCP SA utilise une topologie en étoile.

9.1 Le rôle de chaque section :

 Le chef de service :
- Gère le travail entre les services.
 Secrétariat :
Le service informatique dispose d’un secrétariat qui fait aussi office de
guichet, le secrétariat s’occupe donc : La réception, l’envoi et le
classement du courrier, les fournitures du bureau. elle est tenue
d’établir chaque début de mois des bons de sorties pour éviter une
rupture de stocks.

13
 La section guichet et magasin :
- La réception du courrier et le tri par nature et par application.
- Dispatching des documents.
- L’envoie et la réception du courrier.
 La section réseau :
- Assurer les connexions téléphoniques réseaux.
- La configuration et suivie des équipement réseaux
(commutateurs, routeurs, modems).
- Assurer et diagnostiquer les connexions réseau entre les
utilisateurs et les équipement actifs.
- Elle veille à la disponibilité, la gestion du réseau 24h/24.
 Section maintenance, bureautique et administration
réseau :
- Installation et configuration des équipements informatiques en
réseau (postes de travail, serveurs, imprimantes)
- Maintenance du premier niveau des machines.
 Service DESK :
Ce service est fait pour aider les employés de l’OCP à exécuter
leurs taches dans les meilleurs conditions de travail tout en évitant la
charge du travail et pour mieux gérer le temps et identifier le besoin des
clients (formulation de leurs demandes).

9.2 Mission du service informatique :

- Maintenir le parc informatique, planifier les interventions
d’installation, de configuration et de dépannage de matériels mis à
la disposition de l’administration, et gérer les priorités.
- Etablir l’inventaire du parc informatique et logiciels en service dans
tout l’établissement.
- Gérer les serveurs d’annuaire et fournir des services numériques
aux usagers (messageries électronique, réseau sans fil).
- Gérer le site internet institutionnel et mettre à jour les informations
qui s’y trouvent.
- Maintenir et faire évoluer le système d’information.

14
 Chapitre II : Analyse des besoins et spécification :

I. Cahier de charge :
1. Présentation du projet:
Dans le souci d’améliorer certains de des processus de gestion, la société
souhaite se doter d’une application web qui permet de gérer les demandes du
décharge de matériel informatique de ses employés, pour par la suite l’intégrer
dans le système global de la société. Plusieurs avantages sont envisagés :
 Simplifier les procédures liées au traitement des demandes du décharge.
 Réduire le temps de la procédure et aussi faciliter la communication entre
le service et l’employé.
Cette application va remplacer le traitement manuel effectué par le service
informatique de la société et faciliter la manipulation des données extraites.

2. Problématique :
 Les employés doivent à chaque fois se transporter au service informatique
pour savoir l’état d’avancement de son demande.

15
  En cas d’un problème dans la machine de l’employé, ce dernier doit
remplir une demande manuellement ce qui n’est pas professionnel.
 Problème de perte du demandes et aussi la difficulté rencontré pour les
traiter.

3. Solution :
 Développement d’une application web qui permet :
- Au employé d’effectuer des demandes et suivre l’état de ses demandes
à distance et aussi garder contact avec les différents services dans la
société.
- Au service informatique de traiter facilement les demandes de
vérification d’état et aussi gérer les utilisateurs de cette application.
- Au service informatique de traiter facilement les demandes de nouveau
matériel.
- Notification par message lorsque le traitement est effectuer.

4. Avantage :
 Gestion et traitement rapide des demandes.
 Rapidité et efficacité du service.
 Gain du temps.

II. Processus de développement logiciel :

Afin d'obtenir une application, qui répond aux besoins des utilisateurs en
respectant les délais prévus, Nous avons utilisé un cycle de développement en V.
est une méthode d’organisation très connue dont l’origine remonte à l’industrie
et qui a été adaptée à l’informatique dans les années 80. C’est l’une des
premières méthodes qu’on apprend à l’école après le cycle en cascade, et elle
reste toujours d’actualité.
La grande force du cycle en V, c’est qu’il définit assez précisément la manière
dont les choses devraient se passer.

16
 Le cycle en V est constitué de 8 étapes qui ont toutes leur importance.

 Expression de besoin : Le client exprime son besoin, en décrivant les usages

correspondant au produit fini tel qu’il peut l’imaginer. Cela doit répondre aux
questions « Que veut-on ? » et « À quel coût ? ».
 Spécifications fonctionnelles : C’est le cahier des charges exact du produit
final, tel que le désire le client. Il doit couvrir l’intégralité des cas d’utilisation
du produit, en expliquant ce qu’il doit faire et non pas comment il va le faire.
 Spécifications techniques : C’est une traduction des spécifications
fonctionnelles en termes techniques. C’est durant l’élaboration des specs
techniques que sont choisies les technologies à mettre en oeuvre pour
développer le produit, et qu’est conçue l’architecture logicielle du produit.
 Codage : C’est la phase de réalisation à proprement parler, pendant laquelle
sont développées des briques qui sont ensuite assemblées pour créer le produit
fini.
 Tests unitaires : Ces tests interviennent à un niveau « atomique ». Chaque
brique logicielle a été modélisée puis codée durant les étapes précédentes. Les
tests unitaires assurent que ces briques respectent de manière individuelle leur
cahier des charges.
 Tests d’intégration : Ce sont là les premiers tests grandeur nature du produit
fini. On s’assure qu’il suit les indications des spécifications techniques.

17
 Validation : Le produit est à ce moment testé en regard de la spécification
fonctionnelle. Toutes les utilisations qui y ont été définies doivent pouvoir se
vérifier dans les faits.
 Mise en production et recette : Le produit est vérifié une dernière fois en
pré-production, avant d’être mis en production. Le client procède à la recette,
pour vérifier que son expression de besoin est respectée.

III. Planification :
la contrainte de temps m’a obliger à gérer mon travail, à définir une durée
limitée pour chaque tâche et l’enchaînement de chaque activité.

 Diagramme de Gantt :
Le diagramme de Gantt est un outil utilisé (souvent en complément d'un réseau
PERT) en ordonnancement et en gestion de projet et permettant de visualiser
dans le temps les diverses tâches composant un projet.

18
 Chapitre III : Conception de l’application

I. Introduction :
Dans ce chapitre, on v a mettre l’accent sur la conception de l’application, Pour
la réalisation et la conception de celle-ci, on a choisi de la modéliser en
s’appuyant sur le formalisme UML. Ce chapitre présentera la partie
fonctionnelle du modèle UML à travers le diagramme de classe et le diagramme
des cas d’utilisation ainsi que les diagrammes de séquence.
Cette phase poursuit la tâche entamée dans la phase d’analyse et capture des
besoins, elle vise à identifier et décrire la majorité des besoins utilisateurs,
construire l’architecture de base du système et lever les risques majeurs du
projet.
Au niveau de cette phase, nous analysons les différents cas d’utilisation puis
nous essayons de les détaillées pour comprendre chaque fonctionnalité attendue
du système en examinant tous les scénarios compte des scénarios exceptionnels
et des erreurs.

19
 La conception est une phase importante avant la réalisation de tout projet, elle
nécessite des méthodes permettant de mettre en place un modèle sur lequel on
va s'appuyer.

II. Langage de modélisation UML :

UML (Unified Modeling Language) est une notation permettant de modéliser

un problème de façon standard. Ce langage est né de la fusion de plusieurs
méthodes existantes auparavant, et est devenu désormais la référence en terme
de modélisation objet, à un tel point que sa connaissance est souvent nécessaire
pour obtenir un poste de développeur objet.
Il est conçu pour représenter, spécifier et documenter les applications et
apporte une grande rigueur, offrant une meilleure compréhension des
applications et permettant de capturer des aspects pertinents pour répondre aux
objectifs définis par les besoins des clientèles.
Les avantages d’UML :
- UML est un langage formel et standardisé :
• Gain de précision.
• Motivation à l’utilisation.
- UML est un support de communication adéquat et compétitif :
• Il éclaire et facilite la compréhension de représentation abstraite complexe.
• Son caractère plurivalent et sa souplesse en font un langage universel.
• UML n’est pas une méthode mais une notation qui laisse la liberté de la
conception.

20
• UML est un langage qui permet de modéliser tous les types de systèmes
informatiques mais, qui nécessite toutefois une méthodologie de conception.
Il s’articule autour de neuf types de diagrammes devisés en deux catégories.
- Les vues statiques du système :
• Le diagramme de cas d'utilisation
• Le diagramme de classes 
• Le diagramme d'objets 
• Diagramme de composant
• Diagramme de déploiement
- Les vues dynamiques du système :
• Le diagramme d'états-transitions 
• Le diagramme de séquence
• Le diagramme de collaboration 

Les diagrammes qu'on a montrés dans la partie précédente sont des moyens
de description des objets ainsi que des liens qui les relient. J’ai utilisé les
diagrammes suivants :

21
 Diagramme de cas d'utilisation
 Diagramme de classes
 Diagramme de séquence
 Diagramme d’activité

III. Conception de l’application :

1. Identification des acteurs :

2. Diagrammes de cas d’utilisation :

22
Le diagramme des cas d'utilisation (Use Case Diagram) constitue la première
étape de l’analyse UML en :
- Modélisant les besoins des utilisateurs.
- Identifiant les grandes fonctionnalités et les limites du système.
- Représentant les interactions entre le système et ses utilisateurs.
Le diagramme des cas d’utilisations n’est pas un inventaire exhaustif de toutes
les fonctions du système. Il ne liste que des fonctions générales essentielles et
principales sans rentrer dans les détails.

- Cas d’utilisation de l’employé :

- Cas d’utilisation du service informatique :

23
- Cas d’utilisation du service contrôle matériel :

24
 3. Diagramme de classe :
Le diagramme de classes représente les classes constituant le système et les associations entre
elles.
Les diagrammes de classes expriment de manière générale la structure statique d’un système,
en termes de classe et de relations entre ces classes.
De même qu’une classe décrit un ensemble d’objets, une association décrit un ensemble de
liens, les objets sont des instances de classes et les liens sont des instances de relations.

25
• Un employé peut avoir un ou plusieurs matériels.
• Service contrôle matériel peut traiter un ou plusieurs demandes.
• Service informatique peut traiter un ou plusieurs demandes.
• Service contrôle matériel peut gérer l’affectation d’un ou plusieurs matériels.

4. Diagramme de séquence :

 Diagramme de séquence de la création et traitement de demande de

vérification :

 Diagramme de séquence de la création et traitement de demande de

nouveau matériel :

26
 Diagramme de séquence de l’authentification :

5. Diagramme d’activité :

27
Les diagrammes d'activités permettent de mettre l'accent sur les traitements. Ils
sont donc particulièrement adaptés à la modélisation du cheminement de flots de
contrôle et de flots de données. Ils permettent ainsi de représenter
graphiquement le comportement d'une méthode ou le déroulement d'un cas
d'utilisation.

Les diagrammes d'activités sont relativement proches des diagrammes d'états-

transitions dans leur présentation, mais leur interprétation est sensiblement
différente. Les diagrammes d'états-transitions sont orientés vers des systèmes
réactifs, mais ils ne donnent pas une vision satisfaisante d'un traitement faisant
intervenir plusieurs classeurs et doivent être complétés, par exemple, par des
diagrammes de séquence. Au contraire, les diagrammes d'activités ne sont pas
spécifiquement rattachés à un classeur particulier. On peut attacher un
diagramme d'activités à n'importe quel élément de modélisation afin de
visualiser, spécifier, construire ou documenter le comportement de cet élément.

28
 6. Base de données de l’application :
Une base de données (en anglais database), permet de stocker et de retrouver
l'intégralité de données brutes ou d'informations en rapport avec un thème ou
une activité, celles-ci peuvent être de natures différentes et plus ou moins reliées
entre elles. Dans la très grande majorité des cas, ces informations sont très
structurées, et la base est localisée dans un même lieu et sur un même support.
Ce dernier est généralement informatisé.

 demande(ID , TYPEDEM, DATEDEPOT, MSG, ETAT, NATUREAFF,

#MATRICULE, #NSERIE, ACC, FILES)
- ID : identifiant de la demande

29
 - TYPEDEM : type de la demande ( demande de vérification d’état
matériel / demande nouveau matériel )
- MSG : message où employé va expliquer le problème rencontrer dans
son PC
- ETAT : entier défini l’état de la demande ( 0 si la demande n’est pas
encore traiter ou 1 s’elle est traiter)
- NATUREAFF : nature d’affectation ( c’est au service d’informatique
de la remplir ), définit la décision après traitement de la demande.
- ACC : entier qui égale à 0 si les condition de réparation est non
accepter ou égale à 1 s’elles sont accepter
- FILES : champs qui permet de stocker le nom du fichier à transmettre
ou è télécharger.
 employe ( MATRICULE, NOM, PRENOM, ENTITE, SA, PHOTO)
- MATRICULE : identifiant de l’employé
- ENTITE : définit le département auquel l’employé s’appartient
- SA : entier défini l’entité auquel l’employé s’appartient
 materiel ( NSERIE, NOM, TYPE, PHOTO, #MATRICULE )
- NSERIE : identifiant du matériel
- TYPE : défini le type du matériel (clavier, PC portable, Unité centrale
…)
- PHOTO : défini le nom de la photo pour l’afficher par la suite en
appelant son nom stocker dans la base de données
- MATRICULE : identifiant de l’employé pour définir à qui appartient
ce matériel, c’est une clé étrangère
 utilisateur ( ID, MATRICULE, PWD, ROLE, EMAIL, ETAT )
- ID : identifiant de l’utilisateur
- PWD : password ( on va utiliser une fonction de cryptage pour assurer
la sécurité )
- ETAT : entier qui égale 1 si le compte utilisateur est activer ou égale 0
s’il est désactiver
 message ( ID, EXPEDITEUR, RECEPTEUR, MESSAGE )
- ID : identifant du message
- MESSAGE : contenu du message
Rôle des tables :

30
Le rôles des tables est de stocker l’information saisie dans la base de données
pour ensuite l’utiliser dans d’autre fonction. Il importe aussi de créer les
relations entre ces tables.
Rôle des relations :
Les relations permettent essentiellement de maintenir l’intégrité des
informations : éviter l’incohérence et la redondance entre les informations
stockées dans des tables différentes.

V. Sécurité :
Concernant la sécurité au niveau de l’application, l’accès à l’application passe
par login et un mot de passe. Et aussi pour assurer sécurité global dans
l’application, on a ajouter la notion du session qui permet de passer par
l’authentification avant d’aller à n’importe quel pages.

31
 Chapitre IV : Réalisation
1. Langage de développement  :
 HTML :

L’HyperText Markup Language, généralement abrégé HTML, est le langage de

balisage conçu pour représenter les pages web. C’est un langage permettant
d’écrire de l’hypertexte, d’où son nom. HTML permet également de structurer
sémantiquement et logiquement et de mettre en forme le contenu des pages,
d’inclure des ressources multimédias dont des images, des formulaires de saisie
et des programmes informatiques. Il permet de créer des
documents interopérables avec des équipements très variés de manière conforme
aux exigences de l’accessibilité du web. Il est souvent utilisé conjointement avec
le langage de programmation JavaScript et des feuilles de style en
cascade (CSS) 

 CSS :

32
 CSS Cascading Style Sheets (feuilles de styles en cascade), servent à mettre
en forme des documents web, type page HTML ou XML. Par l'intermédiaire de
propriétés d'apparence (couleurs, bordures, polices, etc.) et de placement
(largeur, hauteur, côte à côte, dessus-dessous, etc.), le rendu d'une page web peut
être intégralement modifié sans aucun code supplémentaire dans la page web.
Les feuilles de styles ont d'ailleurs pour objectif principal de dissocier le contenu
de la page de son apparence visuelle. Ceci permet :
 De ne pas répéter dans chaque page le même code de mise en forme
 D'utiliser des styles génériques, avec des noms explicites (par exemple un
style encadré pour du texte ou des images)
 De pouvoir changer l'apparence d'un site web complet en ne modifiant
qu'un seul fichier
 De faciliter la lecture du code de la page.
La puissance et de l'intérêt des CSS peut être démontrée en modifiant
radicalement l'apparence d'une page, sans changer son code HTML d'un
iota... Bref les CSS permettent de gagner en productivité et en maintenabilité
des sites web, tout en offrant des possibilités graphiques incontestables.
Lorsqu'on se lance dans la conception de pages web, il faut apprendre les
CSS !

 Javascript :

33
 JavaScript, à ne pas confondre avec Java, est un langage de programmation
inventé pour le web. Son utilisation principale se fait suivant le terme consacré,
côté client, c’est-à-dire dans le navigateur de l’internaute. Son utilité est
d’apporter tout ce que le HTML n’apporte pas : l’interactivité de l’utilisateur
avec la page. Pour le résumer succinctement, tout ce qui se produit après le
chargement d’une page est lié à un script JavaScript : chargement d’élément,
mise à jour, animation …

 PHP

PHP: Hypertext Preprocessor, plus connu sous son sigle PHP (sigle auto-

référentiel), 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.
 Bootstrap :

Bootstrap est une infrastructure de développement frontale, gratuite et open

source pour la création de sites et d'applications Web. L'infrastructure Bootstrap
repose sur HTML, CSS et JavaScript (JS) pour faciliter le développement de
sites et d'applications réactives et tout-mobile. Il s’agit d’un code qui raccourcit
différentes fonctionnalités (plugins utilisant la bibliothèque JQuery), permettant
au développeur de gagner du temps et de réaliser simplement des codes

34
complexes (animation, carrousel, tableau, histogramme, …) et tout en réduisant
la quantité de caractères requis, et donc le poids du site web. 
2. Logiciel et outils de développement :
 Brackets :

Brackets est un éditeur de code léger, libre et développé par Adobe.

L'application se veut être le parfait compagnon des développeurs et designers
Web qui travaillent avec les langages HTML, CSS et JavaScript. 

Brackets dispose d'une interface utilisateur épurée mais qui laisse transparaître

une grande richesse en fonctionnalités dès lors que du code est édité. On
remarque notamment l'édition rapide de fichiers ou encore l'affichage d'un
nuancier pour faciliter la modification des codes de couleur dans les feuilles de
styles éditées.

 Xampp :

 XAMPP est un ensemble de logiciels permettant de mettre en place un

serveur Web local, un serveur FTP et un serveur de messagerie
électronique. Il s'agit d'une distribution de logiciels libres offrant une
bonne souplesse d'utilisation, réputée pour son installation simple et
rapide
 Phpmyadmin :

35
PhpMyAdmin est un logiciel gratuit écrit en PHP destiné à gérer
l’administrateur de MySQL sur le Web. PhpMyAdmin prend en charge un large
éventail d’opérations sur MySQL et MariaDB. Opérations utilisées
fréquemment (gestion des relations de données, des tables, des colonnes, des
relations, des index, les utilisateurs, les permissions, etc.) peuvent être effectuées
via l’interface utilisateur, alors que vous avez encore la possibilité d’exécuter
directement une instruction SQL.

 Google Chrome :

Chrome est un navigateur web propriétaire développé par Google basé sur le

projet libre Chromium fonctionnant
sous Windows, Mac, Linux, Android et iOS. Chromium est similaire à Chrome,
mais ce dernier contient des mouchards (envoi d'informations personnelles12 vers
un serveur de Google)13 ou pisteurs.

 Power AMC :

PowerAMC est l’un des outils majeurs de modélisation des données et des
processus ,il fournit un jeu unique d’outils de modélisation professionnels qui
associent les techniques et notations standard de la modélisation de processus
métiers, de la modélisation des données et de la modélisation d’applications
UML et d’autres fonctionnalités puissantes afin de vous aider à analyser,
concevoir, construire et maintenir vos applications, en utilisant les techniques les
plus élaborées d’ingénierie logiciel. La solution de modélisation PowerAMC
permet d’intégrer étroitement la conception et la maintenance des couches de
données centrales de votre application et exigences de projet, processus métiers,

36
code orienté objet, vocabulaires XML et informations de réplication de base de
données.

ChapitreV : Présentation de l’application :

 Interface d’authentification :

L’accès à l’application passe par un login et un mot de passe.

 Interface création d’un compte :

37
 L’environnement de l’employé :

l’employé peut consulté ses demandes, ajouter demande, son matériels,

envoyer / recevoir des message, éditer son compte en cliquant sur son nom et
enfin se déconnecter.
- Ajouter demande :

38
si l’employé veut avoir une idée sur les conditions avant de l’accepter, il faut
cliquer sur lu, il va se retrouver sur cette page :

Après lorsqu’on valide l’ajout du demande, on va la retrouver dans notre page

d’accueil

39
Notre demande s’affiche en rouge pour nous informe que notre demande est non
encore traiter. S’elle est traiter, elle va s’afficher en vert comme ceci

Pour avoir plus de détails sur la demande, il faut cliquer sur son id. s’elle est non
encore traiter, on va avoir cette page :

40
Sinon (s’elle est traitée), on va avoir

 L’environnement du service informatique :

41
Le service informatique peut consulter les demandes de vérification envoyer par
les employés, les demandes en rouge sont les demandes à traiter, et ce qui sont
en vert sont les demandes déjà traitées.
- Le traitement du demande
Pour traiter une demande, il faut cliquer sur la premier icône dans le champs
action

42
Après vérification, le service informatique doit choisir la nature d’affectation et
aussi envoyer un message au demandeur pour lui expliquer les détails du
traitement.
Après traitement, la demande traité devient en vert.

43
Le service informatique peut aussi consulter la liste des employés,

- gérer les comptes utilisateurs

44
Les comptes en vert sont les comptes activés, et ce qui sont en rouge sont les
comptes désactivés.

 L’environnement du service contrôle matériels :

le service contrôle matériels a comme rôle traiter les demandes du nouveau
matériel, gérer l’affectation du nouveau matériel pour les employés, consulter la
boîte du message et aussi consulter la liste qui contient tous les matériels
informatiques

45
- Traitement demande nouveau matériel.

46
Lorsque vous cliquez sur DETAIL VERIFICATION MATERIRL, il va
s’afficher les détails du traitement du service informatique, et à la base de ses
détails on va validé la demande ou pas

Après traitement,

Si notre demande est validé, on va supprimer le matériel irréparable, et on va

affecter un nouveau matériel à employé

47
48
En fin le passage de la demande du décharge est terminé, à la fin du
traitement, notre employé va avoir soit son ancien matériel réparé soit un
nouveau matériel.

Conclusion

49
Pendant la période de notre stage qui a duré 1 mois, nous étions charger de
développer une application web pour la gestion des demandes de décharge du
matériel informatique pour l’entreprise OCP en utilisant des nouvelles
technologies et de nouveaux outils et langages vus lors du cursus universitaire
telles que les langages php, html, css, javascript et sql.
Ce projet nous’ a donné l’opportunité de s’initier à la vie professionnelle dans
un milieu réel et avoir un début d’expérience significatif, En effet, le travail à la
fois sur l’aspect technique et métier, la prise d’initiative, le raisonnement
logique, le fait d’imposer nos méthodes et de trouver des solutions alternatives
pour surmonter partiellement ou globalement un problème, et surtout le respect
des délais seront des aspects essentiels de notre futur métier, d’une autre part,
ceci nous’a permis de faire preuve de responsabilité, ponctualité, créativité,
innovation et implication qui sont les clés de la bonne conduite et de la réussite
d’un projet informatique d’où m’a pu bénéficier de nouvelles acquisitions qui
ont enrichi nos connaissances et nos compétences.
Ce stage a vraiment confirmé nos ambitions futures d’exercer dans le
domaine informatique, même s’il nous reste encore beaucoup à apprendre.
Certes, des améliorations et des traitements seront mises en œuvre pour
compléter le travail, pour finalement arriver à l’objectif souhaité de l’entreprise.

50