UNIVERSITE MOHAMED

PREMIER
ECOLE SUPERIEURE DE
TECHNOLOGIE
Dpartement Gnie Informatique
Filire Gnie Logiciel
OUJDA

Rapport de projet de fin dtudes

GESTION NUMERIQUES DES DOCUMENTS

DOCESTO

Ralis par:
Eddaalous Moad
Berchane Mohamed

Encadr par:
Mlle Hafida Zrouri

ANNEE UNIVERSITAIRE: 2014/2015

Remerciements
Aujourdhui, et en dernier anne dans notre cursus, nous tenons absolument exprimer notre reconnaissance
envers toutes les personnes, dont lintervention au cours de ce projet a favoris son aboutissement.
Nous tenons exprimer notre gratitude et notre remerciement Mlle ZROURI, pour son encadrement et ses
conseils pertinents qui nous ont aids tout au long de notre projet, il ne cesse de nous pousser faire sortir le
meilleur de nous-mmes.
Nous gratifions aussi tout le personnel de lcole Suprieure de Technologie dOujda pour les bonnes
conditions dtudes qui sont autant instructives que fructueuses.
Nous remercions chaleureusement toutes ceux qui nous ont adjoint laide ncessaire afin daccomplir notre
projet.
Finalement, nous tenons remercier les membres du jury qui ont accept dvaluer notre projet de fin
dtude ainsi que toute personne ayant participe de prs ou de loin la ralisation de ce travail.

Sommaire
Remerciements............................................................................................................................ 2
Sommaire.................................................................................................................................... 3
Introduction................................................................................................................................. 5
Chapitre1: Prsentation du projet................................................................................................ 6
1. Cahier charges...................................................................................................................... 7
Prsentation :............................................................................................................................. 7
Objectifs :................................................................................................................................... 7
2. Les langages et outils utiliss :.............................................................................................. 7
3. Les logiciels utiliss................................................................................................................ 9
Chapitre2 : Conception et modlisation..................................................................................... 11
I. Conception de la base de donnes DocEsto......................................................................11
II. Modlisation de donnes..................................................................................................... 13
Chapitre3: Ralisation de lapplication...................................................................................... 15
1. Page daccueil :................................................................................................................... 16
2. Espace adhrant :................................................................................................................ 17
3. Espace Administrateur :...................................................................................................... 22
4. Espace Assistant :................................................................................................................ 29
Conclusion :............................................................................................................................... 30

Figures :
Figure 1 : Modle conceptuel de donne..........................................................................................................11
Figure 2 : Modle logique de donn.................................................................................................................12
Figure 3 : Diagramme de cas ...........................................................................................................................13
Figure 4 : Diagramme de squence authentification.........................................................................................14
Figure 5 : Diagramme de squence l'ajout d'un livre........................................................................................14
Figure 6 : Page daccueil..................................................................................................................................16
Figure 7 : page daccueil adhrant....................................................................................................................17
Figure 8 : Consultation des livres.....................................................................................................................18
Figure 9 : Les livres .........................................................................................................................................18
Figure 10 : Formulaire de recherche des livres ...............................................................................................18
Figure 11 : Rsultat du recherche.....................................................................................................................19
Figure 12 : Message d'erreur ...........................................................................................................................19
Figure 13 : Message d'erreur............................................................................................................................19
Figure 14 : Message de russi...........................................................................................................................19
Figure 15 : Consultation des rapports...............................................................................................................20
Figure 16 : Formulaire consultation des rapports ............................................................................................20
Figure 17 : Message d'erreur ...........................................................................................................................20
Figure 18 : Rsultat de recherche des rapports.................................................................................................21
Figure 19 : Contacter nous................................................................................................................................21
Figure 20 : Page daccueil responsable............................................................................................................22
Figure 21 : Ajouter un emprunt........................................................................................................................23
Figure 22 : consultation des rapports................................................................................................................23
Figure 23 : Suppression emprunt......................................................................................................................24
Figure 24 : Boite de confirmation.....................................................................................................................24
Figure 25 : Message suppression......................................................................................................................25
Figure 26 : Ajouter livre...................................................................................................................................25
Figure 27 : Consultation des livres...................................................................................................................26
Figure 28 : gestion livre....................................................................................................................................26
Figure 29 : gestion catgorie.............................................................................................................................27
Figure 30 : Modifier Catgorie.........................................................................................................................27
Figure 31 : Page daccueil assistant..................................................................................................................28

