Memoirekkmfini 170301082522

Union – Discipline - Travail
MINISTERE DE L’ENSEIGNEMENT SUPERIEUR ET

DE LA RECHERCHE SCIENTIFIQUE
MEMOIRE DE F IN D’ETUDE POUR L’OBTENTION

DU MASTER PROFESSIONNEL
FILIÈRE : INGENIERIE DES SYSTEMES D'INFORMATION ET CONDUITE DE

PROJETS INFORMATIQUES
THEME
ETUDE ET CONCEPTION D’UNE APPLICATION

POUR LE SUIVI DES PROJETS ET CHANTIERS DU
DEPARTEMENT DEPOTS ET SYSTEMES :
CAS DE COCITAM S.A
Présenté et soutenu par :
KONAN Kouassi Montrésor
Maître de stage : Sous la Direction de :

M. SICA Olivier M. APPELY Claude
Responsable Travaux Neufs au département Enseignant à l'Institut CERCO
Dépôts et Systèmes de COCITAM S.A Côte d'Ivoire - Abidjan
Année Académique : 2015 - 2016

ETUDE ET CONCEPTIO N D’UNE APPLICATIO N POUR LE SUIVI DES PROJETS ET CHANTIER S DU DEPARTEMENT
DEPO TS ET SYSTÈMES : CAS DE COCITAM S.A
SOMMAIRE
DÉDICACE….. ........................................................................................................................vi
REMERCIEMENTS ............................................................................................................... vii
LISTE DES TABLEAUX ET FIGURES .............................................................................. viii
LISTE DES SIGLES ET ABRÉVIATIONS .............................................................................x
AUTOBIOGRAPHIE ...............................................................................................................xi
INTRODUCTION .....................................................................................................................1
PREMIERE PARTIE : PRESENTATION GENENRALE .......................................................3
PREMIÈRE PARTIE .................................................................................................................3
PRÉSENTATION GÉNÉRALE................................................................................................3
CHAPITRE 1 : PRÉSENTATION DE LA STRUCTURE D'ACCUEIL .................................4

I- PRÉSENTATION DE COCITAM S.A .........................................................................4
1- Historique et mission .......................................................................................4
2- Secteurs d'activités de l'entreprise....................................................................5
3- Les principaux clients ......................................................................................6
4- Nos partenaires & fournisseurs ........................................................................6
5- L’entreprise en quelques chiffres .....................................................................7
II- PRÉSENTATION DU DEPARTEMENT ET SERVICES D’ACCEUIL ....................8
1- Le département Dépôts et Systèmes ................................................................8
2- Le service Travaux Neufs ................................................................................9
3- Le laboratoire d’électronique ...........................................................................9
CHAPITRE 2 : DÉROULEMENT DU STAGE .....................................................................10

I- DÉROULEMENT D'UNE JOURNÉE DE TRAVAIL ...............................................10
II- TRAVAUX EFFECTUÉS ...........................................................................................11
1- Test et dépannage des systèmes de gestion de carburant...............................11
2- Visite de chantier et Suivi des travaux sur un chantier ..................................12
3- Conception d'une application web .................................................................12
CHAPITRE 3 : ANALYSE DE L'EXISTANT ET SOLUTION PROPOSÉE .......................13

I- PRÉSENTATION DE L'EXISTANT ..........................................................................13
1- Méthode d'enregistrement des projets............................................................13
2- Méthode d'enregistrement des chantiers ........................................................14
II- CRITIQUES DE L'EXISTANT...................................................................................16
III- SOLUTION PROPOSÉE.............................................................................................16
MASTER 2 en Ingénierie des Systèmes d’Information et Conduite de Projets Informatiques (ISI-CPI) ii

DEUXIEME PARTIE : ÉTUDE CONCEPTUELLE DE LA SOLUTION DE GESTION ...17
CHAPITRE 1 : CAHIER DES CHARGES .............................................................................18

I- CADRE GÉNÉRAL ....................................................................................................18
1- Titre du projet.................................................................................................18
2- Description .....................................................................................................18
3- Objectifs .........................................................................................................18
II- LES BESOINS .............................................................................................................18
1- Besoins fonctionnels ......................................................................................18
2- Besoins non-fonctionnels ...............................................................................19
CHAPITRE 2 : GÉNÉRALITÉ SUR LES APPLICATIONS.................................................20

I- LES APPLICATIONS WEB .......................................................................................20
1- Présentation ....................................................................................................20
2- Principe de fonctionnement ...........................................................................20
II- LES APPLICATIONS DESKTOP OU LOGICIEL ....................................................21
1- Présentation ....................................................................................................21
III- SYNTHÈSE, CHOIX DE LA SOLUTION ET DES OUTILS ...................................22
1- Synthèse .........................................................................................................22
2- Choix de la solution .......................................................................................22
3- Outils ..............................................................................................................23
CHAPITRE 3 : GÉNÉRALITÉ SUR LES OUTILS DE MODÉLISATION .........................24

I- UNIFIED MODELING LANGUAGE : UML ............................................................24
1- Présentation ....................................................................................................24
2- Les types de diagrammes ...............................................................................24
II- LA MÉTHODE MERISE ............................................................................................26
1- Présentation de la méthode ............................................................................26
2- Les types de modèles .....................................................................................27
III- SYNTHÈSE ET CHOIX DE LA SOLUTION ............................................................28
1- Synthèse .........................................................................................................28
2- Choix de l'outil de modélisation ....................................................................28
CHAPITRE 4 : GÉNÉRALITÉ SUR LES SERVEURS WEB ...............................................29

I- PRÉSENTATION DES SERVEURS WEB ................................................................29
1- Définition .......................................................................................................29
2- Mode de fonctionnement ...............................................................................29
II- LES TYPES DE SERVEUR WEB ..............................................................................30
1- Serveur Web de contenu statique...................................................................30
2- Serveur web de contenu dynamique ..............................................................31
3- Les logiciels utilisés par le serveur web........................................................31
III- CHOIX DU MATÉRIEL ET DES LOGICIELS DU SERVEUR WEB .....................32
1- Choix matériel................................................................................................32
2- Choix logiciels ...............................................................................................33
MASTER 2 en Ingénierie des Systèmes d’Information et Conduite de Projets Informatiques (ISI-CPI) iii
TROISIEME PARTIE : CONCEPTION ET DEPLOIEMENT DE L’APPLICATION

WEB.................................................................................................34
CHAPITRE 1 : INSTALLATION ET CONFIGURATION DU SERVEUR .........................35

I- INSTALLATION ET CONFIGURATION DE RASPBIAN......................................35
1- Installation de Raspbian .................................................................................35
2- Quelques configurations de Raspbian............................................................37
II- INSTALLATION DES PAQUETS DU SERVEUR WEB .........................................39
1- Installation de APACHE ................................................................................40
2- Installation de PHP.........................................................................................40
3- Installation de MYSQL ..................................................................................41
4- Installation de PhpMyAdmin .........................................................................42
CHAPITRE 2 : MISE EN PLACE DE LA BASE DE DONNÉES ........................................45

I- ANALYSE PRÉLIMINAIRE CONCEPTION ...........................................................45
1- Identification des entités et propriétés ...........................................................45
2- Règles de gestion ...........................................................................................45
3- Dictionnaires des données..............................................................................46
II- LES MODELES DE CONCEPTION ..........................................................................47
1- Modèle Conceptuel des Données ...................................................................47
2- Modèle Logique des Données (MLD) ...........................................................48
3- Modèle Physique des Données (MPD) ..........................................................48
III- CRÉATION DE LA BASE DE DONNÉES ET DES TABLES
DANS PHPMYADMIN ...........................................................................................49
1- Accès à l'interface de gestion des bases de données ......................................49
2- Création de la base de données cocichantier..................................................50
3- Création des tables : Utilisateurs, Projets et Chantiers ..................................50
4- Créations des colonnes dans les tables...........................................................51
CHAPITRE 3 : GEOLOCALISATION DES CHANTIERS ..................................................52

I- PRESENTATION DU LOGICIEL UMAP .................................................................52
1- Notion de géolocalisation ..............................................................................52
2- Justification du choix de uMap......................................................................52
II- CREATION DE LA CARTE DES CHANTIERS .......................................................52
1- Création et utilisation d’un compte OpenStreetMap .....................................52
2- Utililisation du compte OSM sur uMap .........................................................53
3- Création de la carte ........................................................................................55
4- Création d’un chantier sur la carte .................................................................55
CHAPITRE 4 : PRÉSENTATION DE L'APPLICATION .....................................................57

I- LES INTERFACES .....................................................................................................57
1- Authentification .............................................................................................57
2- Accueil ...........................................................................................................57
3- Enregistrement d'un nouveau projet...............................................................58
4- Visualisation de tous les projets ou chantiers ................................................59
5- Géolocalisation des chantiers.........................................................................60
MASTER 2 en Ingénierie des Systèmes d’Information et Conduite de Projets Informatiques (ISI-CPI) iv

II- MODE D'EMPLOI ......................................................................................................61

1- Enregistrement d’un nouveau projet ou chantier ...........................................61
2- Extraction et impression des états mensuels ..................................................61
3- Ajout d’un nouveau point sur la carte ............................................................61
DISCUSSION ET SUGGESTIONS ........................................................................................62
CONCLUSION. .......................................................................................................................65
ANNEXES……. ........................................................................................................................ I
BIBLIOGRAPHIE ET WEBOGRAPHIE ...............................................................................III
TABLES DES MATIERES .................................................................................................... IV
MASTER 2 en Ingénierie des Systèmes d’Information et Conduite de Projets Informatiques (ISI-CPI) v

DÉDICACE
Nous dédions ce mémoire :
A notre très cher père KOUADIO Konan Dominique, pour son implication constante dans
notre formation professionnelle, à notre chère mère KOUADIO Akissi Clémentine, pour
toutes les prières formulées, ainsi qu’à l’ensemble des membres de notre famille.
Sans oublier Cyriac GBOGOU et Florent YOUZAN pour tous les conseils reçus.
MASTER 2 en Ingénierie des Systèmes d’Information et Conduite de Projets Informatiques (ISI-CPI) vi

REMERCIEMENTS
Nos remerciements sont adressés de façon particulière à :
Monsieur Jean-Louis LEGRAS et Monsieur LEGLISE Stéphane, respectivement Président

Directeur Général et Directeur Général Adjoint de la COCITAM, pour nous avoir accordé
ce stage.
Monsieur SAH Emmanuel, Directeur Administratif et Financier de la COCITAM, pour

l’accueil et le traitement au sein de l’entreprise.
Notre maître de stage, Monsieur SICA Olivier, ainsi qu’à tous les Responsables de
départements qui nous ont orienté dans les différents services et facilité notre intégration.
Nous n'oublions pas :
Docteur Alain CAPO-CHICHI, Président Directeur Général de l'Institut CERCO, pour les
bonnes conditions d’étude.
Monsieur APPELY Claude, notre Directeur de mémoire, pour le suivi de nos travaux et ses
conseils dans l’élaboration de notre rapport.
Tous nos professeurs ici à CERCO, qui ont partagés leurs savoirs et leurs expériences avec
nous tout au long de notre formation.
MASTER 2 en Ingénierie des Systèmes d’Information et Conduite de Projets Informatiques (ISI-CPI) vii
LISTE DES TABLEAUX ET FIGURES
 LES TABLEAUX
Titres Pages
Tableau 1 : Identification des entités et leurs propriétés 45
Tableau 2 : Dictionnaire des données 46
 LES FIGURES
Titres Pages
Figure 1 : Aperçu d’un tableau présentant d’état mensuelle des projets 14
Figure 2 : Aperçu d’un tableau présentant d’état mensuel des projets 15
Figure 3 : Fonctionnement du serveur web 30
Figure 4 : La carte Raspberry Pi 2 32
Figure 5 : Console téléchargement de Raspbian 35
Figure 6 : Bureau raspberry pi 36
Figure 7 : Page d'accueil configuration Raspbian 37
Figure 8 : Étape de changement de la langue de Raspbian 38
Figure 9 : Étape d'activation du mode SSH 39
Figure 10 : Page de vérification fonctionnement apache 40
Figure 11 : Page phpinfo() 41
Figure 12 : Fenêtre de définition de mot de passe administrateur pour MySQL 41
MASTER 2 en Ingénierie des Systèmes d’Information et Conduite de Projets Informatiques (ISI-CPI) viii
Figure 13 : Installation du serveur Apache 42
Figure 14 : Page d'authentification PhpMyAdmin 43
Figure 15 : Page d'accueil après authentification PhpMyAdmin 44
Figure 16 : Modèle Conceptuelle des Données 47
Figure 17: Modèle Physique de Données 48
Figure 18 : Présentation des pages d'authentification et d'accueil 49
Figure 19 : Création de la base de données 50
Figure 20 : Création des tables de la base de données 50
Figure 21 : Création des colonnes de la base de données 51
Figure 22 : Fenêtre inscription openstreetmap 53
Figure 23 : Processus d’utilisation du compte OSM sur Umap 54
Figure 24 : création de la carte 55
Figure 25 : Edition des propriétés de la carte 55
Figure 26 : Propriété d’un marqueur de la carte 56
Figure 27 : Page d’authentification 57
Figure 28 : Page d'accueil de l'application 58
Figure 29 : Formulaire d’enregistrement d’un projet 58
Figure 30 : Formulaire d'enregistrement d’un chantier 59
Figure 31 : Tableaux des projets enregistrés 59
Figure 32 : Tableaux des chantiers enregistrés 60
Figure 33 : Géolocalisation des chantiers 60
Figure 34 : Boutons pour exporter les données 61
MASTER 2 en Ingénierie des Systèmes d’Information et Conduite de Projets Informatiques (ISI-CPI) ix

LISTE DES SIGLES ET ABRÉVIATIONS
Abréviations Définitions
SD Secure Digital
OSM OpenStreetMap
CEPE Certificat d’Études Primaires Élémentaires
ISI-CPI Ingénierie des Systèmes d’Information et Conduite de Projets

Informatiques
TIC Technologies de l'Information et de la Communication
HTML HyperText Markup Language
CSS Cascading Style Sheets
SGBD Système de Gestion des Base de Données
DNS Domaine Name Service
IIS Internet Information Services
LAN Local Area Network
USB Universal Basic Serial
SSH Secure Shell
MASTER 2 en Ingénierie des Systèmes d’Information et Conduite de Projets Informatiques (ISI-CPI) x

AUTOBIOGRAPHIE
Je suis Konan Kouassi Montrésor, étudiant en Master 2 en Ingénierie des

Systèmes d’Information et Conduite de Projets Informatiques (ISI-CPI) à l’institut CERCO
de Côte d’Ivoire – Abidjan.
Je suis né le 07 Mai 1990 à Assamabo dans la sous-préfecture d’Ayaou-Sran précisément

