Vous êtes sur la page 1sur 94

Mise en place d’une application web de gestion des cotisations des employés pour le financement de projets.

MISE EN PLACE D’UNE APPLICATION


WEB DE GESTION DES COTISATIONS
DES EMPLOYES POUR LE
FINANCEMENT DE PROJETS.

Mémoire de fin de cycle : KOUABENAN A.T. BLANCHARD


1
Mise en place d’une application web de gestion des cotisations des employés pour le financement de projets. 

SOMMAIRE
SOMMAIRE.....................................................................................................................................I
DEDICACE......................................................................................................................................II
REMERCIEMENTS......................................................................................................................III
AVANT-PROPOS..........................................................................................................................IV
LISTE DES FIGURES....................................................................................................................V
LISTE DES TABLEAUX...............................................................................................................VI
SIGLES ET ABREVIATIONS......................................................................................................VII
INTRODUCTION.............................................................................................................................1
PROBLEMATIQUE........................................................................................................................2

PREMIERE PARTIE : ETUDE METHODOLOGIQUE...............................................................3


CHAPITRE I : PRESENTATION DE NOUVELLE MICI EMBACI...........................................3
CHAPITRE II : ETUDE DE L’EXISTANT...................................................................................8
CHAPITRE III : PRESENTATION DE LA SOLUTION............................................................10

DEUXIEME PARTIE : ETUDE TECHNIQUE............................................................................11


CHAPITRE I : CHOIX DES OUTILS DE CONCEPTION ET DE REALISATION.................12
CHAPITRE II : EVALUATION DU PROJET.............................................................................28

TROISIEME PARTIE : LA CONCEPTION DE LA BASE DE DONNEES...............................30


CHAPITRE I : LE NIVEAU CONCEPTUEL ET ORGANISATIONNEL DES DONNEES......30
CHAPITRE II : SYSTEME D’INFORMATION INFORMATISE.............................................48

QUATRIEME PARTIE : LA REALISATION.............................................................................52


CHAPITRE I : LA MISE EN ŒUVRE.........................................................................................53
CHAPITRE II : DEPLOIEMENT DE L’APPLICATION...........................................................55
CHAPITRE III : INTERFACE HOMME-MACHINE................................................................60
CHAPITRE IV : SECURITE........................................................................................................69
CONCLUSION GENERALE........................................................................................................71
WEBOGRAPHIE..........................................................................................................................73
ANNEXES .....................................................................................................................................75

Y
Mise en place d’une application web de gestion des cotisations des employés pour le financement de projets. 

DEDICACE

Je dédie ce document :

A mon père, Monsieur NIAM KOUABENAN ;


A ma mère, KOSSIA KRA GENEVIEVE Epse KOUABENAN;
A mes frères et sœurs ;
Mise en place d’une application web de gestion des cotisations des employés pour le financement de projets. 

REMERCIEMENTS
J’adresse ma reconnaissance à toute l’équipe d’encadrement de l’Ecole
Pratique de la Chambre de Commerce et d’Industrie de Côte d’Ivoire qui nous
a dispensé la formation de licence professionnelle notamment à :

Mme ADIATOU Salimata, la Directrice de l’Ecole Pratique de la


Chambre de Commerce et d’Industrie de Côte d’Ivoire ;
M. YAO Celestin, Responsable Pédagogique, Etudes et
Développement ;
M. KONE Moussa, Chef du Département Centre d’Etudes des langues ;
M. IRIGO, Assistant Services Pédagogiques, Etude et Développement ;
M. BILE, Conseiller d’Education ;

Mes remerciements vont également à l’endroit de M. KACOU Charles,


chef du département informatique, de nos formateurs ainsi qu’à l’endroit de
M. GBA NOUNE ELISEE, notre directeur de mémoire qui n’a ménagé aucun
effort pour le suivi et l’élaboration de ce mémoire.
Enfin, à tous nos amis avec qui nous avons effectué la formation de licence
professionnelle des technologies de l’information et de la
communication(LTIC).
Mise en place d’une application web de gestion des cotisations des employés pour le financement de projets. 

AVANT-PROPOS
Nouvelle MICI Embaci est une entreprise en plein essor avec une
expérience de 40 ans.
Au cours de ce stage, nous avons eu pour mission de créer une application
pouvant assurer la gestion des cotisations des employés de l’entreprise pour le
financement de leur projet.
Le thème sur lequel s’appuie le projet est la « Mise en place d’une
application web de gestion des cotisations des employés pour le
financement de projets. »

Le choix de ce thème se justifie par le besoin exprimé par le directeur


générale, le directeur des ressources humaines et le directeur du département
informatique de l’entreprise.
Mise en place d’une application web de gestion des cotisations des employés pour le financement de projets. 

LISTE DES FIGURES


YFigure 1 : Logo du projet GesCotiProj 1.0............................................................
Figure 2 : Schema d’accès théorique...................................................................35
Figure 3 : Graphe des flux...................................................................................37
Figure 4 : Graphe d'ordonnancement des flux (Processus de demande
d’adhésion)..........................................................................................................39
Figure 5 : Graphe d'ordonnancement des flux (Processus de cotisation)............40
Figure 6 : Graphe d'ordonnancement des flux (Processus de réalisation du
projet)..................................................................................................................41
Figure 7 : Processus de demande d’adhésion (MCT)..........................................42
Figure 8 : Processus de réalisation du projet (MCT)...........................................43
Figure 9 : Processus de réalisation du projet (MCT)...........................................44
Figure 10Référencement.....................................................................................58
Figure 11 : Interface d’accueil.............................................................................60
Figure 12 Interface d'administration...................................................................61
Mise en place d’une application web de gestion des cotisations des employés pour le financement de projets. 

LISTE DES TABLEAUX


Tableau 1 : Diagramme de GANTT....................................................................29
Tableau 2 : Dictionnaire des données..................................................................34
Tableau 3 : Processus de demande d’adhésion (MOT).......................................45
Tableau 4 : Table Tbl_Cotisation(MPD).............................................................49
Tableau 5 : Table Tbl_departement(MPD).........................................................49
Tableau 6 : Table Administrateur(MPD)............................................................50
Tableau 7 : Table Tbl_Groupe(MPD).................................................................50
Tableau 8 :Tbl_Employe(MPD)..........................................................................51
Tableau 9 : Table Tbl_Projet (MPD)..................................................................51
Mise en place d’une application web de gestion des cotisations des employés pour le financement de projets. 

SIGLES ET ABREVIATIONS
EPCCI: Ecole Pratique de la Chambre de Commerce de Cote d’Ivoire
MERISE: Méthode d’Etude et de Réalisation de l’Information par les Sous-
Ensembles
MCD: Modelé conceptuel des données
MCT: Modelé Conceptuel des traitements
MLD: Modelé Logique des données
MOT: Modelé Organisationnel des traitements
MPD: Modelé Physique des données
MPT: Modelé Physique des traitements
SGBDR: Système de Gestion de Base de Données Relationnelle
SQL: Structured Query Language
SAT: Structure d’Accès Théorique
SGBD: Système de Gestion de Base de Données
HTML: Hyper Text Markup Language
AJAX: Asynchronous JavaScript and XML
CSS: Cascading Style Sheet
PHP: Hypertext Preprocessor
Mise en place d’une application web de gestion des cotisations des employés pour le financement de projets. 

INTRODUCTION

Ces dernières années, les nouvelles technologies de l’information et de la


communication ont bouleversé le monde. Changeant ainsi la manière très
archaïque d’accomplir certaines tâches dans les institutions et organisations. Ce
bouleversement a permis de moderniser les processus métiers tout en gagnant en
temps et en argent.
De ce fait, aucune structure aussi petite soit-elle ne veut rester en marge de ce
changement d’ordre planétaire. En effet, toute structure qui se veut compétitive
doit avoir un système de gestion pour gérer au mieux son activité et entre autres
avoir une trace des différentes opérations qui s’effectuent au sein de ladite
structure. C’est dans ce cadre que la société « LA NOUVELLE MICI EMBACI
» a initié un projet Mise en place d’une application web de gestion des
cotisations des employés pour le financement de projets de l’entreprise.
Cette application devrait permettre à l’entreprise une gestion plus fluide des
cotisations des employés de l’entreprise tout en permettant un suivi des
différentes opérations qui seront réalisées dans les caisses.

Cependant, celui qui fera l’objet de notre étude est la direction des ressources
humaines, qui permettra d’organiser la gestion des cotisations des employés.

C’est ce projet qui a constitué notre tâche principale lors de notre stage pratique
à « LA NOUVELLE MICI EMBACI ».

Notre étude s’articulera autour des points suivants :

Première partie : Etude méthodologique ;


Deuxième partie : Etude technique ;
Troisième partie : La conception ;

Mémoire de fin de cycle : KOUABENAN A.T. BLANCHARD


8
Mise en place d’une application web de gestion des cotisations des employés pour le financement de projets. 

Quatrième partie : La réalisation ;


Cinquième partie : La sécurité.

Mémoire de fin de cycle : KOUABENAN A.T. BLANCHARD


9
Mise en place d’une application web de gestion des cotisations des employés pour le financement de projets. 

PROBLEMATIQUE

La Nouvelle MICI Embaci est une société qui possède plusieurs employés
issus de plusieurs départements. La gestion de cotisations se fait
manuellement et ce avec un registre d’où des erreurs humaines entrainant des
pertes de gains et la non traçabilité des flux de cotisations. Au court de ces
dernières années, la société a vu ses activités et son personnel se multipliées
suite à une forte demande de financement de projets d’où la nécessité d’une
gestion conséquente.

Par ailleurs pour pallier à l’insuffisance de l’ancienne gestion la direction


générale à solliciter la compétence du développeur afin de présenter une
application permettant d’assurer la gestion de façon efficace.

L’application GesCotiProj aura pour objectif de faire :

1. Le paramétrage des départements ;


2. Le paramétrage des groupes ;
3. L’inscription des employés par département et par groupe ;
4. L’inscription des projets ;
5. Edition de la liste des départements ;
6. Edition de la liste des groupes ;
7. Edition de la liste des inscrits ;
8. Edition du le bilan de cotisation.

Mémoire de fin de cycle : KOUABENAN A.T. BLANCHARD


10
Mise en place d’une application web de gestion des cotisations des employés pour le financement de projets. 

PREMIERE PARTIE :
ETUDE METHODOLOGIQUE

Mémoire de fin de cycle : KOUABENAN A.T. BLANCHARD


11
Mise en place d’une application web de gestion des cotisations des employés pour le financement de projets. 

CHAPITRE I : PRESENTATION DE NOUVELLE MICI EMBACI

1. Cadre du projet

Durant l’année de licence professionnelle à l’Ecole Pratique de la Chambre de


Commerce et d’Industrie de Côte d’Ivoire « EPCCI » l’étudiant est appelé à
passer un stage de 3 mois minimum dont le fruit est ce mémoire.

Notre projet portera sur la mise en place d’une application web de gestion des
cotisations des employés pour le financement de projets pour le compte de la
société LA NOUVELLE MICI EMBACI.

2. L’organisme d’accueil

2.1Description

LA NOUVELLE MICI EMBACI comme son nom l’indique (Manufacture


Imprimerie Cartonnage Emballage de Côte d’Ivoire) est une société SARL
(société à responsabilité limitée), appartenant au groupe carré d’or dont le
siège social est localisé en Zone 4 dans la ville d’Abidjan précisément à
Marcory.

