Vous êtes sur la page 1sur 44

UNIVERSITE SIDI MOHAMED BEN ABDELLAH

FACULTE DES SCIENCES ET TECHNIQUES FES

DEPARTEMENT DINFORMATIQUE

Projet de Fin dEtudes

Licence Sciences et Techniques Gnie Informatique

Ralis par : Encadr par :

FILALI Hajar Pr .CHAKER


R ILHAM

BENABDILLAH LEMDEGHRIEGhita Mr. BBAHAFID


AHAFID ABDELKRIM

Mr. BOBKER

Soutenu le13/06/2014 devant le jury compos de :

Pr. I. Chaker

Pr. J. Kharroubi

Pr. F. Mrabti

Anne Universitaire 2013-2014


2013
A nos parents

Pour nos pres qui nous aident sans cesse par leurs conseils et leur soutien et nos
mres qui nous rappellent toujours la bonne voie, nous esprerons quils
trouveront en cet humble travail lexpression de notre profonde affection

A nos frres

Votre soutien et encouragement nous marqueront jamais

A notre encadrante Madame Chaker Ilham

Toute notre gratitude et notre reconnaissance pour votre soutien et votre


valeureuse orientation

FILALI Hajar& BENABDILLAH LEMDEGHRI Ghita Page 2


Nous adressons nos remerciements les plus sincres nos encadrant de
stage dans le dpartement informatique de la socit AL OMRANE.

En particulier, nous souhaitons remercier Madame Chaker Ilham pour


son soutien continu, sa disponibilit ingale, sa confiance et ses conseils
qui nous ont permis de progresser continuellement dans notre projet.

Nous tenons remercier galement tous nos professeurs de la facult


des sciences et techniques de Fs pour la qualit de leur formation et
leur disponibilit en cas de difficults.

Finalement, nos vifs remerciements sadressent tous les membres du


jury pour avoir agr dvaluer ce travail

FILALI Hajar& BENABDILLAH LEMDEGHRI Ghita Page 3


SOMMAIRE

Introduction gnrale ............................................................................................................................................. 7

Chapitre 1 : Contexte gnral du projet ................................................................................................................. 8

Introduction ........................................................................................................................................................ 8

I-Prsentation du lieu de stage ........................................................................................................................... 8

1. Identit de la socit AL OMRANE Fs. ................................................................................................ 8

2. Al omraneen quelques chiffres ............................................................................................................ 9

3. Objectifs de la socit AL OMRANE Fs ............................................................................................... 9

4. organigramme de la socit AL OMRANE Fs .................................................................................... 10

II- Description du projet .................................................................................................................................... 12

1. Processus de la gestion documentaire ..................................................................................................... 12

2. Objectif du travail ...................................................................................................................................... 13

3. Cahier des charges .................................................................................................................................... 13

4. Choix techniques ....................................................................................................................................... 15

Conclusion ......................................................................................................................................................... 15

Chapitre 2 : Analyse et Conception ....................................................................................................................... 16

introduction ...................................................................................................................................................... 16

I- Analyse des besoins ....................................................................................................................................... 16

1. Interactions entre acteurs et systeme ...................................................................................................... 16

2. Diagrammes des cas dutilisation .............................................................................................................. 17

3. Description dtaille des cas dutilisation ................................................................................................. 21

II-Diagramme de classes.................................................................................................................................... 31

Conclusion ......................................................................................................................................................... 32

Chapitre 3 : Ralisation ......................................................................................................................................... 33

Introduction ...................................................................................................................................................... 33

I. Outils de dveloppement ............................................................................................................................... 33

II. Prsentation de lapplication ........................................................................................................................ 35

Conclusion ......................................................................................................................................................... 42

FILALI Hajar& BENABDILLAH LEMDEGHRI Ghita Page 4


conclusion gnrale .............................................................................................................................................. 43

webographie ......................................................................................................................................................... 44

LISTE DES FIGURES

Figure 1:Organigramme Al Oumrane ................................................................................................................ 11

Figure 2: Diagramme des cas dutilisation de lAdministrateur ........................................................................ 18

Figure 3: Diagramme des cas dutilisation de lemploy................................................................................... 19

Figure 4 : Diagramme des cas d'utilisation d'agent........................................................................................... 20

