Rapport de stage de fin de première année

Encadré par :
M. SALHI Mouhyeddine Jalal

Réalisé par :

M. REDA Marouane - Elève Ingénieur à l’ENSIAS

Année universitaire 2004-2005

 3.1. Java
Java est à la fois un langage
de programmation et une
plateforme d'exécution [7]. Le

1 page texte 0.5 DH

langage Java a la particularité
principale d'être portable,
puisqu'il peut tourner sur
n'importe quelle machine
disposant d'un interpréteur
Java. Cette portabilité est
fondamentale sur Internet,

4. Réalisation
Au lancement de
l’application, l’utilisateur a le
choix entre deux menus : New

1 page mixte 1 DH
Project et Load Project.

1 page image 2 DH

1 CD vierge 2 DH

1 pochette
0.5 DH
double
1 reliure
(baguette +
transparent +
6 DH
papier cartonné)
Stage de fin de première année

* Au terme de ce travail qui constitue pour nous un stage d’Application,

nous présentons nos remerciements à toutes les personnes qui nous ont aidé à
réaliser ce travail dans de bonnes conditions, et plus particulièrement notre
encadrant M. SALHI Mouhyeddine Jalal, chef des services Administration
Système, et Administration Bases données et progiciel, pour son chaleureux
accueil, et pour n’avoir ménagé aucun effort pour disposer du temps pour nous,
et nous apporter toute l’aide nécessaire à chaque fois afin de rendre ce stage
agréable, utile, et instructif.

Nous tenons à remercier vivement :

o M. Abderrafii MARDI, le chef de la Division Centre de Formation aux

Techniques de l’eau, pour nous avoir accordé l’opportunité d’effectuer un
stage au sein de l’office.

o L’ensemble du corps professoral à l’ENSIAS, qui veille à notre formation

d’ingénieur.

o Toute personne de près ou de loin, nous ayant conseillé, ou soutenu pour la

réalisation de ce travail.

2
Stage de fin de première année

Figure 1 : Page d’accueil du site

Figure 2 : Page d’accueil de l’Application
Figure 4 : Changement de mot de passe
Figure 3 : Identification de l’utilisateur
Figure 5 : Demande d’intervention
Figure 6 : Consultation des interventions
Figure 7 : Résultat des recherches
Figure 8 : Espace authentification
Figures 9-10 : Modification des comptes
Figure 11 : Ajout d’une intervention
Figures 12 : Modification d’une intervention
Figure 13 : Modification des comptes
Figure 14 : Résultat des recherches
Figure 15 : Modification des comptes
Figure 16 : Changement de mot de passe
Figure 17 : Consultation des demandes
Figure 18 : Résultat des recherches
Figure 19 : Réponse à la demande
Figure 20 : Consultation des interventions
Figure 21 : Résultat des recherches

3
Stage de fin de première année

HTML : Hyper Text Mark-up Language

HTTP : Hyper Text Transfer Protocol

MCD : Modèle Conceptuel des Données

MLD : Modèle Logique des Données

PHP : Personal Hyper Text Protocol

SGBD : Système de Gestion de Base de Données

SQL : Structured Query Language

4
Stage de fin de première année

Remerciements………………………………………………………………..02

Liste des figures……………………………………………………………….03

Glossaire……………………………………………………………………….04

Introduction……………………………………………………………………06

Chapitre 1 : Présentation de l’ONEP et ses domaines d’activités……………..07

Chapitre 2 : Analyse de l’existant………………………………………….….15

Chapitre 3 : Etude Conceptuelle……………………………………………….19

Chapitre 4 : Phase de réalisation……………………………………………….26

o Outils de travail………………………………………………………….27
o Présentation de l’application…………………………………………….27
o Espace Intervention……………………………………………………..28
o Session utilisateur……………………………………………………….29
o Session Administrateur………………………………………………….31
o Session Intervenant…………………………………………………...…34

Conclusion……………………………………………………………………...39

Glossaire………………………………………………………………………..40

Webographie……………………………………………………………………41

5
Stage de fin de première année

* Dans le cadre de nos études, et dans le but d’approfondir nos connaissances

dans le domaine informatique, de mettre en pratique nos diverses connaissances
théoriques, d’avoir un esprit de travail en groupe, et aussi un contact avec le
milieu professionnel, nous avons effectué un stage au sein de la direction des
Moyens Communs à l’ Office National de l’Eau Potable de RABAT.