L’activité majeure est l’impression et l’emballage de produits(les étuis, le


papier sleve), et la confection de cartons standard et personnalisé.

Mémoire de fin de cycle : KOUABENAN A.T. BLANCHARD


12
Mise en place d’une application web de gestion des cotisations des employés pour le financement de projets. 

2.2 Organisation (Voir organisme)

LA DIRECTION GENERALE

SECRETARIAT
LA DIRECTION DES LA DIRECTION
RESSOURCES COMMERCIALE
HUMAINES LA DIRECTION D’USINE LA DIRECTION TECHNIQUE & MARKETING

SERVICE ADMINISTRATIF, SERVICE SERVICE ACHAT


FINANCIER ET COMPTABLE INFORMATIQUE

Fonctionnement

2.2.1 La Direction Générale

Elle qui donne toutes les directives pour la bonne marche de l’entreprise
et veille à la mise en œuvre de toutes les décisions.

2.2.2 La Direction des ressources humaines


Elle a pour rôle de gérer le personnel c’est-à-dire les ressources humaines
(paie, formation, recrutement, représentation du personnel…).
2.2.3La Direction d’usine
Le directeur d'usine est le responsable du site de production. La société
regorge 5 sections de productions (section cartonnage, section étuis, section

Mémoire de fin de cycle : KOUABENAN A.T. BLANCHARD


13
Mise en place d’une application web de gestion des cotisations des employés pour le financement de projets. 

bâche et sac PP. A ce titre, il gère l'ensemble des activités de l'établissement


et veille à ce que celui-ci soit rentable.
2.2.4 La Direction technique
La fonction première du directeur technique est d'encadrer et de diriger
toute l'activité technique au sein d'une entreprise. El gère en réalité les
ressources et les moyens techniques.

2.2.5 La Direction commerciale & marketing

Le directeur commercial définit une politique commerciale en vue


d’accroître les ventes de l’entreprise et d’augmenter le chiffre d’affaires. Il
doit manager l’équipe commerciale pour qu’elle applique cette politique et
atteigne les objectifs fixés.
 Le Service Commercial
Il assure la préparation de la stratégie marketing, définit les objectifs
commerciaux, supervise l’ensemble des actions commerciales, rédige les
courriers d’agreement, il forme et encadre aussi les commerciaux. Le service
Commercial comprend une force de vente qui est chargée de réaliser un
chiffre d’affaire en vue de parfaire l’image de l’entreprise. Le service
commercial a pour objectif d’accroître le portefeuille client de l’entreprise.
Autrement dit il a pour objectif de chercher à mettre en place des stratégies
qui permettrons une meilleure commercialisation des produits de l’entreprise
et des politiques de fidélisation de la clientèle en vue d’un chiffre d’affaire
satisfaisant. Il a sous sa direction :
 Le Service Clientèle
Le service clientèle est chargé de la réception des clients, du suivi des
dossiers client, c’est-à-dire la mise à jour de tout ce qu’il y a comme
paiement, de la soumission des dossiers en paiement et de la remise des
chèques. Ce service travaille en étroite collaboration avec le service
commercial.

Mémoire de fin de cycle : KOUABENAN A.T. BLANCHARD


14
Mise en place d’une application web de gestion des cotisations des employés pour le financement de projets. 

2.2.6 Le secrétariat

Il est au service de la direction générale, il est chargé de recenser les


courriers départs et arrivés et gère les appels téléphoniques.

2.2.7 Le Service administratif, financier et comptable

Il a pour rôle le contrôle des flux financiers. C’est-à-dire établir le budget,


à contrôler les comptes. Elle veille aussi à la gestion et au recrutement du
personnel (salarié, stagiaire). Elle a sous sa direction :
 Le service comptable qui s’occupe du règlement des factures
reçues au secrétariat et procède aux avis bancaires. Il veille à la
bonne marche des procédures mises en place telles que
l’établissement des chèques bancaires, l’émission de bulletins et
de remise de déclaration d’impôts
 La caisse est chargée de réceptionner le paiement des primes en
espèce, du paiement en espèce des commissions des
commerciaux et des salaires ; elle procède aussi à l’établissement
du bilan des recettes et des dépenses journalières.

Le Service Informatique

Composé d’infographes, maintenanciers et de développeurs, le service


informatique assure la création, le développement et la finalité des tâches et
des produits à fournir aux divers clients.

Mémoire de fin de cycle : KOUABENAN A.T. BLANCHARD


15
Mise en place d’une application web de gestion des cotisations des employés pour le financement de projets. 

CHAPITRE II : ETUDE DE L’EXISTANT

1. Présentation de l’existant
L’étude de l’existant est une phase importante devant nous permettre de bien
comprendre le système actuel et définir ses objectifs. Pour chaque module il
sera question d’effectuer une description précise de l’existant en énumérant
les principaux secteurs impliqués, les principaux documents manipulés et les
moyens de traitements utilisés.

Gestion d’enregistrement d’un employé

Après l’enregistrement de l’employé dans le registre, l’on lui attribue un


département suivis d’un groupe (action totalement manuelle). Toutes les
informations requises concernant l’employé sont notés dans un registre pour
l’enregistrer (support physique).
Lorsqu’un employé revient pour un solde, une vérification fastidieuse est
effectuée dans les archives qui contiennent des centaines de dossier. Ce qui
ralenti l’exécution des tâches qui pourrait s’effectuer en quelques secondes.

Gestion des cotisations et suivis de projets.

Mémoire de fin de cycle : KOUABENAN A.T. BLANCHARD


16
Mise en place d’une application web de gestion des cotisations des employés pour le financement de projets. 

Une somme est fixée à diffèrent groupe. Les employés de chaque groupe
viennent effectuer leur versement à la caisse.

A la fin ou clôture des cotisations un bilan de cotisation est effectué. Par la


suite l’on évalue les projets de chaque groupe dès lors, le financement est
lancé.
Lorsqu’un employé revient pour un solde, une vérification fastidieuse est
effectuée dans les archives qui contiennent des centaines de pages. Ce qui
ralenti l’exécution des tâches qui pourrait s’effectuer en quelques secondes.

2. Critique de l’existant

Le système de gestion de cotisation se faisant de façon manuelle il y a


toujours des problèmes de gestion qui en découlent :

 Traitements manuels des tâches ;


 Absence d’une base de données en cas de pertes totales des registres ;
 Difficultés d’accès aux données et manipulation des données : pour
trouver une information, il fallait effectuer de longues recherches parfois
infructueuses
 Perte de temps pour l’enregistrement ;
 Difficultés de calcul et de suivis des cotisations : vu que les
enregistrements pour les cotisations peuvent se faire sur plusieurs
échéances, il en ressort qu’une personne peut effectuer plusieurs dépôt.
De ce fait il est difficile de savoir tel individu à la date X son total dépôt
s’élève à X montant.

Mémoire de fin de cycle : KOUABENAN A.T. BLANCHARD


17
Mise en place d’une application web de gestion des cotisations des employés pour le financement de projets. 

CHAPITRE III : PRESENTATION DE LA SOLUTION

Le nom que nous avons retenu pour identifier le nouveau logiciel est «
GesCotiProj 1.0» en référence avec « la Gestion des Cotisations des Projets »
première version pour dire que d’autre version seront en cours de
développement.

Figure 1 : Logo du projet GesCotiProj 1.0

Mémoire de fin de cycle : KOUABENAN A.T. BLANCHARD


18
Mise en place d’une application web de gestion des cotisations des employés pour le financement de projets. 

L’objectif viserait dans un premier temps à répondre à tous les besoins des
gestionnaires.

Et dans un deuxième temps de leur offrir une interface conviviale, avec une
facilité d’accès et une fluidité sans précédent.
Il est donc plus que nécessaire de concevoir et développer cette application
devant permettre la gestion des cotisations et qui conduit au thème souligné
qu’est : « MISE EN PLACE D’UNE APPLICATION WEB DE GESTION
DES COTISATIONS DES EMPLOYES POUR LE FINANCEMENT DE
PROJETS. ».

Mémoire de fin de cycle : KOUABENAN A.T. BLANCHARD


19
Mise en place d’une application web de gestion des cotisations des employés pour le financement de projets. 

DEUXIEME PARTIE :
ETUDE TECHNIQUE

Mémoire de fin de cycle : KOUABENAN A.T. BLANCHARD


20
Mise en place d’une application web de gestion des cotisations des employés pour le financement de projets. 

CHAPITRE I : CHOIX DES OUTILS DE CONCEPTION ET DE


REALISATION

I. METHODE DE L’ANALYSE

1. Fonctionnalité de l’application

Le système de gestion informatisé de la cotisation aura pour fonction :

1. Le paramétrage des départements ;


2. Le paramétrage des groupes ;
3. L’inscription des employés par département et par groupe ;
4. L’inscription des projets ;
5. Editer la liste des départements ;
6. Editer la liste des groupes ;
7. Editer la liste des inscrits ;
8. Editer le bilan de cotisation.

2. Présentation des méthodes d’analyses (Merise/UML)

Une méthode d’analyse et de conception a pour objectif de permettre de


formaliser les étapes préliminaires du développement d’un système afin de
rendre ce développement plus fidèle aux besoins du client. Pour ce faire, on
part d’un énoncé informel (le besoin tel qu’il est exprimé par le client,
complété par des recherches d’informations auprès des experts du domaine
fonctionnel, comme par exemple les futurs utilisateurs d’un logiciel), ainsi
que de l'analyse de l'existant éventuel (c'est-à-dire la manière dont les
processus à traiter par le système se déroulent actuellement chez le client).

La phase d'analyse permet de lister les résultats attendus, en termes de


fonctionnalité, de performance, de robustesse, de maintenance, de sécurité,
d'extensibilité, etc.
Mémoire de fin de cycle : KOUABENAN A.T. BLANCHARD
21
Mise en place d’une application web de gestion des cotisations des employés pour le financement de projets. 

La phase de conception permet de décrire de manière non ambiguë, le plus


souvent en utilisant un langage de modélisation, le fonctionnement futur du
système, afin d'en faciliter la réalisation.

Il existe plusieurs méthodes: RACINES (Rationalisation des choix


informatiques), MERISE, NIAM (Nijssen Information Analysis Method),
OMT (Object Modeling Technique), Booch ( est une méthode de
développement de logiciels pour la programmation orientée objet, elle a été
conçue par Grady Booch) , OOSE (Object Oriented Software Engineering),
SADT (Structured Analysis and Design Technique), SA/SD, MACAO (
Méthode d’Analyse et de Conception d’Applications Orientées Objet),
FAST, APTE, Unified Process utilisant la méthode de notation UML.
2.1 Merise

Merise (prononcer « Meurisse » et non « Mérise ») est une méthode d'analyse,


de conception et de gestion de projet informatique.

Merise a été très utilisée dans les années 1970 et 1980 pour l'informatisation
massive des organisations. Cette méthode reste adaptée pour la gestion des
projets internes aux organisations, se limitant à un domaine précis.
2.2 UML

UML (en anglais Unified Modeling Language ou « langage de modélisation


unifié ») est un langage de modélisation graphique à base de pictogrammes. Il
est apparu dans le monde du génie logiciel, dans le cadre de la « conception
orientée objet ». Couramment utilisé dans les projets logiciels, il peut être
appliqué à toutes sortes de systèmes ne se limitant pas au domaine
informatique.

UML est l'accomplissement de la fusion de précédents langages de


modélisation objet : Booch, OMT, OOSE. Principalement issu des travaux

Mémoire de fin de cycle : KOUABENAN A.T. BLANCHARD


22
Mise en place d’une application web de gestion des cotisations des employés pour le financement de projets. 

de Grady Booch, James Rumbaugh et Ivar Jacobson, UML est à présent un


standard défini par l'Object Management Group (OMG).

La dernière version diffusée par l'OMG est UML 2.4.1 depuis aout 2011.

3. Présentation de la méthode retenue

3.1Principes généraux

Pour ce travail nous avons eu recours à l’une des méthodes cités plus haut de
conception et d’analyse de projet informatique qu’est MERISE.

En effet, Merise représente une méthode de conception de système


d’information. Elle propose une démarche méthodologique et ses atouts de
conception sont :

1. Une approche globale du système d’informations menée parallèlement sur


les données ;
2. Une description par niveau ;
3. Une description des données utilisant un formalisme de représentation
précis, simple et rigoureux ;
4. Un découpage de processus de développement en quatre (04) étapes
(Etude préalable, Etude détaillé, Réalisation et Mise en œuvre)
correspondant au cycle de vie d’un système d’informations et facilitant
la prise de décision ;
5. Une description détaillée de la structure de travail à mettre en place pour
mener à bien le développement de système d’informations.
6. En somme, Merise se fait selon trois (03) axes ce qui convient de nommer
les trois cycles :
7. Le cycle d’abstraction
8. Le cycle de vie
9. Le cycle de décision

Mémoire de fin de cycle : KOUABENAN A.T. BLANCHARD


23
Mise en place d’une application web de gestion des cotisations des employés pour le financement de projets. 

Parmi les informations qui appartiennent au système d’information, certaines


doivent ou peuvent faire l’objet d’un traitement automatisé grâce aux outils
informatiques. Pour assurer la cohérence du système d’information, la
méthode MERISE propose une démarche d’informatisation comportant les
étapes suivantes :
3.2Le schéma directeur

Son rôle est de définir, de manière globale, la politique d’organisation et


d’automatisation du système d’information. Pour ce faire, il est nécessaire de
répertorier l’ensemble des applications informatiques existantes à modifier et
à développer. Pour rendre contrôlable et modulable ce développement, il est
nécessaire de découper le système d’information en sous-ensembles
homogènes et relativement indépendant. Ces sous-ensembles sont appelés
domaines. Par exemple, on peut trouver le domaine « Approvisionnement »,
le domaine « Personnel ». Les résultats attendus à la fin de cette étape sont
une définition précise des domaines, une planification du développement de
chaque domaine et un plan détaillé, année par année, des applications qui
doivent être réalisées.

3.2.1 L’étude préalable par domaine

Elle doit aboutir à une présentation générale du futur système de gestion


(modèles des données et des traitements) en indiquant les principes les
novations par rapport au système actuel, les moyens matériels à mettre en
œuvre, les bilans coût – avantage. Cette étude est réalisée en quatre (04)
phases :

Mémoire de fin de cycle : KOUABENAN A.T. BLANCHARD


24
Mise en place d’une application web de gestion des cotisations des employés pour le financement de projets. 

1. Une phase de recueil qui a pour objectif d’analyser l’existant afin de


cerner les dysfonctionnements et les obsolescences les plus frappantes
du système actuel.
2. Une phase de conception qui a pour objectif de formaliser et hiérarchiser
les orientations nouvelles en fonction des critiques formulées sur le
système actuel et d’autre part des politiques et des objectifs de la
direction générale. Cela revient à modéliser le futur système avec une
vue pertinente de l'ensemble.
3. Une phase d’organisation dont l’objectif est de définir le système futur au
niveau organisationnel : qui fait quoi ?
4. Une phase d’appréciation dont le rôle est d’établir les coûts et les délais
des solutions définies ainsi que d’organiser la mise en œuvre de la
réalisation. A cet effet un découpage en projets est effectué.

3.2.2 L’étude détaillée par projet

Elle consiste d’une part à affiner les solutions conçues lors de l’étude
préalable et d’autre part à rédiger, pour chaque procédure à mettre en œuvre,
un dossier de spécifications détaillé décrivant les supports (maquettes d’états
ou d’écran) ainsi que les algorithmes associés aux règles de gestion…
A l’issue de cette étude, il est possible de définir le cahier des charges
utilisateurs qui constitue la base de l’engagement que prend le concepteur vis
à vis des utilisateurs. Le fonctionnement détaillé du futur système, du point de
vue de l’utilisateur, y est entièrement spécifié.

3.2.3 La réalisation

Son l’objectif est l’obtention des programmes fonctionnant sur un jeu d’essais
approuvés par les utilisateurs.

Mémoire de fin de cycle : KOUABENAN A.T. BLANCHARD


25
Mise en place d’une application web de gestion des cotisations des employés pour le financement de projets. 

3.2.4 La mise en œuvre

Elle se traduit par un changement de responsabilité : l’équipe de réalisation va


en effet transférer la responsabilité du produit à l’utilisateur. Cette étape
intègre en particulier la formation des utilisateurs. Après une période
d’exploitation de quelques mois, la recette définitive de l’application est
prononcée.

3.2.5 La maintenance
Elle consiste à faire évoluer les applications en fonction des besoins des
utilisateurs, de l’environnement et des progrès technologiques.
Le schéma suivant, extrait de l’ouvrage « La méthode Merise » reprend les
étapes décrites ci-dessus.
Cette démarche lourde et parfois complexe est adaptée à l’automatisation de «
gros systèmes d’information ». Pour des informatisations plus modestes, elle
peut être perçue comme un carcan, et il convient donc de l’adapter afin de
retenir uniquement les concepts et/ou les étapes appropriées aux besoins.

3.2.6 Les niveaux de description

Le but de cette méthode est d'arriver à concevoir un système d'information. La


méthode
MERISE est basée sur la séparation des données et des traitements à effectuer
en plusieurs modèles conceptuels et physiques. La séparation des données et
des traitements assure une longévité au modèle. En effet, l'agencement des
données n'a pas à être souvent remanié, tandis que les traitements le sont plus
fréquemment.
Même si la méthode MERISE est, avant tout, une méthode de conception de
systèmes d’information, et non de systèmes informatiques, il apparaît

Mémoire de fin de cycle : KOUABENAN A.T. BLANCHARD


26
Mise en place d’une application web de gestion des cotisations des employés pour le financement de projets. 

aujourd’hui que les systèmes d’informations sont largement gérés par des
applications informatiques. Les modèles MERISE doivent donc être utilisées
pour faciliter le développement de ces applications en appuyant sur les
technologies logicielles actuelles telles que les bases de données relationnelles
et/ou l’architecture client-serveur.
MERISE distingue trois niveaux dans la description et un ensemble de
modèles pour la représentation des données et des traitements, un formalisme
de représentation est associé à chaque modèle. L’ensemble de ces trois
niveaux constitue le cycle d’abstraction de la conception d’un SI.

I. LE NIVEAU CONCEPTUEL : Les objectifs de


l'entreprise

L'informatique consiste à mettre à disposition de l'utilisateur des moyens ou


des outils de gestion informatique. Avant de spécifier les moyens
informatiques, il est nécessaire de définir le travail de cet ou de ces
utilisateurs finaux, de définir l'organisation du travail au sein de l'entreprise.
Afin de déterminer cette organisation, l'analyse des objectifs et des fonctions
majeures de l'entreprise doit être menée. Ainsi, l'informatisation est conçue en
fonction de l'organisation et l'organisation en fonction des objectifs à
atteindre.
Le niveau conceptuel décrit donc la statique et la dynamique du système
d’informations en se préoccupant uniquement du point de vue du
gestionnaire. Ce niveau de préoccupation correspond aux finalités de
l’entreprise. Il s’agit de décrire le ‟quoi‟ en faisant abstraction des contraintes
d’organisation et techniques. Les modèles utilisés pour la description
conceptuelle du SI sont :

Mémoire de fin de cycle : KOUABENAN A.T. BLANCHARD


27
Mise en place d’une application web de gestion des cotisations des employés pour le financement de projets. 

1. Le Modèle Conceptuel des Données (MCD)


La structure de mémorisation des informations est représentée sous une forme
qui permet un passage aisé vers les "enregistrements informatiques". Il est
question ici de la description des données et des relations réalisées à l’aide des
concepts et de formalismes.

2. Le Modèle Conceptuel des Traitements (MCT)


Il permet de représenter de façon schématique l’activité d’un système
d’information sans faire référence à des choix organisationnels ou des moyens
d’exécution, c’est-à-dire qu’il permet de définir simplement ce qui doit être
fait, mais il ne dit pas quand, par quel moyen ni à quel endroit de
l’organisation.

II. LE NIVEAU LOGIQUE OU ORGANISATIONNEL :


Les postes de travail
Pourquoi une organisation ? Pour réaliser les fonctions de l'entreprise décrites
dans la première partie. Cela répond à la question QUI FAIT QUOI ? Dans le
cas de développement sur micro-informatique ou dans le cas où l'application
ne concerne qu'une seule personne, le niveau organisationnel se ramène à sa
plus simple expression, un seul poste de travail.
Plus variable, est la forme que doit prendre l'outil informatique pour être
adapté à l'utilisateur, à son poste de travail. C'est le niveau logique, la
maquette des enchaînements d'écran et la réponse à la question AVEC
QUOI ? Ou plus exactement AVEC L'AIR DE QUOI ? Le niveau logique est
indépendant de l'informatique spécifique, des langages de programmation ou
de gestion des données.
Le niveau organisationnel décrit la nature des ressources qui sont utilisées
pour supporter la description statique et dynamique du système

Mémoire de fin de cycle : KOUABENAN A.T. BLANCHARD


28
Mise en place d’une application web de gestion des cotisations des employés pour le financement de projets. 

d’informations. Ces ressources peuvent être humaines et/ou matérielles et


logicielles. Les choix d’organisations sont pris en compte à ce niveau :
1. La repartions des traitements entre l’homme et la machine.
2. Le mode de fonctionnement : temps réel ou temps différé.
3. La répartition géographique des donnés et des traitements.

3. Le Modèle Logique des Données (MLD)


Il représente l’ensemble des données par type de site organisationnel.

4. Le Modèle Organisationnel des Traitements (MOT)


Il permet de représenter par procédures, les phases et les tâches exécutées par
chaque poste de travail. En gros, à ce niveau les « qui fait quoi ? » et « où ? »
sont décrits.

III. LE NIVEAU PHYSIQUE OU OPERATIONNEL :


L’informatique spécifique
Le dernier niveau, le plus variable, est l'outil informatique lui-même, les
fichiers, les programmes. AVEC QUOI ? Ce niveau est appelé niveau
physique. Ce niveau dépend à 100% du système informatique retenu, du type
de la base de données et des outils de développement.
MERISE est d'un secours précieux dans le cadre des données. La structure
"physique" informatique des données tend à être normalisée. Le passage, à
l'aide de règles, à ces représentations normalisées est facile. C'est à cet instant
que la méthode justifie son utilisation dans le cadre de développement sur
micro-ordinateurs. Le modèle conceptuel de données engendre le modèle
physique de données.
A ce niveau, les choix techniques sont définis. Ainsi, les organisations
physiques de données sont spécifiées au travers du Modèle Physique des
Données (MPD) et la description des traitements est réalisée pour chaque
transaction (temps réel) ou chaque unité de traitement (temps différé) au
Mémoire de fin de cycle : KOUABENAN A.T. BLANCHARD
29
Mise en place d’une application web de gestion des cotisations des employés pour le financement de projets. 

travers du Modèle Opérationnel des Traitements (MOPT). Ici, le « comment


faire » est décrit. Le niveau opérationnel est donc celui dans lequel on choisit
les techniques d’implantations du système d’informations (données et
traitements)
La hiérarchisation des préoccupations adoptées par MERISE consiste à
intégrer au niveau le plus élevé les éléments les plus stables ou quasi
invariants, c'est -à-dire les éléments qui ne sont modifiés que si l’on
bouleverse les règles de gestions fondamentales de l’organisation. La
hiérarchie MERISE s’applique tant à la description statique du SI qu’à sa
description dynamique.

II. OUTILS DE DEVELOPPEMENT


1. Langage
a) PHP
PHP (HyperText Preprocessor) est un langage de script libre principalement
utilisé pour produire des pages web dynamique via un serveur apache, mais
pouvant également fonctionner comme n’importe quel langage interprété de
façon locale, en exécutant les programmes en ligne de commande. PHP est
un langage impératif disposant depuis la version 5 de fonctionnalités de
modèle objet complètes.