Figure 5 : Diagramme des cas dutilisation de responsable darchivage........................................................... 20

Figure 6:Diagramme d'activit d'authentification ............................................................................................ 22

Figure 7:Diagramme dactivits de lajout dun utilisateur ............................................................................... 24

Figure 8:Diagramme dactivits de tlchargement de document par employ/agent ................................... 25

Figure 9 : Diagramme dactivits de l'ajout d'un document par l'employ ..................................................... 27

Figure 10:Diagramme dactivits de la modification du profil dutilisateur...................................................... 28

Figure 11:Diagramme dactivits de l'archivage des dossiers pour le responsable darchivage ...................... 30

Figure 12:Diagramme de classe ........................................................................................................................ 31

Figure 13 : Page d'authentification ................................................................................................................... 35

Figure 14: Page d'accueil ................................................................................................................................... 36

Figure 15: Page de profil ................................................................................................................................... 37

Figure 16 : Ajouter une agence ......................................................................................................................... 38

Figure 17: Modifier agence ............................................................................................................................... 38

FILALI Hajar& BENABDILLAH LEMDEGHRI Ghita Page 5


Figure 18: Ajouter document ............................................................................................................................ 39

Figure 19:Lister comptes ................................................................................................................................... 40

Figure 20:Archiver dossier ................................................................................................................................ 40

Figure 21: Ajouter compte ................................................................................................................................ 41

Figure 22 : Lister comptes ................................................................................................................................. 41

FILALI Hajar& BENABDILLAH LEMDEGHRI Ghita Page 6


INTRODUCTION GENERALE

Dans le cadre de notre formation la Facult des Sciences et Techniques de Fs,


nous sommes amens faire un stage en entreprise.

Lobjectif primaire de ce stage est la prise de contact avec le milieu professionnel


et la mise en pratique des connaissances acquises durant la formation.

Notre stage sest droul au dpartement informatique de la socit AL OMRNE


Fs. Conscient de limportance et de lapport considrable des systmes
dinformation dans le processus de gestion, le chef du Dpartement nous a
propos de dvelopper une application pour la gestion lectronique des
documents.

Le prsent document constitue le rapport du projet ralis dans le cadre de ce


stage. Il est compos de trois chapitres :

-Le premier dcrit le contexte du projet savoir le lieu du stage, la description du


projet et le cahier des charges.

- Dans le deuxime chapitre, on prsente lanalyse des besoins et la conception du


systme.

-Et le dernier chapitre est consacr la prsentation de lapplication ralise ainsi


que les outils de dveloppement utiliss.

FILALI Hajar& BENABDILLAH LEMDEGHRI Ghita Page 7


CHAPITRE 1 : CONTEXTE GENERAL DU PROJET

INTRODUCTION

Dans ce chapitre, on va prsenter la socit AL OMRANE, le lieu de notre stage,sonmtier, son


historique, ses objectifs et son organisation avant dentamer le sujet de notre stage. Un sujet qui
porte sur la gestion lectronique des documents.

I-PRESENTATION DU LIEU DE STAGE

1. IDENTITE DE LA SOCIETE AL OMRANE FES.

Al OMRANE (tablissement rgional damnagement et de construction de la rgion centre


nord) : est un tablissement public caractre industriel et commercial dot de la personnalit
morale et de lautonomie financire cre en dahir n1-07-50 du 28 rabbi I 1428 (17 avril 2007).
Il est construit dans le cadre de la mise en uvre de la politique gouvernementale en matire
dhabitat visant rpondre aux besoins du pays en logement et faire face laccroissement de
lhabitat insalubre au dtriment de lhabitat rglementaire.

Al OMRANE procde dans les limites territoriales de son ressort lamnagement de


secteurs dhabitation et la ralisation de programmes de construction. Ces projets sont soit
pour son propre compte, soit pour le compte de lEtat ou des collectivits locales, titre de
promoteur immobilier pour contribuer :

- Lapplication de la politique tatique en matire dhabitat. (Orientation)


- La rgulation du march immobilier (lutte contre la spculation)
- Lamlioration du cadre bti (lutte contre lhabitat insalubre, restructuration).
- La rsorption du dficit en logements par la ralisation de grandes oprations de
lotissements et de constructions.

Au dbut, les tablissements rgionaux damnagement et de construction crs par le dahir