dans le département de Sakassou. Mes parents sont tous deux Ivoiriens, d’ethnie Baoulé et
enfants du même village : Assamabo.
Mon cycle primaire
J’ai débuté mon cycle primaire à l’âge 6 ans, notamment en 1996, à l'EPV 1 Notre
Dame du Secours d'Abobo-Sagbé. Après deux années passées dans cette école à Abobo, je
regagnais la commune de Yopougon pour la classe de CE1. Ma nouvelle école se nommait
EPV la Victoire, elle se trouvait tout juste à quelques mètres de notre maison. Je suis resté
dans cette école jusqu’à l’obtention de mon CEPE (Certificat d’Études Primaires
Élémentaires).
Mon secondaire
Après avoir manqué l'orientation en 6ème, je fus confié à l'une de mes tantes qui vivait
à Bouaflé, ville à quelques kilomètres de la capitale politique Yamoussoukro.
En septembre 2000, je débarquais pour la première fois à Bouaflé en compagnie de ma tante

venue me chercher à Abidjan. Ma tante du nom de Mme Wolo Bernadette, était professeur
d’espagnol dans un collège privé et son mari du nom de Wolo Ferdinand, professeur
également enseignait les Sciences Physiques au Lycée Moderne de Bouaflé.
A la maison, il avait 3 autres enfants, Adjara la plus grande était en classe de 3ème, ensuite
Karim en classe 4ème et Carmen la plus petite qui n’était qu’au CP1.
1
EPV désigne une école primaire privée
MASTER 2 en Ingénierie des Systèmes d’Information et Conduite de Projets Informatiques (ISI-CPI) xi

Je débutais la classe de 6ème dans le collège où enseignait ma tante. Après un premier

trimestre pas tout à fait facile, je pris la décision de redoubler d’effort. Au second trimestre,
je fus classé premier parmi les 62 élèves de ma classe.
Continuant sur cette lancée, je finis pas être premier de ma classe de façon annuelle et 3ème
meilleur élève, des trois classes de 6ème de mon établissement.
Après, les résultats de fin d’année, je pris un car le week-end suivant pour rejoindre mes
parents à Abidjan. J’étais très heureux à l'idée de revoir mes parents ainsi que mes frères et
sœurs. Je profitais au maximum de mes trois mois de vaca nces, jusqu’à ce que mon père
vienne m’annoncer mon départ pour Bouaflé compte tenue de la rentrée. Ainsi, en septembre
2001, je pris la route de Bouaflé pour neuf long mois d’étude.
Je retrouvais Karim, Adjara et Carmen qui étaient de retour depuis quelq ues mois déjà. Mes
amis de la 6ème étaient également de retour et nous nous retrouvions pour échanger sur ce
que nous avions pu faire durant les vacances.
En 2005, j’ai quitté le Collège Saint Raphaël de Bouaflé pour le Lycée le Phoenix de Bouaflé
où je devais faire la classe de 3ème. Ma nouvelle école était très cool, elle m’a donnée
d’avoir de très bons amis : Koffi Habib, Kouadio Kevin et N'goh Ange. Après le premier
trimestre, nous décidions de former un groupe d’étude pour préparer notre examen. En juillet
2005, je participais pour la première fois à l’examen du BEPC 2 , j’étais certes stressé mais je
savais de quoi j’étais capable. Après les compositions je suis rentré à Abidjan pour voir mes
parents. Deux semaines plus tard, un coup de fil de ma tante m’annonçait que je venais
d’avoir le BEPC de même que les membres de mon groupe d’étude. Cette nouvelle me
ravissait le cœur et j’étais tous joyeux.
Je fus orienté en 2nde C au Lycée Moderne de Bouaflé avec une bourse de 36.000 F par an.
Le dimanche 26 Mars 2006, contre toute attente ma tante m’annonçait le décès de ma très
chère mère. Trois jours plus tard, je me rendis à Abidjan, où je vécu des moments difficiles,
de la veillée jusqu’à l’enterrement de ma mère au cimetière de Williams ville dans la
commune d’Adjamé. Ma mère laissait derrière elle, cinq enfants dont Véronique la plus
grande, moi le second, Nadège, Tina et Israël.
MASTER 2 en Ingénierie des Systèmes d’Information et Conduite de Projets Informatiques (ISI-CPI) xii
Après les funérailles, je retournais à Bouaflé. Mon envie d’aller à l’école baissa d’un cran et
mes notes le prouvaient bien. En fin d’année, j’avais obtenu les moyennes les plus faibles de
mon cycle secondaire, je fus néanmoins admis en 1ère D.
L’année suivant, je voulais obligatoirement faire la 1ère C, c’est ainsi que je m’inscris dans
mon ancienne école où ma tante venais d’être nommée directrice des études. Je connu en
cette même année le Mouvement des Jeunes au Service de l’Autel (M.J.S.A) de l’Église
catholique de Bouaflé.
En juillet 2007, après des mois de formation, nous prêtions serment aux yeux de tous les
fidèles pour devenir des servants du seigneur. Un nouveau chemin se présentait à moi, j’étais
devenu un chrétien et je m’imprégnais chaque jour dans la foi.
En 2008, j’étais en Terminale et il fallait tout faire pour avoir le BAC 3 . La classe de
Terminale C est très difficile, nous nous sentions obligé de veiller souvent pour étudier. Je
travaillais régulièrement avec mon ami Konan Joël, qui était également mon voisin de
quartier. Après des moments de dur labeur je fini par être admis au BAC C, le 16 juillet
2008, ma joie fut complète car Joël avait également obtenu le BAC. Mon séjour à Bouaflé
venait ainsi de prendre fin, après sept longues années d’expérience très enrichissante.
La vie universitaire
En janvier 2009, je suis orienté en Médecine, à l’École Préparatoire aux Sciences

de la Santé de l’Université Abobo-Adjamé aujourd’hui Université Nangui Abrogoua. Les
cours de médecine n’étaient pas faciles, il s’agissait d’un concours où seuls les 300 premiers
sur les 3000 inscrits, étaient admis en 2ème année. Il fallait donc travailler beaucoup et
espérer être dans le quota. Après la première année, je connu pour la première fois l’échec, et
j’en étais pas fier.
En 2010, nous venions à peine de finir les compositions quand éclata la crise post-électorale,
les universités sont fermées et nous restions sans nouvelles des résultats.
2
BEPC : Brevet d’Etudes du Premier Cycle
MASTER 2 en Ingénierie des Systèmes d’Information et Conduite de Projets Informatiques (ISI-CPI) xiii
En novembre 2011, ne pouvant restés à la maison sans rien faire, je m’inscris à l’Institut
Supérieur de Technologie (ISTCI) pour préparer un DUT 4 en Automatisme et système.
En novembre 2013 après deux ans d’étude, je fus déclaré admissible au DUT, ma joie fut
grande, cependant, elle ne fut que de courte durée car le même jour je fus braqué et mes
agresseurs emportèrent mon ordinateur portable tout neuf.
En janvier 2014, je me suis inscris à l’institut Cerco de Côte d’Ivoire pour préparer une
Licence professionnelle en Informatique Industrielle et Maintenance (2IM). Cette nouvelle
école avait le profil que recherchais pour consolider mes connaissances en informatique.
Les cours se sont déroulés dans un bon cadre et dans une bonne ambiance ce qui m’a permis
d’apprendre beaucoup durant ma formation. J’ai eu également l’occasion de connaître
plusieurs personnes, notamment des professeurs qui sont devenues des conseillers et des
camarades de classe qui sont devenus de très bons amis. Après une année d'étude et les
différentes compositions des deux semestres, j'étais admissible à la Licence Professionnelle
et je devais rédiger un mémoire à l'issue d'un stage pour valider mon diplôme.
Mon premier stage
En septembre 2015, j'ai obtenu mon premier stage à la Compagnie pour Côte d'Ivoirienne
pour Tous Appareils Mécanique (COCITAM) pour une durée de trois mois. Ce stage m'a
permis de découvrir le monde professionnel mais aussi de rencontrer des personnes qui m'ont
données envie de travailler et de continuer à apprendre. J'assurais au quotidien avec mon
maître de stage Monsieur BAH Kpan l'installation, la maintenance et configuration des
automates de gestion de carburant notamment ceux de Tokheim et Alx Technologies. L'un
des plus beaux moments de mon stage fut sans doute la mission deux semaines que j'ai
effectué à Grand-Bassam, pour suivre et participer à la construction d'une station-service au
sein de VITIB. Cette mission rentrait dans le cadre du thème de mon mémoire de fin
d'études. À l'issue des trois mois passés au sein de COCITAM, mon stage pris fin et c'est
avec beaucoup de tristesse, que j'ai du dire au revoir à mes différents collègues.
3
BA C fait référence au Baccalauréat
4
DUT : Dip lô me Universitaire de Technologie
MASTER 2 en Ingénierie des Systèmes d’Information et Conduite de Projets Informatiques (ISI-CPI) xiv
La soutenance et la cérémonie de récompenses
En janvier 2016, accompagné par mon binôme KONE Dougoutigui, nous avions présenté
devant un jury composé du fondateur de CERCO et de quelques professeurs, notre mémoire
de fin d'étude. Composé de quatre- vingt pages ce document était l'aboutissement long
moment de travail. Stressé mais confiant nous avions su défendre notre thèse devant le jury
ce qui nous a valu la moyenne de dix-sept sur vingt (17/20) avec la mention TRÈS-BIEN.
Nous n'en rêvions pas mieux, nous venions ainsi sous les yeux des parents venus nous
soutenir de décrocher la Licence Professionnelle. Notre joie fut grande mais encore plus le
jour de la cérémonie de remise de diplôme. Ce jour là, nous étions au paradis. Vertu de cette
grande robe appelée TAUGE, nous étions heureux d'avoir fait notre devoir comme il se
devait de l'être.
A la recherche du Master
L'obtention d'une Licence (BAC+3), m'a donné l'envie de poursuivre le chemin pour
décrocher le master (BAC+5). Ainsi, j'ai décidé de continuer à suivre les cours à CERCO
pour gravir un autre échelon en effectuant deux années d'études supplémentaires. En mai
2016, me revoilà de nouveau sur le chemin de l'école à la recherche d'un autre diplôme : le
MASTER.
O’village, une belle découverte
En novembre 2015, dans le quartier Marcory- Zone4 précisement à la rue Paul Langevin, j’ai
fait la découverte d’un endroit magnifique du nom de O’village. En effet, O’village est un
Tiers-Lieux Libre et Open Source (TiLIOS) où des intelligences de différentes horizons se
retrouvent pour partager des connaisances et travailler sur des projets. La découverte de cet
endroit est l’une des plus belles choses qui me soit arrivées en cette année 2015. O’village
m’a donné de rencontrer des personnes aussi intelligentes que aimables, qui ont d’une
certaine manière changer ma vision du monde mais aussi ma façon de travailler. Et même si
l’histoire continue de s’écrire je voudrais marquer une courte pause pour dire Merci à Cyriac
GBOGOU et Florent YOUZAN ainsi qu’à tous les autres villageois, pour toutes ces choses
qu’ils m’ont apportées.
MASTER 2 en Ingénierie des Systèmes d’Information et Conduite de Projets Informatiques (ISI-CPI) xv

ETUDE ET CONCEPTIO N D’UNE APPLICATIO N POUR LE SUIVI DES PROJETS ET CHANTIER S DU
DEPARTEMENT DEPO TS ET SYSTÈMES : CAS DE COCITAM S.A
INTRODUCTION
Dans un monde en constante évolution et tourné vers un besoin d'échange,

les Technologies de l'Information et de la Communication (TIC) sont de plus en plus
présentes dans les différents secteurs d'activités. Ce phénomène qui se justifie par la
nécessité d’aller plus vite et d’être plus pointu dans le traitement de l’information, fait de
la révolution technologie un outil indispensable en entreprise. Mais bien souvent, les
entreprises utilisent des applications propriétaires qui sont trop chères et pas très adaptées
à leurs besoins. De ce fait, chaque année des milliers voir des millions d'applications sont
développées pour répondre à des besoins spécifiques en entreprise. Le but étant de
disposer d'outils adaptés pouvant faciliter la gestion des différents services.
Lors de notre stage, nous avions été confrontés à la même problématique. En effet, nous
avions constaté l’utilisation du logiciel Microsoft Excel pour la réalisation de deux fichiers
.xls résumant l’un l'état mensuel des projets et l’autre l’état mensuel des chantiers du
département Dépôts et Systèmes de l'entreprise. L'objectif étant d'assurer un suivi des
travaux effectués au sein du département. La tâche d'huile dans ce procédé est que le
logiciel Microsoft Excel, bien qu'étant un bon outil de gestion, n'est pas assez adapté pour
la réalisation d'un tel exercice et les risques d’effectuer des erreurs de saisie sont très
élevés.
C'est donc dans cette situation, que le Directeur des Opérations du Département Dépôts et
Systèmes de COCITAM a validé le développement d'une application informatique pour
mieux suivre les chantiers et coordonner les activités de son département. Notre
intervention à sur ce projet nous a permis d'extrait le thème de notre mémoire de fin
d'étude à savoir « Étude et conception d'une application pour le suivi des projets et
chantiers du département dépôts et systèmes : cas de COCITAM S.A ». À travers ce
thème, nous mènerons une étude qui aboutira à la conception d'une application web pour
l'enregistrement et la géolocalisation des projets et chantiers en vue de faciliter la
réalisation des états mensuels des travaux en cours dans notre département d'accueil.
L'intérêt pour cette étude est porté sur la volonté de contribuer à l’amélioration de la
qualité des services du département dépôts et systèmes, en fournissant une application
adaptée aux besoins et capable fournir un meilleur suivi des différents travaux effectués.
MASTER 2 en Ingénierie des Systèmes d’Information et Conduite de Projets Informatiques (ISI-CPI) 1

A cet effet, nous formulons notre question de recherche dans les termes suivants : quel
type d’application informatique à mettre en place pour suivre de façon optimale les
différents travaux du département ?
En d'autres termes quel modèle d’application est capable de répondre aux besoins du
département? Et Quelle technologie pouvions- nous utiliser ?
Afin de mener à bien notre étude et de répondre à l'ensemble des questions ci-dessus, nous
avons décomposé notre mémoire en trois (3) parties. La première partie expose le cadre
général du projet à travers la présentation de l'entreprise d'accueil COCITAM, du
département Dépôts et Systèmes et du service Travaux Neufs. Mais aussi, la rétrospective
des travaux réalisés et un aperçu du déroulement du stage. Ensuite, dans la deuxième
partie nous exposerons l'étude conceptuelle de l'application, en examinant le cahier des
charges et en faisant une étude théorique des différents outils utilisés pour la réalisation de
l'application. Dans la troisième et dernière partie, nous détaillerons les différentes étapes
de la réalisation de notre application en présentant les différentes techniques de réalisation
sans oublier de donner un visuel des différentes interfaces ou pages.

PREMIERE PARTIE : PRESENTATION GENENRALE
PREMIÈRE PARTIE
PRÉSENTATION GÉNÉRALE
Cette partie nous permettra de présenter COCITAM, notre entreprise d'accueil,
le département qui nous a accueillit et les travaux effectués durant notre stage.

