Rapport conception application

Développement d’une application pour la gestion du recueil des besoins budgétaire

TABLE DES MATIÈRES

LISTE DES FIGURES......................................................................................................................................... 3

LISTE DES TABLEAUX...................................................................................................................................... 4

LISTE DES ABRÉVIATIONS............................................................................................................................... 5

INTRODUCTION GÉNÉRALE............................................................................................................................ 6

CHAPITRE 1 : PRÉSENTATION DE L’ORGANISME D’ACCUEIL............................................................................7

1. INTRODUCTION :...................................................................................................................................82. HISTORIQUE :.........................................................................................................................................83. ADMINISTRATION ET GESTION :.......................................................................................................84. MISSIONS DE L’AREF SMD :...............................................................................................................95. BUDGET DE L’AREF SMD :................................................................................................................10

5.1. LES RESSOURCES :......................................................................................................................105.2. LES DEPENSES :...........................................................................................................................11

6. RESSOURCES HUMAINES :................................................................................................................117. STRUCTURES ORGANISATIONNELLE :..........................................................................................12

7.1. LA DIVISION DE GESTION DES RESSOURCES HUMAINES ET DES AFFAIRES ADMINISTRATIVES ET FINANCIERES :..................................................................................................127.2. LA DIVISION DES AFFAIRES PEDAGOGIQUES :......................................................................137.3. LA DIVISION DE LA CARTE SCOLAIRE, DE L’INFORMATION ET L’ORIENTATION :...........13

8. CONCLUSION :.....................................................................................................................................15

CHAPITRE 2: PRÉSENTATION DU PROJET DU STAGE......................................................................................16

1. INTRODUCTION :.................................................................................................................................172. THEME DU STAGE :............................................................................................................................173. CAHIER DES CHARGES......................................................................................................................17

3.1. ANALYSE DU SYSTEME ACTUEL CONTEXTE ET CONTRAINTES :.........................................173.2. LES PRINCIPAUX OBJECTIFS DE L’APPLICATION :...............................................................173.3. ETAPES DU PROJET :..................................................................................................................183.4. OUTILS UTILISES.........................................................................................................................19

3.4.1. ACCESS :...................................................................................................................................................193.4.2. WINDEV:...................................................................................................................................................19

4. CONCLUSION :.....................................................................................................................................20

CHAPITRE 3 : RÉALISATION DU PROJET......................................................................................................... 21

1. INTRODUCTION :.................................................................................................................................222. ANALYSE ET CONCEPTION DU PROJET :.......................................................................................22

2.1. DICTIONNAIRE DE DONNEES :..................................................................................................232.2. CONCEPTION DES DONNEE:.....................................................................................................242.3. CREATION DU PROJET SOUS WINDEV :...................................................................................242.4. INTALLATION DE L’ALLIPCATION :..........................................................................................282.5. PRESENTATION DE L’APPLICATION:.......................................................................................30

2.5.1. L’AUTHENTIFICATION :........................................................................................................................302.5.2. LE MENU GENERAL DE L’APPLICATION :.........................................................................................312.5.3. ADMINISTRATION DE L’APPLICATION :...........................................................................................32

2.5.3.1. LA GESTION DES UTILISATEURS :...............................................................................................32

PFE-IGE Page 1


2.5.3.2. LA GESTION DES AUTORISATIONS D’ACCES AUX INTERFACES :...........................................332.5.4. PARAMETRAGE DE L’APPLICATION :................................................................................................342.5.5. LA SAISIE DES DONNEES :....................................................................................................................362.5.6. CONSULTATION ET RECHERCHE :......................................................................................................37

PROBLEMES RENCONTRES:...................................................................................................................... 41

CONCLUSION GENERALE........................................................................................................................... 42

WEBOGRAPHIQUE..................................................................................................................................... 43

ANNEXES..................................................................................................................................................... 44

ANNEXE A : LE CODE SOURCE DE LA FENETRE « FEN_BUDGET »..............................................45

ANNEXE B :LE CODE SOURCE DE LA REQUÊTE « REQ_LISTE_CORRES_NIVEAU»..................50

PFE-IGE Page 2


LISTE DES FIGURES

Figure 1: Carte de la région Sousse Massa Deraa...................................................................................9Figure 2: Organigramme de l’AREF SMD..............................................................................................14Figure 3 : Tableaux des tâches..............................................................................................................18Figure 4: Diagramme de Gantt.............................................................................................................18Figure 5: l'analyse du projet.................................................................................................................24Figure 6: les informations générales du projet.....................................................................................25Figure 7:La charte de programmation..................................................................................................25Figure 8 : L'utilisation de la base de données.......................................................................................26Figure 9 : Le type de base de données.................................................................................................27Figure 10: localisation de la base de données......................................................................................27Figure 11: l'importation de la base de données...................................................................................28Figure 12: L'emplacement d'installation..............................................................................................29Figure 13: L'installation des fichiers de l'application............................................................................29Figure 14: Fin de l'installation...............................................................................................................30Figure 15: authentification...................................................................................................................31Figure 16: Le menu général de l'application.........................................................................................32Figure 17: Gestion des utilisateurs.......................................................................................................32Figure 18:Gestion des autorisations d'accès aux interfaces.................................................................33Figure 19 : Gestion des interfaces de l'application...............................................................................34Figure 20: la gestion des budgets.........................................................................................................35Figure 21: Gestion des espaces............................................................................................................35Figure 22: Gestion des niveaux.............................................................................................................36Figure 23: Gestion des rubriques..........................................................................................................36Figure 24 : L'interface de saisie d'une correspondance........................................................................37Figure 25: la consultation des correspondances..................................................................................38Figure 26: l'interface de recherche multi critères.................................................................................39Figure 27: La modification du mot de passe.........................................................................................39

PFE-IGE Page 3


LISTE DES TABLEAUX

Tableau 1: Effectif du personnel de l’AREF SMD..................................................................................12Tableau 2 : Le dictionnaire de données................................................................................................23

PFE-IGE Page 4


LISTE DES ABRÉVIATIONS

AREF Académie Régionale de l’Education et de la Formation

API Application Programming Interface

CSS Cascading Style Sheets

FAI Fournisseur d'accès internet

GPL General Public License

HTML HypertextMarkupLanguage