Le langage PHP est utilisé principalement en tant que langage de script côté
serveur, ce qui veut dire que c’est le serveur qui va interpréter le code PHP.
PHP peut également générer d’autres formats en rapport avec le web, comme
le WML, le GVG, le format PDF, ou encore des images bitmap telles que
JPEG, GIF ou PNG.

Mémoire de fin de cycle : KOUABENAN A.T. BLANCHARD


30
Mise en place d’une application web de gestion des cotisations des employés pour le financement de projets. 

Il a été conçu pour permettre la création d’applications dynamiques, le plus


souvent dédiées au web. PHP est très majoritairement installé sur un serveur
Apache, mais peut être installé sur les autres principaux serveurs http du
marché, par exemple IIS de Microsoft. Ce couplage permet de récupérer des
informations issues d’une base de données, d’un système de fichiers ou plus
simplement des données envoyées par le navigateur afin d’être interprétées
ou stockées pour une utilisation ultérieure.

Il est multiforme car autant sur linux qu’avec Windows il permet aisément de
reconduire le même code sur un environnement à peu près semblable. Libre et
gratuit, simple d’utilisation et d’installation, ce langage nécessite comme tout
langage de programmation une bonne compréhension des principales
fonctions usuelles ainsi qu’une connaissance aigue des problèmes de
sécurités.