portant loi n 1-72-498 DU 28 rabbi II 1394 (21 mai 1974) tait dnomms :

ERAC Sud,
ERAC Tensift,
ERAC Oriental,
ERAC Centre,

FILALI Hajar& BENABDILLAH LEMDEGHRI Ghita Page 8


ERAC Nord Ouest,
ERAC Centre Sud,
ERAC Centre Nord,

Et suite la loi n 27-03 portant transformation des tablissements rgionaux damnagement et


de construction en socits anonymes rgionales dnommes AL OMRANE :

AL OMRANE Agadir SA.


AL OMRANE Marrakech S.A.
AL OMRANE Oujda S.A
AL OMRANE Casablanca S.A.
AL OMRANE Rabat S.A.
AL OMRANE Mekhns S.A
AL OMRANE Fs S.A.

Rgies par la loi n 17-95 relatives aux socits anonymes, par les dispositions de la prsente loi
et par leurs statuts, Chaque socit intervient dans le domaine gographique dans lequel
intervenait ltablissement rgional damnagement et de construction dessous.

2. AL OMRANEEN QUELQUES CHIFFRES

Chiffre daffaires de plus de 5 milliards de dirhams


Investissement moyen de plus de 6,5 milliards de dirhams
Plus de 1200 collaborateurs aux profils pointus et expriments
14 filiales dont 4 socits de projets (Villes Nouvelles)
58 reprsentations sur lensemble des rgions
Prs de 200.000 units de logements mises en chantier annuellement.

3. OBJECTIFS DE LA SOCIETE AL OMRANE FES

Les principaux objectifs de la socit AL OMRANE sont :

Instituer une socit performante capable de rpondre aux besoins croissants en termes
de logements conomiques.
Renforcer de lutte contre lhabitat insalubre selon une mission globale tant au niveau de
lintervention quau niveau des moyens mobiliser.

FILALI Hajar& BENABDILLAH LEMDEGHRI Ghita Page 9


Consolider les moyens humains. En effet, leffectif de la socit est aux environs de 400
cadres et agents avec un taux dencadrement de plus de 40%.
Rpondre aux besoins de la dconcentration et dcentralisation en crant 16 filiales
rgionales afin de rpondre aux impratifs de proximit et dintervention locale.
Assurer la ralisation de programmes de prvention en partenariat avec le priv.
Raliser dimportantes conomies dchelle.

4. ORGANIGRAMME DE LA SOCIETE AL OMRANE FES

Dans le but dassurer un bon fonctionnement et une meilleure coordination entre le


personnel au sein de cet tablissement public, un organigramme bien dfini et bien prcis
adapt a tous les types de profils du personnel du holding AL OMRANE a t mis en place afin de
rationaliser la gestion et les mthodes de travail.

FILALI Hajar& BENABDILLAH LEMDEGHRI Ghita Page 10


Directeur gnral

Directeur gnral
adjoint

Contrle de
Qualit & DD
gestion

Juridique

Conception &
Support Ralisation
dveloppement

Finance et Marketing &


Op. Foncires
comptabilit Prospectives

Ressources Montage & Rseau


humaines Programmation Commercial

Achats & Moyens Agences


Partenariat
gnraux Territoriales

Systmes
d'information

Figure 1: Organigramme Al Omrane

La structure de holding AL OMRANE montre quil y a plusieurs niveaux de contrle distribus


entre les chefs de services, et de dpartement, chaque subordonn est dpendant vis--vis de
son chef immdiat.

FILALI Hajar& BENABDILLAH LEMDEGHRI Ghita Page 11


II- DESCRIPTION DU PROJET

1. PROCESSUS DE LA GESTION DOCUMENTAIRE

1.1. LES ACTEURS

Le processus de la gestion documentaire au sein du service Informatique implique les quatre


acteurs suivants:

Ladministrateur : travaillant chez la socit AL Omrane ; il est charg de la gestion des


comptes, ;de types des documents des fonctions et des agences.

Lemploy : travaillant chez la socit AL Omrane ; chaque employ appartient un service


spcifique, il est charg de la gestion des documents.

Lagent : appartient l'une des agences filiale de la socit Al Omrane, il est charg du
tlchargement des documents.

Responsable darchivage : cest un employ de la socit Al Omrane ; cest celui qui peut
changer ltat dun dossier qui concerne un projet bien dtermin ou bien lajouter.