* Durant notre séjour à l’ONEP, nous étions chargés de réaliser une

application WEB de gestion des interventions pouvant remplacer l’application
existante qui présentait plusieurs défauts qu’on abordera plus loin dans ce
rapport .

* Dans le présent rapport, la première partie comporte l’organisme d’accueil

de l’ONEP, la deuxième concerne l’étude et le critique de l’existant , la
troisième est consacrée à l’étude conceptuelle, quant à la quatrième, elle est
relative à la réalisation et la mise en œuvre du projet.

6
Stage de fin de première année

Présentation de l’ONEP
&
Ses domaines d’activités

7
Stage de fin de première année

I. Fiche Technique

o Raison sociale : Office National de l’Eau Potable

o Type de société : Public
o Adresse : ONEP, station de traitement Avenue Belhessan ELOUAZZANI
10002 – RABAT
o Téléphone : 037-75-96-00
o Fax : 037-75-31-28
o Site web : www.onep.org.ma
o E-mail : [email protected]

Cadre supérieur Maîtrise Exécution Total

925 1926 3812 6669

II. Historique

L’Office National de l’Eau Potable (ONEP) créé en 1972, est un établissement public à
caractère industriel et commercial, doté de la personnalité civile et de l’autonomie
financière, placé sous la tutelle du ministère de l’équipement.

Ses missions principales vont de la planification et de l’approvisionnement en eau

potable jusqu’à sa distribution en passant par les phrases de l’étude, la conception, la
réalisation, la gestion, et l’exploitation des unités de production et de la distribution et
du contrôle et de qualité des eaux jusqu’à la protection des ressources.

La Direction des Moyens Communs au sein de laquelle nous avons effectués notre stage
comporte 6 divisions et trois projets sont en cours d’étude :

• Division Juridique, Assurances, et Actions Foncières

• Divion des Moyens Généraux
• Division Bâtiment
• Division archivage et SIG
• Division Etudes et Développement Informatique
• Division Gestion du Système Informatique
• Projet d’Organisation et mise à jour du patrimoine
• Projet de Système d’Information
• Projet de Décentralisation Informatiques

Organisation administrative de l’ONEP

L’ONEP est administré par un conseil d’administration et un comité technique

permanent et géré par un directeur.

8
Stage de fin de première année

¾ La direction générale :

Elle est représentée par un directeur général chargé de l’exécution des décisions du
conseil d’administration et du comité technique permanent, celui-ci gère l’office et le
représente vis-à-vis de l’Etat et de toute administration publique.
Il nomme le personnel dans les conditions prévues par la réglementation en vigueur, il
délivre à l’agence comptable les ordres du paiement et les titres de recettes.
Il assure la gestion de l’ensemble des services de l’office

¾ Le conseil d’administration :

Le conseil d’administration comprend :

- Le ministère de l’équipement
- Le ministère de l’intérieur
- Le ministère de l’agriculture et de la réforme agraire et des eaux et forêts
- Le ministère de la santé
- Le ministère de l’urbanisme, de l’habitat de l’environnement
- Le ministre de l’économie, des finances, de la privatisation et du tourisme
- Le ministre de l’industrie
- Le ministre du plan
- Un représentant du premier ministre
- Le secrétaire général du ministre de l’équipement
- Le directeur de l’hydraulique au ministère de l’agriculture
- Le président en exercice des assemblées régionales

* Le conseil d’administration se réunit, sur convention de son président, au moins

une fois par semestre. Il arrête le budget et le programme des opérations techniques
et financières, les comptes et décide l’affectation des résultats

* Il décide également de tous achats, ventes, échanges, acquisitions, et cessions de

biens, meubles et immeubles, lorsque le montant de l’opération dépasse 100.000
Dhs, et élabore le statut du personnel

¾ Le comité technique permanent :

- Le comité technique permanent est chargé, dans l’intervalle des réunions du

conseil d’administration, de suivre l’exécution des décisions de ce conseil et
éventuellement, de régler toutes les affaires pour lesquelles il aura reçu délégation
du dit conseil.
- Ce comité se réunit au moins une fois par trimestre, sur convocation de son
président.

Il comprend les membres suivants :

9
Stage de fin de première année

9 Un représentant du ministère de l’équipement, président

9 Un représentant du ministère de l’intérieur
9 Un représentant du ministère de l’économie et des finances
9 Un représentant du ministre de l’agriculture