Introduction
Pour mieux les insrer en monde professionnel, lcole Suprieure de Technologie propose ces lves
de raliser un projet de fin dtude en deuxime anne.
Il sagissait au cours de ce projet de raliser un site web pour la gestion numrique des livres au sein de
la bibliothque ainsi que la gestion des rapports de stages et des projets.
Cette application est accessible par trois acteurs principales : les enseignants, les tudiants, lassistance
ainsi que ladministrateur.
Pour mener notre projet son terme, nous avons adopt, dans un premier lieu lanalyse Merise et le
langage UML pour la modlisation des donnes et des traitements, ensuite nous avons choisi pour le
dveloppement de notre application les langages HTML, CSS, JAVASCRIPT, PHP, WAMPSERVER,
JQUERY.
Afin de prsenter notre dmarche de travail, notre rapport est organis de la faon suivante :
Tout dabord, nous commenons par lanalyse du projet, qui consiste prsenter une description de ce
dernier et les techniques et outils utilis, dans une seconde partie nous dcrivons la conception et la
modlisation de lapplication web en dtaillant les principaux scnario de son utilisation, dans la dernire
partie nous prsentons la ralisation de lapplication, et finissons par une conclusion .

Chapitre1: Prsentation du projet

1. Cahier charges
Prsentation :
On a remarqu labsence de tout systme de gestion des documents numriques au sein de la
bibliothque dans lcole Suprieure de Technologie dOujda.
Nous souhaitons donc raliser un site web intitul DocEsto dans le but de rpertorier et grer les
ressources de la bibliothque au sein de notre cole.

Objectifs :
Notre application sadresse deux principaux acteurs:

1- A lattention des adhrents:

Les enseignants(es) et les tudiants ont la possibilit de rserver des livres en ligne et les
emprunter au service du bibliothque.
Ils peuvent aussi consulter des rapports de stages ou de projets de fin dtudes ainsi les
tlcharger.
2- A lattention des gestionnaires de la bibliothque
Gestion des livres, rapports, catgories

2. Les langages et outils utiliss :

HTML
HTML, est 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.

CSS
Les feuilles de style en cascade,
gnralement
appeles CSS,
forment
un langage
informatique qui
dcrit
la
prsentation
des
documents HTML .

JavaScript

JavaScript est un langage de programmation de scripts orient objet, il est ce jour utilis majoritairement
sur Internet, conjointement avec les pages Web (HTML). Le JavaScript s'inclut directement dans la page Web
(ou dans un fichier externe) et permet de dynamiser une page HTML.

PHP
PHP est un langage de
programmation 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.

UML
En informatique UML, ou Langage
de modlisation unifi, est
un langage de modlisation
graphique. Il est utilis
en dveloppement logiciel, et
en conception oriente objet. UML
est couramment utilis dans les
projets logiciels.

JQuery

Est une bibliothque (c'est--dire un ensemble de codes prts l 'emploi) conue pour simplifier lcriture de
codes JavaScript.Cre en 2006 par John Resig, cette bibliothque est la plus clbre et la plus utilise ce
jour.

3. Les logiciels utiliss

Notepad++
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, HTML, PHP, JavaScript.

PowerAMC:
PowerAMC est un logiciel de
conception, qui permet de
modliser les traitements
informatiques et leurs bases de
donnes associes.

WampServer
WampServer est une plateforme de
dveloppement 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 interprteur de script (PHP), ainsi
que PhpMyAdmin pour l'administration Web des bases MySQL.

Chapitre2 : Conception et modlisation

I. Conception de la base de donnes DocEsto

La conception est une tape essentielle dans tout projet, partir de la spcification des besoins dcris
prcdemment, nous allons prsenter la conception de la base de donnes, modle conceptuel et logique de
donnes.

1. Rgles de gestion :
Dbuter en modlisation de base de donnes, ncessite une criture pralable des rgles de gestion des
donnes, pour avoir en rsultat un MCD cohrent.
Les rgles de gestion de notre application sont:

Un adhrent peut emprunter aucun ou plusieurs ouvrages.