1.2. LES ACTIVITES

Le processus de la gestion documentaire se compose des activits suivantes :

1) Dpt des documents par les employs,


2) Tlchargement des documents par lagent ou lemploy,
3) Larchivage des dossiers par le responsable darchivage.

FILALI Hajar& BENABDILLAH LEMDEGHRI Ghita Page 12


Les diffrentes activits sont rparties sur les acteurs.

Lors de l'activit de dpt, lemploy de service remplis les informations ncessaires


pour ce document, Il prcise, le type de document, le numro,ainsi que la matricule.
Lorsque le document devient disponible lagent ou un autre employ peut le consulter
comme il peut le tlcharger.
A la fin de chaque projet le responsable darchivage modifie ltat de dossier concern
(archiv).

2. OBJECTIF DU TRAVAIL

Actuellement, la gestion des documents au sein de la socit Al Omrane est effectue


laide dun dossier partag, ou bien travers des e-mails. Cette solution prsente plusieurs
inconvnients en termes de scurit des documents, de traabilit, etc. Pour cela le
responsableinformatique chez la socit Al Omrane a dcid dautomatiser ce processus. Dans
cette optique il nous a propos le dveloppement dun systme dinformation qui permettra :

Une meilleure gestion des tches : Ajout /suppression des documents, etc.
Une meilleure communication avec les agences. En effet, le systme doit offrir aux
agents la possibilit de consulter tous les Documents poss par les employs et de les
tlcharger.
Larchivage / lajout des dossiers par le responsable darchivage.

3. CAHIER DES CHARGES

Aprs ltude dtaille de la gestion documentaire, nous avons labor le cahier des charges de
notre systme. Les exigences sont structures par thmes.

FILALI Hajar& BENABDILLAH LEMDEGHRI Ghita Page 13


Gestion dauthentification

Le systme doit permettre lutilisateur de sauthentifier.

Gestion des comptes

Le systme doit permettre ladministrateur dajouter un compte.


Le systme doit permettre ladministrateur de supprimer un compte.

Gestion des types de documents

Le systme doit permettre ladministrateur de lister les types de documents.


Le systme doit permettre ladministrateur dajouter un type.
Le systme doit permettre ladministrateur de supprimer un type.

Gestion des fonctions

Le systme doit permettre ladministrateur de lister les fonctions.

Le systme doit permettre ladministrateur dajouter une fonction.


Le systme doit permettre ladministrateur de supprimer une fonction.

Gestion des agences

Le systme doit permettre aux employs dajouter une agence.


Le systme doit permettre aux employs de lister les agences.

Gestion de profil

Le systme doit permettre utilisateur dafficher son profil.


Le systme doit permettre utilisateur de modifier son profil.

Gestion des documents

Le systme doit permettre aux utilisateurs de lister les documents disponibles.


Le systme doit permettre aux utilisateurs de rechercher un document.
Le systme doit permettre aux utilisateurs dafficher un document.
Le systme doit permettre aux employs dajouter un document.
Le systme doit permettre aux employs de supprimer un document.

FILALI Hajar& BENABDILLAH LEMDEGHRI Ghita Page 14


Le systme doit permettre aux utilisateurs de tlcharger un document.

Gestion des dossiers

Le systme doit permettre aux utilisateurs de lister les dossiers.


Le systme doit permettre aux utilisateurs dajouter un dossier.
Le systme doit permettre au responsable darchivage dajouter un dossier.
Le systme doit permettre au responsable darchivage darchiv un dossier.

4. CHOIX TECHNIQUES

Pour la ralisation de notre application nous avons effectu les choix techniques suivants :

Une Architecture 3-tiers


UML comme langage de modlisation
PHP comme langage de programmation
MySQL comme systme de gestion de base de donnes

CONCLUSION

La comprhension du contexte gnral de lentreprise ainsi que celui du projet tait


primordiale pour mieux comprendre la mission qui nous a t confie.

FILALI Hajar& BENABDILLAH LEMDEGHRI Ghita Page 15


CHAPITRE 2 : ANALYSE ET CONCEPTION

INTRODUCTION

Dans cette partie on va dabord commencer par analyser les besoins quon a pu ressortir du
cahier de charge. Ainsi, on va identifier les fonctionnalits de lapplication quon va dvelopper.
Ensuite on va modliser ces fonctionnalits identifies.