A – Secrétariat Général :

Il est rattaché directement à la direction générale, son rôle est l’animation et la

coordination entre l’ensemble des départements, il exerce ses fonctions de
commandement dans le cadre des pouvoirs qui lui sont délégués

B – Agence Comptable :
Elle est rattachée directement à la direction générale, son rôle consiste à assurer
le contrôle des dépenses et des recettes de l’office, cette agence se compose
d’une division et 5 services :

L’ONEP comporte les directions suivantes :

• Directions régionales :
9 Direction régionale du sud
9 Direction régionale de Tensift
9 Direction régionale de l’oriental centre
9 Direction régionale du nord ouest
9 Direction régionale du centre nord
9 Direction régionale de l’oriental
9 Direction régionale du centre sud
9 Direction régionale de la coordination dans les provinces sahariennes
9 Direction régionale de la cote atlantique

• Directions Centrales :
Elles sont rattachées aux directions générales et comprennent :

9 Direction financière
9 Direction coopération et communication
9 Direction audit et organisation

• Diverses directions réunies en pôles :

¾ Pôle Ressources :

9 Direction des ressources humaines

9 Direction des moyens communs
9 Direction approvisionnement et marchés

¾ Pôle Industriel :

10
Stage de fin de première année

9 Direction généralisation de l’eau potable

9 Direction patrimoine
9 Direction assainissement et environnement
9 Direction contrôle qualité des eaux

¾ Pôle Développement :

9 Direction planification et stratégie

9 Direction commerciale et marketing
9 Direction technique et de l’ingénierie

III. Organigramme de l’ONEP

Conseil Stratégique Le Directeur général de Agence Comptable

CS l’ONEP AC

D. Financière DF D. Centrale du D. Centrale du pôle D. Centrale du

pôle Ressource Industriel pôle Développe-
DR ment DD

D. Coopération et Div. Projet D. Planification et

Communication D. ressources décentralisation stratégie DPS
DCC Humaines DRH DI/D

D.Approvisionnement D. Commerciale
D. Adult et & Marchés DAM D. Généralisation
et Marketing
Organisation de l’AEP DEP
DCM
DAO
D. Moyens
Communs DMC D. Technique et
D. Patrimoine DPA
Ingénierie DTI
D. Centre de
formation aux D. Contrôle qualité
techniques de DCE
l’Eau DCT

D. Assainissement
et environnement
DAE

D. Régionales

11
Stage de fin de première année

IV. Direction des Moyens Communs

Service Budget et Service Etudes générales

consolidation

Divisions Etudes & Division Gestion du Division Juridique,

Développements Système Informatique Assurances et Actions
Informatiques Foncières

- Service Développement - Service Administration - Service Patrimoine et

Applications Support Systèmes actions foncières
- Service Développement - Service Maintenance et - Service Etudes,
Applications Métiers Assistance Conventions et Assurances
- Service Technique - Service Administration - Service Juridique et
- Service Conduite de bases de données et Contentieux
Changement progiciels - Service Archives
- Service SIG - Service Projet gestion - Service projet et
système A7 Déconcentration

Division des Moyens Généraux Division Bâtiments

- Service Parc Auto - Service Normalisation et

- Service entretien logements consolidation bâtiments
et bâtiments - Service Aménagement
- Service Moyens Communs bureaux administratifs
- Service Affaires générales - Service Aménagement Accès
- Service Restauration à la propriété

Division Projet décentralisation Division Projet Refonte de la Division Projet Organisation et

Informatique politique et de mise à jour du patrimoine
l’Informatisation de la gestion
des stocks

V. Organigramme de la DMC/G:

12
 Stage de fin de première année

Division gestion du
Système
Informatique
M. Hamzaoui

Service Service Service Service Administration

Administration Réseaux Maintenance Base données et
Système M.Lotfi Mme Aneb progiciel
M. Salhi M. Salhi

M. Soteih
M. Bechraoui M.Chibane
M.El housni
Mme Nadim M.Maatirabe
M.El majdouli
M Otmani M.Sridi
Mme habboub
M Dafir Projet A7 M.Gmih
Mme Aboinane
M.Chakir

Présentation de l’application
Mme Jamila

VI. Attributions du service administration système

Les attributions du service administration système sont les suivantes :

• Installation et configuration des serveurs Unix spécifiques