HTTP Hypertext Transfer Protocol

IGE Informatique et Gestion des Entreprises

IHM Interface Homme Machine

MEN Ministère de l’éducation nationale

ODBC Open DatabaseConnectivity

PFT Faculté Polydisciplinaire de Taourdant

PHP Personal Home Page

SGBD Système de gestion de bases de données

SMD Sousse Massa Deraa

SQL StructuredQueryLanguage

PFE-IGE Page 5


INTRODUCTION GÉNÉRALE

Dans le cadre de notre stage pour l’obtention de la licence à la Faculté

Polydisciplinaire de Taroudant option Informatique et Gestion des Entreprises, on a choisi

l’Académie Régionale de l’Education et de la Formation (AREF) à Agadir pour y passer

une période de 3 mois du 1 Mars 2013 au 31 Mai 2013.

Lors de notre premier entretien avec Mr. Ben Aallah Mohamed Sghir, le

responsable du service budgétaire à l’AREF Sousse Massa Deraa, et après concertation

avec notre encadrant Mr. Jilali El ANTARI, le coordinateur de la filière IGE, nous avons

décidé de développer une application pour la gestion du recueil du besoin budgétaire alloué

aux différents services de l’AREF SMD.

Les objectifs principaux de notre stage étaient :

Mettre en place une base de données centralisant toutes les informations liées au

suivi de l’exécution du budget alloué aux différents services de l’AREF Sousse Massa

Deraa et ses délégations.

Développer les interfaces pour gérer les enregistrements de la base de données.

Ce rapport sera réparti en trois chapitres. Le premier portera sur la présentation de

l’AREF SMD, son historique et sa structure organisationnelle.

Dans le deuxième chapitre on présentera le calendrier de réalisation du projet, les

missions qui nous ont été confiées pour notre période de stage, et le cahier des charges de

notre application.

Le dernier chapitre portera sur la réalisation de l’application, la conception de la

base de données et la description des interfaces utilisateurs.

PFE-IGE Page 6


CHAPITRE 1 :

PRÉSENTATION DE

L’ORGANISME

D’ACCUEIL.

PFE-IGE Page 7


1. INTRODUCTION :

Ce chapitre est dédié, à l’exposition d’une brève présentation de l’organisme

d’accueil (AREF SMD).

2. HISTORIQUE :

L’Académie Régionale d’Education et de Formation (AREF) a été crée par le Dahir

n°1-00-203 du 19 Mai 2000 portant promulgation de la loi n°07-00 sous forme

d’établissement public doté de la personnalité morale et de l'autonome financière.

Dans les limites de son ressort territorial et dans le cadre des attributions qui lui

sont dévolues ci-après, l’académie a pour mission principale de réaliser la politique

éducative et de formation, compte tenu des propriétés et des objectifs nationaux établies par

l’autorité de la tutelle (Ministère de l’Education Nationale).

3. ADMINISTRATION ET GESTION :

L’académie est administrée par un conseil, présidé par l'autorité gouvernementale de

tutelle (le Ministre de l’Education Nationale) et gérée par un directeur.

Le conseil de l'académie est investi de tous les pouvoirs et attributions nécessaires à

l'administration de l'Académie, notamment en ce qui concerne :

Le programme prévisionnel régional de formation des enseignants et du

personnel administratif et technique.

Le programme prévisionnel de construction, d'extension ou de grosses

réparations des établissements d'éducation et de formation.

Le fonctionnement des établissements d'éducation et de formation relevant

des neuf délégations provinciales de la région Sousse Massa Draa.

la constitution de réseaux d’établissements d'éducation et de formation.

Le conseil se réunit deux fois par an afin de:

Faire le bilan des réalisations, contrôler l'exécution des décisions et arrêter

les états de synthèse de l'exercice clos.

Arrêter le programme prévisionnel et le budget de l'exercice suivant.

Le directeur de l'Académie assure le secrétariat des travaux du conseil. Ce dernier

est nommé par dahir sur proposition de l'autorité gouvernementale de tutelle (Ministère de

PFE-IGE Page 8


l’Education Nationale). Il détient tous les pouvoirs et attributions nécessaires à la gestion de

l'Académie et l’exécute les décisions de son conseil. Il peut recevoir une délégation du

conseil de l'Académie pour le règlement des affaires déterminées. Il peut déléguer sous sa

responsabilité une partie de ses pouvoirs et attributions au personnel relevant de son

autorité (par exemple : aux délégués provinciaux).

Figure 1: Carte de la région Sousse Massa Deraa

4. MISSIONS DE L’AREF SMD :

L’AREF SMD a pour missions :

Elaborer un projet de développement de l'Académie, composé d'un ensemble

de mesures et actions prioritaires au niveau de la scolarisation conformément

aux orientations et objectifs nationaux et d'intégrer en matière pédagogique

les spécifiés et les données socio-économiques et culturelles régionales.

Veiller à l'élaboration de la carte scolaire régionale et à la mise en réseau des

établissements d'enseignement et de formation professionnelle de la région

en coordination avec la délégation régionale de la formation professionnelle.

Etablir et de développer les formations techniques initiales à finalité

professionnelle sous statut scolaire ainsi que les formations professionnelles

PFE-IGE Page 9


en apprentissage ou en alternance mises en œuvre par les collèges et les

lycées.

Etablir le programme de définir les opérations annuelles de construction,

d'extension, de grosses réparations et d'équipement des établissements

d'éducation et de formation et d’assurer le suivi de réalisation de son projet

en délégant la réalisation, le cas échéant à d'autres organismes dans le cadre

de conventions.

Superviser la recherche pédagogique au niveau provincial et local ainsi que

les examens, évaluer les apprentissages relevant du niveau régional et

contrôler ceux relevant du niveau provincial et local et veiller, en

coordination avec les services compétents, au développement de l'éducation

physique et du sport scolaire.

Entreprendre toute action de partenariat avec les organisations et les

institutions administratives, économiques, sociales ou culturelles régionales

pour la mise en œuvre de projets visant l'essor de l'éducation et de la

formation dans la région.

Elaborer toute étude relative à l'éducation et à la formation, de superviser

l'édition de la documentation éducative à caractère régional et de contribuer

aux enquêtes et recensements statistiques régionaux ou nationaux.