Un adhrent peut rserver aucun ou plusieurs ouvrages.
Un ouvrage appartient une catgorie.
Une catgorie appartient un ou plusieurs ouvrages.
Un adhrent peut emprunter aucun ou plusieurs rapports
Un responsable peut manipuler aucun ou plusieurs ouvrages et rapports.
les ouvrages sont grer par un seul responsable
Les rapports sont grer par un seul responsable.

2. Modle conceptuel de donnes :

La conception de lapplication de gestion de la bibliothque et les rapports ncessite llaboration dun
modle conceptuel de donnes qui reprsente les diffrentes entits ncessaire au bon fonctionnement de
lapplication.
Dans la figure suivante nous prsentons la version finale de notre MCD :

Figure 1 : Modle conceptuel de donne

3. Modle logique de donnes :

Figure 2 : Modle logique de donn

II. Modlisation de donnes

1. Diagramme de cas :
Les diagrammes de cas d'utilisation sont des diagrammes UML utiliss pour donner une vision globale du
comportement fonctionnel d'un systme logiciel.
Un cas d'utilisation reprsente une unit discrte d'interaction entre un utilisateur et un systme. Il est une
unit significative de travail.
Dans notre projet, il existe deux acteurs principaux qui sont
Ladhrent (tudiant, enseignant), et le responsable (administrateur, assistance)

Figure 3 : Diagramme de cas

2. Diagramme de squence :
Les diagrammes de squences sont la reprsentation graphique des interactions entre les acteurs et le systme
selon un ordre chronologique dans la formulation Unified Modeling Language. Le diagramme de squences
permet de cacher les interactions d'objets dans le cadre d'un scnario d'un Diagramme des cas d'utilisation.
Dans un souci de simplification, on reprsente l'acteur principal gauche du diagramme, et les acteurs
secondaires ventuels droite du systme. Le but tant de dcrire comment se droulent les actions entre les
acteurs ou objets.

Sauthentifier :
Pour sauthentifier, lutilisateur saisit son login et son mot de passe, le systme envoie une page daccueil si
les informations saisit sont correct, sinon lapplication envoie un message derreur.
Voici ci joint diagramme de squence :

Figure 4:
Diagramme de
squence
authentification

Ajou
ter
un

livre :
Avec le service de gestion de la bibliothque, ladministrateur peut ajouter un livre selon le diagramme
suivant :

Figure 5 :
Diagramme de
squence l'ajout
d'un livre

Chapitre3: Ralisation de lapplication

1. Page daccueil :

Dans notre page daccueil, on trouve deux formulaires principales, la premire est celle
dauthentification, et la deuxime est celle dinscription dans notre site web, que sa soit pour le responsable,
ou pour adhrent.
Le formulaire dauthentification est grer par un script PHP, qui test le login, et mot de passe si sont
correctes.
Ainsi le formulaire dinscription est rgent par un script PHP, qui contrle lenvoie du donns au
serveur, bien videment si toutes les champs sont bien remplies, ou si le login est dj existe dans la base de
donn.
Si lutilisateur oublie son mot de passe, il vas nous donner son login, ensuite on vas rcuprer son mail,
pour envoyer son mot de passe au mail spcifier.

Figure 6 : Page daccueil

2. Espace adhrant :
Page daccueil :

Aprs lauthentification, ltudiant se redirige vers sa page daccueil. Cette dernire contient un menu
qui se constitue de quatre menus : Accueil contient deux sous menu :
Prsentation bibliothque ESTO, Consultation des livres, Consultation des rapports, Contacter nous.

Figure 7 : page daccueil adhrant

Consultation des livres :

La page correspondante est :

Figure 8 : Consultation des livres

Adhrent peut voir les livres quil a rservs, ainsi les livres quil y a empruntent.

Figure 9 : Les livres

Un formulaire de recherche des livres non emprunter cest dire ltat demprunt vaut zro.

Figure 10 : Formulaire de recherche des livres

Aprs la recherche du livre un tableau va sapparaitre qui contient la rsultat du recherche pour donner la
possibilit ladhrent de rserver ce livre.

Figure 11 :
Rsultat du
recherche

Aprs la clique
sur
licne
rserver :
Si la rservation est dj fait sur ce livre, cest dire le livre est rserv par un autre adhrant, il vas ttre
afficher un message comme suit :

Figure 12 :
Message
d'erreur