• Installation et configuration des serveurs Windows NT/Windows 2000 Server
• Administration et maintenance des serveurs d’applications (Informix-Oracle),
messagerie, web et bureautiques
• Tunning des différents serveurs
• Elaboration, mise en place et suivi du plan de sécurité globale
• Elaboration des procédures de sauvegardes et de sécurité
• Gestion de la sécurité, backup et restauration
• Mise en œuvre de l’accord Entreprise ONEP/Microsoft
• Mise en place et administration de l’active directory
• Participation à la mise en place de l’architecture du système d’information

13
Stage de fin de première année

• Homologation des nouvelles versions de système d’exploitation et gestion des

versions

14
Stage de fin de première année

Analyse de l’existant

15
Stage de fin de première année

A. Introduction :

Dans le cadre de notre stage, nous avons été amenés à réaliser un espace intervention, en
utilisant le langage PHP et le SGBD MySQL. Cette application avait pour but étendre le
système d’information de l’office au-delà des limites, et d’interagir de manière
transparente et en temps réel avec leurs agents, d’où l’importance de notre application
pour répondre à ses besoins.

B. Etude de l’existant :

L’application de gestion actuellement utilisée par le service de centre d’appels, vise à

faciliter le travail des techniciens, ainsi que celui des responsables (secrétaire - superviseur
…) de ce service. Elle aide aussi les agents car ils ne se déplacent plus, mais il leur suffit
de téléphoner au centre d’appels pour que leur problème soit pris en charge et résolus.

Cette application a été réalisée avec ACCESS comme gestionnaire de bas de données et
VISUAL BASIC comme outil de développement. Elle traite 3 aspects :

¾ Gestion des appels : a pour but d’enregistrer les demandes de réparation de

pannes reçues des différentes agents de l’ONEP et d’affecter les tâches de
réparation des pannes aux intervenants (Techniciens, Services, et Sociétés)
¾ Gestion matériel : est utilisée par les techniciens pour mettre à jour la base de
données relative au matériel disponible à l’ONEP.
¾ Les statistiques : peuvent être consultées par tous les utilisateurs de
l’application pour effectuer des recherches ou le suivi des interventions.

La gestion des appels est gérée par la secrétaire et d’ailleurs c’est la partie la plus importante
de l’application existante.

C. Le fonctionnement de l’application :

Quand la secrétaire reçoit des demandes de réparation de matériels (faites soit par téléphone
ou directement par l’agent), elle les saisit manuellement dans un livret pour les traiter
ultérieurement sur machine.

Ensuite elle traite ces demandes en saisissant les informations concernant les appelants ainsi
que les pannes en questions, et elle précise lequel des intervenants va s’occuper de la
réparation de la panne.

Enfin, et après l’enregistrement des demandes, la secrétaire imprime des procès verbaux
qu’elle donne aux intervenants pour qu’ils interviennent.

Après l’intervention, les intervenants ramènent à la secrétaire les procès verbaux dans lesquels
ils mentionnent toutes les tâches qu’ils ont effectué ainsi que les remarques faites par

16
Stage de fin de première année

eux-mêmes ou par les appelants. Ensuite la secrétaire procède à la clôture des interventions en
indiquant qu’elles sont achevées.

D. Critique de l’existant :

L’application existante offre un certain nombre d’avantages :

™ L’automatisation de la gestion du centre d’appel : le traitement des appels reçus des

agents ONEP ayant des problèmes informatiques, ne se fait plus manuellement mais
plutôt sur machine.

™ La facilité du contrôle des interventions : le suivi des interventions est plus facile
grâce aux statistiques, qui permettent de consulter toutes les interventions faites et
enregistrées dans la base de données, et aussi d’effectuer des recherches en choisissant
un critère de recherche (selon la direction, ou selon l’état de l’intervention)

Cette application présente aussi un certain nombre d’inconvénients à savoir que :

• Seuls les responsables du service de centre d’appel peuvent accéder

directement à cette application car elle est monoposte, ce qui retarde
la prise la prise en compte des demandes d’intervention.

• Pas de possibilité de modification ou de suppression des informations

s’il y’a erreur. Dans la pratique, en cas d’erreurs de saisie par
exemple la demande erronée est considérée comme une intervention
achevée et une nouvelle demande d’intervention.

• Pas de possibilité de gérer les intervenants, les utilisateurs, et les