I- ANALYSE DES BESOINS

1. INTERACTIONS ENTRE ACTEURS ET SYSTEME

Nous avons identifi les acteurs suivants pour notre systme :

Ladministrateur :

Les interactions principales de ladministrateur avec le systme se rsument comme suit :

Authentification
Configuration
Ajouter/supprimer comptes
Ajouter/supprimer nouveau type de document
Ajouter/supprimer fonction
Ajouter agence
Modifier profil
Consultation
Lister les comptes
Lister les types de documents
Lister les fonctions
Lister les agences
Afficher profil

Lemploy :

Il assure les fonctionnalits suivantes :

FILALI Hajar& BENABDILLAH LEMDEGHRI Ghita Page 16


Authentification
Configuration
Ajouter/supprimer document
Modifier profil
Tlchargement document
Rechercherdocument
Consultation
Lister les documents disponibles
Lister agences
Lister dossiers
Afficher profil

Lagent :

Il assure les fonctionnalits suivantes :

Authentification
Configuration
Modifier Profil
Consultation
Lister les documents disponibles
Afficher profil
Rechercherdocument
Tlchargementdocument

Le responsable darchivage :

Son rle consiste principalement changer ltat dun dossier archiver (vers la fin de son
projet).

2. DIAGRAMMES DES CAS DUTILISATION

FILALI Hajar& BENABDILLAH LEMDEGHRI Ghita Page 17


Aprs lidentification des acteurs nous avons labor le digramme des cas dutilisation. Les
figures 2, 3 ,4et 5 montrent les diagrammes respectifs de ladministrateur, lemploy, lagent et le
responsable darchivage.

Figure 2: Diagramme des cas dutilisation de lAdministrateur

FILALI Hajar& BENABDILLAH LEMDEGHRI Ghita Page 18


Figure 3: Diagramme des cas dutilisation de lemploy

FILALI Hajar& BENABDILLAH LEMDEGHRI Ghita Page 19


Figure 5 : Diagramme des cas d'utilisation d'agent

Figure 4 : Diagramme des cas dutilisation de responsable darchivage

FILALI Hajar& BENABDILLAH LEMDEGHRI Ghita Page 20


3. DESCRIPTION DETAILLEE DES CAS DUTILISATION

Aprs lidentification des cas dutilisation du systme et leurs affectations aux acteurs,
nous avons dvelopp les fiches techniques associes. Pour chaque cas dutilisation nous avons
donn une description dtaille des scnarios et leurs reprsentations par un diagramme
dactivits. Dans la suite, nous prsenterons les fiches de quelques cas dutilisation.

3.1. GESTION DAUTHENTIFICATION

Acteur Utilisateur

Objectif lapplication doit permettre dajouter des nouveaux


lments la base de donnes

Scnario normal -Lutilisateur saisit le login et le mot de passe pour


sauthentifier et clique sur Se connecter

-Le systme vrifie les champs saisis par


lutilisateur

-Sil les trouve correctes, lutilisateur se dirige vers


la page daccueil

Scnario alternatif -Si lutilisateur oublie son mot de passe, il coche


mot de passe oubli et remplie le formulaire de
question secrte

-Le systme vrifie les informations renseignes


par lutilisateur

-Sil les trouve correctes, il obtient son mot de


passe et se dirige de nouveau a la page
dauthentification (Scnario normal)

FILALI Hajar& BENABDILLAH LEMDEGHRI Ghita Page 21


Figure 6:Diagramme d'activit d'authentification

3.2. GESTION DES COMPTES

Ajouter un nouveau compte

Acteur Administrateur

Objectif lapplication doit permettre dajouter des


nouveaux lments la base de donnes

Pr-condition Authentification

Scnario normal -Ladministrateur se dplace vers le menu compte


et il choisie le sous menu Ajouter

-Il remplit le formulaire et clique sur le bouton


Ajouter

Scnario alternatif - ladministrateur se dplace vers le menu compte


et il choisie le sous menu Ajouter

FILALI Hajar& BENABDILLAH LEMDEGHRI Ghita Page 22


-Il a cliqu sur le bouton Ajouter sans remplir le
champ (id) un message derreur saffiche