CHAPITRE 1 : PRÉSENTATION DE LA STRUCTURE D'ACCUEIL
I- PRÉSENTATION DE COCITAM S.A
1- Historique et mission
Vieille de cinquante et un ans, la société COCITAM est implantée en Côte d’Ivoire et dans
la sous région. En côte d'Ivoire, elle est Située à Biétry, Boulevard de Marseille et emploie
environ 160 personnes exerçant dans différents départements.
Société anonyme(SA), COCITAM a un chiffre d’affaire s’élevant à 10.175.000.000 FCFA

avec un parc de plus 300 stations services et dépôts pétroliers sous contrat d’entretien,
repartis sur toute l’étendue du territoire national.
Spécialisée dans la vente, l’installation et la maintenance des équipements industriels et

pétroliers, COCITAM est leader dans ce domaine d'activité.
Aussi, dans le souci d'être plus proche de ses clients, COCITAM dispose de quatre
agences à l’intérieur du pays (Bouaké, Daloa, San-pédro, Abengourou) et une flotte de
quarante-six (46) véhicules d’interventions suivis par Système de Géolocalisation GPS
dont deux (2) camions grues et trois (3) nacelles.
L’entreprise a également des capacités d’interventions dans 10 pays parmi lesquels :

Burkina Faso, Congo Brazzaville, Côte d’Ivoire, Guinée, Liberia, Mali, Togo.
COCITAM, s’est dotée d'un laboratoire d'électronique avec des bancs d’essais compteurs
agrée par Veritas. Ce qui lui permet de réaliser des contrôles sur les différents équipements
avant la livraison chez les clients.
La qualité des services proposés par COCITAM, lui ont permis d'être certifiée ISO
9001:2008 par BVQI en 2007 suivi d'un renouvellement en 2009 par Bureau Veritas
certification.

2- Secteurs d'activités de l'entre prise
Depuis sa création, COCITAM s’est progressivement orientée dans une politique de

diversification de ses activités avec l’aide de plusieurs fournisseurs et représentants de
marques de renom tels que : TOKHEIN, S
COCITAM offre donc ses prestations dans les domaines suivant :
- Hydrocarbures
COCITAM propose des solutions de gestion qui couvrent l’ensemble de la chaîne de

distribution des hydrocarbures et du GPL. Elle installe et fait le suivi de maintenance des
dépôts pétroliers ou de gaz et de stations services à caractère privé ou de grande
distribution.
- Sécurité Incendie
Service incendie offre des solutions en détection et protection incendie (Pose de centrale
Incendie, de détecteurs de fumée, extincteurs, émulseurs, systèmes de détection et
extinction automatiques, robinetterie et équipements de lutte contre le feu, groupes
motopompes et électropompes), mais aussi assure la formation de personnel au risque du
feu et aux comportements indiqués.
- Géolocalisation
Ce service propose des solutions de gestion de parc de véhicules via un système de

tracking GPS et un suivi en temps réel du parking automobile. Il s’occupe de la pose de
boîtiers GPS sur les véhicules clients, de leur maintenance préventive et du dépannage des
boîtiers, mais aussi du suivi en temps réel des activités et paramètres rele vés par le boîtier
GPS (itinéraire, régime moteur, température du moteur, ...).
- Énergie
Le rôle de ce service se résume en l’étude, l’installation, la mise en service et la

maintenance de solutions en besoins d’énergie à l’aide de diverses technologies : groupes
électrogènes, solutions solaires, air comprimé, moteur thermique et équipements pour le
transfert des fluides.

- Froid et traitement de l’air
Ce service vend, installe et maintien les systèmes de climatisation et de traitement de l’air.

Il s'agit entres autres de la climatisation individuelle et industrielle, des chambres froides,
des centrales eaux glacées et des vitrines réfrigérées.
- Matériels de garage et équipements de lubrification
Notre entreprise via ce service, met à la disposition des professionnels des équipements de
garage performants, de marques SAMOA, RAVAGLIOLI et OMIA pour les ateliers
d’entretien et de réparation de tout type de véhicules et engins. De plus, COCITAM
propose des solutions de gestion des lubrifiants pour les ateliers, la réalisation sur- mesure
de plateformes mobiles d’entretien ou encore des chaînes de diagnostics. Enfin, elle est
partenaire du fournisseur français OMIA qui développe une gamme de cabines de
peintures particulièrement adaptée au marché africain.
3- Les principaux clients
COCITAM offre ses services à plus d'une centaine d'entreprises en Côte d'Ivoire. Ses
principaux clients sont les groupes pétroliers notamment : GESTOCI, SIR, POOL MSTT,
Vivo Energy Côte d'Ivoire, TOTAL CI, PETROCI, Petro Ivoire et OiLybia pour ne citer
que ceux-ci.
4- Nos partenaires & fournisseurs
La diversification des activités de l’entreprise COCITAM repose sur des partenaires et

fournisseurs de renom. Nous pouvons citer en exemple : TOKHEIM, SIMOA,
RAVAGOLI, DESSAUTEL, ALX et LAFON.

5- L’entreprise en quelques chiffres
51 ans de présence en Côte d’Ivoire.
160 salariés travaillant au sein de nos agences.
6 agences sur Abidjan et le reste du territoire ivoirien : San Pedro, Daloa,

Bouaké, Abengourou et bientôt Man !
10 pays couverts : Burkina Faso, Congo Brazzaville, Côte d’Ivoire, Guinée,

Libéria, Mali, Togo.
10 ans de certification ISO 9001.
46 véhicules incluant :
2 camions grues;
3 nacelles.
6 000 m² de bureaux & ateliers en zone 4.
80% de clients satisfaits selon les chiffres de 2014;
10.175.000.000 CFA de chiffre d'affaires.
Matériel en entretien au 01.02.2016
550 climatiseurs;
1 800 distributeurs de stations-service;
450 groupes électrogènes;
7 000 extincteurs, RIA, etc.;

II- PRÉSENTATION DU DEPARTEMENT ET SERVICES D’ACCEUIL
1- Le départe ment Dépôts et Systèmes
Appartenant au pool pétrolier, le département dépôts et systèmes est le département qui

nous a accueillit pour notre stage. Il est dirigé par Monsieur SIEZA Dofimité, Directeur
des Opérations Dépôts et Systèmes (DOP). Le DOP est aidé dans sa tâche par trois
responsables que sont :
- Monsieur Kouadio Konan David, Responsable Maintenance, qui cordonne et

assure les travaux liés aux Dépôts. Il aidé dans sa tâche par Monsieur Djakobi
Charles, technicien.
- Monsieur Sica Olivier, Responsable Travaux Neufs, qui s'occupe au quotidien des
projets et travaux liés aux systèmes de gestion de carburant. Monsieur Niamkey
David, électricien, l'accompagne dans ses missions;
- Monsieur Bah Kpan, Responsable du Laboratoire d'électronique, qui est chargé de

la maintenance et du test des équipements électroniques du pool pétrolier, Il est
assisté dans sa tâche de maintenance par Mademoiselle Gohoré Lou, technicienne.
Le département dépôts et systèmes travaille en étroite collaboration avec les autres

départements de l'entreprise. Ce qui lui permet de solliciter l'expertise d'un ou plusieurs
techniciens d'un autre département pour l'exécution d'un certain nombre de travaux. Il est
par ailleurs en charge de plusieurs stations privatives, notamment à Abidjan et à l'intérieur
du pays. Les techniciens effectuent des interventions régulières sur les compteurs
volumétriques et les bornes de gestion de carburant (TOKHEIM, ALX Technologies et
LAFON) pour répondre aux besoins des clients.

2- Le service Travaux Neufs
Se présentant comme un sous-département du département dépôts et systèmes, le service

travaux neufs est le service dans lequel nous avions exercé durant notre stage. Composé de
Monsieur SICA Olivier, Responsable du service et Monsieur NIAMKEY David,
Technicien–Élection, le service a en charge la gestion et le suivi de l'ensemble des projets
et chantiers du département. Outre cette mission, les techniciens de ce service ont
également pour mission l'installation, la configuration et la ma intenance des différents
systèmes de gestion de carburant.
3- Le laboratoire d’électronique
Placé sous la responsabilité de Monsieur Bah Kpan, ce service s’occupe de la réparation

des cartes électroniques en panne des distributeurs de carburants vendus par COCITAM
aux différentes stations services du pays, de la pose d’équipements de haute technicité telle
que les sondes et jauges de carburants électroniques et des tests des nouveaux équipements
acquis par COCITAM. Il doit s’assurer de maîtriser le fonctionne ment et la
programmation de ces équipements avant que l’on puisse les proposer au catalogue
COCITAM ou encore les installer chez un client. Enfin, le personnel du service
électronique étant rattaché au pôle "Dépôts et Systèmes", ils doivent certaines fois installer
et maintenir ces installations sur les différents chantiers en cours obtenus par COCITAM.

CHAPITRE 2 : DÉROULEMENT DU STAGE
I- DÉROULEMENT D'UNE JOURNÉE DE TRAVAIL
Connaissant plus ou moins l'entreprise pour avoir déjà effectué un stage l'an précédent,
notre intégration au sein de COCITAM, fut très facile. La joie de retrouver les anciens
collègues et la présentation des nouveaux employés étaient à l'ordre du jour durant la toute
première semaine. Avant de commencer à travailler, nous avions reçu les différents
équipements de protection individuelle (Tenue de travail, gants, lunettes, bottes et
chaussures de sécurité) et une lettre de stage définissant la mission qui nous était assignée.
Notre encadrement durant le stage, a été assuré par Mo nsieur SICA Olivier, notre maître
de stage et nous avions été placé sous la responsabilité de Monsieur SIEZA Dofimité,
Directeur des Opérations du Dépôts et Systèmes (premier responsable du département).
Notre mission se résumait en l'installation, la maintenance et la configuration des systèmes
de gestion de carburant sur différents sites. Le travail à COCITAM commence à 7h30 et
s'achève à 17h30. Chaque matin avant huit (8) heures, après avoir reçu un ordre de mission
dûment signé par le Directeur des Opérations, nous devions sortir faire des interventions.
Après chaque intervention, nous devions remplir un rapport d'intervention et le faire signer
par les responsables de l'entreprise dans laquelle nous sommes intervenus. Cette procédure
visait à assurer une traçabilité quant à notre passage mais aussi à donner l'état d'évolution
du travail (terminé ou en cours). Une fois les différents travaux marqués sur la feuille de
mission achevés nous pouvions regagner la base (COCITAM) en attendant d'autres
demandes d'invention, dans le cas contraire notre journée s'achève dès 17h30 et le même
processus reprenait le lendemain.
Néanmoins, il y avait souvent des jours où nous restions à la base pour effectuer des
travaux au laboratoire d'électronique. Il s'agissait nota mment des tests des nouveaux
équipements avant leur installation ou des séances de dépannages d'équipements qui n'ont
pu être réparés ou configurés sur le site ou le chantier. Notre stage, nous a également
permis de bénéficier d'une formation de deux semaines sur le système FuelPos, un système
complet de gestion des stations-services et des boutiques, très connus en Europe et qui
s'invite petit à petit sur le continent africain.

