RAPPORT DE

STAGE
D’INITIATION
Groupe OCP – Maroc Chimie, SAFI

Université CADDI AYYAD

Ecole supérieure de technologie SAFI
Réalisé par : BOUSBA Badreddine

Intitulé : création d’une application

permettant aux employés d’OCP le suivi
de leurs pointages.

Encadré par : - M. NMISSI Rachid

- M. BELHAMADIA
Période de stage : << 04 Juillet au 31 juillet
2019>> Année universitaire : 2019/2020
Département : Informatique
Filière : Administration des Systèmes de Réseaux
Direction d’accueil: Direction Maroc-Phosphore SAFI
Service: DSI/O/P/S
 Remerciements

Au terme de ce stage d’initiation, je tiens à exprimer mes sincères

remerciements à Dieu, mes parents et ma famille de m’avoir offert les
Bonnes conditions pour pouvoir continuer mes études, ceux qui m’ont
beaucoup soutenu au cours de ce stage ainsi que ceux qui ont eu la
gentillesse de le rendre très profitable.

Mes estimes les plus sincères s’adressent aussi à :

M. NMISSI Rachid mon parrain de stage pour le bon déroulement du
stage, il m’a assuré de bonnes conditions pour le déroulement de mon
stage, pour m’avoir guidé et conseillé pendant toute la période du stage.

Je remercie aussi tous ceux qui ont veillé à ce que ce travail soit tel
qu’il est, leurs conseils, instructions, suggestions ou contributions au
cours de ce mois, et plus particulièrement l’ensemble des employés du
service informatique (DSI).

Rapport de stage | EST 1

 introductio

Dans le cadre de stage d’initiation effectué au sein du groupe OCP,

la direction d’accueil (direction des systèmes d’information) m’a demandé
d’étudier le service informatique ainsi que le service Desk de
l’organisation.
Et de réaliser par la suite une application permettant aux employés d’OCP
le suivi de leur pointage.
Ce projet est une occasion pour mettre en application mes compétences
acquises au cours de mon cursus universitaire à EST Safi ainsi que celles
acquises après ma auto-formation notamment en PHP, HTML5, CSS3,
Javascript.

Le projet est structurer en deux étapes :

La présentation de l’organisme d’accueil en concentrant sur son service

informatique et comment il est organiser, et son service desk et ses
objectifs.

L’étape de la réalisation du projet qu’il s’agit de la mise en place d’une

solution applicative permettant aux employés le suivi de leur pointage en
les fournissant un identifiant et un mot de passe.

Rapport de stage | EST 2

 table des figures

Figure 1 : Carte des principaux sites d’implantation d’OCP au

Maroc
Figure 2 : Organigramme du groupe OCP
Figure 3 : Le fonctionnement du service Desk en trois requêtes
principales
Figure 4 : Le dictionnaire de données
Figure 5 : Le modèle conceptuel de données
Figure 6 : Le modèle logique de données
Figure 7: aperçu du la page d’authentification (page
d’accueil)
Figure 8: aperçu du la page de récupération du mot de passe
Figure 9: aperçu de la partie du traitement de mail
commentée Figure 10: aperçu du compte personnel de
LHARCHI Yahya
Figure 11: aperçu de l’agenda du collaborateur LHARCHI
Yahya
Figure 12 : aperçu de pied de page (footer)

Rapport de stage | EST 3

 Liste des Tableaux

Rapport de stage | EST 4

 Remerciements ...............................S...o..m....m....a...i.r..e ..................1
Introduction....................................................................................................2
Chapitre I: Présentation générale du groupe OCP....................................6
I. Le groupe Office Chérifien des Phosphates.................................................7
I-1 Introduction................................................................................................7
I-2 Historique:..................................................................................................9
I-3 Missions du groupe OCP :......................................................................11
I-4 L’organisation au sein du groupe.............................................................12
II- Présentation du service Desk du groupe OCP:........................................14
II-1 introduction au service Desk:................................................................14
II-2 la mission du service Desk:...................................................................14
II-3 les objectifs du service:..........................................................................16
Chapitre II : La création d’une solution applicative permettant aux
collaborateurs OCP le suivi de leurs pointages.........................................17
1- Introduction...............................................................................................18
2- les langages et les outils utilisés:..............................................................18
3- Conception de la base de données et la création sous PHPMyAdmin : .21
4- Création des interfaces web et la connexion à la base de données...........23
5- Perspectives :.............................................................................................27
Conclusion.....................................................................................................28
bibliographie.................................................................................................28