b). HTML
HTML (HyperText Markup Language) est un langage qui a pour rôle de gérer
et organiser le contenu d'une page web. C'est un langage de description de
données, et non un langage de programmation. J'ai utilisé le HTML 5,
dernière version actuelle du HTML.

Cette version apporte de nombreuses améliorations comme la possibilité


d'inclure facilement des vidéos, un meilleur agencement du contenu, de
nouvelles fonctionnalités pour les formulaires etc.

Cette version apporte de nombreuses améliorations comme la possibilité


d'inclure facilement des vidéos, un meilleur agencement du contenu, de
nouvelles fonctionnalités pour les formulaires etc.

Mémoire de fin de cycle : KOUABENAN A.T. BLANCHARD


31
Mise en place d’une application web de gestion des cotisations des employés pour le financement de projets. 

c) JavaScript
JavaScript est un langage de programmation de scripts principalement utilisé
dans les pages web interactives. C'est un langage orienté objets à prototype,
c'est-à-dire que les bases du langage et ses principales interfaces sont fournies
par des objets qui ne sont pas des instances de classes, mais qui sont chacun
équipés de constructeurs permettant de générer leurs propriétés, et notamment
une propriété de prototypage qui permet d'en générer des objets héritiers
personnalisés.
Ce Langage de programmation est développé par Sun, inspiré de C++.
Fonctionnant sur le principe machine virtuelle, il peut s'adapter à n'importe
quel ordinateur. Lorsqu'ils s'exécutent à partir d'une page Web, on les appelle
des applets Java. Lorsqu'ils s'exécutent sur un serveur Web, on les dénomme
Servet.

d) CSS
Les feuilles de style en cascade, généralement appelées CSS de l’anglais
Cascading Style Sheets. Le rôle du CSS est de gérer l'apparence de la page
web (agencement, positionnement, décoration, couleurs, taille du texte…). Ce
langage est le complément du langage HTML pour obtenir une page web avec
du style. Le navigateur parcourt le document HTML. Lorsqu'il rencontre une
balise, il demande à la CSS de quelle manière il doit l'afficher.

e) SQL

SQL (Structured Query Language) est un langage informatique normalisé qui


sert à effectuer des opérations sur les bases de données. La partie langage de
manipulation de données SQL permet de rechercher, d’ajouter, de modifier ou
de supprimer des données dans les bases de données.

Mémoire de fin de cycle : KOUABENAN A.T. BLANCHARD


32
Mise en place d’une application web de gestion des cotisations des employés pour le financement de projets. 

En plus du langage de manipulation de données, la partie langage de


définition de données permet de créer, et de modifier l’organisation des
données dans les bases de données, la partie langage de contrôle de
transaction permet de commencer et de déterminer des transactions, et la
partie langage de contrôle de données permet d’autoriser ou d’interdire
l’accès à certaines données à certaines personnes.

Créé en 1974, normalisé depuis 1986, le langage est reconnu par la grande
majorité des systèmes de gestion de base de données (SGBD) du marché.

f) Ajax et JQuery
Ajax

L’architeture informatique ajax (acronyme d’Asynchronous Javascript and


XML) permet de construire des applications web et des sites web dynamiques
interactifs sur le poste lient en se servant de différentes technologies ajoutées
aux navigateurs web. Asynchronous JavaScript And XML, AJAX n'est donc
pas une technologie mais plutôt un concept qui permet donc de faire des
appels asynchrones au serveur depuis le client.
Lors de ces appels, le serveur retournera du XML qui sera "récupéré" par
JavaScript et traité. 
Nous verrons que nous pouvons tout aussi bien faire transiter du texte et faire
des appels synchrones. 
L'utilisation d'AJAX va chambouler un peu cette organisation car à tout
moment vous pouvez aller chercher des informations sur le serveur sans
recharger la page pour :

1. Ajouter des éléments à la page

2. Modifier le contenu d'un "bout de la page"

Mémoire de fin de cycle : KOUABENAN A.T. BLANCHARD


33
Mise en place d’une application web de gestion des cotisations des employés pour le financement de projets. 

3. Insérer des données dans une base.

Les applications sont donc très nombreuses :

1. Champs qui s'auto-complètent (comme Google suggest).

2. Listes déroulantes liées.

3. Contrôle de formulaire.

4. Pop-ups accessibles, etc.

JQuery (Java Query)

John Resig est le créateur et développeur principal de la JQuery JavaScript


Library.
En l'utilisant dans votre code JavaScript : vous écrirez moins de code, et vous
serez plus productif.
JQuery, un Framework JavaScript est une bibliothèque JavaScript open-
source et n'est pas n'importe quel fichier JavaScript. C'est une énorme
bibliothèque de fonctions JavaScript qui ont été écrites et regroupées en un
seul et unique fichier pour plus de simplicité. Elle permet de traverser et
manipuler très facilement l'arbre DOM des pages web à l'aide d'une syntaxe
fortement spéciale.

JQuery permet par exemple de changer/ajouter une classe CSS, créer des
animations, modifier des attributs, etc., de gérer les événements JavaScript et
faire des requêtes AJAX simplement

JQuery est très puissant et très pratique, et utilisez uniquement lorsque c’est
nécessaire.

Mémoire de fin de cycle : KOUABENAN A.T. BLANCHARD


34
Mise en place d’une application web de gestion des cotisations des employés pour le financement de projets. 

2. Logiciel

a) Adobe Dreamweaver

Dreamweaver est un éditeur WYSIWYG (What You see Is what You get, ce
que vous voyez est ce que vous obtenez) destiné au développement de sites,
de pages et d’applications web et offre deux modes de conception par son
menu affichage. L'utilisateur peut choisir entre un mode création permettant
d'effectuer la mise en page directement à l'aide d'outils simples, comparables
à un logiciel de traitement de texte (insertion de tableau, d'image, etc.). Il est
également possible d'afficher et de modifier directement le code (HTML ou
autre) qui compose la page. On peut passer très facilement d'un mode
d'affichage à l'autre, ou opter pour un affichage mixte. Cette dernière option
est particulièrement intéressante pour les débutants qui, à terme, souhaitent se
familiariser avec le langage HTML.

Dreamweaver a évolué avec les technologies de l'internet. Il offre aujourd'hui


la possibilité de concevoir des feuilles de style. Les liaisons avec des bases de
données ont également été améliorées ainsi que le chargement des fichiers sur
les serveurs d'hébergement. Il propose en outre l'utilisation de modèles
imbriqués de pages web, selon un format propriétaire.

Depuis la version MX, il peut être utilisé avec des langages web
dynamiques (ASP, PHP) à l'aide d'outils relativement simples d'utilisation. Il
permet ainsi de développer des applications dynamiques sans connaissance
préalable des langages de programmation.

Avec Dreamweaver, nous pouvons créer des applications web dynamiques


reposant sur une base de données à l’aide de langages serveur tels qu’ASP,
ColdFusion, JSP et PHP.

Mémoire de fin de cycle : KOUABENAN A.T. BLANCHARD


35
Mise en place d’une application web de gestion des cotisations des employés pour le financement de projets. 

b) Adobe Photoshop

Photoshop est un logiciel de retouche, de traitement et de dessin assisté par