FILALI Hajar& BENABDILLAH LEMDEGHRI Ghita Page 23


Figure 7:Diagramme dactivits de lajout dun utilisateur

Supprimer un compte

Acteur Administrateur

Objectif Lapplication doit permettre de supprimer des


lments de la base de donnes

Pr-condition Authentification

Scnario normal -ladministrateur se dplace vers le menu compte


et il choisie le sous menu Lister

-Il choisit lutilisateur quil veut le supprimer et il


clique sur le bouton supprimer

Post condition Redirection vers la page liste des comptes

3.3. GESTION DE DOCUMENTS

lister mes documents

Acteur Lemploy

Objectif Lapplication doit permettre de lister les


documents poss par lutilisateur connect

Pr-condition Authentification

Scnario normal -lemploy choisit le menu Document

-Il affiche la liste de ses documents

-Ensuite il clique sur afficher ou supprimer


document

FILALI Hajar& BENABDILLAH LEMDEGHRI Ghita Page 24


Tlcharger document

Acteur Employ /agent

Objectif Lapplication doit permettre de tlcharger un


document

Pr-condition Authentification

Scnario normal -lutilisateur se dirige au menu Document

-Il choisit par suite le sous menu Lister pour


afficher la liste des documents disponibles

-Il cliquer sur afficher pour consulter le document


ou bien sur tlcharger sil veut le sauvegarder

Figure 8:Diagramme dactivits de tlchargement de document par employ/agent

FILALI Hajar& BENABDILLAH LEMDEGHRI Ghita Page 25


Ajouter document

Acteur Lemploy

Objectif Lapplication doit permettre dajouter des


nouveaux lments la base de donn

Pr-condition Authentification

Scnario normal lemploy se dirige vers le menu Document, il


choisit par suite le sous menu Ajouter

Il remplit le formulaire dajout et il clique sur le


bouton Ajouter

Lorsque lemploy est entrain de saisir le


formulaire dajout, il a fait une fausse saisie un
certain champ
Scnario alternatif
Un message derreur est affich a lemploy

FILALI Hajar& BENABDILLAH LEMDEGHRI Ghita Page 26


Figure 9 : Diagramme dactivits de l'ajout d'un document par l'employ

3.4. GESTION DES PROFIL

AFFICHER PROFIL

Acteur employ/agent/administrateur/responsable
darchivage

Objectif Lapplication doit permettre dafficher les


informations de lutilisateur connect

Pr-condition Authentification

Scnario normal Lutilisateur sauthentifier correctement

Ensuite il choisit le menu Profil

Un profil bien dtaill saffiche pour lutilisateur


connect

FILALI Hajar& BENABDILLAH LEMDEGHRI Ghita Page 27


MODIFIER PROFIL

Acteur employ/agent/administrateur/responsable
darchivage

Objectif Lapplication doit permettre de modifier les


informations de lutilisateur connect

Pr-condition Authentification

Scnario normal Aprs laffichage du profil Lutilisateur choisit le


champ quil veut le modifier

il remplit le formulaire de modification


et il valide la modification

Lorsque lutilisateur est entrain de saisir le


Scnario alternatif formulaire de modification il sest tromp

Un messager derreur est affich lutilisateur

Post condition Redirection vers la page afficher profil

Figure 10:Diagramme dactivits de la modification du profil dutilisateur

FILALI Hajar& BENABDILLAH LEMDEGHRI Ghita Page 28


3.5. GESTION DES DOSSIERS

LISTER DOSSIER

Acteur Employ /responsable darchivage

Objectif Lapplication doit permettre de lister tous les


documents disponibles

Pr-condition Authentification

Scnario normal lutilisateur choisit le menu dossiers et liste tous


les dossiers disponibles

AFFICHER DOSSIER

Acteur Employ

Objectif Lapplication doit permettre de consulter un


dossier

Pr-condition Authentification

Scnario normal lemploy choisit le menu dossiers et liste tous les


dossiers disponibles et il peut par suite les
consulter

FILALI Hajar& BENABDILLAH LEMDEGHRI Ghita Page 29


ARCHIVERDOSSIER

Acteur Responsable darchivage

Objectif Lapplication doit permettre de modifier ltat dun


dossier (archiv)

Pr-condition Authentification

Scnario normal Le responsable darchivage liste tous les