Rapport de stage | EST 5

 chapitre 1

Présentation
générale du
groupe OCP

Résumé : Ce chapitre évoque une description du Groupe OCP,

puis une présentation générale Maroc chimie SAFI où j’ai effectué
mon stage d’initiation.

Rapport de stage | EST 6

 Chapitre1 :
Chapitre1

I-1 Introduction
Vers l’année 1917, la présence des phosphates « la première richesse
minière nationale » a été confirmée dans la région d’Oued-Zem zone
de Khouribga.
Le dahir du 27/01/1920 réserve à l’état marocain le droit exclusif de la
recherche de l’exploitation de phosphate dans l’ensemble des territoires.
Le Dahir 07/08/1920 porte sur la création de l’OCP, établissement public
qui doit fonctionner dans les mêmes conditions qu’une entreprise privée à
caractère industriel et commercial et par conséquent aux mêmes
obligations telles aux impôts, droits et douanes. Ce statut avantagé par
rapport aux autres établissements publics devra permettre à l’office d’agir
de la même dynamique et de la même souplesse que des entreprises
privées. Le groupe OCP offre une large sélection de roche de phosphates
de différentes qualités, destinée à divers usages. OCP est le premier
exportateur de roche de phosphates et acide phosphorique dans le monde,
et un des principaux exportateurs d’engrais phosphatés, avec un
portefeuille composé de 130 clients et une présence sur les cinq continents.
En tant que première entreprise du Maroc avec un chiffre d’affaires de
43,513 milliards MAD, le groupe OCP est l’un des moteurs clé de
l’économie du pays. Les phosphates et ses dérivés représentent en 2010,
en valeur, approximativement 3,5% du PIB. La valeur des exportations
d’OCP sont de près de 35,63 milliards MAD en 2010 soit 24% du total des
exportations nationales.

Rapport de stage | EST 7

 Chapitre1

Ainsi que l’OCP emploie directement près de 20000 salariés. Le

groupe OCP a développé des relations durables avec plusieurs de ses
clients qui vont au-delà de stricts arrangements commerciaux. Le groupe a,
au fil des ans, mis en place plusieurs joint-ventures de transformation avec
des usines au Maroc et à l’étranger avec des partenaires de premier plan
venant du Brésil, de Belgique, d’Allemagne, d’Inde et du Pakistan.
Présent dans cinq zones géographiques du pays (3 sites d'exploitation
minières : Khouribga /Youssoufia, BOUCRAA/LAAYOUN et deux sites
de transformation chimique : Safi et JORF LASFAR), OCP constitue un
vecteur de développement régional et national important (Figure1).

Figure 1 : carte des principaux sites d’implantation d’ocp au MAROC

Rapport de stage | EST 8

 Chapitre1

I-2 Historique du groupe OCP :

Année
Evénement
Création de l'office chérifien de phosphate
7 Août
1920

1921 Début d’exploitation dans la région d’OUED ZEM.

23 juillet Première exportation de phosphate

1921

193
Ouverture d'un nouveau centre de production de phosphate :
0
Youssoufia

1950-1952 Mise en œuvre de la méthode d'extraction en découverte à Khouribga.

1958 Création d'un centre de formation professionnelle à Khouribga, en

renforçant des efforts menés, depuis des décennies sur ce plan ;
puis, création par la suite d'autre unités de formation : école de
maîtrise de BOUJNIBA

Développement de la mécanisation du souterrain à Youssoufia. Démarrage de Maroc

1960-
1965

Rapport de stage | EST 9

 Chapitre1

Exploration des nouveaux projets de partenariat industriels et de

199 renforcement de capacités.
0

2000 Démarrage unité de flottation de phosphate à khouribga

Prise de participation dans la société indienne PPL en joint-venture avec

200 le Groupe Birla.
2

2003 L’OCP est devenu le seul actionnaire de Phousboucraâ

2004 Création de la Société "Pakistan Maroc Phosphore" S.A en Joint-

venture entre l’OCP et Fauji Fertilizer Bin Qasim Limited
(Pakistan).

le 18 mars 2009 Démarrage de l’exploitation

Transformation de Bunge
du groupe OCP Maroc
en SA Phosphore
(société (BMP)
anonyme).
200
8
juin 2010 Mise en service de la laverie de merah lahrach au niveau de la commune M’fassis.