ordinateur édité par Adobe. Il est principalement utilisé pour les traitements
de photographies numériques et sera utiliser pour le coté design et mise en
forme de l’application.
Photoshop travaille sur les images matricielles (également appelées "bitmap",
à ne pas confondre avec le format d'enregistrement Windows bitmap) car les
images sont constituées d'une grille de points appelés pixels. L'intérêt de ces
images est de reproduire des graduations.
Photoshop possède son propre format de projet (PSD), qui est plus qu'un
simple format de fichier. Le programme accepte également d'importer et
d'exporter des fichiers d'image dans les formats les plus courants (GIF, JPEG,
TIFF, PNG, ILBM, etc.).
Il offre :
1. Un système de tri et d'organisation des fichiers permettant l'application
d'une opération sur plusieurs fichiers simultanément ;
2. Des outils de dessin en mode bitmap : pinceau, crayon, formes
géométriques ;
3. Des outils de sélection de zones de travail (ou zones d'intérêt) : lasso,
rectangle de sélection, sélection par plage de couleur ;
4. Des outils de copie, collage et duplication de zones de travail ;
5. Des outils de manipulation de calques : par l'empilement de zones
graphiques et l'utilisation de transparence et autres effets, on peut
construire l'équivalent de photomontages complexes ;

Mémoire de fin de cycle : KOUABENAN A.T. BLANCHARD


36
Mise en place d’une application web de gestion des cotisations des employés pour le financement de projets. 

6. Des outils de manipulation de la palette de couleurs : changement de


palette, réglages colorimétriques, de luminosité, de contraste,
désaturation ;
7. Des filtres pour appliquer divers effets à des zones d'intérêt : textures,
ombres, renforcement des contours, estampage, flou, etc.

c) Filezilla

Concernant l’envoi de l’ensemble de mes fichiers vers l’hébergeur web, j’ai


transféré mes fichiers avec le client FTP de Filezilla.

FTP signifie File Transfert Protocol ou Protocole de Transfert de Fichiers.


C'est un protocole de communication qui permet l'échange de fichiers sur
internet avec un réseau TCP/IP.
Le FTP fonctionne selon le modèle client-serveur. C’est-à-dire, un client
depuis lequel on envoie les fichiers et un serveur FTP, sur lequel on envoie
les fichiers. Un client FTP est donc un logiciel qui permet de faire la liaison
entre le client et le serveur.
Pour des raisons de sécurité, Filezilla propose un mode dans lequel il ne
conserve aucune trace des mots de passe sur l’ordinateur. Ainsi, une
authentification est nécessaire à chaque connexion aux serveurs.

Mémoire de fin de cycle : KOUABENAN A.T. BLANCHARD


37
Mise en place d’une application web de gestion des cotisations des employés pour le financement de projets. 

CHAPITRE II : EVALUATION DU PROJET

1. Plan de travail
Organisation du rapport

Pour un bon travail il nous faut un rapport bien structuré qui peut être
exploité après la mise en place de ce site, pour cela nous allons
organiser notre présent rapport autour de 5 partie :

1. « Etude méthodologique », nous allons mettre notre projet dans son


cadre général en définissant la société d’accueil et en présentant le
sujet.
2. « Etude technique », nous allons analyser et dégager les méthodes
d’analyses qui conduiront notre projet.
3. « Conception » nous abordons la phase de conception. Nous
spécifions d’abord la méthode de conception adaptée, après, nous
présentons les différents modèles de notre application.
4. « Réalisation » nous allons en premier lieu, étudier les moyens
convenables que nous utiliserons pour pouvoir réaliser notre projet. En
deuxième lieu, nous présenterons l’application qu’en citant les
principales interfaces réalisées, ainsi que des phases de tests suite au
bon fonctionnement de l’application.
5. « Sécurité », nous allons présenter les différents niveaux
sécuritaires de l’application, en mentionnant les différentes
vulnérabilités relevées sur le commun des applications web et pour
leurs sécurités.

Mémoire de fin de cycle : KOUABENAN A.T. BLANCHARD


38
Mise en place d’une application web de gestion des cotisations des employés pour le financement de projets. 

2. Plateforme de développement (Description de l’espace de travail)

TYPE Machine Physique Windows : RAM 4 Go, HD 320 Go,


Processeur
3. Diagramme de GANTT

Le diagramme de Gantt est un outil de planification des tâches nécessaires


pour la réalisation d’un projet quel que soit le secteur d’activité. Il permet
de visualiser l’avancement des tâches d’un projet de manière simple et
concise, de planifier et suivre les besoins en ressources humaines et
matérielles et donc de pouvoir suivre l’avancement du projet.

Le diagramme suivant va représenter les tâches principales à réaliser dans


notre projet.

Mémoire de fin de cycle : KOUABENAN A.T. BLANCHARD


39
Mise en place d’une application web de gestion des cotisations des employés pour le financement de projets. 

Tableau 1 : Diagramme de GANTT 07664105

Mémoire de fin de cycle : KOUABENAN A.T. BLANCHARD


40
Mise en place d’une application web de gestion des cotisations des employés pour le financement de projets. 

4. Evaluation du Projet
Rubrique Nombre Prix Coût
unitaire

Coût de l’application 96 jours 50 000 4 800 000


Ordinateur HP Core i5 2 450 000 900 000
Connexion internet 2 415 800 831 600
LiveBox (Orange)
+ frais d’installation

Connexion Internet 1 248 800 248 800


mobile (abonnement
annuel)
Déploiement du réseau 1 145 000 145 000
informatique

Hébergement de 1 106 840 106 840


l’application
Imprimante Laser 1 350 000 350 000
couleur
imprimante laser noir 2 240 000 480 000
blanc
TOTAL : 7. 862.240
FCFA

Mémoire de fin de cycle : KOUABENAN A.T. BLANCHARD


41
Mise en place d’une application web de gestion des cotisations des employés pour le financement de projets. 

TROISIEME PARTIE :

LA CONCEPTION DE LA
BASE DE DONNEES

Mémoire de fin de cycle : KOUABENAN A.T. BLANCHARD


42
Mise en place d’une application web de gestion des cotisations des employés pour le financement de projets. 

CHAPITRE I : LE NIVEAU CONCEPTUEL ET ORGANISATIONNEL


DES DONNEES

1. Modèle Conceptuel de Données

1.1Règles de gestion de l’entreprise

Les règles de gestion sont des règles suivies par une entreprise issue du
traitement des données.

Elles sont associées au niveau conceptuel et décrivent donc le « quoi » de


l’entreprise. Elles l’expriment d’une façon dynamique en dictant les actions qui
doivent être accomplies. Mais aussi statique en détaillant la réglementation
jointe à ces actions.

Concernant notre domaine d’étude nous avons pu dégager les règles suivantes :

1. Un employé appartient à un groupe et un seul groupe ;


2. Un employé appartient à un département et un seul département ;
3. Il y a plusieurs départements ;
4. Le montant des cotisations est fixé par groupe ;
5. Le montant des cotisations ne peut excéder le montant fixé ;
6. Un projet ne concerne qu’un seul groupe ;
7. Un projet ne peut qu’être financé une seule fois ;

1.2Dictionnaires des données

Le dictionnaire des données au niveau de l’analyse est un document dans lequel


sont répertoriées toutes les entités ou les objets qui ont été identifiés ainsi que les
propriétés qui leurs sont associées. Il sert d’outil de référence à l’élaboration du
modèle physique des données (MPD). Il a pour but de dissiper toute ambigüité

Mémoire de fin de cycle : KOUABENAN A.T. BLANCHARD


43
Mise en place d’une application web de gestion des cotisations des employés pour le financement de projets. 

concernant la définition des données. A ce titre, il impose normalisation des


noms, des types de données et des formats.

Mémoire de fin de cycle : KOUABENAN A.T. BLANCHARD


44
Mise en place d’une application web de gestion des cotisations des employés pour le financement de projets. 

CODE LIBELLE TYPE TAILLE NATURE OBSERVATION

E,CA, SIT,
CO SIG,
MVT

num_coti Numéro de AN 06 E SIG ID


Cotisation

Montant_coti_verse Montant A 25 E SIG


Cotisation Versé

date_coti Date de DATE 10 E SIG JJ/MM/AAAA


Cotisation

cod_depar Code AN 15 E SIG ID


Département

lib_depar Libellé AN 50 E SIG


Département

dat_enrg_depar Date DATE 10 E SIG JJ/MM/AAAA


d’Enregistrement
Département

id_admin Identifiant de AN 20 E SIG


l’Administrateur

pass_admin Mot de Passe AN 25 E SIG


Administrateur

nom_admin Nom de AN 20 E SIG


l’Administrateur

pren_ admin Prénom de AN 50 E SIG ID


l’Administrateur

Mémoire de fin de cycle : KOUABENAN A.T. BLANCHARD


45
Mise en place d’une application web de gestion des cotisations des employés pour le financement de projets. 

sex_ admin Sexe de AN 1 E SIG


l’Administrateur

fonction Fonction de AN 06 E SIG ID


l’Administrateur

typ_ admin Type AN 30 E SIG


D’Administrateur

matricule Matricule de AN 10 E SIG JJ/MM/AAAA


l’Administrateur

adress_mail Adresse E-mail AN 50 E SIG

cont_ admin Contacts de N 8 E SIG


l’Administrateur

date_last_con Date de dernière DATE 10 E SIG JJ/MM/AAAA


Connexion

date_eng Date DATE 10 E SIG JJ/MM/AAAA


d’Enregistrement

cod_group Code Groupe N 11 E SIG

lib_group Libellé du Groupe AN 25 E SIG

Montant_coti_du Montant de N 5 E SIG


Cotisation Dû

dat_enrg_group Date DATE 10 JJ/MM/AAAA


d’Enregistrement
Groupe

Num_employé Numéro de AN 06 E SIG ID


l’Employé

Mémoire de fin de cycle : KOUABENAN A.T. BLANCHARD


46
Mise en place d’une application web de gestion des cotisations des employés pour le financement de projets. 

Nom_employé Nom de AN 30 E SIG


l’Employé

Pren_employé Prénom de AN 10 E SIG


l’Employé

sex_employé Sexe de A 1 E SIG


l’Employé

tel_employé Téléphone de N 8 E SIG


l’Employé

date_enreg_employ Date DATE 10 JJ/MM/AAAA


d’Enregistrement
de l’employé

num_proj Numéro du Projet AN 20 E SIG ID

lib_proj Libellé du Projet AN 50 E SIG

descript_proj Description du AN 50 E SIG


Projet

uplod_proj Chemin D’accès AN 50 E SIG


du Projet

date_enrg_proj Date DATE 10 JJ/MM/AAAA


d’enregistrement

A: Alphabétique AN: Alphanumérique N: Numérique


JJ: Jour MM : Mois AAAA : Année
HH : Heure MM : Minute SS : seconde
ID : Identifiant E : Elémentaire CA : Calculée
CO : Concaténée SIT : Situation SIG : Signalétique

Mémoire de fin de cycle : KOUABENAN A.T. BLANCHARD


47
Mise en place d’une application web de gestion des cotisations des employés pour le financement de projets. 

MVT : Mouvement

Tableau 2 : Dictionnaire des données

1.3Structure d’Accès Théorique (SAT)

La Structure d’Accès Théorique (SAT) est le chemin optimisé permettant


d’obtenir une représentation géographique de la structure des données du
système d’information étudié afin d’obtenir l’épuration progressive des données.
Elle permet de préparer un modelé conceptuel de données évitant la redondance
des données, les incohérences lors des mises à jour et des opérations.

Mémoire de fin de cycle : KOUABENAN A.T. BLANCHARD


48
Mise en place d’une application web de gestion des cotisations des employés pour le financement de projets. 

Cod_Group Cod_Depar

Lib_Group
Montant_Coti_du
Lib_Depar Date_Enre_Depar

Num_Employé

Nom Prénom Sexe Date_Enre


Tels
Num_Coti

Num_Projet

Date_Coti Montant_Coti_Verse
Lib_Proj Upload_Chemin Description

Mémoire de fin de cycle : KOUABENAN A.T. BLANCHARD


49
Mise en place d’une application web de gestion des cotisations des employés pour le financement de projets. 

1.4Modèle conceptuel des données (MCD)

EMPLOYE 1, n DEPARTEMENT
COTISATION 1 ,1 0, n 1 ,1
Num_employé Cod_depar
Num_Coti
CIF Nom_employé CIF Lib_depar
Montant_Coti_Versé
Prenom_employé Dat_enrg_depar
Date_Coti
1 ,1 Sexe_employé
1 ,1
Tel_employé
CIF CIF
1, n

GROUPE CIF

0, n Cod_group 1, n 1 ,1

Lib_group
PROJET

Num_proj

Lib_proj

Descript_projet

Unpload_projet

Figure 1 : Modèle Coneptuel de Données

Mémoire de fin de cycle : KOUABENAN A.T. BLANCHARD


50
Mise en place d’une application web de gestion des cotisations des employés pour le financement de projets. 

2 Modèle conceptuel des traitements (MCT)


Légende :

Acteur interne Acteur externe Flux

Liste des acteurs


Acteurs externes
Acteurs internes

1 : Service Ressources Humaines


2 : Employé

2.1
Diagramme des Flux

4
2 3

1
5 SCE RH
Employé
6
7
8

Figure 3 : Graphe des flux

Légende
1 Demande d’adhésion
2 Analyse de la demande
3 Enregistrement de l’employé
4 Affectation de l’employé à un groupe et département
5 Versement du montant de cotisation
6 Dépôt de projet
7 Etude du projet
8 Réalisation du projet

Mémoire de fin de cycle : KOUABENAN A.T. BLANCHARD


51
Mise en place d’une application web de gestion des cotisations des employés pour le financement de projets. 

2.3Graphe d’ordonnancement des flux

PROCESSUS DE DEMANDE D’ADHÉSION

Arrivée de la
demande d’adhésion

Réception de la
Demande

Analyse de la
Demande

Acceptation de la
demande

Enregistrement de
la Demande

Figure 4 : Graphe d'ordonnancement des flux (Processus de demande


d’adhésion)