documents disponibles

Ensuite il peut modifier ltat dun dossier sil veut


larchiver

Il clique sur le bouton Archiver, le dossier sera


dans la liste des dossiers archivs

Figure 11:Diagramme dactivits de l'archivage des dossiers pour le responsable darchivage

FILALI Hajar& BENABDILLAH LEMDEGHRI Ghita Page 30


II-DIAGRAMME DE CLASSES

Nous avons dvelopp le diagramme de classes partir du cahier des charges et de la description
dtaille des cas dutilisation. La figure 11 montre le digramme de classes de notre application

Figure 12:Diagramme de classe

FILALI Hajar& BENABDILLAH LEMDEGHRI Ghita Page 31


CONCLUSION

La partie des identifications des fonctionnalits et la modlisation des scnarios tait vraiment
intressante dans le sens o elle reprsente la base de dveloppement de lapplication. Ainsi, on
a pris le temps pour faire une analyse et une conception suffisantes pour la ralisation de notre
application.

FILALI Hajar& BENABDILLAH LEMDEGHRI Ghita Page 32


CHAPITRE 3 : REALISATION

INTRODUCTION

Une fois quon a modlis tous les scnarios de lapplication, on tait amen identifier les outils de
dveloppement avant de passer la ralisation.

On a illustr la ralisation par des captures de certaines pages quon a dveloppset qui apparaissent dans la
deuxime partie de ce chapitre.

I. OUTILS DE DEVELOPPEMENT

Pour le dveloppement de notre application, nous avons utilis les outils suivants :

PHP 5 (HyperText Preprocessor) : Plus connu sous son sigle PHP, est un langage de
programmation compil la vole libre principalement utilis pour produire des pages
Web dynamiques via un serveur HTTP, mais pouvant galement fonctionner comme
n'importe quel langage interprt de faon locale. PHP est un langage impratif
disposant depuis la version 5 de fonctionnalits de modle objet compltes.

HTML (HyperText MarkupLanguage), Cest le format de donnes conu pour


reprsenter les pages web. Cest un langage de balisage permettant dcrire de
lhypertexte, do son nom. HTML permet galement de structurer smantiquement et
de mettre en forme le contenu des pages, dinclure des ressources multimdias dont des
images, des formulaires de saisie, et des programmes informatiques. Il permet de crer
des documents interoprables avec des quipements trs varis de manire conforme
aux exigences de laccessibilit du web.

CSS CascadingStyle Sheets(feuilles de styles en cascade) : servent mettre en forme des


documents web, type page HTML ou XML. Par l'intermdiaire de proprits d'apparence
(couleurs, bordures, polices, etc.) et de placement (largeur, hauteur, cte cte, dessus-
dessous, etc.), le rendu d'une page web peut tre intgralement modifi sans aucun code

FILALI Hajar& BENABDILLAH LEMDEGHRI Ghita Page 33


supplmentaire dans la page web. Les feuilles de styles ont d'ailleurs pour objectif
principal de dissocier le contenu de la page de son apparence visuelle.

JavaScript (souvent abrg JS) est un langage de programmation de scripts


principalement utilis dans les pages web interactives mais aussi ct serveur. C'est un
langage orient objet 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 quips de constructeurs permettant de crer leurs proprits, et
notamment une proprit de prototypage qui permet d'en crer des objets hritiers
personnaliss.

jQueryest une bibliothque JavaScript libre qui porte sur l'interaction entre JavaScript
(comprenant Ajax) et HTML, et a pour but de simplifier des commandes communes de
JavaScript. La premire version date de janvier 2006.

Extensions JavaScript en option. C'est l'un des projets les plus populaires sur la plate-
forme de gestion de dveloppement GitHub.

Notepad++ est un diteur de texte gnrique cod en C++, qui intgre la coloration
syntaxique de code source pour les langages et fichiers C, C++, Java, C#, XML, HTML,
PHP, JavaScript, makefile, art ASCII, doxygen, .bat, MS fichier ini, ASP, Visual
Basic/VBScript, SQL, Objective-C, CSS, Pascal, Perl, Python, R, MATLAB, Lua, TCL,
Assembleur, Ruby, Lisp, Scheme, Properties, Diff, Smalltalk, PostScript et VHDL ainsi que
pour tout autre langage informatique, car ce logiciel propose la possibilit de crer ses
propres colorations syntaxiques pour un langage quelconque.