Cette formation fut l'une des belles expériences, car elle nous a permis de d écouvrir en
même temps que les autres employés du département un système innovant facilitant et
offrant une gestion informatisée des stations-services. Ensuite une autre expérience, fut le
suivi d'un chantier dans un dépôt de gaz (dépôt AOT Vridi). Nous avions durant plus de
trois mois suivi la réalisation de plusieurs groupes de travaux (dégazage, sablage, peinture
et contrôle). Il fallait à chaque instant rappeler aux uns et aux autres les consignes de
sécurité (les interdits, le port des EPI, l'utilisation de matériels autorisés, etc.) vu que nous
étions dans une zone à haut risque. Chaque matin, il nous revenait d'établir les permis et
autorisations de travail pour faciliter l'accès au site et la continuité des travaux.
Après six mois passé au sein de l'entreprise, notre stage devait normalement prendre fin,
cependant il a été prolongé de deux mois en guise de récompense, après que les
responsables aient constaté notre détermination au travail.
II- TRAVAUX EFFECTUÉS
1- Test et dépannage des systèmes de gestion de carburant
Le test réalisé sur les nouveaux équipements permet de : de s’assurer du bon

fonctionnement des équipements et des accessoires, se familiariser aux équipements,
comprendre le fonctionnement de chaque élément du système, déceler les éventuelles
pannes et/ou défauts matériels ou logiciels. La maintenance d'un système de gestion de
carburant intervient lorsque le système présente un ou plusieurs dysfonctionnements. En
fonction de la panne, l’opération de maintenance se réalise suivant une cer taine procédure.
Au pool dépôts et systèmess, tout équipement avant d’être installé doit être testé.
Interventions sur quelques sites : NSE-CI, Garage président, ASNA, VITIB, CIREX,
GIE-GEMACI, INTELLECT Protection, PETROCI.

2- Visite de chantier et Suivi des travaux sur un chantier
Nous avions eu l'occasion d'effectué des visites de chantier pour répondre à des appels
d’offre. Cette étape avant le début de tout chantier permet d’étudier les besoins du client et
d'avoir un aperçu global des travaux à réaliser.
Il permet également en fonction des conditions du terrain de trouver des solutions adaptées
aux besoins du client. SITARAIL, ENSBTP et BRASSIVOIRE sont les entreprises dans
lesquelles nous avons effectué des visites.
Les quatre derniers mois de notre stage, ont été consacrés à un projet de réhabilitation de
deux cigares de 150m3 dans un dépôt de gaz (Chantier AOT Gaz Vridi). Notre mission
pour ce projet peut être résumée en cinq (5) points :
- Représenter la société COCITAM sur le chantier
- Élaborer les différents permis et autorisation de travail
- Faire respecter les consignes de sécurité
- Signaler les différents incidents et problèmes
- Faire remontrer les préoccupations des responsables du dépôt à mes supérieurs

hiérarchiques
Outre cette mission de supervision, nous avions également participé à l'exécution de

quelques travaux notamment : l’ouverture des différents orifices du cigare et le passage
des câbles électriques.
3- Conception d'une application we b
La réalisation d'une application web pour le suivi des différents projets et chantiers du
département dépôts et systèmes, a été au cœur des travaux réalisés tout au long des huit
mois passés au sein de l'entreprise.

CHAPITRE 3 : ANALYSE DE L'EXISTANT ET SOLUTION PROPOSÉE
I- PRÉSENTATION DE L'EXISTAN T
1- Méthode d'enregistre ment des projets
Dans le cadre d'un appel d'offre ou lorsqu'un client contact le département dépôts et
systèmes pour l'exécution d'un ensemble de travaux : on parle de projet. Avant, l'exécution
des travaux, une visite de chantier est organisée afin d'évaluer les besoins du client et faire
une étude de faisabilité. A l'issue de la visite, le client reçoit dans les semaines qui suivent,
un dossier contenant une offre technique et une offre financière. Dès lors, le responsable
travaux neufs, enregistre le projet et bien d'autres informations dans un tableau sous
Microsoft Excel (.xls) afin de garder une trace de la demande. A la fin du mois, un état
mensuel des projets est effectué en vue d'évaluer les projets en cours dans le département.
Le tableau des états mensuels de projets contient la colonne suivante :
N° Dossier : ensemble de nombre consécutifs précédés par des lettres significatifs
Client : indique le nom du client
Désignation des travaux : donne un titre au projet ou résume les travaux à exécuter
N° devis : le numéro figurant sur devis proposé au client
Date : la date d'élaboration du devis
Montant HT : le montant du hors-taxe du devis
%CDE : la probabilité que l'offre soit validée par le client
Auteur : fait référence à celui qui enregistre le projet
Observations : réservé aux différentes remarques

Figure 1 : aperçu d’un tableau présentant d’état mensuelle des projets
2- Méthode d'enregistre ment des chantiers
Un projet se transforme en chantier, lorsque le client accepte les offres proposées par le
département en émettant un bon de commande. Le chantier est alors enregistré dans un
autre tableau Microsoft Excel (.xls) similaire à celui des projets mais un peu plus grand. À
la fin du mois, un état mensuel des chantiers est réalisé pour également évaluer l'état
d'avancement des chantiers dans le département.
Le tableau des états mensuels de chantiers contient les colonnes suivantes :
N° Dossier : ensemble de nombre consécutifs précédés par des lettres significatifs
Client : le nom du client
Site : le lieu d'exécution des travaux
Objet : le titre des travaux à exécuter
Resp : le responsable du chantier
N° devis : le numéro figurant sur devis proposé au client

Date : la date d'élaboration du devis
Montant HT : le montant du hors-taxe du devis
Bcmde : les informations liées au bon de commande (numéro et date)
Date début : la date à laquelle les travaux débutent
Délai J : le délai d'exécution des travaux
Date fin : la date à laquelle les travaux prennent fin
Inte rvenants : les différents intervenants sur le chantier
Véhicules : le numéro d'immatriculation du ou des véhicules utilisés pour le chantier
Observations : les différentes remarques
Figure 2 : aperçu d’un tableau présentant d’état mensuel des projets

II- CRITIQUES DE L'EXISTANT
Les Technologies de l'Information et de la Communication (TIC) sont au cœur de

l'ensemble des activités de la COCITAM et en particulier du département Dépôts et
systèmess. Cependant, l'enregistrement des chantiers et des projets qui se fait avec le
logiciel Microsoft Office Excel présente certes une facilité d’utilisation cependant
plusieurs inconvénients sont à souligner:
- Gestion limitée uniquement aux fonctions de saisie et d’impression
- Probabilité du risque d'erreur très élevée en particulier lors de l’édition des données
- Peut constituer une source de calculs erronés par suite d'inattention

- Insuffisance avérée de la sécurité des données.
- Absence d'authentification pour l'utilisation des fichiers Excel
III- SOLUTION PROPOSÉE
La solution proposée va dans le sens des aspirations du département dépôts et systèmes. Il

s'agit notamment, de la mise à disposition d'un logiciel facile d’utilisation capable de
fournir les états mensuels des projets et chantiers, tout en permettant un suivi des délais
d'exécution.
Nous proposons donc la conception d'une application avec les fonctionnalités suivantes :
- Gestion des utilisateurs

- Enregistrement des projets et des chantiers
- Présentation des projets et des chantiers dans des tableaux

- Impression de l’état mensuel des projets et chantiers
- Extraction des données sous plusieurs formes
En dehors de ces fonctionnalités, nous proposons également la géolocalisation des

chantiers sur une carte pour favoriser la production d'une carte annuelle des chantiers du
département. L'application répondra également à des exigences non fonctionnelles devant
permettre d'améliorer la qualité de service. Il s'agit notamment de la sécurité, la simplicité
et la disponibilité.

DEUXIEME PARTIE
ÉTUDE CON CEPTUE LLE DE LA SOLUTION DE G ESTION
DEUXIEME PARTIE
ÉTUDE CONCEPTUELLE DE
LA SOLUTION DE GESTION
Dans cette partie mènerons une étude théorique sur les outils et méthodes utilisées pour la
conception de la solution proposée.

CHAPITRE 1 : CAHIER DES CHARGES
I- CADRE GÉNÉRAL
1- Titre du projet
Conception d'une application pour le suivi optimal des chantiers du département Dépôts et
Systèmes.
2- Description
Le projet consiste à concevoir une application permettant d'enregistrer les chantiers afin
d'assurer un suivi des opérations mais aussi de favoriser la production des états mensuels
des chantiers et projets du département Dépôts et systèmes de la société COCITAM.
3- Objectifs
- Offrir une vision centralisée des travaux en cours
- Contribuer à l'amélioration des procédures de gestion des chantiers
- Fournir des statistiques sur les travaux réalisés et en cours de réalisation
- Assurer un suivi des interventions
- Mettre à la disposition du Directeur du pool un outil décisionnel
II- LES BESOINS
1- Besoins fonctionnels
- Identification et authentification des utilisateurs
- Création d'un nouveau chantier ou d'un nouveau projet
- Visualisation de tous les chantiers et projets
- Impression des états mensuels des projets et des chantiers
- Géolocalisation des différents chantiers sur la carte de la Côte d'Ivoire.

2- Besoins non-fonctionnels
Les exigences non fonctionnelles de l'application tournent autour de trois points que sont :
- La simplicité : l'application doit être la plus simple possible
- L'ergonomie : l'application doit offrir des affichages clairs pour une bonne
expérience utilisateur
- La sécurité : les données enregistrées dans la base de données doivent être

protégées et garder leur intégrité.

CHAPITRE 2 : GÉNÉRALITÉ SUR LES APPLICATIONS
I- LES APPLICATIONS WEB
1- Présentation
Une application web ou web app (en anglais), se présente comme un programme
manipulable grâce à un navigateur web. Elle se présente de la même manière qu'un site
internet, mais offre des fonctionnalités plus avancées. Hébergée sur un serveur web local
ou distant, l'application peut être utilisée via un réseau informatique (Internet, intranet,
réseau local, etc.). Elle se différencie largement d'une application desktop qui elle
nécessite une installation sur le poste de travail, avant de pouvoir être utilisée.
2- Principe de fonctionnement
Les applications web font partie du Web 2.0, qui se présente comme une évolution d’un
web statique et unidirectionnel vers un réseau dynamique et interactif, caractérisé par une
large participation des usagers à la création et à l’échange de contenus. Le fonctionnement
des applications web, s'appuie donc sur la technologie client-serveur, utilisée pour le
World Wide Web. En clair, l'utilisateur via le navigateur Web réalise des actions qui
envoient à un serveur des requêtes relatives à des pages Web. Le serveur en retour traite et
répond aux demandes de l'utilisateur en envoyant les pages au navigateur Web qui les
affichent. Cette technique permet aux applications web de mettre œuvre leur interface
graphique. Ainsi, lors de chaque requête, le logiciel créé des pages web et chaque
hyperlien contenu dans la page provoque l'envoi d'une nouvelle requête, qui donnera en
résultat une nouvelle page.
À la différence d'un site web statique où les pages sont des fichiers préalablement
enregistrés.
Les pages Web contiennent divers widgets tels des boutons poussoirs, des icônes et des
zones de texte, permettant la manipulation de l'application. Chaque manipulation d'un
bouton poussoir provoque l'envoi d'une nouvelle requête.

II- LES APPLICATIONS DESKTOP OU LOGICIEL
1- Présentation
Une application desktop ou logiciel est un programme téléchargé, écrit dans un langage de
programmation et que l'on installe sur un ordinateur pour la réalisation d'une tâche ou d'un
ensemble de tâches élémentaires. Dépendant du système d'exploitation et s'appuyant sur
les services de ce dernier, les applications utilisent les ressources matérielles des
équipements sur lesquels elles sont installées 5 .
2- Principe de fonctionnement
Le logiciel est composé d'un ensemble de séquences d’instructions interprétables par une
machine et d’un jeu de données nécessaires à ces opérations. Une fois téléchargées et
installées, le logiciel détermine les tâches qui peuvent être effectuées par la machine,
ordonne son fonctionnement et lui procure ainsi son utilité fonctionnelle. Les séquences
d’instructions appelées ‘’programmes’’ ainsi que les données du logiciel sont
ordinairement structurées en fichiers. La mise en œuvre des instructions du logiciel est
appelée exécution, et la machine est appelée ordinateur ou calculateur.
Le fonctionnement des applications desktop peut se faire sans la connexion internet, car
les réponses à toutes actions sont déjà programmées dans le logiciel lors de la conception.
Cependant, chaque application est limitée à fonctionner sur la plate- forme pour laquelle
elle a été développée. Par exemple, une application native développée en .exe (la
principale extension des logiciels sur windows) fonctionnera uniquement sur les
ordinateurs avec pour système d'exploitation Windows. Cela veut donc dire qu’une telle
application doit être développée pour chaque plate-forme.
5
Source : wikipedia

III- SYNTHÈSE, CHOIX DE LA SOLUTION ET DES OUTILS
1- Synthèse
Les applications web et desktop présentent tous les deux des avantages et des
inconvénients qu'il nous revient de souligner. En premier lieu, la facilité de développement
et de déploiement des applications web l'emporte aisément sur les applications desktop. De
plus, une seule application web développée peut-être utilisée sur toutes les plateformes
(desktop, tablette et mobile) à condition d'avoir un naviga teur web (à jour) ce qui n'est pas
le cas des applications desktop. En outre, les applications web sont bien plus sécurisées
que les applications desktop compte tenue du fait qu'elles sont protégées non seulement
par le serveur mais aussi par la facilité des mises à jour et des corrections de failles. Outre
ces qualités, les applications web présentent des limites qui encouragent le développement
d'applications desktop. Il s'agit notamment de l'entière dépendance des applications web
aux serveurs sur lesquels elles sont hébergées. De plus, il faut un très bon taux de
disponibilité du serveur pour que l'application web fonctionne comme il se doit. Ces
conditions, ne s'appliquent en général pas aux applications desktop qui une fois installées
peuvent fonctionner sans relation avec un serveur local ou distant. Ce qui offre une
meilleure expérience utilisateurs aux applications desktop vu qu'elles peuvent être plus
rapide à l'exécution.
2- Choix de la solution
Au regard des deux solutions qui se présentent, il nous appartient d'opérer un choix
judicieux et optimal pour le développement de l'application de gestion. Ainsi, après
analyse et en fonction des besoins spécifiés plus hauts, la conception d'une application
we b semble être plus avantageuse.

3- Outils
Pour le développement de l'application web, nous utiliserons les langages de

programmation et outils suivants :
- HTML : HyperText Markup Language est un langage de balisage de format de

données conçu pour représenter les pages web.
- CSS : généralement appelées CSS de l'anglais Cascading Style Sheets, les feuilles
de style en cascade, forment un langage informatique qui décrit la présentation des
documents web.
- PHP : Hypertext Preprocessor, plus connu sous son sigle PHP est un langage de
développement des sites dynamiquues
- Geany : éditeur de texte libre et léger incluant les fonctions élémentaires d'un
environnement de développement intégré.éditeur
- Twitte r Bootstrap : framework open source contenant une collection d'outils utile
à la création du design de sites et d'applications web. C'est un ensemble qui
contient des codes HTML et CSS, des formulaires, boutons, outils de navigation et
autres éléments interactifs, ainsi que des extensions JavaScript en option.

CHAPITRE 3 : GÉNÉRALITÉ SUR LES OUTILS DE MODÉLISATION
Notre étude se limitera sur deux outils notamment le langage de modélisation unifié UML
et la méthode MERISE. Tous deux bien que différents sont couramment utilisés pour
modéliser des systèmes.
I- UNIFIED MODELING LANGUAGE : UML
1- Présentation
Standard défini par l'Object Management Group (OMG), le langage de modélisation

unifié, de l'anglais Unified Modeling Language (UML), est un langage visuel constitué
d'un ensemble de schémas, appelés des diagrammes, qui donnent chacun une vision
différente du logiciel à développer. Il est couramment utilisé en développement logiciel et
en conception orientée objet.
UML est née de la fusion trois langages de modélisation d'objets : Booch, OMT (Object
Modeling Technique) et OOSE (Object Oriented Software Engineering) conçues
respectivement par Grady Booch, James Rumbaugh et Ivar Jacobson.
2- Les types de diagrammes
UML 2 s'articule autour de quatorze types de diagrammes, chacun d'eux étant dédié à la
représentation des concepts particuliers d'un système logiciel. Ces types de diagrammes
sont répartis en deux grands groupes à savoir sept (7) diagrammes de structure, trois (3)
diagrammes de comportement et quatre (4) diagrammes d'interaction.

a- Les diagrammes de structure
Les diagrammes de structure ou diagrammes statiques rassemblent :
- Diagramme de classes : représentation des classes intervenant dans le système.
- Diagramme d'objets : représentation des objets utilisés dans le système.
- Diagramme de composants : représentation des composants du système d'un

point de vue physique, tels qu'ils sont mis en œuvre (fichiers, bibliothèques, bases
de données)
- Diagramme de déploie ment : représentation des éléments matériels (ordinateurs,

périphériques, réseaux, systèmes de stockage, etc.) et la manière dont les
composants du système sont répartis sur ces éléments matériels et interagissent
entre eux.
- Diagramme des paquets : représentation des dépendances entre les paquets (un
paquet étant un conteneur logique permettant de regrouper et d'organiser les
éléments dans le modèle UML), c'est-à-dire entre les ensembles de définitions.
- Diagramme de structure composite : représentation sous forme de boîte blanche

les relations entre composants d'une classe (depuis UML 2.x).
- Diagramme de profils : spécialisation et personnalisation pour un domaine

particulier d'un meta- modèle de référence d'UML (depuis UML 2.2).
b- Diagrammes de comportement
Les diagrammes de comportement rassemblent :
- Diagramme des cas d'utilisation : représentation des possibilités d'interaction

entre le système et les acteurs (intervenants extérieurs au système), c'est-à-dire de
toutes les fonctionnalités que doit fournir le système.
- Diagramme états-transitions : représentation sous forme de machine à états finis

le comportement du système ou de ses composants.
- Diagramme d'activité : représentation sous forme de flux ou d'enchaînement

d'activités le comportement du système ou de ses composants.

c- Diagrammes d'interaction ou diagrammes dynamiques
Les diagrammes d'interaction ou diagrammes dynamiques rassemblent :
- Diagramme de séquence : représentation de façon séquentielle du déroulement

des traitements et des interactions entre les éléments du système et/ou de ses
acteurs.
- Diagramme de communication : représentation de façon simplifiée d'un

diagramme de séquence se concentrant sur les échanges de messages entre les
objets (depuis UML 2.x).
- Diagramme global d'inte raction : représentation des enchaînements possibles