Si ladhrent est un tudiant(e) il a le droit de rserver juste un livre, si il a pens a rserver un autre livre
un message derreur vas sapparaitre :
NB : Si ladhrent est un enseignant, il peut rserver le nombre quil veut des livres, pas dexception.

Figure 13 :
Message d'erreur

Si la rservation est bien t effectue un message va ttre affich :

Figure 14 :
Message de
russi

Consultation des rapports :

La page correspondant :

Figure 15 : Consultation des rapports

Ladhrent peut consulter les rapports de stage ou dtude class par filire et option dans lESTO, et une
barre de recherche des rapports soit par titre, soit par auteur.

Figure 16 : Formulaire consultation des rapports

Si le rapport nexiste pas dans la base de donn, un message derreur comme suit :

Figure 17 :
Message
d'erreur

Si le rapport existe dans la base de donnes, ladhrent peut tlcharger la rapport en cliquons sur licne
tlcharger :

Figure 18 :
Rsultat de
recherche des
rapports

Contacter ladministrateur du site web :

Figure 19 : Contacter nous

3. Espace Administrateur :
o

Page daccueil :

Aprs lauthentification, ladministrateur se redirige vers sa page daccueil. Cette dernire contient

un menue qui se constitue de sept menus : Accueil, Gestion demprunt (composer de trois sous menu
lajout, la suppression et la consultation des emprunt), Gestion des rservations, Gestion rapports
(compos de deux sous menu lajout et la consultation des rapports), Gestion des livres (compos de
trois sous menu lajout et la consultation des livres) ,Gestion des catgories, Gestion adhrant.

Figure 20 : Page daccueil responsable

Gestion des emprunts :

Ajouter emprunt :

Figure 21 : Ajouter un emprunt

Consultation emprunt :

Figure 22 : consultation des rapports

Supprimer emprunt :

Figure 23 : Suppression emprunt

Une boite de confirmation vas sapparaitre comme suit :

Figure 24 : Boite de confirmation

Si la suppression est bien t effectuer, on affiche le message qui suit :

Figure 25 : Message suppression

Gestion des livres :

Ajouter un livre :
Ladministrateur Ajoute les livres dans la base de donn laide de ce formulaire :

Figure 26 : Ajouter livre

Consulter livre :
Consulter les livres classs par catgorie :
Si ladhrent spcifie lune des choix de recherche, diffrent a tout un message derreur vas tre afficher Il
faut remplir le champ.

Figure 27 : Consultation des livres

Rsultat du consultation des livres, donne la possibilit de modifier ou supprimer le livre :

Figure 28 : gestion livre

Gestion des catgories:

Consultation catgorie :

Ladministrateur peut ajouter une catgorie, modifier une catgorie, et supprimer une catgorie :

Figure 29 : gestion catgorie

Modifier catgorie :
Si ladministrateur clique sur licne modifier une page va sapparaitre comme suit :

Figure 30 : Modifier Catgorie

4. Espace Assistant :
o

Page daccueil :

Aprs lauthentification, lassistant se redirige vers sa page daccueil. Cette dernire contient un
menue qui se constitue de quatre 3 : Accueil, Gestion demprunt (composer de trois sous menu lajout, la
suppression et la consultation des emprunt), Gestion des rservations.

Figure 31 : Page daccueil assistant

NB :
Le traitement de la gestion des emprunts et les rservation est le mme que ladministrateur.

Conclusion :

Pour conclure , DOCESTO tait raliser pour simplifier la gestion de bibliothque ESTO.
Dune part, la ralisation et le dveloppement de cette application web au sein dans notre cole
Suprieure de Technologie dOujda, nous a permis de dcouvrir limportance de loutil informatique
dans la vie professionnelle et de prendre conscience de limportance du savoir-tre, tre dynamique, tre
motiver...et les relations humaines seuls capables de faire avancer les choses.
Dans cette perspective, on a pu travailler au sein dun groupe, on apprenant affronter nos problmes
personnel et mieux se concentrer sur notre objectif professionnel, quest tre la hauteur des attentes de
notre encadrante.
Dune autre part, pendant la ralisation de lapplication on a rencontres des difficults dans la phase
conception et modlisation, qui ont pris beaucoup de temps.
Finalement, nous avons pu constater que la priode de projet de fin dtude est dune extrme
importance.