Lancement du projet slurry pipeline reliant khouribga à Jorf Lasfar

Décembre s’étendra sur une langueur totale de 235 Km et transportera 38 Mt/an.
Tableau 1 : Historique du groupe OCP

Rapport de stage | EST 1

 Chapitre1

I-3 Missions du groupe OCP :

OCP maîtrise toute la chaîne de création de valeur de l’industrie phosphatée
: extraction et traitement du minerai, transformation de cette matière première en un
produit liquide intermédiaire, l’acide phosphorique, et fabrication des produits finis
par concentration et granulation de cet acide ou par purification : engrais, acide
phosphorique purifié.
 Le phosphate brut. Le phosphate brut est exploité pour son contenu en phosphore.
La teneur du phosphate en phosphore, mesurée en pourcentage de P2O5
(pentoxyde de phosphore), détermine sa qualité. Elle varie de 5 % à 45 %. A moins
de 30 %, le plus gros de la production, le minerai subit un premier traitement sous
forme de lavage, séchage ou enrichissement à sec.
 L’acide phosphorique. Il est obtenu par réaction de l’acide sulfurique avec le
calcium de phosphate. La teneur moyenne du produit intermédiaire ainsi obtenu
après concentration est de 52 % de P2O5. L’acide phosphorique purifié est destiné à
des applications alimentaires et industrielles.
 Les engrais. OCP produit quatre types d’engrais à partir de l’acide
phosphorique : le DAP (qui est l’engrais le plus courant), le TSP (engrais
exclusivement phosphaté), le MAP (engrais binaire à deux éléments fertilisants :
phosphore et azote) et le NPK (engrais ternaire à base d’azote, de phosphore et de
potassium).

Pour ce faire, l’OCP s’est doté de :

 2 centres de transformation chimique Safi et Jorf Lasfar.
 4 ports d’embarquement Casablanca, Safi, Jorf Lasfar et Laayoune.
Les principales activités de l’OCP sont :
La prospection :
Elle consiste à faire le forage pour délimiter le gisement, s’informer sur l’épaisseur
des couches et leur teneur.
La production :
 L’extraction :
Elle s’effectue de deux manières qui dépendent du site, puisque le phosphate se
présente sous forme de couches quasi-horizontales séparés par des intercalaires
stériles) soit par voie souterraine.
 Le Traitement :

Rapport de stage | EST 1

 Chapitre1

Le phosphate extrait subit un enrichissement de façon à éliminer la gangue et

réduire la teneur de certaines impuretés.
La valorisation :
Suivant l’évolution du continu du marché mondial des phosphates de la matière
brut vers l’acide phosphorique et les engrais, le groupe OCP a Concentré ses
efforts sur la transformation sur place des phosphates en produit semi-fini (acide
phosphorique) ou fini (les engrais).
La commercialisation :
Le phosphate est vendu selon la demande des clients aux cinq continents de la
planète soit brut soit après traitement, les exportations représentent 15 à 30% du
commerce international du phosphate et de ses dérivés.

I-4 L’organisation au sein du groupe OCP :

C’est une organisation fondée sur une structure concentrée sur ses métiers de base
qui lui permet de s’acquitter de sa mission. Les activités du groupe sont structurées
au sein de trois pôles d’activité : mines, chimie, finance et support logistique, à côté
d’autres directions (SDG, DC, DRH, DRI, DSD…), la CIR, les entités Filiales et
l’institut OCP. Un comité exécutif et des comités articulés s’inscrivent dans une
démarche de travail collégial qui présente une assistance au Directeur Général et
favorisent le transfert d’information et le développement de synergie entre les
différentes entités.
 Le pôle mine : englobe la direction des exploitations minières de Khouribga
(PMK), la direction des exploitations minières des Gantour (PMG) et la direction
de Phosboucraâ (PMB).
 Le pôle de chimie : englobe les directions Maroc Phosphore Safi (PCS) ; Maroc
Phosphore Jorf-lasfar (PCJ) ; la société Imacid (PCI) et la société Emaphos (PCE).
 Le pôle finance et support logistique : englobe la direction des systèmes
d’informations (PFI) ; la Direction Financière (PFF), la Direction des
Approvisionnements et des Marchés (PFM) et la Direction Partenariats
Internationaux (PF/P).