entre les scénarios préalablement identifiés sous forme de diagrammes de
séquences (variante du diagramme d'activité) (depuis UML 2.x).
- Diagramme de temps : représentation des variations d'une donnée au cours du

temps (depuis UML 2.3).
II- LA MÉTHODE MERISE
1- Présentation de la méthode
La Méthode d’Étude et de Réalisation Informatiques pour des Systèmes d'Entr eprise en

abrégé MERISE se présente comme une méthode de conception, de développement et de
réalisation des systèmes d'information. Elle est basée sur la séparation des données et des
traitements et possède plusieurs modèles qui sont répartis sur 3 niveaux : conceptuel,
organisationnel et physique.
La méthode MERISE est née entre 1978 et 1979, suite à une consultation lancée par le
ministère Français de l'Industrie en 1977 auprès des sociétés de conseil en informatique
afin de définir une méthode de conception de systèmes d'information. Le CTI (Centre
Technique d'Informatique) et le CETE (Centre d’Études Techniques de l’Équipement) sont
les deux principales sociétés ayant mis au point cette méthode. Pour mieux s'adapter aux
évolutions rapides des technologies de l'informatique, MERISE a évolué avec
MERISE/objet, puis MERISE/2 destinée au client-serveur.

2- Les types de modèles
La méthode MERISE est composée de six (6) modèles repartis sur trois niveaux
d'analyse. Soit trois (3) modèles à chaque niveau : conceptuels, organisationnels et
physiques.
a- Niveau conceptuel
- Modèle conceptuel des données (ou MCD) : c'est un schéma représentant la

structure du système d'information, du point de vue des données, c'est-à-dire les
dépendances ou relations entre les différentes données du système d'information
(par exemple : le client, la commande et les produits)
- Modèle conceptuel des traitements (ou MCT) : c'est un schéma représentant les
traitements pour répondre aux événements à traiter (par exemple : la prise en
compte de la commande d'un client).
b- Niveau organisationnel
- Modèle Logique des Données (ou MLD) : il reprend le contenu du MCD, mais
précise la volumétrie, la structure et l'organisation des données telles qu'elles
pourront être implémentées. A ce stade, il est possible de connaître la liste
exhaustive des tables qui seront à créer dans une base de données relationnelle.
- Modèle Logique des Traitements (ou MLT) : il précise les acteurs et les moyens
qui seront mis en œuvre. Dans cette partie les traitements sont découpés en
procédures fonctionnelles.
c- Niveau physique
- Modèle physique des données (ou MPD) : il permet de préciser les systèmes de
stockage employés (implémentation du MLD dans le SGBD retenu).
- Modèle Opérationnel des Traitements (ou MOT) : il permet de spécifier les

fonctions telles qu'elles seront ensuite réalisées par le programmeur.

III- SYNTHÈSE ET CHOIX DE LA SOLUTION
1- Synthèse
Merise et UML sont deux grands outils de modélisation d'un système d'information.
Cependant, ils sont très différents car l'un est une méthode d'analyse et de conception
tandis que l'autre est un langage composé de plusieurs diagrammes. En outre, le choix de
l'un ou de l'autre se fait selon trois axes à savoir l'accessibilité, la précision et
l'exploitabilité.
Pour le premier axe qui concerne l'accessibilité, MERISE présente l'intérêt d'avoir des
modèles logiques moins détaillés facilement compréhensibles. Alors que le langage UML
conçu pour s'adapter aux langages de programmation orientée objet (POO), présente
plusieurs diagrammes qui nécessitent une grande attention pour une bonne compréhension.
En ce qui concerne le deuxième axe qui est la précision, MERISE est moins préférable.
Malgré sa clarté, il manque une précision du fait qu'elle est éloignée du langage donc
difficile à implémenter. Tandis qu'UML intègre les éléments communs des différents
langages, tant sa volonté est d'être fidèle à la réalisation finale. Elle est donc beaucoup plus
complète avec ses différents diagrammes.
Enfin dans le dernier axe qui est l'exploitabilité, MERISE est une méthode plus généraliste
du fait qu'elle donne une vue globale de la solution sans autant entrer dans les petits
détails. Contrairement à UML qui est conçu pour l'implémentation objet avec ses
différents détails et sa facilité à s'adapter à n'importe quelle plate-forme.
En bref, les deux outils présentent des avantages et des inconvénients. Il est revient donc
au concepteur de choisir la méthode la mieux adaptée pour son cas. UML l'emportera sur
MERISE, si on cherche la précision et l'exp loitabilité. Cependant, si c'est la clarté et
l'accessibilité qui sont en question, MERISE est la meilleure.
2- Choix de l'outil de modélisation
L'application que nous devons concevoir est très simple en termes de fonctionnement. De
plus, les données à gérer sont moins complexes. Il est donc préférable d'utiliser la méthode
MERISE qui rendra la modélisation plus facile à implémenter et plus compréhensible.

CHAPITRE 4 : GÉNÉRALITÉ SUR LES SERVEURS WEB
I- PRÉSENTATION DES SERVEURS WEB
1- Définition
Un serveur Web est un ordinateur utilisé pour publier des sites web sur Internet ou un
intranet. Un serveur Web désigne également le logiciel utilisé sur le serveur (ordinateur)
pour exécuter les requêtes HTTP (HyperText Transfer Protocol), le protocole de
communication employé sur le World Wide Web (www).
Les serveurs web publics sont reliés à internet et hébergent des ressources (pages web,
images, vidéos, etc.) du Web. Certains serveurs sont seulement accessibles sur des réseaux
privés intranet et hébergent des sites utilisateurs, des documents, ou des logiciels, internes
à une entreprise. Ils peuvent également contenir d'autres services tels que le streaming,
l'envoi d'e- mails et le transfert de fichiers. Le logiciel fédérateur, sur un serveur web, est le
serveur HTTP, auquel viennent s'ajouter un interpréteur de langage dynamique tel que
PHP, un gestionnaire de base de données tel que MySQL et d'autres programmes, comme
un serveur SMTP (pour les mails).
2- Mode de fonctionne ment
Le mode de fonctionnement d'un serveur web peut-être vu sous deux angles, notamment
matériel et logiciel. Mais bien que distinct, ces différents angles se rejoignent pour
optimiser le fonctionnement générale du serveur web.
D'un point de vue matériel, un serveur web est donc un ordinateur accessible via une
adresse IP (Internet Protocol) ou un nom de domaine (DNS) tel que google.com. Il stocke
les fichiers qui composent un site web (par exemple les documents HTML, les images, les
feuilles de style CSS, les fichiers JavaScript) et les affiche dans le navigateur à la demande
de l'utilisateur.

Au niveau logiciel, un serveur web est un programme contenant différents fragments qui
contrôlent la façon dont les utilisateurs peuvent accéder aux fichiers hébergés. On parle
alors de serveur HTTP.
Un serveur HTTP est un logiciel qui comprend les URL et le protocole HTTP (le protocole
de communication utilisé par le navigateur pour afficher les pages web). Les serveurs
HTTP, les plus utilisés sont : Apache, IIS, ZEUS, Nginx et Lighttpd.
En résumé, à chaque fois qu'un navigateur a besoin d'un fichier hébergé sur un serveur
web, le navigateur demande le fichier en envoyant une requête via HTTP. Quand la
requête atteint le bon serveur web (matériel), le serveur HTTP (logiciel) renvoie le
document demandé, également grâce à HTTP.
Figure 3 : Fonctionnement du serveur web
II- LES TYPES DE SERVEUR WEB
Le mode de fonctionnent du serveur web décrit souvent deux types de serveurs web :
serveur web statique et serveur web dynamique.
1- Serveur Web de contenu statique
Un serveur web de contenu statique est composé d'un ordinateur (matériel) et d'un serveur
HTTP (logiciel). Il est appelé « statique » car le serveur envoie les fichiers hébergés « tels
quels » vers le navigateur.

2- Serveur we b de contenu dynamique
Un serveur web de contenu dynamique possède en dehors du serveur HTTP d'autres

composants logiciels tels qu'un serveur d'applications et une base de données. Il est dit «
dynamique » car le serveur d'applications met à jour les fichiers hébergés avant de les
envoyer au navigateur via HTTP.
3- Les logiciels utilisés par le serveur web
Pour fonctionner le serveur Web utilise en plus du serveur HTTP (logiciel), d'autres
logiciels qui travaillent en étroite collaboration avec le serveur HTTP. Il s'agit entre autre
d'un langage de programmation et d'un gestionnaire de base de données (SGBD).
Voici ci-dessous quelques exemples :
- Logiciels serveur HTTP : Apache, IIS, ZEUS, Nginx et Lighttpd
- Langages de programmation : HTML, PHP, Ruby, Java, PYTHON
- Gestionnaires de bases de données (SGBD) : MySQL, Oracle, PostGreSQL,

MongoDB
Certaines combinaisons de ces logiciels de base sont connues sous différents acronymes,
notamment celle d'Apache (serveur HTTP), MySQL (serveur de base de données) et PHP
(language de programmation) :
 LAMP pour « Linux, Apache, MySQL, PHP » ;
 WAMP pour « Windows, Apache, MySQL, PHP »;
 MAMP pour « Macintosh, Apache, MySQL, PHP ».
Il existe aussi la distribution de Microsoft nommée IIS pour «Internet Information

Services».

III- CHOIX DU MATÉRIEL ET DES LOGICIELS DU SERVEUR WEB
Pour la mise en place du serveur web notre choix s’est porté sur l'une des combinaisons
logicielles les plus utilisées au monde notamment : Apache, MySQL et PHP. Le tout
embarqué sur le mini-ordinateur Raspberry Pi avec pour système d’exploitation
Raspbian6 .
1- Choix matériel
Pour mettre en place le serveur web de l'application web, nous utiliserons comme élément
matériel, le mini-ordinateur Raspberry Pi 2.
La carte Raspberry Pi7 se présente comme un mini-ordinateur à processeur ARM qui à la

taille d'une carte de crédit et qui est capable de fonctionner comme un ordinateur normal.
Il a été conçu en 2006 par le créateur de jeux vidéo David Braben dans le cadre de
fondation Raspberry. Il est destiné à encourager l'apprentissage de la programmation
informatique et permet l'exécution de plusieurs variantes du système d'exploitation libre
GNU/Linux. Il est fourni nu (carte mère seule, sans boîtier, alimentation, clavier, souris ni
écran) dans l'objectif de diminuer les coûts et de permettre l' utilisation de matériel de
récupération. C'est un équipement libre (Open Hardware) qui se décline en environ sept
(7) versions. Celle que nous utiliserons est la Pi 2 sortie en 2012.
Figure 4 : La carte Raspberry Pi 2 8
6
Raspbian : est une distribution Linu x, basée sur Debian
7
Source : https://wikipedia.org/wiki/ Raspberry_Pi
8
Source : https://wikipedia.org/wiki/ Raspberry_Pi

Les caractéristiques de la Raspberry Pi 2 sont : un processeur Broadcom BCM2836, quatre

cœurs ARMv7 à 900 MHz, une mémoire RAM de 1 Go, GPIO avec 40 broches, 4 ports
USB 2.0, un lecteur micro SD, une sortie vidéo, une prise mini-jack 4 points et un port
HDMI.
2- Choix logiciels
Pour arriver à la réalisation du serveur web, nous utiliserons les langages de

programmation et logiciels suivants :
- Apache : C'est le serveur HTPP le plus utilisé au monde pour le déploiement des
serveurs web, avec environ 60 % des parts du marché. Il est capable de traiter les
différentes requêtes venant du navigateur web.
- PHP : C'est un langage de script. Il permet, de décrire et de créer des pages web,
au travers desquelles l'utilisateur peut échanger des informations avec le serveur;
c'est ce qu'on appelle des pages web dynamiques. Il permet aussi un affichage
dynamique d'information, c'est-à-dire que le texte affiché peut dépendre de
variables. Quand un navigateur demande un tel fichier, le serveur Apache exécute
les instructions PHP, qui produisent une page HTML. Une fois la page HTML
générée, le serveur la renvoie au navigateur, qui ne voit qu'une page HTML.
- MySQL : c'est un système de gestion de base de données. Son rôle est de stocker et
de gérer une grande quantité de données en les organisant sous forme de tables, et
de permettre la manipulation de ces données à travers le langage de requête SQL.
On ne s'occupe plus alors de la manière dont les données sont stockées sur le
disque dur, de simples instructions permettent d'ajouter, de supprimer, de mettre à
jour et surtout de rechercher des données dans une base de données.
- PhpMyAdmin : c'est une interface graphique qui permet de gérer plus facilement
MySQL sans nécessairement avoir de nombreuses connaissances. Ça permet de
mieux voir et éditer les informations liées à la base de données, plutôt que d'utiliser
des lignes de commandes pour faire la même chose.
- SQL : Qui vient de l'acronyme Structured Query Language est un langage

d'interrogation et de manipulation des données SQL.


WEB
TROISIEME PARTIE
CONCEPTION ET DÉPLOIEMENT
DE L'APPLICATION WEB
Dans cette partie nous présenterons les différentes étapes pour la conception de la
solution proposée. Aussi, pour des raisons de sécurité nous ne présenterons pas les
méthodes de sécurité utilisées pour protéger l’application des éventuelles attaques.

CHAPITRE 1 : INSTALLATION ET CONFIGURATION DU SERVEUR
Les outils nécessaires à l'installation du serveur sont : une carte raspberry Pi 2B, une
alimentation, une carte Micro SD de 8 Giga, un clavier, une souris, un écran (avec port
hdmi) et un ordinateur avec système Linux (Ubuntu 14.04).
I- INSTALLATION ET CONFIGURATION DE RASPBIAN
1- Installation de Raspbian
a- Télécharge ment de la dernière version de Raspbian
L'installation du système d'exploitation sur la carte SD, commence par le téléchargement

de la dernière image de Raspbian9 . Cette opération s'effectue avec la commande ci-dessous
:
sudo wget http://raspbian-france.fr/download/raspbian_latest.zip
Figure 5 : Console téléchargement de Raspbian
9
La dernière version du système Raspbian est disponible sur le site www.raspbian-france.fr

b- Copie de la Raspbian s ur la carte SD
Après le téléchargement de Raspbian, celui-ci doit être copié sur la carte SD servant de
disque dur à la Raspberry Pi. Pour se faire, la carte SD est insérée dans l'ordinateur où se
trouve le système téléchargé.
La commande ci-dessous est saisie dans le terminal pour effectuer la copie :
sudo dd bs=1M if=/home/montresor/Télécharge ments/raspbian_latest.zip of=/dev/sdb
(if : désigne le chemin d'accès au système téléchargé et of : le chemin d'accès à la carte SD)
L’écriture de Raspbian sur la carte SD prend assez de temps mais une fois la copie
terminée, le terminal donne la main à l'utilisateur. Le système Raspbian est installé sur la
carte SD et elle peut être retirée de l'ordinateur pour être insérée dans la Raspberry Pi.
c- Premier démarrage, installe r Raspbian
Dans un premier temps, la Raspberry est branchée à l’écran, au clavier et à la souris.

Ensuite, la carte est alimentée et celle-ci démarre automatiquement. L'installation du
système raspbian est alors effectuée et à la fin du processus, le bureau de la Raspberry Pi
s'affiche comme ci-dessous :
Figure 6 : Bureau raspberry pi

2- Quelques configurations de Raspbian
L'accès aux configurations de raspbian se fait en saisissant dans le terminal la commande

suivante :
sudo raspi-config
Figure 7 : Page d'accueil configuration Raspbian
a- Change ment de la langue locale en français
Pour passer tout le système d’exploitation en français, il faut se rendre sur le quatrième
choix, « Internationalisation Options », et appuyer sur « Entrée ». Ensuite, choisir la
première ligne, « Change Locale ». Une fenêtre apparaît, et explique ce que sont les
locales. Descendre jusqu’à la ligne « fr_FR.UTF-8 UTF-8 », décocher en appuyant sur la
touche du clavier « Es pace ». Un astérisque apparaître entre les crochets précédent le
choix. Nous pouvons maintenant nous déplacer sur le champ « Ok » en bas à gauche de la
fenêtre en appuyant sur la touche tabulation (Tab) puis sur Entrée.

Une nouvelle fenêtre apparaître demandant de choisir les locales par défaut. fr_FR.UTF-8
a été choisi, puis le choix a été validé comme précédemment.
Figure 8 : Étape de changement de la langue de Raspbian
b- Autorisation du mode SSH
Le mode SSH permet de contrôler à la Raspberry pi à distance. Pour l'activer, il faut

descendre dans le menu des configurations jusqu’au huitième choix, « Advanced Options
». Ensuite, après validation choisir dans le nouveau menu la quatrième ligne, « SSH ».
Choisir pour terminer « Enable », puis validez. Le système lance quelques commandes
puis ré-affiche une fenêtre indiquant le succès de l’opération.

Figure 9 : Étape d'activation du mode SSH
N.B : Les options de personnalisation de Raspbian sont nombreuses. Dans notre cas,
nous nous sommes limités à ces deux configurations.
II- INSTALLATION DES PAQUETS DU SERVEUR WEB
Pour fonctionner le serveur web a besoin des paquets suivants :
- apache2 : le serveur
- php5 : pour exécuter les fichiers PHP
- mysql-server : tout ce qui est base de données
- libapache2-mod-php5 : sert pour la comptabilité php5 apache
- php5-mys ql : Pour gérer les bases de données avec des commandes PHP
Tous ces paquets ont été installés en ligne de commandes en mode administrateur 10 .
10
La co mmande pour l’installation d’un paquet sous linux est : sudo apt-get ‘’paquet’’

1- Installation de APACHE
L'installation du serveur apache est réalisée avec la commande ci-dessous :
sudo aptitude install apache2
Une fois l'installation terminée, il faut changer les droits sur le dossier d'apache pour
faciliter l'administration de l'application web, cette opération se réalise avec la commande :
sudo chown -R pi:www-data /var/www/html/
sudo chmod -R 770 /var/www/html/
Après avoir changé les droits, il faut vérifier le fonctionnement d'apache en ouvrant le
navigateur web de la Raspberry et en saisissant l’adresse « http://127.0.0.1 », la page ci-
dessous s'affiche :
Figure 10 : Page de vérification fonctionnement apache
2- Installation de PHP
L'installation de php se réalise avec la ligne de commande :
sudo aptitude install php5
Une fois installé, il faut s'assurer qu'il fonctionne correctement, en saisissant dans le
terminal la commande suivante :
echo "<?php phpinfo(); ?>" > /var/www/html/index.php

A la suite de cette commande, un fichier index.php est créé. Il faut ensuite saisir dans le
navigateur localhost/index.php pour avoir en retour, la page phpinfo() ci-dessous :
Figure 11 : Page phpinfo()
3- Installation de MYSQL
L'installation du Système de Gestion de Base de Données (SGBD) MySQL, se réalise en

une seule ligne de commande en mode administrateur, à savoir :
sudo aptitude install mysql-server php5-mysql
Un mot de passe pour le compte administrateur MySQL (root) est demandé :
Figure 12 : Fenêtre de définition de mot de passe administrateur pour MySQL

Après la fin du processus d'installation, il faut vérifier que MySQL fonctionne

correctement en essayant de se connecter depuis le terminal via la commande :
mysql --user=root –password = votrepasswd
Un message de bienvenue s'affiche alors dans la console.
Le serveur web est maintenant relié à PHP5 et à MySQL. Cependant pour mieux gérer
notre base de données, une interface graphique serait plus conviviale. Pour ce faire,
PhpMyAdmin a été installé.
4- Installation de PhpMyAdmin
L’installation de PhpMyAdmin se fait très simplement, en utilisant la commande suivante :
sudo aptitude install phpmyadmin
Figure 13 : Installation du serveur Apache

Au cours de son installation PhpMyAdmin, pose plusieurs questions, pour effectuer de

bons réglages. La première consiste à choisir le serveur utilisé, dans notre cas Apache,
puis la base dbconfig-common et enfin le mot de passe root de MySQL.
A la fin de l'installation, pour lier Apache et phpMyAdmin, nous saisissons les

commandes ci-dessous :
- modifier le fichier de configuration de Apache :
sudo nano /etc/apache2/apache2.conf
- ajouter cette ligne au fichier de configuration et sauvegarder (CTRL +X et Y) :
include /etc/phpmyadmin/apache.conf
- redémarrer le serveur Apache :
sudo /etc/init.d/apache2 restart
Après ce processus, pour vérifier le bon fonctionnement de phpMyAdmin, il faut

simplement tenter d'y accéder, en saisissant dans le navigateur localhost/phpmyadmin.
La page d'authentification s'affiche :
Figure 14 : Page d'authentification PhpMyAdmin

Après authentification, la page d'accueil pour la gestion des bases de données s'affiche :
Figure 15 : Page d'accueil après authentification PhpMyAdmin

CHAPITRE 2 : MISE EN PLACE DE LA BASE DE DONNÉES
I- ANALYSE PRÉLIMINAIRE CONCEPTION
La base de données contient trois tables. Une table est réservée à l'enregistrement des
projets, une autre sert à la sauvegarde des données sur les différents chantiers et la dernière
gère les authentifications.
1- Identification des entités et propriétés
Notre application est composée de trois (3) entités contenant chacun plusieurs propriétés :
ENTITÉS PROPRIÉTÉS
UTILISATEURS E- mail et Mot de passe
Numéro de dossier, Client, Site, Désignation des travaux, Numéro de

PROJETS devis, Date du devis, Montant hors-taxe, Numéro de commande,
Auteur et Observations
Client, Site, Objet, Responsable, Numéro du devis, Date du devis,

Montant du devis, Numéro bon de commande, Date du bon de
CHANTIERS
commande, Date de début, Délai, Date de fin, Intervenants, Véhicule et
Observations
Tableau 1 : Identification des entités et leurs propriétés
2- Règles de gestion
L'application obéit aux règles de gestion suivantes :
- Chaque utilisateur doit s'authentifier avant l'utilisation de l'application
- Chaque utilisateur peut enregistrer un ou plusieurs projets et chantiers
- Chaque utilisateur est identifié par son adresse mail
- Un chantier ou un projet possède un nom numéro de dossier unique

3- Dictionnaires des données
Nom du champ Désignation Type Taille

Email E- mail de l'utilisateur A 100
Mp Mot de passe de l'utilisateur A 30
id_p Numéro de dossier du projet A 10
client_p Client du projet A 100
site_p Site du projet A 100
designation_P Travaux à réaliser sur le projet A 200
devis_p Numéro du devis du projet N 10
datedev_p Date du devis du projet Date
montant_p Montant hors-taxe du projet N 200
commande_p Pourcentage de validation N 4
auteur_p Auteur de la saisie du projet A 20
obs_p Observations sur le projet A 500
Id Numéro de dossier du chantier N 10
Client Client du chantier A 100
Site Site du chantier A 100
Objet Travaux à réaliser du chantier A 500
Responsable Responsable du chantier A 20
Numdev Numéro du devis du chantier N 10
Datedev Date du devis du chantier Date
Montant Montant du devis du chantier N 200
Bncmde Numéro bon de commande pour le chantier AN 10
Datebon Date du bon de commande pour le chantier Date
Debut Date de début des travaux sur le chantier Date
Jourdelai Délai des travaux sur le chantier N 4
Datefin Date de fin des travaux sur le chantier Date
intervenants Intervenants sur le chantier AN 500
Vehicule Véhicule pour les intervenants sur le chantier AN 20
Obs Observations sur le chantier AN 500
Tableau 2 : dictionnaire des données

II- LES MODELES DE CONCEPTION
1- Modèle Conceptuel des Données
Figure 16 : Modèle Conceptuelle des Données

2- Modèle Logique des Données (MLD)
- Utilisateur (email, mp)
- Projet (id_p, client_p, site_p, designation_p, devis_p, datedev_p, montant_p,

commande_p, auteur_p, obs_p, #chantier_id)
- Chantier (id, client, site, objet, responsable, numdev, datedev, montant, bncmde,
datebon, debut, jourdelai, datefin, intervenants, vehicule, obs, #projet_id_p)
- Enregistrer (id_p, email, id)
3- Modèle Physique des Données (MPD)
Figure 17: Modèle Physique de Données

III- CRÉATION DE LA BASE DE DONNÉES ET DES TABLES DANS

PHPM YADMIN
Les modèles de MERISE que sont le MCD, le MLD et le MPD ont permis de déterminer
les tables à créer dans la base de données. Ainsi, grâce à l’interface graphique de MySQL
dénommée PhpMyAdmin, nous pouvons créer facilement les tables.
1- Accès à l'interface de gestion des bases de données
L'accès au gestionnaire graphique de la base de MySQL se fait en saisissant dans la barre

d'adresse du navigateur : localhost/phpmyadmin. Une fenêtre d'authentification s'affiche
demandant login et mot de passe. Après authentification la page d'accueil de phpmyadmin
s'affiche.
Figure 18 : Présentation des pages d'authentification et d'accueil

2- Création de la base de données cocichantier
Figure 19 : Création de la base de données
3- Création des tables : Utilisateurs, Projets et Chantiers
Après avoir créé la base de données, elle s'affiche dans la colonne à gauche de la page
d'accueil de phpmyadmin. En cliquant sur la base de données créée un lien nouvelle table
s'affiche dans la base. Le lien est utilisé pour créer toutes les tables.
Figure 20 : Création des tables de la base de données

4- Créations des colonnes dans les tables
La création des colonnes dans les tables se réalise de même façon que celle de la création
des tables. Mais cette fois il suffit de cliquer sur une des tables pour voir apparaître le lien
Nouvelle colonne. En cliquant sur le lien, les colonnes devant recevoir les propriétés
entités sont créées en suivant le modèle conceptuelle des données.
Figure 21 : Création des colonnes de la base de données

CHAPITRE 3 : GEOLOCALISATION DES CHANTIERS
I- PRESENTATION DU LOGICIEL UMAP
1- Notion de géolocalisation
La géolocalisation consiste à positionner sur une carte géographique un objet fixe ou en

mouvement grâce à ses coordonnées géographiques. Cette opération est réalisée à l’aide
d’un terminal capable de fournir à un système de positionnement par satellite et un
récepteur GPS des coordonnées géographiques latitude/longitude afin d’être localisé. Les
différentes positions enregistrées alors constituent des points qui peuvent être stockés au
sein du terminal et être extraites ultérieurement ou être transmises en temps réel vers une
plateforme logicielle de géolocalisation 11 .
2- Justification du choix de uMap
Logiciel libre de création de cartes personnalisées, uMap offre la possibilité de

géolocaliser des endroits sur une carte mais également de pouvoir afficher cette carte sur
un site web. Il utilise en général des fonds de cartes OpenStreetMap. Notre choix pour
cette plateforme logicielle de géolocalisation, se justifie par sa simplicité d’utilisation,
mais également par le fait qu’elle est libre de droit et donc libre de toute utilisation. Elle
est disponible sur liens suivants : www.umap.openstreetmap.fr/en et
www.umap.openstreetmap.fr/fr.
II- CREATION DE LA CARTE DES CHANTIERS
1- Création et utilisation d’un compte OpenStreetMap
uMap permet d'associer ses cartes à un compte. Cela présente deux avantages importants
par rapport à la création de cartes anonymes 12 :
11
Source https://fr.wikipedia.org/wikiG%C3%A9olocalisation
12
Avec umap, il est possible de concevoir des cartes sans avoir un compte

 les cartes créées avec un compte constituent un catalogue permettant d'accéder

facilement à toutes ses cartes
 chaque carte du catalogue peut être modifiée sans avoir besoin de conserver un lien
d'édition
Le logiciel umap ne gère pas directement de comptes utilisateurs : la gestion des comptes
dépend de la configuration du logiciel. Sur http://umap.openstreetmap.fr, il est possible
d’utiliser un compte ouvert sur un site Web au choix : OpenStreetMap, Twitter, Github, ou
Bitbucket. Dans notre cas, nous avons fait le choix de la création d’un compte
openstreetmap. Pour le faire, il faut se rendre sur le site www.openstreetmap.org et une
fois sur le site, cliquer sur Créer un compte dans le coin supérieur droit, puis uivre les
instructions. A la fin de l’opération, une adresse mail et un mot de passe sont demandés
pour se connecter.
Figure 22 : Fenêtre inscription openstreetmap
2- Utililisation du compte OSM sur uMap
Après l’inscription sur openstreetmap, les étapes suivantes ont été exécutées :
 Étape 1 : Accès à la plate-forme umap à l’adresse http://umap.openstreetmap.fr et
clic gauche sur Connexion/Créer un compte puis sur le pictogramme correspondant
à OSM : Redirection vers la page de connexion.

 Étape 2 : Saisie du nom d'utilisateur et du mot de passe.

 Étape 3 : Autorisation de l’application uMap afin d’utiliser le compte OSM
 Étape 4 : Retour sur la page d'accueil de uMap, sur laquelle le lien de connexion a
laissé la place à un lien Mes cartes, permettant d'accéder à l'ensemble des cartes
créées avec ce compte.
2 3
Figure 23 : Processus d’utilisation du compte OSM sur Umap

3- Création de la carte
 Étape 1 : Clic gauche sur le bouton "Créer une carte" situé à droite. Une nouvelle
carte est créée et elle s'affiche en mode "édition".
Figure 24 : création de la carte
 Etape 2 : Edition des propriétés de la carte en cliquant sur le 5ème bouton à droite pour
modifier le nom de votre carte, ajoutez- y une description et Enregistrer.
Figure 25 : Edition des propriétés de la carte
4- Création d’un chantier s ur la carte
Les marqueurs indiquent l’emplacement d’un nouveau chantier. Pour en ajouter, il suffit
de déplacer et zoomer la carte pour visualiser la zone de localisation du chantier. Ensuite,
un clic gauche sur le bouton Ajouter un marqueur. Le curseur prend la forme d'un
signe +, on le déplace sur le lieu que nous voulons marquer et un clic gauche pour voir
apparaître une goutte rouge à cet endroit. Aussitôt, un panneau s’affiche à droite pour nous
permettre d'associer un nom et une description au marqueur :

 le nom s’affichera au survol du marqueur par la souris

 le nom et la description seront visibles dans une fenêtre dite pop-up qui apparaîtra
lors d'un clic sur le marqueur.
Figure 26 : Propriété d’un marqueur de la carte

CHAPITRE 4 : PRÉSENTATION DE L'APPLICATION
I- LES INTERFACES
1- Authentification
L'accès à l'application se fait en saisissant dans la barre d'adresse du navigateur :

localhost/cocichantier. Une fenêtre d'authentification s'affiche.
Figure : page d'authentification
VALIDER
Figure 27 : Page d’authenfication
2- Accueil
La page d'accueil s'affiche après authentification de l'utilisateur. Elle est composée d'un
menu vertical à gauche, d'un menu horizontal en haut et de la fenêtre de visualisation des
actions.
Le menu verticale permet d'avoir accès à l'enregistrement d'un projet ou d'un chantier, de
visualiser tous les projets et chantiers enregistrés ainsi que la géolocalisation des chantiers.
Le menu horizontal, permet de voir l'utilisateur qui est connecté.

Figure 28 : page d'accueil de l'application
3- Enregistrement d'un nouveau projet
L'enregistrement d'un nouveau projet ou chantier se fait en cliquant sur Nouveau projet ou
Nouveau chantier dans le menu vertical à gauche. Un formulaire se présente, l'utilisateur le
remplit et clique sur le bouton Envoyer au bas du formulaire.
Figure 29 : formulaire d’enregistrement d’un projet

Figure 30 : formulaire d'enregistrement d’un chantier
4- Visualisation de tous les projets ou chantiers
Pour visualiser les projets et chantiers enregistrés, l'utilisateur clique sur Les projets ou Les
chantiers dans le menu vertical à gauche. Une fois cette action réalisée, les projets et les
chantiers s'affiche dans un tableau.
Figure 31 : tableaux des projets enregistrés

Figure 32 : tableaux des chantiers enregistrés
5- Géolocalisation des chantiers
La visualisation des différents chantiers sur une carte se fait en cliquant sur Cartes des
chantiers dans le menu vertical. La carte s'affiche avec des points à l'intérieur pour
marquer la position des chantiers.
Figure 33 : géolocalisation des chantiers

II- MODE D'EMPLOI
1- Enregistrement d’un nouveau projet ou chantier
Pour enregistrer un nouveau Projet ou chantier, il faut cliquer sur ‘’ Nouveau projet’’ ou
‘’Nouveau chantier’’ dans le menu vertical. Un formulaire s’affiche et les différentes
informations concernant le chantier peuvent alors est saisies. A la fin de la saisie, cliquer
sur le bouton Valider pour sauvegarder les informations. Les informations saisies sont
automatiquement reportées dans le tableau des projets et chantiers en fonction de
l’opération effectuée.
2- Extraction et impression des états mensuels
Pour imprimer les états mensuels des projets ou chantiers, il suffit de cliquer sur les projets
ou les chantiers dans le menu vertical. Le tableau des chantiers ou des projets s'affiche. AU
dessus du tableau se trouve des boutons qui permettent d'exporter les données sous
différents formats (PDF, CSV, Excel) ou d'imprimer directement
Figure 34 : Boutons pour exporter les données
3- Ajout d’un nouveau point sur la carte
L’ajout d’un nouveau point sur la carte se fait à partir de UMAP, le lien suivant permet
d’y accéder www.umap.openstreetmap.fr/fr. Une fois sur umap, il faut s’authentifier à
partir de son compte openstreetmap (conseillé). Après cette étape, il faut cliquer sur mes
cartes pour voir la carte sur laquelle nous souhaitons éditer en y ajoutant de nouveaux
points.

DISCUSSION ET SUGGESTIONS
I- DISCUSSION
L'application web réaliser pour le département dépôts et systèmes, vise à répondre aux
besoins de suivi des projets et chantiers du département dépôts et systèmes à travers la
production des différents états mensuels. Elle présente une interface graphique simplifiée
afin de faciliter son utilisation. Elle la capacité de fonctionner dans différents
environnements d’exécution d’où sa portabilité. De plus, elle est responsive car elle
s’adapte à tous types d’écrans. Elle permet grâce à deux formulaires différents, la saisie
des informations liées aux projets et aux chantiers. Ces informations une fois validées sont
sauvegardées dans une base de données MySQL et ensuite s’affichées dans un tableau
récapitulatif. Plusieurs boutons permettent d’exporter les informations sous différents
formats notamment PDF, EXC EL, CSV ou encore de les imprimer. L’application offre
d’un autre coté la possibilité de voir afficher sur une carte l’ensemble des chantiers du
département. Le fonctionnement de l’application est assuré par sur une carte Raspberry Pi,
un mini-ordinateur qui à la taille d’une carte de crédit et qui sert de serveur web. Ce qui a
pour intérêt de favoriser son déplacement.
L’application réalisée répond à l’objectif de fournir au département une application de

suivi des projets et chantiers. Aussi, grâce à la limitation des fonctionnalités, l’application
est bien plus spécifique et peut de ce fait répondre de façon efficace aux besoins pour
lesquels elle a été développée. D’où l’intérêt d’utiliser en entreprise des applications faites
sur mesure et répondant à des besoins particuliers plutôt que d’avoir recours à des
progiciels ou logiciels développés pour répondre à plusieurs besoins à la fois. Cette
affirmation est soutenu par Eric De Carufel13 , Architecte applicatif .net à Pyxis
technologies, qui dit 14 : ‘’Quand on parle de logiciels sur mesure, on parle de logiciels
applicatifs développés en fonction de besoins spécifiques. Ces logiciels sont souvent
uniques ou comparables à d’autres en ayant toutefois des aspects uniques. L’objectif
d’utiliser un logiciel pour accomplir une tâche est bien sûr d’augmenter la rentabilité du
processus ’’.
13
Lau réat du prix de "Most Valuable Professional in Visual C#" (M VP C#) décerné par M icrosoft
14
Source : http://savoiragile.co m/ 2015/03/12/pourquoi-faire-developper-un-logiciel-sur-mesure/

Il poursuit sa thèse en avançant : ‘’Pour ce qui est des logiciels sur mesure, ils permettent
un meilleur agencement avec leur environnement. Même s’il existe un logiciel sur le
marché qui répond à vos besoins, celui-ci offrira sûrement plusieurs fonctionnalités dont
vous n’avez pas besoin et qui rendront difficile l’utilisation des fonctionnalités désirées.
En contrepartie, les logiciels sur mesure vous offriront les fonctionnalités dont vous avez
précisément besoin. D’où l’idée de bien cerner ses besoins. La beauté d’un logiciel sur
mesure, c’est qu’il est toujours possible d’y ajouter de nouvelles fonctionnalités. Donc,
même si vos besoins ne sont pas complètement définis en début de projet, il est possible
d’amorcer quand même le développement de votre logiciel sur mesure’’.
Certes, il est avantageux de développer des applications pouvant répondre à des besoins
spécifiques mais l’argumentation tout au long de notre mémoire démontre que les
applications web sont biens adaptés à ces besoins. En outre, notre choix pour une
application web plutôt qu’une application desktop est appuyé par cet avis de la Bloggeuse
Laurence Georges, qui affirme 15 : ‘’Les éditeurs de logiciel conçoivent des packs sensés
contenter tous les besoins possibles des utilisateurs. Ces solutions seront de ce fait assez
lourdes, figées et chères. L’application web est beaucoup plus souple. A la différence du
logiciel, elle est faite sur-mesure. Sa prise en main en est simplifiée’’.
Toutefois, ces affirmations ne sont pas sans tâches puisse qu’elles balayent du revers de la
main l’utilité même de certains progiciels en entreprise. En effet, des logiciels progiciels
tels que SAGE ou même Odoo, sont devenus des outils incontournables dans la gestion
des entreprises grâce aux nombreux avantages qu’ils présentent, notamment : l’unicité du
système d’information, la productivité (gain de temps), l’optimisation des processus, la
diminution de certains coûts et une utilisation évolutive.
En définitive, même si nous soutenons que la conception de logiciels adaptés ou sur

mesure peut constituer une solution pour répondre aux besoins des entreprises, il ne faut en
aucun cas négliger l’utilité de certains progiciels qui ont démontrés leurs utilités dans la
gestion quotidienne de certains processus.
15
Source : https://www.ideemat ic.co m/actualites/2015/ 11/pourquoi-une-application-met ier-est-elle-mieu x-
qu-un-progiciel/

II- SUGGESTIONS
Vu les avantages de l'application, nous pensions qu'elle sera très utile aux autres
départements de l'entreprise COCITAM S.A. En effet, la gestion des projets et chantiers
deux autres départements de l’entreprise est identique à celle du département dépôts et
systèmes. Nous suggérons donc la réalisation d'une application web pouvant servir à
l'ensemble des départements. Mais également, l'extension des fonctionnalités en intégrant
la sauvegarde des devis et bons de commande en pièce jointe pour chaque projet et
chantier et l'ajout de photo justifiant de l'évolution des travaux.
En outre, nous suggérons une bonne utilisation de l’application en fournissant des

informations correctes et en étant méticuleux lors de la saisie des données. Ceci en vue
d’avoir des résultats ou des statiques qui reflètent au mieux la réalité du terrain.

CONCLUSION
Le travail que nous venons de faire avait pour objectif la conception d'une application web
devant servir à la réalisation des états mensuels des projets et chantiers du département
dépôts et systèmes de l'entreprise COCITAM. Il est né de la problématique de l'utilisation
de logiciels non adaptés au sein des entreprises. Dans le cas présent, le département dépôts
et systèmes utilisait le logiciel Microsoft Office Excel pour la réalisation des états
mensuels de projets et chantiers. Cette méthode a été critiquée vu que le logiciel Microsoft
Excel est trop vaste en termes de fonctionnalités et peut entraîner des erreurs en cas de
mauvaises manipulations. Nous avions donc eu pour mission de réaliser une application
plus adapté à cette tâche.
Pour commencer notre travail, nous avions étudié le système existant dans l'optique de
faire ressortir ses limites mais aussi pour comprendre les besoins réels du département. A
l'issu de l’analyse, nous avions proposé la conception d'une application pour corriger les
limites de l'existant tout en intégrant les besoins exprimés par le Directeur du département.
Cependant, sachant que les applications existent sous divers formes, une étude
comparative sur les types d'applications à été effectuée. L'objectif étant de choisir le type
d'application le plus adapté aux besoins. Cette étude portait notamment sur une
comparaison entre les applications web et les applications desktop. Partant des forces et
des faiblesses de chaque type d'applications, notre choix s'est porté sur les applications
web. En effet, ce choix se justifie par l'adaptabilité de ces applications à tous types
d'interfaces (ordinateur, tablette et Smartphone) d'où la notion de responsive, de la
rapidité de développement et de déploiement et sans oublier l'accessibilité depuis
n'importe quel équipement 16 grâce à un réseau (Intranet, LAN ou Internet).
Cependant, la réalisation d'une application web soulève des questions liées à

l'hébergement. Ainsi, pour apporter une réponse à ces questions, un serveur web basé sur
apache a été déployé sur un mini ordinateur dénommé raspberry pi.
16
Fait références aux ord inateurs, tablettes et smartphones

Le choix du serveur Apache est porté par sa gratuité et sa facilité de déploiement faisant de
lui le serveur le plus utilisé au monde avec 60% des parts du marché. Quant à la carte
raspberry pi, elle a été choisie à cause de sa taille qui fait qu'elle est facilement déplaçable.
D'un autre coté nous avions souhaité innover en utilisant un matériel de petite taille
contrairement au gros serveur.
Après avoir fait le choix du type d'application et du serve ur, nous avions choisi la méthode
Merise pour modéliser notre base de données. Ce choix s'est réalisé après une étude
comparative d’UML et MERISE. Au cours de cette étude nous avions fait ressortis la
difficulté à utiliser le langage UML pour la réalisation de notre application et démontrer
notre choix pour la méthode MERISE.
A la fin de la modélisation de la base de données, nous sommes passés à la conception de

la base de données et des tables de l'application avec PhpMyAdmin; un logiciel servant
d’interface graphique pour la gestion de MySQL. Après cette étape, l'application a été
développée en s'appuyant sur le framework Twitter Bootstrap 3 et les langages de
programmation PHP, HTML, CSS, JQUERY et Java Script.
Enfin, nous avions déployé l'application sur le serveur installé sur la carte raspberry pi.
Des tests de fonctionnement on été réalisés pour vérifier le fonctionnement de l'application
et des états mensuels ont été imprimés pour s'assurer que l'objectif est atteint.
Le travail que nous avions effectué, a donné au département dépôts et systèmes de

disposer d'une application pouvant lui permettre d'améliorer la gestion de ses projets et
chantiers. Cette application, si elle est utilisée convenablement, peut-être un véritable
système d'information pour le département ou même l'entreprise.

ANNEXES
MASTER 2 en Ingénierie des Systèmes d’Information et Conduite de Projets Informatiques (ISI-CPI) I

QUELQUES PHOTOS DE NOTRE STAGE
MASTER 2 en Ingénierie des Systèmes d’Information et Conduite de Projets Informatiques (ISI-CPI) II

BIBLIOGRAPHIE ET WEBOGRAPHIE
BIBLIOGRAPHIE
Benoît Philibert; Bootstrap 3, le Framework 100% web design; Eyrolles; 2015. 318 p
Janet Valade; PHP et MySQL pour les nuls; First; 2012. 470p
WEBOGRAPHIE
https://fr.wikipedia.org/wiki/Serveur_web
(Consulté le 15 Août 2016 à 21h 15)
https://fr.wikipedia.org/wiki/Application_web
(Consulté le 15 Août 2016 à 21h 15)
https://developer.mozilla.org/fr/Apprendre/Qu_est-ce_qu_un_serveur_web
(Mise en ligne : Consulté le 16 aout 2016 à 14h15)
http://getbootstrap.com/getting-started/#download
(Consulté le 07 novembre 2016 à 19h15)
http://cyril- gruau.developpez.com/merise/
(Auteur : Cyril Gruau, Publié le 17/ 10/ 2005 - Mis à jour le 12/ 09/ 2009, Consulté le 07/11/2016 à 20h30)
http://ineumann.developpez.com/tutoriels/merise/initiation- merise/
(Auteur : Idriss NEUMANN, Publié le 28/ 02/ 2012 - M is à jour le 17/ 10/ 2012, Consulté le 7/112016 à 20h45)
https://www.raspberrypi.org/downloads/raspbian/
(Consulté le 10 novembre 2016 à 80h45)
http://raspbian- france.fr/installer-raspbian-premier-demarrage-configuration/
(Auteur : Raspbian France; Consulté le 10 novembre 2016 à 20h45)
http://savoiragile.com/2015/03/12/pourquoi- faire-developper-un- logiciel-sur- mesure/
(Auteur : Eric de carufel, Consulté le 05 Janvier 2017 à 16h 28)
MASTER 2 en Ingénierie des Systèmes d’Information et Conduite de Projets Informatiques (ISI-CPI) III
TABLE DES MATIERES

DÉDICACE….. ........................................................................................................................vi
REMERCIEMENTS ............................................................................................................... vii
LISTE DES TABLEAUX ET FIGURES .............................................................................. viii
LISTE DES SIGLES ET ABRÉVIATIONS .............................................................................x
AUTOBIOGRAPHIE ...............................................................................................................xi
INTRODUCTION .....................................................................................................................1
PREMIERE PARTIE : PRESENTATION GENENRALE .......................................................3
PREMIÈRE PARTIE .................................................................................................................3
PRÉSENTATION GÉNÉRALE................................................................................................3
CHAPITRE 1 : PRÉSENTATION DE LA STRUCTURE D'ACCUEIL .................................4

I- PRÉSENTATION DE COCITAM S.A .........................................................................4
1- Historique et mission .......................................................................................4
2- Secteurs d'activités de l'entreprise....................................................................5
3- Les principaux clients ......................................................................................6
4- Nos partenaires & fournisseurs ........................................................................6
5- L’entreprise en quelques chiffres .....................................................................7
II- PRÉSENTATION DU DEPARTEMENT ET SERVICES D’ACCEUIL ....................8
1- Le département Dépôts et Systèmes ................................................................8
2- Le service Travaux Neufs ................................................................................9
3- Le laboratoire d’électronique ...........................................................................9
CHAPITRE 2 : DÉROULEMENT DU STAGE .....................................................................10

I- DÉROULEMENT D'UNE JOURNÉE DE TRAVAIL ...............................................10
II- TRAVAUX EFFECTUÉS ...........................................................................................11
1- Test et dépannage des systèmes de gestion de carburant...............................11
2- Visite de chantier et Suivi des travaux sur un chantier ..................................12
3- Conception d'une application web .................................................................12
CHAPITRE 3 : ANALYSE DE L'EXISTANT ET SOLUTION PROPOSÉE .......................13

I- PRÉSENTATION DE L'EXISTANT ..........................................................................13
1- Méthode d'enregistrement des projets............................................................13
2- Méthode d'enregistrement des chantiers ........................................................14
II- CRITIQUES DE L'EXISTANT...................................................................................16
III- SOLUTION PROPOSÉE.............................................................................................16
MASTER 2 en Ingénierie des Systèmes d’Information et Conduite de Projets Informatiques (ISI-CPI) IV

DEUXIEME PARTIE : ÉTUDE CONCEPTUELLE DE LA SOLUTION DE GESTION ...17
CHAPITRE 1 : CAHIER DES CHARGES .............................................................................18

I- CADRE GÉNÉRAL ....................................................................................................18
1- Titre du projet.................................................................................................18
2- Description .....................................................................................................18
3- Objectifs .........................................................................................................18
II- LES BESOINS .............................................................................................................18
1- Besoins fonctionnels ......................................................................................18
2- Besoins non-fonctionnels ...............................................................................19
CHAPITRE 2 : GÉNÉRALITÉ SUR LES APPLICATIONS.................................................20

I- LES APPLICATIONS WEB .......................................................................................20
1- Présentation ....................................................................................................20
II- LES APPLICATIONS DESKTOP OU LOGICIEL ....................................................21
1- Présentation ....................................................................................................21
III- SYNTHÈSE, CHOIX DE LA SOLUTION ET DES OUTILS ...................................22
1- Synthèse .........................................................................................................22
2- Choix de la solution .......................................................................................22
3- Outils ..............................................................................................................23
CHAPITRE 3 : GÉNÉRALITÉ SUR LES OUTILS DE MODÉLISATION .........................24

I- UNIFIED MODELING LANGUAGE : UML ............................................................24
1- Présentation ....................................................................................................24
2- Les types de diagrammes ...............................................................................24
II- LA MÉTHODE MERISE ............................................................................................26
1- Présentation de la méthode ............................................................................26
2- Les types de modèles .....................................................................................27
III- SYNTHÈSE ET CHOIX DE LA SOLUTION ............................................................28
1- Synthèse .........................................................................................................28
2- Choix de l'outil de modélisation ....................................................................28
CHAPITRE 4 : GÉNÉRALITÉ SUR LES SERVEURS WEB ...............................................29
I- PRÉSENTATION DES SERVEURS WEB ................................................................29
1- Définition .......................................................................................................29
2- Mode de fonctionnement ...............................................................................29
II- LES TYPES DE SERVEUR WEB ..............................................................................30
1- Serveur Web de contenu statique...................................................................30
2- Serveur web de contenu dynamique ..............................................................31
3- Les logiciels utilisés par le serveur web........................................................31
III- CHOIX DU MATÉRIEL ET DES LOGICIELS DU SERVEUR WEB .....................32
1- Choix matériel................................................................................................32
2- Choix logiciels ...............................................................................................33
MASTER 2 en Ingénierie des Systèmes d’Information et Conduite de Projets Informatiques (ISI-CPI) V


WEB.................................................................................................34
CHAPITRE 1 : INSTALLATION ET CONFIGURATION DU SERVEUR .........................35

I- INSTALLATION ET CONFIGURATION DE RASPBIAN......................................35
1- Installation de Raspbian .................................................................................35
2- Quelques configurations de Raspbian............................................................37
II- INSTALLATION DES PAQUETS DU SERVEUR WEB .........................................39
1- Installation de APACHE ................................................................................40
2- Installation de PHP.........................................................................................40
3- Installation de MYSQL ..................................................................................41
4- Installation de PhpMyAdmin .........................................................................42
CHAPITRE 2 : MISE EN PLACE DE LA BASE DE DONNÉES ........................................45

I- ANALYSE PRÉLIMINAIRE CONCEPTION ...........................................................45
1- Identification des entités et propriétés ...........................................................45
2- Règles de gestion ...........................................................................................45
3- Dictionnaires des données..............................................................................46
II- LES MODELES DE CONCEPTION ..........................................................................47
1- Modèle Conceptuel des Données ...................................................................47
2- Modèle Logique des Données (MLD) ...........................................................48
3- Modèle Physique des Données (MPD) ..........................................................48
III- CRÉATION DE LA BASE DE DONNÉES ET DES TABLES
DANS PHPMYADMIN ..............................................................................................49
1- Accès à l'interface de gestion des bases de données ......................................49
2- Création de la base de données cocichantier..................................................50
3- Création des tables : Utilisateurs, Projets et Chantiers ..................................50
4- Créations des colonnes dans les tables...........................................................51
CHAPITRE 3 : GEOLOCALISATION DES CHANTIERS ..................................................52

I- PRESENTATION DU LOGICIEL UMAP .................................................................52
1- Notion de géolocalisation ..............................................................................52
2- Justification du choix de uMap......................................................................52
II- CREATION DE LA CARTE DES CHANTIERS .......................................................52
1- Création et utilisation d’un compte OpenStreetMap .....................................52
2- Utililisation du compte OSM sur uMap .........................................................53
3- Création de la carte ........................................................................................55
4- Création d’un chantier sur la carte .................................................................55
CHAPITRE 4 : PRÉSENTATION DE L'APPLICATION .....................................................57

I- LES INTERFACES .....................................................................................................57
1- Authentification .............................................................................................57
2- Accueil ...........................................................................................................57
3- Enregistrement d'un nouveau projet...............................................................58
4- Visualisation de tous les projets ou chantiers ................................................59
5- Géolocalisation des chantiers.........................................................................60
MASTER 2 en Ingénierie des Systèmes d’Information et Conduite de Projets Informatiques (ISI-CPI) VI

II- MODE D'EMPLOI ......................................................................................................61

1- Enregistrement d’un nouveau projet ou chantier ...........................................61
2- Extraction et impression des états mensuels ..................................................61
3- Ajout d’un nouveau point sur la carte ............................................................61
DISCUSSION ET SUGGESTIONS ........................................................................................62
CONCLUSION. .......................................................................................................................65
ANNEXES……. ........................................................................................................................ I
BIBLIOGRAPHIE ET WEBOGRAPHIE ...............................................................................III
TABLES DES MATIERES .................................................................................................... IV
MASTER 2 en Ingénierie des Systèmes d’Information et Conduite de Projets Informatiques (ISI-CPI) VII
Je suis KONAN Kouassi Montrésor, étudiant en Master 2 d’Ingénierie
des Systèmes d’Information et Conduite de Projets Informatiques à
l’Institut CERCO de Côte d’Ivoire. Je voudrais partager avec vous cette
pensée de Jean GRENIER : ‘‘ L’homme quoi que l’on dise, est le
maître de son destin. De ce qu’on lui à donné, il peut toujours faire
quelque chose.’’
RÉSUMÉ
Ce document constitue l'achèvement de durs moments de labeur. Il nous a permis de mettre à

la disposition du département un logiciel capable de fournir les états mensuels des projets et
chantiers. Au delà de cette satisfaction nous sommes heureux d'avoir pu apprendre durant
huit mois aux côtés de personnes expérimentées, la vie en entreprise. Cette belle expérience
nous a donné l'occasion de consolider notre formation magistrale par une formation pratique.
Pour maintenir son leadership, la société COCITAM doit disposer d'outils informatiques
adaptés à ces besoins tels que l'application que nous avions conçue.
Notons pour finir que ce mémoire nous a permis de mettre en valeur nos connaissances
théoriques et pratiques acquise durant cette année académique notamment en matière d’étude
de projet.
ABSTRACT
This document constitutes the completion of hard moments of labor. It enabled us to put at
the disposal of the department software capable of providing the monthly statements of the
projects and sites. Beyond this satisfaction we are pleased to have been able to learn for eight
months alongside experienced people, life in business. This wonderful experience gave us the
opportunity to consolidate our masterful training through practical training.
To maintain its leadership, the company COCITAM must have computer tools adapted to
these needs such as the application we had designed.
It should be noted that this brief allowed us to highlight our theoretical and practical
knowledge acquired during this academic year, particularly in the field of project study.

Memoirekkmfini 170301082522

Încărcat de

Informații document

Titlu original

Drepturi de autor

Formate disponibile

Partajați acest document

Partajați sau inserați document

Opțiuni de partajare

Vi se pare util acest document?

Este necorespunzător acest conținut?

Drepturi de autor:

Formate disponibile

Memoirekkmfini 170301082522

Încărcat de

Drepturi de autor:

Formate disponibile

Union – Discipline - Travail

MINISTERE DE L’ENSEIGNEMENT SUPERIEUR ET

MEMOIRE DE F IN D’ETUDE POUR L’OBTENTION

FILIÈRE : INGENIERIE DES SYSTEMES D'INFORMATION ET CONDUITE DE

ETUDE ET CONCEPTION D’UNE APPLICATION

Présenté et soutenu par :

KONAN Kouassi Montrésor

Maître de stage : Sous la Direction de :

Année Académique : 2015 - 2016

REMERCIEMENTS ............................................................................................................... vii

LISTE DES TABLEAUX ET FIGURES .............................................................................. viii

LISTE DES SIGLES ET ABRÉVIATIONS .............................................................................x

PREMIERE PARTIE : PRESENTATION GENENRALE .......................................................3

PREMIÈRE PARTIE .................................................................................................................3

CHAPITRE 1 : PRÉSENTATION DE LA STRUCTURE D'ACCUEIL .................................4

CHAPITRE 2 : DÉROULEMENT DU STAGE .....................................................................10

CHAPITRE 3 : ANALYSE DE L'EXISTANT ET SOLUTION PROPOSÉE .......................13

KONAN Kouassi Montrésor

MASTER 2 en Ingénierie des Systèmes d’Information et Conduite de Projets Informatiques (ISI-CPI) ii

DEUXIEME PARTIE : ÉTUDE CONCEPTUELLE DE LA SOLUTION DE GESTION ...17

CHAPITRE 1 : CAHIER DES CHARGES .............................................................................18

CHAPITRE 2 : GÉNÉRALITÉ SUR LES APPLICATIONS.................................................20

CHAPITRE 3 : GÉNÉRALITÉ SUR LES OUTILS DE MODÉLISATION .........................24

CHAPITRE 4 : GÉNÉRALITÉ SUR LES SERVEURS WEB ...............................................29

KONAN Kouassi Montrésor

TROISIEME PARTIE : CONCEPTION ET DEPLOIEMENT DE L’APPLICATION

CHAPITRE 1 : INSTALLATION ET CONFIGURATION DU SERVEUR .........................35

CHAPITRE 2 : MISE EN PLACE DE LA BASE DE DONNÉES ........................................45

CHAPITRE 3 : GEOLOCALISATION DES CHANTIERS ..................................................52

CHAPITRE 4 : PRÉSENTATION DE L'APPLICATION .....................................................57

MASTER 2 en Ingénierie des Systèmes d’Information et Conduite de Projets Informatiques (ISI-CPI) iv

II- MODE D'EMPLOI ......................................................................................................61

DISCUSSION ET SUGGESTIONS ........................................................................................62

BIBLIOGRAPHIE ET WEBOGRAPHIE ...............................................................................III

TABLES DES MATIERES .................................................................................................... IV

KONAN Kouassi Montrésor

MASTER 2 en Ingénierie des Systèmes d’Information et Conduite de Projets Informatiques (ISI-CPI) v

Nous dédions ce mémoire :

KONAN Kouassi Montrésor

MASTER 2 en Ingénierie des Systèmes d’Information et Conduite de Projets Informatiques (ISI-CPI) vi

Nos remerciements sont adressés de façon particulière à :

Monsieur Jean-Louis LEGRAS et Monsieur LEGLISE Stéphane, respectivement Président

Monsieur SAH Emmanuel, Directeur Administratif et Financier de la COCITAM, pour

Nous n'oublions pas :

KONAN Kouassi Montrésor

LISTE DES TABLEAUX ET FIGURES

Tableau 1 : Identification des entités et leurs propriétés 45

Tableau 2 : Dictionnaire des données 46

Figure 1 : Aperçu d’un tableau présentant d’état mensuelle des projets 14

Figure 2 : Aperçu d’un tableau présentant d’état mensuel des projets 15

Figure 3 : Fonctionnement du serveur web 30

Figure 4 : La carte Raspberry Pi 2 32

Figure 5 : Console téléchargement de Raspbian 35

Figure 6 : Bureau raspberry pi 36

Figure 7 : Page d'accueil configuration Raspbian 37

Figure 8 : Étape de changement de la langue de Raspbian 38

Figure 9 : Étape d'activation du mode SSH 39

Figure 10 : Page de vérification fonctionnement apache 40

Figure 11 : Page phpinfo() 41

Figure 12 : Fenêtre de définition de mot de passe administrateur pour MySQL 41

KONAN Kouassi Montrésor

Figure 13 : Installation du serveur Apache 42

Figure 14 : Page d'authentification PhpMyAdmin 43