pannes (ajouter, supprimer, ou modifier). L’ajout d’un nouvel
intervenant, utilisateur ou encore une panne se fait en agissant
directement au niveau de la base de données.

• Pour faire une recherche ou un suivi des demandes, il faut imprimer

une liste, parfois de plusieurs pages, afin de trouver l’élément
recherché. Cette tâche est d’autant plus difficile que le nombre
d’interventions est grand et se trouve encore plus important à cause
des demandes erronées.

E. Solutions Proposées

Pour remédier à ces inconvénients, et pour rendre la gestion du centre d’appel plus facile
et plus avantageuse que celle existante, on a mis à la disposition de l’ONEP une
application Web multiposte faite avec PHP et MySQL.

17
Stage de fin de première année

L’accès à cette application sera sécurisé par un mot de passe pour distinguer entre l’espace
de la secrétaire, qui a le profil d’administrateur et celui des intervenants.

Il y’a aussi l’espace utilisateur, protégé également par un mot de passe, dans lequel tous
les agents ONEP ayant des problèmes informatiques peuvent y accéder. Grâce à une
simple interface, ils peuvent faire passer leurs demandes afin de signaler les pannes qu’ils
rencontrent, et réclamer des interventions.

Cette application permet de gérer les demandes qu’elles soient faites par téléphone comme
c’est le cas actuellement ou par intranet, ce qui permettra de faciliter, et de rendre plus
rapide la prise en compte des déclarations.

Si la demande est faite par téléphone, la secrétaire se charge de la saisie de toutes les
informations concernant l’appelant et procède à l’affectation des intervenants. La
demande peut être aussi faite par l’agent lui-même en envoyant sa demande via Intranet,
et la secrétaire se charge seulement de l’affectation des intervenants car l’agent qui fait
une demande a la possibilité de donner toutes les informations qui le concernent (nom -
prénom - direction), ainsi que la description du problème.

Si cet agent n’existe pas dans la base de données, les données qui le concernent seront
ajoutées automatiquement, et après sa demande sera traitée normalement.

18
Stage de fin de première année

Etude Conceptuelle

19
Stage de fin de première année

1) Présentation de la méthode MERISE :

MERISE est une méthode de conception, de développement et de réalisation de projets

informatiques. Le but de cette méthode est d'arriver à concevoir un système d'information. La
méthode MERISE est basée sur la séparation des données et des traitements à effectuer en
plusieurs modèles conceptuels et physiques.

La séparation des données et des traitements assure une longévité au modèle. En effet,
l'agencement des données n'a pas à être souvent remanié, tandis que les traitements le sont
plus fréquemment.

La méthode MERISE date de 1978-1979, et fait suite à une consultation nationale lancée en
1977 par le ministère de l'Industrie dans le but de choisir des sociétés de conseil en
informatique afin de définir une méthode de conception de systèmes d'information. Les deux
principales sociétés ayant mis au point cette méthode sont le CTI (Centre Technique
d'Informatique) chargé de gérer le projet, et le CETE (Centre d'Etudes Techniques de
l'Equipement) implanté à Aix-en-Provence.

Cycle d'abstraction de conception des systèmes d'information :

La conception du système d'information se fait par étapes, afin d'aboutir à un système

d'information fonctionnel reflétant une réalité physique. Il s'agit donc de valider une à une
chacune des étapes en prenant en compte les résultats de la phase précédente. D'autre part, les
données étant séparées des traitements, il faut vérifier la concordance entre données et
traitements afin de vérifier que toutes les données nécessaires aux traitements sont présentes
et qu'il n'y a pas de données superflues.

Cette succession d'étapes est appelée cycle d'abstraction pour la conception des systèmes
d'information :

20
Stage de fin de première année

L'expression des besoins est une étape consistant à définir ce que l'on attend du système
d'information automatisé, il faut pour cela :

¾ faire l'inventaire des éléments nécessaires au système d'information

¾ délimiter le système en s’informant auprès des futurs utilisateurs

Cela va permettre de créer le MCC (Modèle conceptuel de la communication) qui définit les
flux d'informations à prendre en compte.
L'étape suivante consiste à mettre au point le MCD (Modèle conceptuel des données) et le
MCT (Modèle conceptuel des traitements) décrivant les règles et les contraintes à prendre en
compte.
Le modèle organisationnel consiste à définir le MOT (Modèle organisationnel des
traitements) décrivant les contraintes dues à l'environnement (organisationnel, spatial et
temporel).
Le modèle logique représente un choix logiciel pour le système d'information.
Le modèle physique reflète un choix matériel pour le système d'information.

