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
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 :
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 à :
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. »
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
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 ».
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.
PREMIERE PARTIE :
ETUDE METHODOLOGIQUE
1. Cadre du projet
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 DIRECTION GENERALE
SECRETARIAT
LA DIRECTION DES LA DIRECTION
RESSOURCES COMMERCIALE
HUMAINES LA DIRECTION D’USINE LA DIRECTION TECHNIQUE & MARKETING
Fonctionnement
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.6 Le secrétariat
Le Service Informatique
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.
Une somme est fixée à diffèrent groupe. Les employés de chaque groupe
viennent effectuer leur versement à la caisse.
2. Critique de l’existant
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.
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. ».
DEUXIEME PARTIE :
ETUDE TECHNIQUE
I. METHODE DE L’ANALYSE
1. Fonctionnalité de l’application
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
La dernière version diffusée par l'OMG est UML 2.4.1 depuis aout 2011.
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.
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.
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.
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.
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.
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.
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
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
3. Contrôle de formulaire.
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.
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.
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.
b) Adobe Photoshop
c) Filezilla
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 :
4. Evaluation du Projet
Rubrique Nombre Prix Coût
unitaire
TROISIEME PARTIE :
LA CONCEPTION DE LA
BASE DE DONNEES
Les règles de gestion sont des règles suivies par une entreprise issue du
traitement des données.
Concernant notre domaine d’étude nous avons pu dégager les règles suivantes :
E,CA, SIT,
CO SIG,
MVT
MVT : Mouvement
Cod_Group Cod_Depar
Lib_Group
Montant_Coti_du
Lib_Depar Date_Enre_Depar
Num_Employé
Num_Projet
Date_Coti Montant_Coti_Verse
Lib_Proj Upload_Chemin Description
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
2.1
Diagramme des Flux
4
2 3
1
5 SCE RH
Employé
6
7
8
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
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
PROCESSUS DE COTISATION
Enregistrement de
la Demande
Affectation de
l’employé
Versement du
Montant de Cotisation
Dépôt du Projet
Etude du Projet
Réalisation du
Projet
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
Enregistrement de l’employé
PROCESSUS DE COTISATION
Affectation de l’employé
Toujours
Dans un
Département Dans un Groupe
ET
Versement du montant de cotisation
Toujours
PROCESSUS DE REGLEMENT
Montant de cotisation versé
Dépôt de Projet
Toujours
ET
Réalisation du projet
Toujours
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
Heures
ouvrables
Dépôt de Projet
Jours Toujours
ET
Réalisation du projet
Jours Toujours
Heures Manuel SCE RH
Ouvrables
#code_group)
QUATRIEME PARTIE :
LA REALISATION
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.
http://www.wampserver.com/fr/download.phppour la version
française
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.
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.
1. Interface d’accueil
2. Interface d’administration
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.
< ? php
Echo cryptchaine ;
?>
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.
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.
\www\GestCoti\administration.
AuthType Basic
AuthUserFile "C:\wamp\www\GesCoti\administration\.htpasswd"
Requirevalid-user
CONCLUSION GENERALE
- Accès à l’information ;
- Problème de budget.
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
http://www.apache.org
http://www.cours-gratuit.com/cours-php/
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.
PhpMyAdmin:http://www.phpmyadmin.net
MySQL Administrator:http://dev.mysql.com/downloads/administrator/
MySQL-Front : http://www.mysqlfront.de/
http://www.mysql.com
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