CHAPITRE III. IMPLEMENTATION DE L’APPLICATION

3.1. OUTILS DE DEVELOPPEMENT

3.1.1. WAMPSERVER

WampServer est une plateforme de développement Web de type WAMP, permettant de faire fonctionner localement (sans se connecter à un serveur externe) des scripts PHP. WampServer n’est pas en soi un logiciel, mais un environnement comprenant deux serveurs (Apache et MySQL), un interpréteur de script (PHP), ainsi qu’une administration pour les deux bases SQL PhpMyAdmin et SQLiteManager.

Il dispose d’une interface d’administration permettant de gérer et d’administrer ses serveurs au travers d’un tray-icon (icône près de l’horloge de Windows).

3.1.2. PHP

PHP est un langage de scripts libre principalement utilisé pour produire des pages Web dynamiques via un serveur HTTP, 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. En raison de la richesse de sa bibliothèque, on désigne parfois PHP comme une plate-forme plus qu’un simple langage.

3.1.3. MYSQL

MySQL est un système de gestion de base de données (SGBD). 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.

3.1.4. SQL DESIGNER

Cet outil nous a permis de générer le code SQL automatiquement. Nous dessinions seulement les tables, et le code SQL se générait automatiquement.

3.1.5. BOOTSTRAP

Bootstrap est une compilation de plusieurs éléments et fonctions web-design personnalisables, le tout emballé dans un seul et même outil. Les développeurs qui utilisent Bootstrap pour la création de leur site web choisissent les éléments qu’ils veulent utiliser. Les éléments personnalisables compilés dans Bootstrap sont une combinaison de HTML, CSS et JavaScript. Et grâce à la magie de l’open-source, Bootstrap s’améliore en permanence : de nouvelles fonctions absolument géniales ont été ajoutées comme le 100% mobile responsive ou la très large sélection de plugins jQuery.

3.2. STRUCTURES DES TABLES STOCKEES AU SERVEUR LOCALHOST

3.2.1. Table « Admin » sur le serveur localhost

Figure 21 : La table Admin

3.2.2. Table « AGENTS » sur le serveur localhost

Figure 22 : La table d’enregistrement des agents

3.2.3. Table « Paies » sur le serveur localhost

Figure 23 : La table d’enregistrement des opérations de paie

3.2.4. Table « Indices » sur le serveur localhost

Figure 24: La table d’enregistrement les indices de paiements des agents

3.2.5. Table « Congés » sur le serveur localhost

Figure 25: La table d’enregistrement les congés accordés aux agents

3.2.6. Table « Avance sur salaire » sur le serveur localhost

Figure 26 : La table d’enregistrement les avances sur les salaires des agents

3.2.7. Table « Retenu sur salaire » sur le serveur localhost

Figure 27 : La table d’enregistrement les retenus sur les salaires des agents

3.3. GUIDE DE L’UTILISATEUR

Au démarrage de l’application se trouvant à l’adresse locale (localhost ou le 127.0.0.1) la page indexé de notre application s’affiche :

Figure 28 : page d’accueil du site

Cette page appel tous les utilisateurs du système à se connecter avant de passer à n’importe quelle opération.

• Interface de connexion

Figure 29 : L’interface d’authentification au système

1. Connexion du responsable du personnel

Après s’être authentifié au système, le responsable du personnel accède à la page suivante :

Figure 30 : La page de gestion des congés

Ce page offre un contenu avec trois onglets :

• La gestion des congés

Figure 31 : Choix d’un agent

A ce niveau, le gestionnaire doit sélectionner un agent à accorder le congé. Après la sélection, l’interface suivante s’affiche :

Figure 32 : Le formulaire d’ajout des congés

• L’affichage du profil d’utilisateur

Figure 33 : L’affichage du profil utilisateur

• L’impression des documents
• L’enregistrement des agents

Figure : 16 Interface d’enregistrement des agents

• L’affichage et la mise à jour

Figure 34 : Affichage et mis à jour des agents

2. La connexion d’un comptable

• La barre des menus

2

3

4

1

1. Le menu accueil : ce menu permet de rentrer sur la page d’accueil de la session active
2. Le menu avance sur salaire :

Figure 35 : Interface d’ajout des avances sur salaire

3. Le menu retenu sur salaire :

Figure 36 : Formulaire d’ajout des retenues sur salaire

4. Le menu déconnexion : ce menu permet de quitter la session active