Elaborer et de mettre en œuvre la politique de formation continue du

personnel enseignant et administratif.

5. BUDGET DE L’AREF SMD :

Le budget de l’AREF SUD comprend les ressources et les dépenses.

5.1. LES RESSOURCES :

Les subventions et dotations du budget de l'Etat.

Les subventions et participations, reçues dans le cadre de partenariat, des

collectivités locales et leurs groupements et de tout autre organisme public

ou privé.

Les avances remboursables du Trésor et d'organismes publics ou privés ainsi

que les emprunts autorisés conformément à la législation en vigueur.

Les dons, legs et produits divers.

PFE-IGE Page 10


Les revenus provenant de ses prestations en rapport avec ses activités ;

toutes autres recettes qui peuvent lui être attribuées ultérieurement par les

dispositions législatives et réglementaires.

Le budget de l’AREF SMD dans sa globalité relatif à l’exercice 2012,

s’élève à 440.000.000,00 Dirhams. (Budget d’Etat d’investissement et

d’exploitation sans compter les salaires du personnel de la région).

5.2. LES DEPENSES :

les dépenses de construction, d'équipement et de fonctionnement (par

marché publics en respectant le code des marchés publics Marocain).

Les remboursements des avances et emprunts.

Toute autre dépense en rapport avec son activité.

6. RESSOURCES HUMAINES :

Les ressources humaines propres à l'Académie sont constituées de :

Agents recrutés par ses soins conformément à son statut du personnel qui

sera fixé par décret.

Fonctionnaires et agents en service détaché déjà appartenant au Ministère de

l’Eduction Nationale.

Le personnel enseignant, administratif et technique, en fonction dans les

services d'éducation et de formation

PFE-IGE Page 11


Départements(Délégations provinciales

et l’académie)

Enseignants(Etablissements scolaires :

primaires, collégiaux et qualifiants)

Personnel d’administration

(Etablissements Et Délégations)

Personnel Des Départements

DP :Agadir Idaoutanane 3891 459 4350

DP :Inezgane Ait Melloul 3419 375 3794

DP : Chtouka Ait Baha 2426 241 2667

DP : Taroudant 6087 605 6692

DP :Tiznit 2215 291 2506

DP :Sidi Ifni 1382 145 1527

DP :Ouarzazat 2357 276 2633

DP :Zagoura 2749 292 3041

DP :Tinghir 2786 248 3034

Académie SMD : Agadir _ 173 173

Totaux de la région 27312 3105 30417

Tableau 1: Effectif du personnel de l’AREF SMD

7. STRUCTURES ORGANISATIONNELLE :

La structure organisationnelle de l’AREF SMD est détaillée dans la figure 2 (Page

16), elle est composée de trois divisions sous l’ordre de la direction de l’AREF.

7.1. LA DIVISION DE GESTION DES RESSOURCES HUMAINES ET DES AFFAIRES ADMINISTRATIVES ET FINANCIERES :

Elle a pour mission la gestion des ressources humaines et les mouvements

administratifs des enseignants et du personnel administratifs et de leurs avancements. Elle

s’occupe aussi de l’élaboration du budget d’exploitation et d’investissement de la région

PFE-IGE Page 12


chaque année, de la préparation des besoins annuels, effectue des engagements et de

dépenses et comptabilise toutes les opérations comptables (recettes et dépenses) en

respectant le manuel de procédures et le code des marchés publics. En outre, elle procède à

la gestion du patrimoine de l’AREF SMD (Equipement et Immobilier). C’est au sein de

cette division et plus précisément dans le service du budget, de l’équipement et du

patrimoine.

7.2. LA DIVISION DES AFFAIRES PEDAGOGIQUES :

Elle s’occupe des attributions importantes dans le domaine de la gestion des affaires

des établissements scolaires publiques et privées dans le but de développer le secteur de

l’éducation et de la formation dans la région Sousse Massa Draa à savoir :

La supervision de la recherche pédagogique et l’organisation des examens et

les concours.

La préparation et l’amélioration des formations techniques fondamentales.

La supervision de l’édition et la documentation pédagogique.

Le développement des activités sociales pédagogiques, sportives et

culturelles aux établissements scolaires et de formation.

Veiller sur la mise à niveau de la santé scolaire et de la prévention.

L’exécution du programme d’éducation non formelle et de l’analphabétisme.

7.3. LA DIVISION DE LA CARTE SCOLAIRE, DE L’INFORMATION ET L’ORIENTATION :

Elle est chargée de la préparation de la carte scolaire et le suivi de l’exécution du

programme des opérations annuelles de construction, d’extension et des grosses

réparations. Elle s’occupe aussi de l’information, des statistiques et de l’orientation

pédagogique dans la région.

PFE-IGE Page 13


Figure 2: Organigramme de l’AREF SMD

PFE-IGE Page 14

Direction de l’AREF SMD

Division des affaires pédagogiques

Service des examens

Service de supervision des établissements du préscolaire, des établissements scolaires publiques

et privées

Centre régional de documentation, d’animation et de production pédagogique (CRDAPP)

Centre régional de la lutte contre l’analphabétisme et d’éducation non formelle

Division de la carte scolaire, de l’information et de l’orientation

Service de la carte scolaire, de l’information et de l’orientation

Service de l’information et des statistiques

Division de gestion des ressources humaines et des affaires administratives et financières

Service des ressources humaines et de la communication

Service du budget, d’équipement et de patrimoines


8. CONCLUSION :

Après avoir présenté l'organisme d'accueil et le service budgétaire dans laquelle nous

avons passé notre stage, le chapitre suivant portera sur la présentation du projet de stage et la

mise en place du cahier de charges.

PFE-IGE Page 15


CHAPITRE 2:

PRÉSENTATION DU

PROJET DU STAGE

PFE-IGE Page 16


1. INTRODUCTION :

Dans se présent chapitre nous allons décrire notre cahier des charges afin de bien comprendre les besoins de la l’AREF SMD, et une petite présentation sur les outils de développement, ainsi le suivi de gestion de notre projet.

2. THEME DU STAGE :

Développement d’une application pour la gestion du recueil des besoins budgétaires

pour les différents services et départements de l’Académie Régionale de l’Education et de

la Formation (AREF) de Sousse Massa Deraa.

3. CAHIER DES CHARGES