2) Règles de gestion

¾ RG1 : Un appelant appartient à une seule entité, qui peut être interne ou
externe.

¾ RG2 : Un appelant peut avoir un ou plusieurs problèmes informatiques.

21
Stage de fin de première année

¾ RG3 : Une panne appartient à une catégorie de panne.

¾ RG4 : Une panne peut être réparée par des intervenants internes ou externes.

¾ RG5 : Pour les pannes qui concernent le matériel, le service centre d’appel
envoie un fax à la société, et pour les pannes concernant les logiciels et
systèmes, le service procède à l’affectation des techniciens ou services.

¾ RG6 : Une demande est affectée à un ou plusieurs intervenants (technicien,

société, service)

¾ Rg7 : Une intervention concerne une seule panne.

¾ Rg8 : Une intervention peut être achevée à la date programmée, sinon elle
sera reportée à une date ultérieure.

¾ RG9 : Si la société dépasse le délai fixé (48h) pour résoudre le problème, le

service impose une pénalité.

3) Dictionnaire de données

Ce dictionnaire regroupe l’ensemble de données élémentaires concernant l’application

dans une liste, dont il est indiqué pour chaque élément un nom, un code, un type, et une
description.

Nom Code Type Description

adress_ent ADRESSE_ENT TXT L’adresse de l’entité
adress_int ADRESSE_INT TXT L’adresse du technicien
adress_soc ADRESSE_SOC TXT L’adresse de la société
chef_sce CHEF_SCE TXT Le nom du chef de service
Date DATE D La date dont on a contacté la
société
Date_achevement DATE_ACHEVEMEN D La date de l’achèvement de
T l’intervention
Date_dmde DATE_DMDE D La date de demande
Date_programmee DATE_PROGRAMM D La date programmée de
EE l’intervention (provisoire)
emplacement EMPLACEMENT TXT L’emplacement de l’entité
(intérieur ou extérieur)
entite_sce ENTITE_SCE TXT La direction à laquelle le service
appartient

22
Stage de fin de première année

Etat_inter ETAT_INTER TXT L’état de l’intervention (achevée

ou non achevée)
Fax_soc FAX_SCO TXT Le fax de la société
identifiant_unit IDENTIFIANT_UNIT TXT L’identifiant du matériel
intervenant_propose INTERVENANT_PRO TXT L’intervenant proposé
POSE (technicien, service ou scolarité)
libelle_ent LIBELLE_ENT TXT Le libellé de l’entité
libelle_unit LIBELLE_UNIT TXT Le libellé du matériel
Mat_util MAT_UTIL N Le matricule de l’utilisateur
nature_panne NATURE_PANNE TXT La nature de la panne
Nom_int NOM_INT TXT Le nom du technicien

Nom_sce NOM_SCE TXT Le sigle du service

Nom_soc NOM_SOC TXT Le nom de la société
Nom_util NOM_UTIL TXT Le nom de l’utilisateur
Num_int NUM_INT N Le matricule du technicien
Num_inter NUM_INTER N Le numéro de l’intervention
(auto incrément)
Num_nature_panne NUM_NATURE_PAN N Le numéro de la nature panne
NE (auto increment)
Num_ordre NUM_ORDRE N Le numéro de la demande (auto
increment)
Num_sce NUM_SCE N Le numéro du service (auto
increment)
Num-soc NUM_SOC N Le numéro de la société (auto
increment)
Num_type_panne NUM_PANNE N Le numéro du type panne (auto
increment)
Num_unit NUM_UNIT N Le numéro du materiel (auto
increment)
observation_intervenant OBSERVATION_INT TXT L’observation de l’intervenant
ERVENANT
observation_utilisateur OBSERVATION_UTI TXT L’observation de l’utilisateur
LISATEUR
sigle SIGLE TXT Le sigle de l’entité
tel_int TEL_INT TXT Le téléphone du technicien
tel_soc TEL_SOC TXT Le téléphone de la société
tel_util TEL_UTIL TXT Le téléphone de l’utilisateur
type_appel TYPE_APPEL TXT Le type d’appel (messagerie,
téléphone, interne)
type_panne TYPE_PANNE TXT Le type de la panne
ville VILLE TXT La ville où se situe l’entité