Mémoire de fin de cycle : KOUABENAN A.T. BLANCHARD


52
Mise en place d’une application web de gestion des cotisations des employés pour le financement de projets. 

PROCESSUS DE COTISATION

Enregistrement de
la Demande

Affectation de
l’employé

Dans un Groupe Dans un Département

Versement du
Montant de Cotisation

Figure 5 : Graphe d'ordonnancement des flux (Processus de cotisation)

Mémoire de fin de cycle : KOUABENAN A.T. BLANCHARD


53
Mise en place d’une application web de gestion des cotisations des employés pour le financement de projets. 

PROCESSUS DE REALISATION DU PROJET

Dépôt du Projet

Etude du Projet

Réalisation du
Projet

Figure 6 : Graphe d'ordonnancement des flux (Processus de réalisation du


projet)

Mémoire de fin de cycle : KOUABENAN A.T. BLANCHARD


54
Mise en place d’une application web de gestion des cotisations des employés pour le financement de projets. 

2.4Modele conceptuel des traitements (MCT)


PROCESSUS DE DEMANDE D’ADHÉSION
Arrivée de la demande d’adhésion

Réception de la demande

Toujours

Demande réceptionnée

Analyse et vérification de la
demande

OK NON OK
Employé non crédible
Employé en fin de contrat

OU

Réponse à la demande

TOUJOURS

Demande d’adhésion refusée

Enregistrement de l’employé

Figure 7 : Processus de demande d’adhésion (MCT)

Mémoire de fin de cycle : KOUABENAN A.T. BLANCHARD


55
Mise en place d’une application web de gestion des cotisations des employés pour le financement de projets. 

PROCESSUS DE COTISATION

Acceptation de la demande d’adhésion

Affectation de l’employé

Toujours

Dans un
Département Dans un Groupe

ET
Versement du montant de cotisation

Toujours

Figure 8 : Processus de réalisation du projet (MCT)

Mémoire de fin de cycle : KOUABENAN A.T. BLANCHARD


56
Mise en place d’une application web de gestion des cotisations des employés pour le financement de projets. 

PROCESSUS DE REGLEMENT
Montant de cotisation versé

Dépôt de Projet

Toujours

Réception du projet Analyse du projet

ET

Réalisation du projet

Toujours

Figure 9 : Processus de réalisation du projet (MCT)

Mémoire de fin de cycle : KOUABENAN A.T. BLANCHARD


57
Mise en place d’une application web de gestion des cotisations des employés pour le financement de projets. 

2.5Modele Organisationnel de Traitement (MOT)

Tableau 3 : Processus de demande d’adhésion (MOT)


POSTE DE
PERIODE PROCEDURE FONCTIONNELLE NATURE
TRAVAIL
Arrivée de la demande
d’adhésion

Jours SCERH
Heures Réception de la
demande Manuel
ouvrables
Toujours

Demande réceptionnée

SCE RH
Jours
Analyse et vérification
Heures de la demande
Interactif
ouvrables OK NON OK
Employé non
crédible Employé en fin de
contrat
OU SCE RH

Réponse à la
Jours demande

Heures TOUJOURS
Interactif
ouvrables
Demande d’adhésion
refusée
SCE RH
Jours
Heures Enregistrement de l’employé
Interactif
ouvrables

Mémoire de fin de cycle : KOUABENAN A.T. BLANCHARD


58
Mise en place d’une application web de gestion des cotisations des employés pour le financement de projets. 

Tableau 4 Processus de cotisation (MOT)

PERIODE PROCEDURE FONCTIONNELLE NATURE POSTE DE


TRAVAIL
Acceptation de la demande d’adhésion

Jours Interactif SCE RH


Affectation de l’employé
Heures
Toujours
ouvrables
Dans n
un
Département Dans un Groupe

Versement du montant de cotisation

Jours Toujours Interactif SCE RH

Heures
ouvrables

Tableau 5 Processus de réalisation du projet (MOT)


Mémoire de fin de cycle : KOUABENAN A.T. BLANCHARD
59
Mise en place d’une application web de gestion des cotisations des employés pour le financement de projets. 

PERIODE PROCEDURE FONCTIONNELLE NATURE POSTE DE


TRAVAIL
Montant de cotisation versé

Dépôt de Projet

Jours Toujours

Heures Interactif SCE RH

Ouvrables Réception du projet Analyse du projet

ET

Réalisation du projet

Jours Toujours
Heures Manuel SCE RH

Ouvrables

CHAPITRE II : SYSTEME D’INFORMATION INFORMATISE

Mémoire de fin de cycle : KOUABENAN A.T. BLANCHARD


60
Mise en place d’une application web de gestion des cotisations des employés pour le financement de projets. 

1 Modèle logique des données(MLD)