3.1. ANALYSE DU SYSTEME ACTUEL CONTEXTE ET CONTRAINTES :

Le projet consiste à fournir au personnel du service budget au sein de l’AREF une

application pour le recueil des besoins budgétaires de ses différents services et

départements. Ainsi l’utilisateur aura à sa disposition une interface conviviale pour la saisie

et la consultation des données relatives aux différents budgets (budget d’exploitation et

budget d’investissement). Les données seront enregistrées dans une base de données et

pourront être consultées par le bais d’une autre interface.

Actuellement l’AREF utilise des supports papiers et des fichiers sur Microsoft

EXCEL pour stocker les données relatives au budget. Ce qui rend leur exploitation très

coûteuse en matière de temps. D’où la nécessité de développer une application qui

faciliterait la saisie, la modification et la consultation de ces données.

L’objectif de cette application est de faciliter la gestion des données relatives au

recueil des besoins budgétaires.

3.2. LES PRINCIPAUX OBJECTIFS DE L’APPLICATION :

La mise en place d’une interface utilisateurs pour saisir les données relatives

aux besoin des différents services et départements de l’AREF. Cette

application permettra également l’exploitation des données saisies via des

requêtes, ce qui facilitera le processus d’élaboration du budget au sein de

l’Unité « Elaboration et suivi de l’exécution du budget ». Cette interface sera

développée en utilisant WINDEV 17.

PFE-IGE Page 17


Mettre en place une base de données où les données seront enregistrées. On

utilisera ACCESS pour la gestion de la base de données

Les vues et interface de gestion des données enregistrées.

3.3. ETAPES DU PROJET :

Les étapes et délais du projet sont définis dans le tableau des tâches (Tableaux 2) et

sont représentées dans le diagramme de Gantt1 (Figure3)

Figure 3 : Tableaux des tâches

Figure 4: Diagramme de Gantt

1 Le diagramme de Gantt est un outil utilisé en ordonnancement et en gestion de projet et permettant de visualiser dans le temps les diverses tâches composant un projet. Il s'agit d'une représentation d'un graphe connexe, valué et orienté, qui permet de représenter graphiquement l'avancement du projet.

PFE-IGE Page 18


3.4. OUTILS UTILISES

Les outils qui seront utilisés pour le développement de l’application sont :

3.4.1. ACCESS :

Microsoft Access (officiellement Microsoft Office Access) est

un SGBD relationnel édité par Microsoft. Il fait partie de la suite

bureautique MS Office Pro.

MS Access est composé de plusieurs programmes : le moteur de

base de données Microsoft Jet, un éditeur graphique, une interface de type Query by

exemple pour manipuler les bases de données, et le langage de programmation Visual Basic

for Applications.

3.4.2. WINDEV:

WINDEV est un atelier de génie logiciel (AGL) édité par la société française PC

SOFT2 et conçu pour développer des applications, principalement

orientées données pour Windows3 8, 7, Vista, XP, 2008, 2003,

2000, mais également pour Linux4, .NET et Java. Il propose son

propre langage, appelé le W Langage, qui fait partie de la L4G

(4ème génération), et qui permet le développement plus rapide

d'applications par rapport à d'autres générations. La première

version de l'AGL est sortie en 1993.

WINDEV utilise son propre "langage de programmation", le WLangage,

ressemblant beaucoup à du pseudo-langage.

L'environnement de développement intégré de WINDEV est composé de:

Editeur d'analyses et modélisation Merise5 etc…

Editeur de fenêtres,

2 PC SOFT est une société française d'édition de logiciels basée à Montpellier créée en 1984. Cette société est spécialisée dans les environnements de développement professionnels, en particulier les ateliers de génie logiciel.3 Windows : est une gamme de systèmes d’exploitation produite par Microsoft. C’est le successeur de MS-DOS. Depuis les années 1990, il rencontre un succès indéniable.4 Linux ou GNU/Linux est un système d'exploitation libre fonctionnant avec le noyau Linux. C'est une implémentation libre du système UNIX. Ce système est né de la rencontre entre le mouvement du logiciel libre et le modèle de développement collaboratif et décentralisé via Internet. Son nom vient du créateur du noyau Linux, Linus Torvalds.5 Merise (prononcer « Meurise » et non « Mérise ») est une méthode d'analyse, de conception et de gestion de projet informatique.

PFE-IGE Page 19


Editeur de requêtes,

Editeur d'installation.

4. CONCLUSION :

Après avoir décrit notre cahier des charges demandé par l’AREF SMD, et présenter

les outils de développement utilisés, nous commencerons la partie réalisation dans le

chapitre suivant.

PFE-IGE Page 20


CHAPITRE 3 :

RÉALISATION DU

PROJET

PFE-IGE Page 21


1. INTRODUCTION :

La phase de ce chapitre constitue une étape primordiale dans le déroulement de

chaque projet.

Après avoir mené à terme les différentes phases précitées de notre projet, nous

sommes à présent, en mesure de commencer la partie réalisation, par une analyse des

besoins et une conception du projet.

2. ANALYSE ET CONCEPTION DU PROJET :

Comme cité dans le chapitre précédent notre application avait pour objectif

principal la gestion du recueil des besoins budgétaires pour les différentes délégations et

services de l'AREF SMD.

Il existe deux types de budget:

• Budget investissement: Le budget d'investissement traite les recettes-dépenses

qui concernent l'investissement.

• Budget d'exploitation: Le budget d'exploitation traite les recettes-dépenses qui

concernent l'exploitation.

Le recueil des besoins des différents services et délégations de l'académie se passe

de la manière suivante:

1- La délégation envoie une correspondance à l AREF qui contient ses

différents besoins, que ce soit l'exploitation (L'achat des consommables,

les factures d'eau et électricité..) ou l'investissement (Construction de

nouvelles écoles....) la correspondance à un numéro, un objet ainsi que les

besoins.

2- l'AREF établie un budget initial qui contient plusieurs rubriques

dépendants du type du besoin.

3- En mois de Mars, le budget initial est modifié en prenant

en compte les moyens budgétaires fournis par le

ministère, ainsi les besoins qui ont une priorité élevée sont

satisfaits en premier.

4- Etablissement du budget final.

PFE-IGE Page 22


Après avoir passé un temps considérable à analyser le différent document: la