23
Stage de fin de première année

3) M.C.D

Serv ice
num_sce
nom_sce 1,n
adress_sce
entite_sce f aire partie de
Societe
1,n
num_soc 0,n
nom_soc
adress_soc 1,1
f aire appel contacter
tel_soc 0,n Intervenant
date af fecter
f ax_soc 1,n
num_int
nom_int
0,n 1,n tel_int
Intervention 0,n adresse_int
num_interv login_int
etat_inter password_int
correspondre
1,1 interv enant_propose
observationn_intervenant
date_achevement
date_programmée
0,n
Demande Entité
num_ordre sigle
date_dmde appartenir emplacement
passer
ty pe_appel
1,1 1,n v ille
ty pe_panne libelle_ent
nature_panne Utilisateur adress_ent
0,n
mat_utilisateur 1,1
nom_utilisateur
tel_utilisateur
login
password 1,n Materiel
num_unit
avoir
1,n libelle_unit
identif iant_unit

24
Stage de fin de première année

4) M.L.D

SOCIETE
SERVICE
Numéro_Société
Nom_Société Numéro_Service
Adresse_Société Nom_Service
Téléphone_Société Chef_Service
Fax_Société Entité_Service

AFFECTER

Numéro_Service
FAIRE_APPEL CONTACTER Numéro_Intervenant
Numéro Intervention
Numéro_Société Numéro_Service
Numéro_Intervention Numéro_Intervention
Date

INTERVENANT
INTERVENTION
DEMANDE Numéro_Intervenant
Numéro_Intervention Numéro_Service
Numéro_Ordre Nom_Interveant
Numéro_Ordre
Etat_Intervention Téléphone_Intervenant
Matricule_Utilisateur Intervenant_Propose
Nature_Panne Adresse_Intervenant
Observation_Intervenant Login_intervenant
Type_Panne
Observation_Utilisateur mot_de_passe_intervenant
Date_demande Date_Achèvement
Type_Appel Date_Programmee

UTILISATEUR

Matricule_Utilisateur
Sigle ENTITE
Nom_Utilisateur
Téléphone_Utilisateur Sigle
Login_utilisateur Emplacement
mot_de_passe_utilisateur Ville
Libelle_Entite
Adresse_Entite

AVOIR MATERIEL

Matricule_Utilisateur Numéro_Unité
Numéro_Unité Libelle_Unité
Identifiant_Unité

25
Stage de fin de première année

Phase de réalisation

26
Stage de fin de première année

¾ Les outils de travail :

1. Dreamweaver :

Dreamweawer MX est un logiciel qui offre une interface d’édition permettant de

visualiser immédiatement le résultat final obtenu. C’est un logiciel de type WYSIWYG
(What You See Is What You Get : Ce que vous voyez est ce que vous obtenez). Ce
logiciel permet de créer des applications web dynamiques, reposant sur des bases de
données à l’aide des langages serveurs tel que : ASP - PHP - JSP, etc..

2. PHP :