Rapport de stage | EST 1

 Chapitre1

Rapport de stage | EST 1

Figure 2 : mme du groupe OCP
Organigra

14
eCd’hianiptiiatrtieon1 : | EST Safi
 Chapitre1

Figure 3 : Le fonctionnement du service Desk en trois requêtes principales

Rapport de stage | EST 1

 I-3 Les objectifs du service Desk :

 le but de trouver Fournir un point de contact uniques pour

toutes les demandes.
 Fournir un support de haute qualité correspondant aux
attentes de l’entreprise.
 Assurer un support à la réalisation des
changements informatiques et à la gestion des
problèmes .
 Améliorer, en permanence, le niveau du service offert.
 Garantir la satisfaction des utilisateurs en fournissant un
service orienté clients.
 ...

Rapport de stage | EST 1

 Chapitre1

chapitre 2

La
Résumé : Ce chapitre récapitule les concepts, les technologies sur
lesquelles j’ai appuyé en vue de créer une solution applicative
permettant aux collaborateurs OCP d’avoir un compte personnel

du
afin de suivre leur agenda des jours de travail.

Rapport de stage | EST 1

 Chapitre2

La gestion des temps a traditionnellement été rattachée à la

fonction des Ressources Humaines (FRH) et a longtemps été
appréhendée comme une tâche fastidieuse dont le seul but était la
paie. Aujourd’hui, elle ne reste pas moins un sujet RH, mais la
réflexion sur son utilité a beaucoup évolué.

Dans le cadre de ce stage nous nous intéressons à la gestion du

temps afin de permettre chaque employé de suivre en ligne son
agenda des heures qu’il avait travaillé.

En premier lieu, j’ai commencé par la création d’une page web

dynamique d’authentification permettant juste aux personnes bien
authentifier (par leur Identifiant et leur Mot de passe) de se
connecter à leur compte approprié.

Ensuite, j’ai développé une autre interface correspondant au

compte du collaborateur ou il trouvera ses informations
personnelles, la possibilité de changer son mot de passe, et un lien
pour consulter son agenda des heures de travail.
2- Les langages et les outils utilisés :
Pour développer les interfaces web et les rendre interactives avec
l’utilisateur j’ai utilisé plusieurs langages et technologies comme le PHP,
HTML 5, CSS 3, javascript, SQL, etc.

Rapport de stage | EST 1

Rapport de stage | EST 1
 Chapitre2

PHP : est un langage de programmation libre, principalement utilisé pour

produire des pages Web dynamiques via un serveur HTTP . C’est un langage de
script qui est particulièrement adapté au développement web. Rapide et flexible il
intègre tous les outils nécessaires à la création de sites dynamiques.

HTML5
: (HyperText Markup Language), généralement abrégé HTML, est le langage de
balisage conçu pour représenter les pages web. IL 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.

CSS3 : de
l'anglais Cascading Style Sheets, forment un langage informatique qui décrit la
présentation des documents HTML et XML. Les standards définissant CSS sont
publiés par le World Wide Web Consortium (W3C).

Rapport de stage | EST 2

 Javascript : est un langage de programmation de scripts principalement
employé dans les pages web interactives mais aussi pour les. C'est un langage
orienté objet à prototype, c'est-à-dire que les bases du langage et ses principales
interfaces sont fournies par des objets qui ne sont pas des instances de classes,
mais qui sont chacun équipés de constructeurs permettant de créer leurs
propriétés, et notamment une propriété de prototypage qui permet d'en créer des
objets héritiers personnalisés.

Plusieurs étapes ont donc été nécessaires à la configuration du serveur. Je

me suis familiarisé à l’environnement Windows, et j’ai installé et configuré
différents éléments sur le serveur : PhpMyAdmin, Apache, Visual studio code …

En suivant divers tutoriels sur internet, j’ai ainsi décomposé les tâches à
effectuer suivant l’archétype :
-PHPMyAdmin : sert à administrer mes bases de données, je l’ai configuré de
la façon la plus standard possible, je peux y accéder depuis une interface Web.

-Apache : est un logiciel libre que l’on installe sur le serveur qui fait office de
serveur http, il va donc accueillir notre Site Web et c’est lui qui va faire en sorte
qu’il soit accessible via notre navigateur.

- VS CODE : un éditeur de code multi-plateforme, open source et gratuit,

supportant une dizaine de langages de programmation.