correspondance, les exemples des budgets des années précédentes, etc. nous sommes

arrivées à la conception suivante de la base de données:

2.1. DICTIONNAIRE DE DONNEES :

Après la collecte des données de référence nécessaire la conception d’une base de

données relationnelle, le tableau 2 présent le vocabulaire commun au sein du service

budgétaire.

Nom de la table Nom du champ Type Clé primaire Clé étrangère

correspondance

id_corresp numéroauto xnum_corresp textedate_corresp date/heure

id_niveau numérique xremarque mémo

id_utilisateur numérique xdate_arrivee date/heurenum_arrivee textedate_ajout date/heure

budgetid_budget numéroauto xlib_budget texte

niveauid_niveau numéroauto xlib_niveau texte

espaceid_espace numéroauto xlib_espace texte

rubrique

id_rub numéroauto xlib_rub texte

id_budget numérique xnum_rub numérique

detail_corres

id_corres numérique xid_rub numérique x

montant monétaireid_espace numérique x

utilisateurs

id_utilisateur numéroauto xnom_utilisateur texte

pwd texteetat oui/non

interface Num_interface numéroauto xlib_interface texte

nom_interface texteetat_interface oui/non

Num_utilisateur

numérique x

num_inteface numérique x

PFE-IGE Page 23


etat oui/nonTableau 2 : Le dictionnaire de données

2.2. CONCEPTION DES DONNEE:

Après avoir situé le projet dans son contexte général, définir ses objectifs et sa

planification. Il est nécessaire de modéliser et concevoir la solution sur la base du cahier

des charges.

Figure 5 présente les tables et les relations entre eux.

Figure 5: l'analyse du projet

2.3. CREATION DU PROJET SOUS WINDEV :

Pour créer un projet, un simple double sur l’icône du WINDEV placé sur le bureau.

Après, un menu s’affiche donnant comme option « Créer un projet ».

Un menu s’affiche qui permet de choisir le type de l’application à développer, pour

notre cas nous allons choisir « application » qui permet de créer des applications qui peut

tourner sous linux ou Windows.

Un assistant de création de projet s’affiche facilitant le travail du programmeur, tous

ces options sont modifiables par la suite a partir du menu « projet > description du projet».

La première étape, consiste à saisir les informations liées au projet (voir figure : 6),

le nom du projet et l’emplacement de tous les éléments liées au projet.

PFE-IGE Page 24


Figure 6: les informations générales du projet

Pour faciliter la lecture des lignes du code, une charte de programmation6 est définie

par défaut avec le projet, le programmeur peut aussi définir sa propre charte (voir figure :

7). Sans oublier qu’il peut ne pas l’utiliser totalement.

Figure 7:La charte de programmation