MySQL est un systme de gestion de base de donnes (SGBD). Il est distribu sous une
double licence GPL et propritaire. Il fait partie des logiciels de gestion de base de

FILALI Hajar& BENABDILLAH LEMDEGHRI Ghita Page 34


donnes les plus utiliss au monde1, autant par le grand public (applications web
principalement) que par des professionnels, en concurrence avec Oracle, Informix et
Microsoft SQL Server.

WampServerest une plate-forme de dveloppement Web sous Windows pour des


applications Web dynamiques laide du serveur Apache2, du langage de scripts PHP et
dune base de donnes MySQL. Il possde galement PHPMyAdminpour grer plus
facilement vos bases de donnes.

II. PRESENTATION DE LAPPLICATION

Authentification : cest la page qui permet didentifier les utilisateurs afin daccder
lapplication

Figure 13 : Page d'authentification

FILALI Hajar& BENABDILLAH LEMDEGHRI Ghita Page 35


Accueil: la page daccueil

Figure 14: Page d'accueil

FILALI Hajar& BENABDILLAH LEMDEGHRI Ghita Page 36


Profil:la page de gestion du profil ; traves cette interface lutilisateur peut modifier son profil

Figure 15: Page de profil

Agence : la page pour la gestion des agences

o Cette interface permet ladministrateur dajouter une agence

FILALI Hajar& BENABDILLAH LEMDEGHRI Ghita Page 37


Figure 16 : Ajouter une agence

o Cette interface permet ladministrateur de modifier une agence

Figure 17: Modifier agence

FILALI Hajar& BENABDILLAH LEMDEGHRI Ghita Page 38


Document :Interface de lajout dun document par le chef darchivage

Figure 18: Ajouter document

FILALI Hajar& BENABDILLAH LEMDEGHRI Ghita Page 39


Document : cette interface permet de lister /chercher/tlcharger/supprimer un document

Figure 19:Lister document

Dossier : archiver dossier, permet au responsable darchivage darchiv un dossier

Figure 20:Archiver dossier

FILALI Hajar& BENABDILLAH LEMDEGHRI Ghita Page 40


Compte : Cette interface permet ladministrateur dajouter un utilisateur

Figure 21: Ajouter compte

Compte : interface qui liste tous les comptes des utilisateurs

Figure 22 : Lister comptes

FILALI Hajar& BENABDILLAH LEMDEGHRI Ghita Page 41


CONCLUSION

Lapplication quon a dvelopp rpond parfaitement aux besoins dcrits dans le cahier de
charge ; cette application peut tre etendue.

FILALI Hajar& BENABDILLAH LEMDEGHRI Ghita Page 42


CONCLUSION GENERALE

Notre projet de fin dtudes a consist en la ralisation dune application de gestion


lectronique des documents pour le Dpartement dInformatique de la socit Al
Omrane Fs. Cest une application Web qui permet dapporter une valeur ajoute et une
meilleure gestion des documents avec les agences filiale de cette socit.

Ce stage de fin dtude, effectu au sein du Dpartement dInformatique de la


socit Al Omrane Fs, nous a permis de mettre en pratique la formation thorique et
techniques acquises au court de notre formation .

Cette exprience, nous a convaincu de limportance de la modlisation dans le


processus de ralisation des projets informatiques. En plus, ce projet nous a donn
loccasion dappliquer et damliorer nos connaissances thoriques dans le langage UML
et notamment dans la modlisation des applications web.

Ce projet nous a permis galement dapprofondir nos comptences dans


lutilisation dune large gamme doutils de dveloppement web tels que JavaScript,
JQuery.

Finalement, ce projet a t trs enrichissant que a soit au point de vue technique


que humain. Nanmoins, lapplication quon a dveloppe pourrait tre amliore en
ajoutant dautres fonctionnalits.

FILALI Hajar& BENABDILLAH LEMDEGHRI Ghita Page 43


WEBOGRAPHIE

Documentation PHP :

http://www.php.net/manual

Documentation web:

http://www.w3schools.com

http://www.startyourdev.com/

Astuces :
http://stackoverflow.com

FILALI Hajar& BENABDILLAH LEMDEGHRI Ghita Page 44