Rapport de stage | EST 2

 Chapitre2

Chapitre2 :

En vue d’avoir un site web de qualité, il est indispensable d’analyser les taches
demandées et de passer par l’étape la conception de la base de données avant de la
créer sur l’environnement de travail.

Rapport de stage d’initiation | EST 22

 Chapitre2

Figure 5 : Le modèle conceptuel de données

Rapport de stage | EST 2

 Chapitre2

Figure 7 : Aperçu de la page d’authentification (page d’accueil)

L’interface ci-dessus est une page dynamique d’authentification permettant de

connecter Chaque collaborateur à son compte approprié. Tout en basant sur un bout
de code écrit en PHP permettant de se connecter à la base de données Et vérifier si
l’identifiant et le mot de passe saisis par l’utilisateur existent-ils dans la base de
données pour se connecter Et d’afficher un message d’erreur en cas contraire.

Rapport de stage | EST 2

 Chapitre2

Figure 8 : Aperçu de la page de récupération du mot de passe

L’interface ci-dessus est conçue pour la réinitialisation du mot de passe en
cas de perte, en remplissant le champ du mail comme il faut, l’utilisateur reçoit un
mail contenant une URL pour réinitialiser son mot de passe. Sauf que la partie de
l’envoi du mail, je l’ai dépassé :

Rapport de stage | EST 2

 Chapitre2

Figure 10 : Aperçu du compte personnel de LHARCHI Yahya

En cas où l’utilisateur est bien authentifié, quand il valide le formulaire, il sera

orienté vers une autre page qui correspond à son compte personnel, où il a la
possibilité de changer son mot de passe, son email, consulter son agenda en cliquant
sur le bouton « Exporter mes données », et se déconnecter via le bouton
« déconnexion » qui guide l’utilisateur au formulaire d’authentification à nouveau
comme montre le figure ci-dessus .

Rapport de stage | EST 2

 Chapitre2

Figure 11 : Aperçu de l’agenda du collaborateur LHARCHI Yahya

Le lien « Exporter mes données » ramène l’utilisateur (Yahya dans ce cas) vers
une page contenant l’agenda des jours de son travail, cette page - comme montre le
figure ci-dessus- à cause des contraintes de temps, elle n’est pas interactive, elle
manque pas mal de fonctionnalités surtout qu’on ne doit pas afficher toute l’agenda

Rapport de stage | EST 2

 Chapitre2

Figure 12 : Aperçu du pied de page(footer)

5- Perspectives :

Tout ce travail peut apporter quelques améliorations, ni en terme de

conception (la notion du responsive peut être ajouté par la suite), ni en
terme d’ajout de quelques fonctionnalités surtout dans l’interface de
l’agenda ou on peut intégrer sur titre d’exemple la possibilité de choisir un
intervalle de temps avant d’afficher l’agenda. La page conçue à la
récupération du mot de passe peut lui aussi être amélioré en configurant la
partie relative au traitement des emails.

Rapport de stage | EST 2

 Conclusion :

J’ai effectué mon stage d’initiation au sein de l’entreprise OCP dans Le

service informatique (DSI).J’ai pris durant ce mois des connaissances
sur le domaine de l’informatique dans le marché travail et j’ai mis en
place un site web permettant aux employés d’OCP d’avoir un compte
personnel, pour permettre les utilisateurs de consulter leurs agendas des
jours en service en les fournissant des identifiants et des mots de passes.
En fin, ce stage a été pour moi une opportunité afin mettre en
application mes compétences et mes connaissances acquises tout au long
de man cursus universitaire et de les exploiter à travers un projet
concret. Il m’a permis d’avoir une expérience très appliquée du monde
professionnel.

Bibliograghie :
sites web :
http://fr.wikipedia.org/wiki/Site Web#.c3.89tapes de conception de site web
https://codecademy.com
https://w3schools.com/
https://openclassrooms.com/
http://fr.wikipedia.org/wiki/PHP
http://fr.wikipedia.org/wiki/MySQL
http://fr.wikipedia.org/wiki/CSS
http://fr.wikipedia.org/wiki/Apache
http://www.elzero.info
Chaines Youtube :
www.youtube.com/formationvideo8
www.youtube.com/user/Osama
Les rapports :
http://pf-mh.uvt.rnu.tn/897/1/Ressources-Humaines.pdf

Rapport de stage | EST 2