6 « Une charte de programmation permet de préfixer automatiquement le nom de toutes les variables et de tous les éléments du projet (fenêtre, champ d'un état, classe, ...). Ce préfixage automatique permet de connaître et/ou de rechercher facilement un élément d'un type donné. » http://doc.pcsoft.fr/fr-fr/?9000074&name=charte_programmation

PFE-IGE Page 25


Le projet doit être maintenant connecté à une base de données, la phase 5 (figure 8)

de l’assistance de création de projet consiste à choisir entre trois cas possible :

Le premier choix : « Créer une nouvelle base de données », dans ce cas nous

allons ce basé sur l’assistant de WinDev.

Le deuxième choix : « utiliser une base de données existante » dans lequel,

nous ferons recours à une base déjà réalisé en préalable, ce que le cas pour

nous.

Le troisième choix : si nous n’allons pas utiliser une base dans le projet.

Figure 8 : L'utilisation de la base de données

Puisque nous avons utilisé Access comme base de données, nous allons choisir

« Access 2007 » dans l’interface (figure 9) entre plusieurs choix offerte par l’interface.

PFE-IGE Page 26


Figure 9 : Le type de base de données

La phase 2 de la création de l’analyse (figure 10), nous indiquons l’emplacement ou

la base de données est placée.

Figure 10: localisation de la base de données

Si un mot de passe est déjà paramétré dans la base de données Access, l’interface

(figure 10) vous permet de les enter pour lui accéder.

PFE-IGE Page 27


Une autre possibilité par WinDev dans l’importation de la base de données, est de

convertir la base en format « HyperFileSQL7 » ou de la laisser dans le format initial.

Nous allons choisi d’utiliser le format Access. Pour la raison de sa simplicité

d’utilisation.

Figure 11: l'importation de la base de données

2.4. INTALLATION DE L’ALLIPCATION :

Après un grand travail de programmation des interfaces, même avec les facilités

offertes par WinDev. Notre application est maintenant disponible pour l’installer sur les

postes des utilisateurs.

La procédure d’installation commence par une clique sur le «INSTALL.EXE »,

l’interface d’installation (figure 12) s’ouvre pour permettre à l’utilisateur de modifier

l’emplacement d’installation, par défaut : « C:\Program Files\GBesoins ».

7 « HyperFileSQL est un moteur de base de données lancé en 1988 par la société française PC SOFT et incorporé en standard de l'environnement de développement WinDev, du même auteur. Il est prévu pour être utilisé dans les logiciels créés avec WinDev, dans lesquels il peut être incorporé gratuitement et ne nécessite aucune maintenance ». http://fr.wikipedia.org/wiki/HyperFileSQL

PFE-IGE Page 28


Figure 12: L'emplacement d'installation

Une simple clique sur le bouton suivant (figure 12) pour commencer l’installation

dans l’emplacement indiqué précédemment.

Figure 13: L'installation des fichiers de l'application

L’installation ne durera que quelques instants (figure 13), après une autre interface

s’affiche permettant plusieurs choix (figure 14).

PFE-IGE Page 29


Figure 14: Fin de l'installation

A la fin de l’installation, l’icône de l’application ce place sur le bureau de

l’utilisateur.

2.5. PRESENTATION DE L’APPLICATION:

Par une simple clique, lance l’application réalisée.

2.5.1. L’AUTHENTIFICATION :

L’utilisateur choisi son nom listé dans la liste de déroulante (champ combo8), la

mise en place d’un combo (figure 15) n’est pas au hasard pour la raison du risque d’erreur

de saisie du nom d’utilisateur, après la sélection vient la saisie du mot de passe dans un

champ spécialement conçu à cette tâche.

8 Une boîte combinée (en anglais combo-box ou combobox) est un élément d'interface graphique qui réunit une zone de texte et une liste déroulante

PFE-IGE Page 30


Figure 15: authentification

2.5.2. LE MENU GENERAL DE L’APPLICATION :

Après l’authentification de l’utilisateur, le menu de l’application (figure 16)

s’affiche. Une zone répétée9 à droite, affiche la liste des interfaces accessible par

l’utilisateur.

Une image de l’académie est ajoutée à l’interface du menu général.

9 Une zone répétée permet de répéter des champs présents dans une zone définie.

PFE-IGE Page 31


Figure 16: Le menu général de l'application

2.5.3. ADMINISTRATION DE L’APPLICATION :

Les tâches de l’administrateur de l’application sont plusieurs, ils sont tous sous le

contrôle d’un seul personne:

2.5.3.1. LA GESTION DES UTILISATEURS :

A partir de cet interface (figure 17), l’administrateur peut ajouter des utilisateurs, les

retirer définitivement ou le désactiver temporairement (modifier l’état de l’utilisateur).

Figure 17: Gestion des utilisateurs

PFE-IGE Page 32


2.5.3.2. LA GESTION DES AUTORISATIONS D’ACCES AUX INTERFACES :

Chaque utilisateur peut avoir l’accès à une interface ou non.

Figure 18:Gestion des autorisations d'accès aux interfaces

Cette interface (figure 17) permet d'assigné les interfaces à chaque utilisateur, elle

est composé d'une liste déroulante (combo) et deux colonnes, la première contient les

interfaces disponibles sur l’application et la deuxième la liste des interfaces autorisées pour

l'utilisateur choisi dans la liste déroulante.

Pour autoriser l'accès à une interface pour un utilisateur, nous choisissons

l'utilisateur concerné dans la liste en haut qui contient tous les utilisateurs enregistrés dans

la base de données, ensuite nous cliquons sur l'interface dans la colonne gauche et clique

sur le bouton flèche droite pour l'ajouter à la liste des interfaces autorisées.

PFE-IGE Page 33


Pour supprimer l'accès d'un utilisateur à une interface, nous choisissons de la même

façon l'utilisateur, ensuite nous cliquons sur l'interface dans la colonne de droite et nous

cliquons sur le bouton flèche gauche pour supprimer l'interface de la liste des interfaces

autorisées pour l'utilisateur.

Figure 19 : Gestion des interfaces de l'application

Après que nous avons cité les tâches de l’administrateur, l’application ne peut pas

fonctionner sans le paramétrage et la codification des données pour qu’ils soient accessibles

par tous les utilisateurs.

2.5.4. PARAMETRAGE DE L’APPLICATION :

Pour une bonne gestion de l’application et pour des mesures de sécurité, un compte

sera responsable des tâches de paramétrage.

Après le lancement de l’interface, l’utilisateur ne peut que consulter les données

afficher dans le tableau en bas (figure 20, 21, 22 et 23) pour une seule clique sur la ligne du

tableau, tout en lui permettant à tous le temps d’ajouter des enregistrements.

Si l’utilisateur clique deux fois sur le tableau, il passe directement en mode édition

et les boutons « modifier » et « supprimer » sont activés en contraire du bouton nouveau

qui est désactivé.

PFE-IGE Page 34


En plus des boutons « appliquer » pour valider la mise à jour de la base de données

et « annuler » pour abandonner l’opération ou les modifications en cours.

Figure 20: la gestion des budgets

Figure 21: Gestion des espaces

PFE-IGE Page 35


Figure 22: Gestion des niveaux

Figure 23: Gestion des rubriques

2.5.5. LA SAISIE DES DONNEES :

Les personnes chargées de la saisie des correspondances ont l’accès à cette interface

(figure 24).

PFE-IGE Page 36


Le même principe est toujours le même dans toute l’application dans l’ajout des

données. Les deux boutons « + » et « - » ont pour mission respectivement d’ajouter un

enregistrement dans le tableau, supprimer l’enregistrement sélectionné.

Figure 24 : L'interface de saisie d'une correspondance

Une somme automatique est calculée en fin du tableau, avec zéro code de

programmation, ce qui rend la tâche du programmeur très facile.

2.5.6. CONSULTATION ET RECHERCHE :

Une autre interface mais cette fois ci, il ne peut que consulter les données (figure

24) ou de chercher les données selon de(s) critère(s) qui peuvent aider l’utilisateur dans la

recherche (figure 25).

La consultation se fait par la recherche, dans la liste déroulante, du numéro de la

correspondance ou par la une saisie assistée qui permet d’effectuer une recherche au fur et à

mesure de la saisie.

PFE-IGE Page 37


Figure 25: la consultation des correspondances

La recherche multicritère basée sur une requête, offert dans l’application (figure 25),

permet à l’utilisateur de cherche et tous les données sont affichés en bas, si un critère est

actif les résultats pris en compte le critère dans l’affichage des données.

PFE-IGE Page 38


Figure 26: l'interface de recherche multi critères

L’utilisateur connecté à l’application, peut à tous moment modifier le mot de passe

d’accès (figure 18).

Figure 27: La modification du mot de passe

Pour vérifier qu’il s’agit de la bonne personne, il doit retaper son ancien mot de

passe avant de saisir son nouveau mot de passe, en cas d’erreur l’application de ferme pour

sécurisé l’application de toutes accès non autorisé.

PFE-IGE Page 39


Puisque les besoins des utilisateurs sont en croissance continue, le développement

de cette application doit suivre le même chemin. La mise à jour de l’application pour

répondre aux nouvelles besoins des utilisateurs une priorité pour garantir un meilleur

niveau de rondement.

PFE-IGE Page 40


PROBLEMES RENCONTRES:

Dans un premier temps nous avons décidées de créer l'application sous forme d'une

application full web en utilisant PHP et MYSQL. Après avoir téléchargé et installer

XAMPP, nous avons crées la base de données en utilisant PHPMyadmin, et nous avons

commencé à développer les interfaces avec PHP et html en utilisant DREAMWEAVER.

Mais on s'est rendu compte que cette application présentait un défaut majeur de sécurité, les

noms d'utilisateurs et les mots de passes seront enregistrés dans le navigateur et peuvent

être récupérés par une autre personne.

C'est alors que nous avons décidées d'utiliser SQL server et visual c++ pour le

développement.

Après avoir téléchargé SQL server 2008 et SQL server management studio 2008 et

microsoft visual studio c++ 2008, nous avons créées la base de données avec SQL server

sans problème, mais notre faible maitrise des pointeurs et de la bibliothèque graphique .net

Framework, il nous a été difficile de créer les interfaces de la façon voulue, et le temps

nécessaire pour la prise en main de ces outils engendrera un autre retard dans les délais de

livraison de l'application.

C'est ainsi qu'on dernier lieu nous avons décidé d'utiliser Microsoft Access et

WinDev pour le développement pour les raisons suivantes:

Nous maîtrisons Access et sont interface graphique facilite la gestion des tables de la base de données.

WinDev facilite la création des interfaces graphiques une fois la base de données et les relations sont créées.

PFE-IGE Page 41


CONCLUSION GENERALE

Notre stage au sein de l’Académie Régionale d’Education et Formation Sousse

Massa Deraa, a été pour nous un point de départ vers le milieu professionnel. Il était en

effet l’occasion d'enrichir nos connaissances et de forger notre expérience professionnelle

au sein d’une grande structure telle l’Académie Régionale de l’Education et de la formation

de Sousse Massa Draa.

En effet, notre étude théorique durant notre formation à la Faculté Polydisciplinaire

de Taroudant reste première, c'est pour cela la pratique et l'application est très nécessaire

afin d'approfondir notre connaissance et de concrétiser notre savoir et savoir-faire.

Le développement de cette application nous à permis de mettre en avant nos

compétences et connaissances en base de données et en création Web.

Actuellement nous travaillons sur la finalisation des interfaces et les tests finaux vu

que les problèmes de connexion à la base de données sont réglés.

PFE-IGE Page 42


WEBOGRAPHIQUE

MYSQL :

https://dev.mysql.com/doc/refman/5.0/fr/what-is.html

PHP :

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

HTML/CSS :

http://www.w3.org/standards/webdesign/htmlcss

Informations et installation XAMPP pour Windows

http://www.poirrier.be/~jean-etienne/info/xampp/

PFE-IGE Page 43

http://www.poirrier.be/~jean-etienne/info/xampp/

http://www.w3.org/standards/webdesign/htmlcss

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

https://dev.mysql.com/doc/refman/5.0/fr/what-is.html


ANNEXES

PFE-IGE Page 44


ANNEXE A : LE CODE SOURCE DE LA FENETRE « FEN_BUDGET »

(Figure 20: la gestion des budgets).

Nous avons utilisés une variable globale pour la fenêtre, se variable est de type

entier, il nous servie de faire la distinction entre les opérations effectués par l’utilisateur :

0 : l’ajout d’un enregistrement.

1 : la modification d’un enregistrement.

Déclarations globales de FEN_budgetgnCd_btn est un entier // savoir l’opération effectué par l’utilisateur

Au démarrage de la fenêtre, nous devons s’assurer que si l’utilisateur n’a pas choisi

l’opération a effectué ne peut que consulter les données existant dans la base de données.

Pour chaque bouton exemple « BTN_Nouveau» nous allons changé son «..Etat» pour

qu’il sera « =» à accessible en clique «Actif» ou inaccessible «Grisé».

Initialisation de FEN_budgetSC_Fiche..Etat=AffichageSeulement10

BTN_Nouveau..Etat=ActifBTN_Modifier..Etat=GriséBTN_Supprimer..Etat=GriséBTN_Appliquer..Etat=GriséBTN_Annuler..Etat=Grisé

Si l’utilisateur sélectionne, par une seule clique, une ligne dans la

« TABLE_budget » les données seront affichés dans les champs qui convient en haut

«FichierVersEcran()»11.

10 « État d'un objet : saisie impossible dans l'objet » autoformation WinDev 17.11 « Initialise automatiquement les champs d'une fenêtre ou d'une page avec :

les valeurs des rubriques associées dans l'enregistrement en cours (chargé en mémoire) du fichier de

données décrit sous l'éditeur d'analyses. Cette opération est effectuée quel que soit l'état des champs

(grisés, inactifs, ou invisibles).

les valeurs des variables WLangage associés. Cette opération est effectuée quel que soit l'état des

champs (grisés, inactifs, ou invisibles). » même référence.

PFE-IGE Page 45


Sélection d'une ligne de TABLE_budgetFichierVersEcran()

S’il fait double clique un autre code qui va s’exécuter, après la vérification que le

tableau n’est pas vide, qui permet changer l’ «..Etat» d’un bouton et plus précisément de la

rendre «Actif» pour les boutons «BTN_Modifier», «BTN_Supprimer» et «BTN_Annuler».

Bouton gauche double-clic (WM_LBUTTONDBLCLK) de TABLE_budget

FichierVersEcran()SI SC_Fiche.LIB_Id_budget <> "" ALORSBTN_Nouveau..Etat=GriséBTN_Modifier..Etat=ActifBTN_Supprimer..Etat=ActifBTN_Appliquer..Etat=GriséBTN_Annuler..Etat=ActifFIN

Le bouton «BTN_Annuler» permet de vide «RAZ12» les champs qui existent dans un

«SC_» superchamp13 «SC_Fiche», et rendre son «..Etat» qui ne permet que d’afficher les

données seulement «AffichageSeulement» sans avoir la possibilité de les modifiés.

Clic sur BTN_Annuler

RAZ(SC_Fiche)

SC_Fiche..Etat=AffichageSeulement


Selon la valeur du variable globale «gnCd_btn» , le bouton «BTN_Appliquer».

12 Réinitialise tous les champs à leur valeur initiale. La valeur initiale des champs correspond à la valeur des champs lors du dernier affichage de la page sur le navigateur (premier affichage de la page ou affichage lors d'une réactualisation, ...). Même référence.13 « Un superchamp est un type de champ avancé. Un superchamp regroupe un ensemble de champs dans un but précis. Ces champs sont indépendants des traitements de la fenêtre ou de la page les accueillant. » Même référence.

PFE-IGE Page 46


Pour ajouter un enregistrement, la troisième ligne du code, la valeur contenant dans

le champ «SC_Fiche.SAI_Lib_budget» est affectée au «budget.lib_budget» qui vaut le nom de

la table «budget» suivi par le nom «.lib_budget».

La fonctionnalité «HAjoute()»14permet d’ajouter l'enregistrement qui devient

l'enregistrement en cours. L'identifiant automatique est automatiquement renseigné.

La totalité de l'enregistrement en mémoire est écrit dans le fichier de données avec

les valeurs qui lui ont été affectée (et à défaut, le contenu de l'enregistrement précédemment

lu).

Pour vider les valeurs de l'enregistrement en mémoire, nous avons utilisé la fonction

« HRAZ »15, cette fonction ne modifie pas l'enregistrement dans le fichier de données mais

uniquement les données en mémoire.

Clic sur BTN_AppliquerSELON gnCd_btn

CAS 0 // ajouterbudget.lib_budget = SC_Fiche.SAI_Lib_budgetHAjoute(budget)

CAS 1// modifierHLitRecherche(budget,id_budget,SC_Fiche.LIB_Id_budget) SI HTrouve(budget)=Vrai ALORS budget.lib_budget = SC_Fiche.SAI_Lib_budget HModifie(budget) FIN

FINHRAZ(budget)TableAffiche(TABLE_budget, taCourantEnreg)



RAZ(SC_Fiche)

La suppression accidentelle des données est possible, pour l’éviter nous avons mis

en passe une demande de confirmation « OuiNon »16 et un message s’affiche à l’écran

14 « Ajoute l'enregistrement présent en mémoire dans le fichier de données (la requête ou la vue). Les index correspondant à toutes les clés utilisées dans le fichier de données sont mis à jour automatiquement. »15« Initialise une ou toutes les variables des rubriques d'un fichier de données avec leurs valeurs par défaut. Les valeurs par défaut sont définies lors de la description du fichier de données sous l'éditeur d'analyses.. »16 « Affiche une boîte de dialogue avec un sigle, un message et les boutons "oui" et "non". L'utilisateur doit valider un des deux boutons "Oui" ou "Non" pour fermer la fenêtre. »

PFE-IGE Page 47


demandant l’interaction de l’utilisateur, si la réponse est «Oui» alors l’enregistrement

sélectionné dans le table est supprimé par la fonction «TableSupprime»17 suivi par

l’exécution des lignes de codes «ExécuteTraitement», cité précédemment, de la table

«TABLE_budget», si une ligne est sélectionnée.

Si la réponse est non, les données de table «TABLE_budget» seront actualisée par la

fonction «TableAffiche» toute en gardant le curseur toujours sur l’enregistrement sélectionné

par l’utilisateur «taCourantEnreg».

Clic sur BTN_Supprimer// Demande confirmationSI OuiNon("Êtes-vous sûr de vouloir supprimer l'enregistrement sélectionné ?") = Oui ALORS

TableSupprime(TABLE_budget)

ExécuteTraitement(TABLE_budget, trtSélection)FIN

TableAffiche(TABLE_budget, taCourantEnreg)



RAZ(SC_Fiche)

Si l’utilisateur clique sur le bouton «BTN_Nouveau», la valeur « 0 » sera affecté à la

variable globale «gnCd_btn», indiquant au bouton applique que l’utilisateur est en train de

saisir un enregistrement.

Clic sur BTN_NouveaugnCd_btn = 0 // pour ajouter les enregistrement

SC_Fiche..Etat = Actif

BTN_Nouveau..Etat=GriséBTN_Modifier..Etat=GriséBTN_Supprimer..Etat=GriséBTN_Appliquer..Etat=ActifBTN_Annuler..Etat=Actif

17 «Supprime une ligne dans une table. Cette table peut correspondre à un champ Table ou bien à une table affichée dans un champ combo.»

PFE-IGE Page 48


Si l’utilisateur clique sur le bouton «BTN_Modifier», la valeur « 1 » sera affecté à la

variable globale «gnCd_btn», indiquant au bouton applique que l’utilisateur est en train de

modifier un enregistrement.

Clic sur BTN_ModifiergnCd_btn =1 // pour Modifier les enregistrement

SC_Fiche..Etat=Actif

BTN_Nouveau..Etat=GriséBTN_Modifier..Etat=GriséBTN_Supprimer..Etat=GriséBTN_Appliquer..Etat=ActifBTN_Annuler..Etat=Actif

PFE-IGE Page 49


ANNEXE B :LE CODE SOURCE DE LA REQUÊTE « REQ_LISTE_CORRES_NIVEAU»

(Figure 26: l'interface de recherche multi critères).

Afficher tous les « id_corresp », « num_corresp », « date_corresp », « id_niveau »,

« lib_niveau », « remarque », « id_utilisateur », « date_arrivee », « num_arrivee » et

« date_ajout » tels que :

« id_niveau » est égal à « Param_id_niveau »

OU

« date_corresp » est compris entre « Param_date_corresp1 » et « Param_date_corresp2 »

OU

« date_arrivee » est compris entre « Param_date_arrivee_1 » et « Param_date_arrivee_2 »

OU

« date_ajout » est compris entre « Param_date_ajout_1 » et « Param_date_ajout_2 » .

Le code SQL de la requête :

SELECT correspondance.id_corresp AS id_corresp,correspondance.num_corresp AS num_corresp,correspondance.date_corresp AS date_corresp,correspondance.id_niveau AS id_niveau,niveau.lib_niveau AS lib_niveau,correspondance.remarque AS remarque,correspondance.id_utilisateur AS id_utilisateur,correspondance.date_arrivee AS date_arrivee,correspondance.num_arrivee AS num_arrivee,correspondance.date_ajout AS date_ajout

FROM niveau,correspondance

WHERE correspondance.id_niveau = niveau.id_niveau

AND(

correspondance.id_niveau = {Param_id_niveau}OR correspondance.date_corresp BETWEEN

{Param_date_corresp1} AND {Param_date_corresp2}OR correspondance.date_arrivee BETWEEN

{Param_date_arrivee_1} AND {Param_date_arrivee_2}OR correspondance.date_ajout BETWEEN

{Param_date_ajout_1} AND {Param_date_ajout_2})

PFE-IGE Page 50

Documents

Rapport conception application