TBL_cotisation (num_coti, montant_coti_verse, date_coti, #num_person,

#code_group)

TBL_departement (cod_depar, lib_depar, date_enrg_depar)

Administrateur (id_admin, pass_admin, nom_admin,

prenom_admin,sexe_admin, fonction, type_user, matricule, date_last_con,


date_enreg)

TBL_groupe (code_group, lib_group, montant_coti_du, date_enrg_group)

TBL_employe (num_employe, nom_employe, prenom_employe,

sexe_employe, tel_employe, date_ereg_employe, #code_depar, #code_group)

TBL_projet (num_proj, lib_proj, descript_proj, upload_proj, date_enr_proj,


#num_employe)

Mémoire de fin de cycle : KOUABENAN A.T. BLANCHARD


61
Mise en place d’une application web de gestion des cotisations des employés pour le financement de projets. 

2 Réalisation du modèle physique des données(MPD)

Le MLD a permis de définir logiquement les tables qui constituent la Base de


Données. Le MPD (Modèle Physique des Données) sera constitué à partir du
MLD en spécifiant pour chacune des tables de notre Base de données tous les
paramètres d’implémentation.

Tableau 4 : Table Tbl_Cotisation(MPD)

Nom de la table : Tbl_Cotisation


Clé primaire : num_coti
Support : Disque dur local
Code Libellé Typ Longue
e ur
num_coti Numéro de cotisation N 06
montant_coti_v Montant de cotisation versé N 30
erse
date_coti Date de cotisation DAT 16
E

Tableau 5 : Table Tbl_departement(MPD)


Nom de la table : Tbl_departement
Mémoire de fin de cycle : KOUABENAN A.T. BLANCHARD
62
Mise en place d’une application web de gestion des cotisations des employés pour le financement de projets. 

Clé primaire : cod_depar


Support : Disque dur local
Code Libellé Typ Longue
e ur
cod_depar Code du departement AN 06
lib_depar Libellé du departement AN 30
date_enrg_de Date d’enregistrement DAT 10
par departement E

Tableau 6 : Table Administrateur(MPD)

Nom de la table : Administrateur


Clé primaire : id_admin
Support : Disque dur local
Code Libellé Typ Longue
e ur
id_admin Identifiant administrateur AN 06
pass_admin Mot de passe administrateur AN 30
nom_admin Nom de l’administrateur AN 10
prenom_ad Prénoms administrateur N 11
min
sexe_admin Sexe administrateur N 11
fonction fonction N 11
type_user Type d’utilisateur AN 20
date_last_co Date de dernière connexion DAT 05
n E
date_enreg Date d’enregistrement DAT 11
E

Tableau 7 : Table Tbl_Groupe(MPD)

Mémoire de fin de cycle : KOUABENAN A.T. BLANCHARD


63
Mise en place d’une application web de gestion des cotisations des employés pour le financement de projets. 

Nom de la table : Tbl_groupe


Clé primaire : code_group
Support : Disque dur local
Code Libellé Type Longueu
r
code_group Code du groupe AN 06
lib_group Libellé du groupe AN 30
date_enrg_gr Date d’enregistrement du DAT 10
oup groupe E

Tableau 8 :Tbl_Employe (MPD)

Nom de la table : Tbl_employe


Clé primaire : num_employe
Support : Disque dur local
Code Libellé Typ Longue
e ur
num_employe Numéro de l’employé N 06
nom_employe Nom de l’employé AN 30
prenom_employ Prénoms de l’employé AN 30
e
sexe_employe Sexe de l’employé AN 08
tel_employe Téléphone de l’employé AN 10
date_ereg_empl Date d’enregistrement de DAT 10
oye l’employé E

Tableau 9 : Table Tbl_Projet (MPD)

Nom de la table : Tbl_Projet

Mémoire de fin de cycle : KOUABENAN A.T. BLANCHARD


64
Mise en place d’une application web de gestion des cotisations des employés pour le financement de projets. 

Clé primaire : num_proj


Support : Disque dur local
Cod Libellé Typ Longue
e e ur
num_proj Numéro du projet N 06
lib_proj Libellé du porojet AN 30
descript_pr Description du projet AN 30
oj
upload_pro Chemin d’accès du projet AN 30
j
date_enr_p Date d’enregistrement du DAT 10
roj projet E

Mémoire de fin de cycle : KOUABENAN A.T. BLANCHARD


65
Mise en place d’une application web de gestion des cotisations des employés pour le financement de projets. 

QUATRIEME PARTIE :
LA REALISATION

Mémoire de fin de cycle : KOUABENAN A.T. BLANCHARD


66
Mise en place d’une application web de gestion des cotisations des employés pour le financement de projets. 

CHAPITRE I : LA MISE EN ŒUVRE


1. Description de l’environnement futur

Notre environnement est partagé entre :

 Un client, c’est-à-dire l’ordinateur demandeur de ressources,


équipé d’une interface utilisateur (généralement un navigateur
web) chargé de la présentation ;
 Le serveur d’application (appelé également middleware), chargé
de fournir la ressource mai faisant appel à un autre serveur.
 Le serveur de données, fournissant au serveur d’application les
données dont il a besoin.
2. Architecture logicielle utilisées (trois tiers)

C’est un modèle logique d’architecture applicative qui vise à séparer très


nettement trois couches logicielles au sein d’une même application ou
système, à modéliser et présente cette application comme un empilement de
trois couches, étages, niveaux ou strates dont le rôle est clairement défini :

 La présentation de données : Elle correspond à la partie de


l’application visible et interactive avec les utilisateurs ;
 Le traitement métier des données : elle correspond à la
partie fonctionnelle de l’application, celle qui implémente
le logique et qui décrit les opérations que l’application
opère sur les données en fonction des requêtes des
utilisateurs, effectuée au travers de la couche
 Et enfin l’accès aux données persistantes : Elle consiste en la
partie gérant l’accès aux gisements de données du système.

Mémoire de fin de cycle : KOUABENAN A.T. BLANCHARD


67
Mise en place d’une application web de gestion des cotisations des employés pour le financement de projets. 

3. Bases de données : MYSQL

MySQL est un système de gestion de base de données relationnelle (SGBDR),


rapide, robuste et facile à utiliser. Il est adapté à la gestion de donnée dans un
environnement réseaux, notamment en architecture client/serveur. Il est le
plus célèbre SGDR open source du monde grâce à son interopérabilité avec le
serveur de page web apache et langage de page web dynamique PHP. Selon
le type d'application, sa licence est libre ou propriétaire. Il fait partie des
logiciels de gestion de base de données les plus utilisés au monde, autant par
le grand public (applications web principalement) que par des professionnels,
en concurrence avec Oracle et Microsoft SQL Server.

Ce serveur de base de données est interrogeable via SQL


(StructuredQuery Langage), le langage standardisé le plus populaire pour
interroger les bases de données. SQL permet de manipuler les données
très facilement.

MySQL est un serveur de bases de données relationnelles SQL développé


dans un souci de performances élevées en lecture, ce qui signifie qu'il est
davantage orienté vers le service de données déjà en place que vers celui de
mises à jour fréquentes et fortement sécurisées. Il est multithread et multi-
utilisateur.

MySQL fait partie du quatuor LAMP: Linux, Apache, MySQL, PHP. Il


appartient également à ses variantes WAMP (Windows) et MAMP(Mac).

Le couple PHP/MySQL est très utilisé par les sites Web et proposé par la
majorité des hébergeurs Web. Plus de la moitié des sites Web fonctionnent
sous Apache, qui est le plus souvent utilisé conjointement avec PHP et
MySQL.

Mémoire de fin de cycle : KOUABENAN A.T. BLANCHARD


68
Mise en place d’une application web de gestion des cotisations des employés pour le financement de projets. 

CHAPITRE II : DEPLOIEMENT DE L’APPLICATION

Pour l’installation et l’utilisation de notre application web il nous faudra


installer et configurer un serveur web. Pour ce faire nous utiliserons
WampServer qui est une plateforme de développement Web de type WAMP,
qui n'est pas en soi un logiciel, mais un environnement comprenant deux
serveurs (Apache et MySQL), un interpréteur de script (PHP) qui exécute tous
les codes du côté du serveur et d’apporter au client (ordinateur) les différents
informations nécessaires pour l’utilisation , le fonctionnement et la gestion
des taches à exécuter, ainsi qu'une administration pour les deux bases SQL
PhpMyAdminet SQLiteManager.

1. Téléchargement, installation de WampServer


Ouvrir le navigateur et allez à la page de téléchargement de WampServer

http://www.wampserver.com/fr/download.phppour la version
française

http://www.wampserver.com/en/download.php pour la version anglaise


Ensuite cliquer sur Télécharger WAMPSERVER (32 BITS & PHP 5.4) 2.4
selon la version de votre système d’exploitation 32-bit ou 64-bit.

Mémoire de fin de cycle : KOUABENAN A.T. BLANCHARD


69
Mise en place d’une application web de gestion des cotisations des employés pour le financement de projets. 

L’installation est relativement simple avec l’acceptation des conditions, le


choix du dossier d’installation pour terminer suivit du redémarrage de
l’ordinateur.

 Pour tester si PHP avait été installé correctement introduisez


l'adresse http://localhost/?phpinfo=1 dans le navigateur Web. Si
vous voyez la page de Web suivante alors PHP a été installé
correctement.

 Pour tester si MySQL avait été installé correctement entrez


l'adresse http://localhost/phpmyadmin/ dans le navigateur Web.
Si vous voyez la page de Web suivante alors MySQL a été
installé correctement.

Mémoire de fin de cycle : KOUABENAN A.T. BLANCHARD


70
Mise en place d’une application web de gestion des cotisations des employés pour le financement de projets. 

Le serveur Web WampServer personnel est maintenant correctement installé


à condition que nos deux précédents tests soient concluants.

2. Hébergement et nom de domaine

Pour ce qui concerne l’hébergement, le choix du prestataire et du type


d’hébergement ne doit pas être pris à la légère. Cela implique des coûts
récurrents et il n’est jamais simple de quitter un hébergeur pour un autre.

Il existe 4 grandes formes d’hébergement, de la solution mutualisée au


hosting de son propre serveur dans un data center.

Ce prestataire nous propose un tarif très abordable. En effet, outre le nom de


domaine gratuit possédant une extension en «.net».

Pour ce qui concerne le nom de domaine, un nom de domaine est constitué


d’une dénomination associé à un suffixe qui peut-être :

- Une extension « géographique » comme le « .ci » pour la Cote d’Ivoire

- Une extension « générique » comme le « .com » pour l’ensemble des


entreprises du monde entier.

Mémoire de fin de cycle : KOUABENAN A.T. BLANCHARD


71
Mise en place d’une application web de gestion des cotisations des employés pour le financement de projets. 

Nous concernant, les adresses se terminant par « .ca » possèdent un certain


coût. Contrairement aux adresses possédant un suffixe en « .com » qui sont
gratuites. Le choix a été très vite effectué entre les deux possibilités, et notre
adresse web se terminant en « .net»

3. Référencement et positionnement
Le référencement est la phase incontournable qui permettra de donner de la
visibilité au site internet. En effet, pour accéder à un site, l’internaute possède
trois possibilités :
-saisir directement l’URL,
- cliquer sur un lien ou encore utiliser un moteur de recherche.
-Le second est du ressort de la campagne en ligne.
-Enfin, le troisième cas est l’affaire du référencement.
Comme le nombre d’internautes qui recourent aux moteurs de recherches
augmentent, le référencement ne suffit plus. Une nouvelle notion est donc
apparue : le positionnement.
Pour effectuer un bon référencement, il faut tout d’abord trouver de bons
mots-clés. Cette étape consiste à identifier les requêtes qui sont les mots les
plus représentatives de l’activité. Depuis plusieurs années, les requêtes des
internautes sont amenées à évoluer, en effet, les requêtes contiennent de plus
en plus souvent plus de deux mots-clés.
Ensuite pour effectuer un bon référencement, il faut optimiser le code. Cette
étape consiste à optimiser, la structure du site (répertoires, nom des images
etc.) à renseigner les balises HTML avec de bons identifiants et à renseigner
les balises « méta ».
Actuellement, la balise la plus importante est la balise « <title> » qui est prise
en compte par tous les moteurs de recherche. Pour qu’elle soit efficace, elle
doit être cohérente avec le contenu de la page et varier de page en page.

Mémoire de fin de cycle : KOUABENAN A.T. BLANCHARD


72
Mise en place d’une application web de gestion des cotisations des employés pour le financement de projets. 

La balise « <keywords> » n’est plus prise en compte par les outils de


recherche. Elle est désormais plus utilisée au sein de la stratégie de
référencement. Vous pouvez apercevoir ci-dessous, un exemple d’utilisation
de la balise « <title> » sur la page d’introduction de l’application web de LA
NVELLE MICI EMBACI.

Figure 10Référencement

Pour finir et une fois le site optimisé, il ne reste plus qu’à le proposer aux
différents moteurs de recherche et l’inscrire dans les annuaires. Inscrire un
site dans un moteur de recherches est certainement la plus simple, puisqu’elle
consiste à saisir l’URL du site dans le champ de saisie prévu à cet effet.
Chaque moteur fournit sa propre interface. Les principaux moteurs de
recherche de nos jours sont Google, Yahoo et MSN. Vous pouvez apercevoir
ci-dessous un aperçu du formulaire de soumission de site pour google.com.
En conclusion, pour cette partie sur le référencement, c’est de ne pas oublier
que le référencement d’un site évolue en permanence en fonction des
nouvelles soumissions réalisées chaque jour. Le suivi du positionnement
consiste à vérifier tous les mois la position du site dans chaque moteur de
recherche.

Mémoire de fin de cycle : KOUABENAN A.T. BLANCHARD


73
Mise en place d’une application web de gestion des cotisations des employés pour le financement de projets. 

CHAPITRE III : INTERFACE HOMME-MACHINE

Dans ce qui suit, nous allons présenter quelques interfaces de notre


application GesCotiProj 1.0.

1. Interface d’accueil

Mémoire de fin de cycle : KOUABENAN A.T. BLANCHARD


74
Mise en place d’une application web de gestion des cotisations des employés pour le financement de projets. 

Figure 11 : Interface d’accueil


Cette interface d’accueil et d’authentification est la première qui se présente à
l’utilisateur lorsqu’il lance l’application web. On retrouve l'interface
d'authentification permettant aux différents utilisateurs possédant un login et
un mot de passe requis d'accéder à sa propre session.

2. Interface d’administration

Figure 12 Interface d'administration

Cette interface présente l’accueil et permet à l’utilisateur et au superviseur


d’accéder à toutes les fonctionnalités qui lui sont accordé selon la session
avec laquelle l’utilisateur est connecté. Un contrôle total sur l'application est
uniquement accordé à l’utilisateur possédant les droits d’administration
(modification, lecture et suppression) contrairement à l’utilisateur standard
qui ne peut que modifier ou lire les données.

Mémoire de fin de cycle : KOUABENAN A.T. BLANCHARD


75
Mise en place d’une application web de gestion des cotisations des employés pour le financement de projets. 

3. Interface de gestion des Editons

 Cette interface permet à l’utilisateur d'éditer la liste des


départements. C’est-à-dire afficher par exemple la liste des
départements enregistrés dans la base de données.

Figure 14 : Interface de la gestion des éditons des Départements

Mémoire de fin de cycle : KOUABENAN A.T. BLANCHARD


76
Mise en place d’une application web de gestion des cotisations des employés pour le financement de projets. 

 Cette interface permet à l’utilisateur d'éditer la liste des groupes. C’est-


à-dire afficher par exemple la liste des départements enregistrés dans la
base de données.

Figure 15 : Interface de la gestion des éditons des Groupes

Mémoire de fin de cycle : KOUABENAN A.T. BLANCHARD


77
Mise en place d’une application web de gestion des cotisations des employés pour le financement de projets. 

 Cette interface permet à l’utilisateur d'éditer la liste des inscrits. C’est-


à-dire afficher par exemple la liste des employés enregistrés dans la
base de données.

Figure 16 : Interface de la gestion des éditons des Employés inscrits

Mémoire de fin de cycle : KOUABENAN A.T. BLANCHARD


78
Mise en place d’une application web de gestion des cotisations des employés pour le financement de projets. 

 Cette interface permet à l’utilisateur d'éditer le Bilan. C’est-à-dire


afficher par exemple le bilan des cotisations effectuées par les groupes.

Figure 17 : Interface de la gestion des éditons du Bilan de cotisation

4. Interface de Gestion des Inscriptions

 Cette interface permet à l’utilisateur d’enregistrer (inscrire) un employé


dans la base de données.

Mémoire de fin de cycle : KOUABENAN A.T. BLANCHARD


79
Mise en place d’une application web de gestion des cotisations des employés pour le financement de projets. 

Figure 18 : Interface de la gestion des inscriptions de l’employé

 Cette interface permet à l’utilisateur d’enregistrer une Cotisation. Le


Montant des cotisations s’élève à 50000F CFA.

Figure 19 : Interface de la gestion d’enregistrement des cotisations

 Cette interface permet à l’utilisateur d’enregistrer un projet.

Mémoire de fin de cycle : KOUABENAN A.T. BLANCHARD


80
Mise en place d’une application web de gestion des cotisations des employés pour le financement de projets. 

Figure 20 : Interface de la gestion d’enregistrement d’un projet

5. Interface de Gestion des Paramétrage

Dans ce volet il s’agit de paramétrer les Groupes et Départements,


c’est-à-dire créer les groupes et des départements.
 Cette interface permet à l’utilisateur de paramétrage d’un Groupe

Mémoire de fin de cycle : KOUABENAN A.T. BLANCHARD


81
Mise en place d’une application web de gestion des cotisations des employés pour le financement de projets. 

Figure 21 : Interface de la gestion de paramétrage d’un Groupe

 Cette interface permet à l’utilisateur de paramétrage d’un Département

Figure 22 : Interface de la gestion de paramétrage d’un Département

6. Interface de Gestion d’aide aux utilisateurs

 Cette interface permet à l’utilisateur d’envoyer des messages au


Webmaster en cas d’un problème constaté.

Mémoire de fin de cycle : KOUABENAN A.T. BLANCHARD


82
Mise en place d’une application web de gestion des cotisations des employés pour le financement de projets. 

Figure 23 : Interface de la gestion d’envois e-mail au Webmaster

 Cette interface permet à l’utilisateur d’avoir des informations sur


l’application

Figure 24 : Interface de la gestion d’A-propos sur l’appli

CHAPITRE IV : SECURITE

Mémoire de fin de cycle : KOUABENAN A.T. BLANCHARD


83
Mise en place d’une application web de gestion des cotisations des employés pour le financement de projets. 

La sécurité informatique est devenue de plus en plus importante avec la


génération de l’utilisation d’internet dans la vue quotidienne. Concernant les
applications Web (du site web au logiciel basé sur le web), il convient de les
protéger au moins un minimum afin qu’elles ne soient pas détournées de leur
utilisation première

1. La sécurité au niveau des utilisateurs


La sécurisation de l’application consiste à se connecter à travers une page de
connexion qui fait office de vérification d’accès. Ainsi un utilisateur non
inscrit dans la base de données sera dans l’impossibilité d’accéder à
l’application et à son contenu.

2. La sécurité au niveau de l’application

Pour assurer la sécurité des comptes de chaque utilisateur de l'application, on


applique la fonction qui va permettre d'échapper les caractères spéciaux qui
pourraient être utilisés par des utilisateurs malveillants pour pénétrer notre
système en traficotant la requête. Cette technique s'appelle l'injection SQL.

3. Confidentialité des paramètres utilisateurs


La confidentialité des paramètres utilisateur consiste à masquer les données
de connexion de l’utilisateur.

4. Sécurité lies aux données sensibles

En utilisant le principe de transtypage forcé, les mots de passe ne doivent


jamais être stockés en clair, afin d’obtenir une valeur sécurisée pour le serveur
SQL; ils sont toujours signés avec une fonction de hashage, comme MD5 afin
d’obtenir une valeur sécurisée pour le serveur SQL.

Mémoire de fin de cycle : KOUABENAN A.T. BLANCHARD


84
Mise en place d’une application web de gestion des cotisations des employés pour le financement de projets. 

4.1La fonction sha1 ()

Qui était auparavant la fonction md5 () mais depuis est compromis alors elle
donna place à la fonction sha1() permet de crypter une chaine de caractère.

Md5 () convertit une chaîne de texte dans une table de hachage de 32


caractères, en utilisant un algorithme secret, protégeant ainsi la source
d’information originale. On a utilisé cette fonction pour crypter les mots de
passe des agents.

On peut prendre comme exemple le bout de code ci-après :

< ? php

$chaine = « chaine à crypter » ;

$cryptchaine = sha1 ($chaine) ;

Echo cryptchaine ;

?>

Cela produira un fouillis de 32 caractères de lettres et de chiffres, qui


ne ressemblera à la chaine d’entrée d’origine dans le moindre. Dans ce
cas, la sortie serait « fc8de8ee2c43a9ea2f9023f205d960d6 ».

Pour utiliser md5, la chaine simple dans md5 (x) ; en remplaçant les x
démontré avec notre nom de variable de chaîne. Par exemple, md5 ($
stringname); oui, c’est si simple.
De cette manière, vos utilisateurs pourront utiliser les caractères qu’ils
souhaitent dans leur mot de passe, et vous ne compromettrez pas la sécurité de
votre système d’identification.

Mémoire de fin de cycle : KOUABENAN A.T. BLANCHARD


85
Mise en place d’une application web de gestion des cotisations des employés pour le financement de projets. 

4.2.htaccess

Les fichiers .htaccess sont des fichiers de configuration du serveur Apache, ils
permettent de définir des règles dans un répertoire. On peut les utiliser pour
protéger un répertoire par mot de passe, pour changer le nom ou l’extension
index, ou encore pour personnaliser les pages d’erreur. Le fichier .htaccess est
placé dans le répertoire dans lequel il doit agir. Il agit ainsi sur les permissions
du répertoire qui le contient et de tous ses sous répertoires.

Activation du fichier .htaccess

Pour activer les fichiers .htaccess, on va le crée dans le répertoire

\www\GestCoti\administration.

AuthName "Page d'administration protégée"

AuthType Basic

AuthUserFile "C:\wamp\www\GesCoti\administration\.htpasswd"

Requirevalid-user

Mémoire de fin de cycle : KOUABENAN A.T. BLANCHARD


86
Mise en place d’une application web de gestion des cotisations des employés pour le financement de projets. 

CONCLUSION GENERALE

Notre étude qui s’intitule « MISE EN PLACE D’UNE APPLICATION


WEB DE GESTION DES COTISATIONS DES EMPLOYES POUR LE
FINANCEMENT DE PROJETS  : CAS DE LA NOUVELLE MICI
EMBACI » nous a permis d’abord de présenter à travers une étude détaillé le
projet de la société LA NOUVELLE MICI EMBACI, ensuite de présenter les
différentes étapes de la conception et en fin la réalisation de l’application.
Cette réalisation consiste à présenter les activités de cotisations des employés
de la société LA NOUVELLE MICI EMBACI, à mettre en place une
application permettant d’avoir un suivi cotisations de ladite société. Ce projet
a contribué à l’amélioration de la qualité du service de LA NOUVELLE MICI
EMBACI car il permet de gérer de manière efficace et d’avoir un suivi de ce
système de cotisation, ainsi, nous pouvons dire que l’objectif de ce projet a
été atteint. Certes l’objectif est notamment atteint mais nous avons rencontré
des difficultés lors du développement. Nous pouvons citer :

- Accès à l’information ;
- Problème de budget.

Mémoire de fin de cycle : KOUABENAN A.T. BLANCHARD


87
Mise en place d’une application web de gestion des cotisations des employés pour le financement de projets. 

D’autres études pourront être menées dans le sens d’une évolution de ce


travail vers une solution mobile de la gestion automatisée où tous les
employés quel que soit leurs positions pourront rester en contact avec la plate-
forme mise en place.

Mémoire de fin de cycle : KOUABENAN A.T. BLANCHARD


88
Mise en place d’une application web de gestion des cotisations des employés pour le financement de projets. 

WEBOGRAPHIE
AJAX : Consulté le 11 MAI 2016 11h23

http://oseox.fr/ajax/

https://openclassrooms.com/courses/simplifiez-vos-developpements-
javascript-avec-jquery/premiers-pas-avec-ajax

https://ajax.developpez.com/cours/

https://www.w3schools.com/Ajax

APACHE : Consulté le 16 MAI 2016 15h02

Définition d'Apache sur Wikipédia :


http://fr.wikipedia.org/wiki/Apache_HTTP_Server

Documentation Apache en français : http://httpd.apache.org/docs/2.0/

http://www.apache.org

PHP : Consulté le 15 AVRIL 2016 9H45

Documentation PHP en français : http://fr.php.net/manual/fr/

http://www.cours-gratuit.com/cours-php/

Définition de PHP sur Wikipédia :

http://fr.wikipedia.org/wiki/PHP_hypertext_preprocessor

http://www.php.net

webapps.fundp.ac.be/cefis/publications/etienne/PHP.pdf

https://icp.ge.ch/dip/moodle/pluginfile.php/24984/mod_resource/conten
t/2/tuto_php.pdf
Mémoire de fin de cycle : KOUABENAN A.T. BLANCHARD
89
Mise en place d’une application web de gestion des cotisations des employés pour le financement de projets. 

MySQL : Consulté le 17 AVRIL 2016 11H23

Définition de MySQL sur Wikipédia : http://fr.wikipedia.org/wiki/Accueil

PhpMyAdmin:http://www.phpmyadmin.net

MySQL Administrator:http://dev.mysql.com/downloads/administrator/

MySQL-Front : http://www.mysqlfront.de/

MySQL en français : http://www-fr.mysql.com/

Documentation MySQL en français :


http://dev.mysql.com/doc/refman/5.0/fr/index.html

http://www.mysql.com

Mémoire de fin de cycle : KOUABENAN A.T. BLANCHARD


90
Mise en place d’une application web de gestion des cotisations des employés pour le financement de projets. 

Table des matières

Mémoire de fin de cycle : KOUABENAN A.T. BLANCHARD


91
Mise en place d’une application web de gestion des cotisations des employés pour le financement de projets. 

Table des matières

SOMMAIRE.....................................................................................................................................I
DEDICACE......................................................................................................................................II
REMERCIEMENTS......................................................................................................................III
AVANT-PROPOS..........................................................................................................................IV
LISTE DES FIGURES....................................................................................................................V
LISTE DES TABLEAUX...............................................................................................................VI
SIGLES ET ABREVIATIONS......................................................................................................VII
INTRODUCTION.............................................................................................................................1
PROBLEMATIQUE........................................................................................................................2
PREMIERE PARTIE :....................................................................................................................3
ETUDE METHODOLOGIQUE.....................................................................................................3
CHAPITRE I : PRESENTATION DE NOUVELLE MICI EMBACI...........................................3
CHAPITRE II : ETUDE DE L’EXISTANT...................................................................................8
CHAPITRE III : PRESENTATION DE LA SOLUTION............................................................10
DEUXIEME PARTIE :..................................................................................................................11
ETUDE TECHNIQUE...................................................................................................................11
CHAPITRE I : CHOIX DES OUTILS DE CONCEPTION ET DE REALISATION.................12
CHAPITRE II : EVALUATION DU PROJET.............................................................................28
TROISIEME PARTIE :................................................................................................................30
LA CONCEPTION DE LA BASE DE DONNEES.......................................................................30
CHAPITRE I : LE NIVEAU CONCEPTUEL ET ORGANISATIONNEL DES DONNEES......30
CHAPITRE II : SYSTEME D’INFORMATION INFORMATISE.............................................47
QUATRIEME PARTIE :...............................................................................................................51
LA REALISATION.......................................................................................................................51
CHAPITRE I : LA MISE EN ŒUVRE.........................................................................................52
CHAPITRE II : DEPLOIEMENT DE L’APPLICATION...........................................................54
CHAPITRE III : INTERFACE HOMME-MACHINE................................................................59
CHAPITRE IV : SECURITE........................................................................................................68
CONCLUSION GENERALE........................................................................................................71
WEBOGRAPHIE..........................................................................................................................72
Mise en place d’une application web de gestion des cotisations des employés pour le financement de projets. 

ANNEXES .....................................................................................................................................74

Vous aimerez peut-être aussi