PHP est un langage interprété (un langage de script) exécuté du côté serveur (comme les
scripts CGI, ASP, ...) et non du côté client (un script écrit en Javascript ou une applet Java
s'exécute sur le poste client...). La syntaxe du langage provient de celles du langage C, du
Perl et de Java.

3. MySQL :

MySQL est un Système de Gestion de Bases de Données (SGBD) fonctionnant sous

Linux et Windows. Depuis la version 3.23.19, MySQL est sous Licence GPL (aussi bien
sous Linux que Windows), ce qui signifie qu'il peut être utilisé gratuitement.

4. Présentation de l’Application :

Les outils précédents nous ont permis de réaliser cette application. Après l’achèvement de
cette dernière, il est nécessaire de définir un guide d’utilisation que voici :

¾ Site web de la DMC :

Une partie de notre application consiste à réaliser un site web de la division gestion du
système. Dans ce site, on peut avoir tous les renseignements relatifs à l’organigramme
de la division, les attributions du service administration système, ainsi que ceux du
service administration bases de données et prologiciels. D’autres renseignements sont
aussi présents dans ce site, comme la bilan administration système, le cahier des
procédures, la capitalisation des connaissances, le fond documentaire, l’inventaire, les
objectifs et quelques liens utiles ainsi que le lien vers notre application principale.

27
Stage de fin de première année

Figure 1 : Page d’accueil du site

¾ Espace Intervention
Après avoir eu une vision du projet, et après avoir défini les besoins et élaboré le cahier de
charges, nous avons réalisé l’application que l’on va présenter.

Dès le lancement de l’application, une page d’accueil vous invite à choisir votre session,
c’est-à-dire si vous êtes administrateur, intervenant ou utilisateur de l’application :

Figure 2 : Page d’accueil de l’Application

28
Stage de fin de première année

a. Session Utilisateur :

Si vous êtes utilisateur, c’est-à-dire agent de l’ONEP, vous devez d’abord vous identifier en
donnant votre login et votre mot de passe ou créer votre compte si vous ne l’avez pas encore
fait :

Figure 3 : Identification de l’utilisateur

29
Stage de fin de première année

Après son authentification, l’utilisateur peut :

• Modifier son mot de passe grâce à cette page :

Figure 4 : Changement de mot de passe

• Demander une intervention grâce à ce formulaire :

Figure 5 : Demande d’intervention

30
Stage de fin de première année

• Consulter les interventions faites suite à ses demandes, que l’utilisateur peut
rechercher selon le type de panne, la période ou le numéro de la demande :

Figure 6 : Consultation des interventions

• Voici par exemple un état de sortie contenant le résultat des recherches :

Figure 7 : Résultat des recherches

31
Stage de fin de première année

b. Session Administrateur :

L’administrateur doit d’abord s’identifier en donnant son login et son mot de passe.

Figure 8 : Espace authentification

Après son authentification, l’administrateur peut :

• Modifier des comptes : Ceci en ajoutant, modifiant, ou supprimant un intervenant,un

utilisateur ou en modifiant le compte administrateur.

32
Stage de fin de première année

Figures 9-10 : Modification des comptes

33
Stage de fin de première année

• Ajouter une intervention : L’ajout d’une intervention se fait grâce au formulaire

suivant

Figure 11 : Ajout d’une intervention

• Modifier une intervention : Ceci se fait via le formulaire suivant :

Figu

Figures 12 : Modification d’une intervention

34
Stage de fin de première année

• Lister les interventions : Lister les interventions se fait suivant plusieurs critères
(Numéro de demande, Type de demande, Date, et nom du demandeur)

Figure 13 : Recherche des interventions par critères

• Voici par exemple un état de sortie contenant le résultat des recherches :

Figure 14 : Résultat des recherches

35
Stage de fin de première année

c. Session Intervenant :

L’intervenant doit d’abord s’identifier en donnant son login et son mot de passe.

Figure 15 : Authentification des intervenants

Après son authentification, l’intervenant peut :

• Modifier son mot de passe grâce à cette page :

Figure 16 : Changement de mot de passe

36
Stage de fin de première année

• Consulter les demandes faites selon plusieurs critères (numéro de demande - type -
date - nom de demandeur) et y répondre si nécessaire:

Figure 17 : Consultation des demandes

• Voici par exemple un état de sortie contenant le résultat des recherches :

Figure 18 : Résultat des recherches

37
Stage de fin de première année

• S’il souhaite apporter une réponse à la demande :

Figure 19 : Réponse à la demande

• Consulter les interventions faites selon plusieurs critères (numéro de demande - type
- date - nom de demandeur):

Figure 20 : Consultation des interventions

38
Stage de fin de première année

• Voici par exemple un état de sortie contenant le résultat des recherches :

Figure 21 : Résultat des recherches

39
Stage de fin de première année

Pour conclure, nous tenons à préciser que ce projet nous a été une d’une
grande utilité, et intérêt, vu qu’il nous a permis de compléter nos acquis,
d’améliorer notre savoir en ce qui concerne l’élaboration et la réalisation de
projets informatiques. Nous avons pu, grâce à ce projet, réaliser une application
web qui répond aux besoins des utilisateurs à l’ONEP concernant la gestion des
interventions et ceci grâce à une analyse de l’application existante, à
l’élaboration d’une base de données grâce à la méthode Merise et à l’utilisation
de langages et de logiciels performants tels que PHP et Dreamweaver. Nous
tenons également à remercier le personnel de l’ONEP et particulièrement notre
encadrant pour ses efforts.

40
Stage de fin de première année

Sites Web

o http ://www.commentcamarche.net
o http://www.siteduzero.com
o http://www.onep.org.ma

41