Institut Supérieur de Comptabilité et d’Administration des Entreprises(ISCAE)

RAPPORT DE STAGE DE FIN D’ETUDES

Pour l’obtention du

DIPLÔME DE LICENCE
FILIERE : Développement Informatique (DI)

Thème

DEVELOPPEMENT D’UNE APPLICATION WEB D’ETIQUETAGE DU

BIBLIOTHEQUE DE L’ISCAE

ELABORÉ PAR:

I16520 EL Varha N’dah

I17438 Nessibe Baba Ahmed

I17437 Lalla Baba

ENCADRÉ PAR:

Dr. Cheikh DHIB

Année Universitaire : 2020 – 2021

 Dédicaces
Nous dédions ce modeste travail à celle qui nous ‘a donné la vie, le symbole de
tendresse, qui s'est sacrifiée pour nos bonheur et nos réussite, à nos mère A nos
père, école de nos enfance, qui ont été nos ombre durant toutes les années des
études, et qui ont veillé tout au long de notre vie à nous encourager, à nous
donner l'aide et à nous protéger, Que dieu garde et protège nos mère et ait pitié
nos père .

Et à nos chères frères nos chère sœur.

A tous nos amis et nos collègues de la promotion 2018/2021 sans exception.

Nessibe Baba Ahmed

EL Varha N’dah

Lalla Baba
 Remerciements
Au nom d’Allah le tout puissant.

On ne peut pas laisser passer l’occasion de la présentation de ce rapport

sans exprimer nos remerciements à tous ceux qui ont bien voulu
apporter l’assistance nécessaire au bon déroulement de ce stage.

On tient à remercier notre encadrant le Dr. Cheikh Dib enseignant à

L’ISCAE et Coordonnateur de filière informatique, pour nous avoir
encadré tout au long de ce stage, aussi d’être source d’information, de
communication, d’encadrement et d’orientation technique pendant toute
la durée de stage sans hésiter à aucun moment de nous prodigués,
malgré ses obligations professionnelles.

On remercie sincèrement tous les professeurs du département

informatique dans la personne du Dr. Saad Bouh Chef du département
informatique de L’ISCAE qui fournit d’énormes efforts pour ses étudiants
pour accomplir une bonne formation, dans les conditions les plus
favorables.
Finalement, nos remerciements s’adressent à tous les membres du jury
pour avoir bien voulu examiner et juger ce travail.

Merci….


Table des matières

I. Chapitre 1 : Généralité...................................................................................................................7
A. Présentation de l’Institut :...............................................................................................7
1. Structures Administratives et Pédagogiques :.................................................................7
2. Structure du département M.Q.I et M.E.D :......................................................................8
3. Bibliothèque de L’ISCAE.....................................................................................................8
II. Chapitre 2 : Contexte du projet....................................................................................................11
A. Définition du projet..........................................................................................................11
B. Problématique et Objectifs du projet..........................................................................11
C. Etude de l’existence :.....................................................................................................12
D. Description du projet :....................................................................................................12
III. Chapitre 3:Analyse et Conception...........................................................................................13
1. Méthodologie de travail :...................................................................................................13
2. La méthode agile SCRUM :..............................................................................................13
3. Sprint :.................................................................................................................................13
B. Diagramme de cas d’utilisation............................................................................................16
C. Définition...........................................................................................................................16
Diagramme de cas d’utilisation globale..................................................................................16
D......................................................................................................................................................19
E.......................................................................................................................................................19
F.......................................................................................................................................................21
G. Diagramme de classe........................................................................................................23
Définition :...................................................................................................................................23
Dictionnaire de donnée.............................................................................................................23
IV. Chapitre 4 : Réalisation.............................................................................................................30
A. Environnement du travail :............................................................................................30
1. Environnement matériel :..................................................................................................30
2. Environnement logiciel :....................................................................................................30
3. Environnement de développement :................................................................................31
B. Les menus réaliser :........................................................................................................36
1. Page d’authentification :....................................................................................................37
2. Menu domaines..................................................................................................................38
3. Ajouter un domaine..............................................................................................................39
4. Menu Ouvrages :...............................................................................................................40
5. Ajouter ouvrage :................................................................................................................40
6. Menu Étagères...................................................................................................................42
7. Menu Emplacements:........................................................................................................42
8. Menu d’impression:............................................................................................................43
9. Etiquette imprimé :.............................................................................................................44
Résumé :
L’obtention du diplôme Licence est couronnée par la réalisation d’un projet informatique,
notre projet a porté sur le développement d’une application web d’étiquetage de la
bibliothèque de l’ISCAE.

L'application ainsi réalisée permettra d'organiser la bibliothèque et ses collections d'une

manière qui convienne à la communauté des employés de bibliothèque pour les aider à
classer la bibliothèque et leur faire gagner du temps et des efforts

Le présent rapport constitue une étude et propose une solution logicielle. Pour parvenir aux
résultats, nous commencerons d'abord par analyser des systèmes des gestions des
bibliothèques existants, puis modéliser sur la base du langage UML. Ensuite pour
l'implémentation, nous utiliserons le langage de programmation PHP, le Framework PHP
utilisé sera laravel, comme SGBD, MySQL, avec pour outil de connexion à la base de
données wampserver.

:‫الملخص‬
‫ ورك@@ز مش@@روعنا على تط@@وير تط@@بيق ويب لوض@@ع‬،‫تت@@وج درج@@ة الليص@@انص بإع@@داد مش@@روع تخ@@رج‬
ISCAE ‫العالمات لمكتبة‬

‫سينظم التطبيق المنتج المكتبة ويصنفها على مجموعاتها بطريقة تناسب العاملين بالمكتب@@ة لمس@اعدتهم‬
.‫على تنظيم المكتبة من ناحية وتوفير الوقت والجهد من ناحية أخرى‬

‫ س@@نبدأ أوالً بتحلي@@ل أنظم@@ة‬،‫ ولتحقي@@ق النت@@ائج المطلوب@@ة‬.‫يشكل هذا التقرير دراسة ويقترح حالً برمج ًي@@ا‬
‫ سوف نستخدم لغة البرمجة‬،‫ ثم من أجل التنفيذ‬.UML ‫ ثم نمذجة على أساس‬،‫إدارة المكتبات الحالية‬
‫ م@@ع أداة اتص@@ال‬،MySQL ‫ واس@@تخدمنا‬،Laravel ‫ المستخدم هو‬PHP ‫ سيكون إطار عمل‬،PHP
.wampserver ‫قاعدة بيانات‬

Abstract:
The bachelor's degree is crowned by the completion of a graduation project, our project
focused on the development of a web labeling application for the ISCAE library.

The resulting application will organize the library and its collections in a way that suits the
community of library workers to help them organize the library and save them time and effort.

This report constitutes a study and proposes a software solution. To achieve the results, we
will first start by analyzing existing library management systems, then model on the basis of
UML. Then for the implementation, we will use the programming language PHP, the PHP
framework used will be laravel, like DBMS, MySQL, with the wampserver database
connection tool.

Introduction

De nos jours, les entreprises par tout dans le monde essaient de bénéficier
des avantages qu’offre l’évènement de l’informatique en commençant par
informatiser les différents services qui les constituent.

L’un des aspects les plus importants de l’utilisation de l’informatique au milieu

universitaire, est certainement la gestion de bibliothèque. Cependant, pour
une meilleure gestion, il ne suffit pas seulement d’avoir un bon matériel, un
taux d’information élevé, mais il s’agit surtout de réaliser un système
d’information performant qui gère et qui répond à tous les besoins de la
gestion.

Au sien de notre institut (l’institut supérieur de comptabilité et d’administration

des entreprises (L’ ISCAE)) il existe une bibliothèque riche en rapports, en
revue scientifique mais n’est pas étiquette, ce qui fait que le visiteur perd du
temps dans la recherche d’emplacement des ouvrages.
Notre but est de réaliser une application permettant d'organiser la bibliothèque
et ses collections d'une manière qui convienne à la communauté des visiteurs
d'une part.et avec les employés de bibliothèque d'autre part pour les aider à
classer la bibliothèque et leur faire gagner du temps et des efforts , Afin que
notre bibliothèque fournit leurs services de la meilleure façon et soient en
mesure de jouer leur rôle dans l'avancement scientifique.

Afin de réaliser ce projet nous avons réparti ce mémoire en quatre chapitres:

Dans le premier chapitre, on présente une généralité : une présentation de
l’organisation d’accueil, bibliothèque de l’Iscae, etc...
Le deuxième chapitre aborde le contexte du projet : l’étude de l’existant du
projet qui consiste à dévoiler la méthode actuelle utilisée en relevant ses
insuffisances et proposant une solution, problématique et cahier de charge.

Le troisième chapitre aborde la phase de conception. En premier lieu, on

spécifie la méthodologie adaptée, après, on présente les différents
diagrammes.
Finalement, au niveau du dernier chapitre intitulé réalisation, on présente notre
environnement de travail matériel et logiciel, ainsi que les principales
interfaces graphiques réalisées.

I. Chapitre 1 : Généralité

A. Présentation de l’Institut :

L’Institut supérieure de comptabilité et d’administration des Entreprises

est un établissement Mauritanienne public d’enseignement Supérieur et
de recherche, placé sous la tutelle du Ministère en charge de
L’Enseignement Supérieur. Il est créé en 2009 dans le but de développer
et de diversifier les formations offertes aux bacheliers scientifiques en
vue d’une meilleure intégration de l’Université dans son environnement
et Il a pour mission de développer Et d’offrir des formations initiales et
continues, dans les domaines de la finance et Comptabilité, des
techniques modernes de gestion et de l’informatique.

Il contient deux départements 

-Département Management, Economie et Droit (M.E.D)
-Département Méthodes Quantitatives et Informatiques (M.Q.I)
Il contient environ 1500 étudiants à l’année universitaire 2019/2020
repartie dans les filières de deux départements.

1. Structures Administratives et Pédagogiques : 

Figure 1 : Structures Administratives et Pédagogiques (organigrammes)

2. Structure du département M.Q.I et M.E.D :

Figure 2 : Structure du département M.Q.I et M.E.D

3. Bibliothèque de L’ISCAE
Comme tous les établissements universitaires l’ISCAE dispose d’une
Bibliothèque qui contient les ouvrages les rapports de fin d’études des
étudiants et les revues scientifiques écrites par les professeurs.

a) Mission de la bibliothèque :
La bibliothèque de l’ISCAE a plusieurs mission comme ils adhérent les
livres au étudiants aux professeurs et aux personnel de l’ISCAE il
représente un archive pour tous les diplômées.
La bibliothèque de l’ISCAE c’est le lieu de dépôt de tous les rapports de
la fin d’étude.
On peut dit qu’il est riches par ces rapports et pauvre en ouvrages et
revue.

Figure3 :bibliotheque d l’iscae

b) Définition :
La bibliothèque universitaire peut ainsi servir à la double mission des
universités, l'enseignement et la recherche. Toutefois, une université
peut avoir, en plus d'une bibliothèque universitaire, d'autres
bibliothèques rattachées à une faculté, un laboratoire, un centre de
recherche ou un institut. D'autre part, une bibliothèque peut avoir un
double fonction, nationale et universitaire, ou publique et universitaire.

c) Principales méthodes pour le rangement des

ouvrages :
On va citer huit principales méthodes pour le rangement des
ouvrages dans une bibliothèque :
-Par ordre alphabétique.
-Par genre
-Par types
-Par ordre chronologique
-par maison d’Edition
-par auteur
-Par nombre de page
-Par ordre d’arriver à la bibliothèque

d) Historique d’informatisation de la bibliothèque

Avant l’informatisation des bibliothèques, toutes les tâches étaient
réalisées manuellement, et indépendamment les unes des autres. Les
acquéreurs rédigeaient des bons de commande, les documents reçus
étaient signalés sur un registre d'inventaire manuscrit, puis les
catalogueurs rédigeaient (au moins) une fiche cartonnée par document,
qui ne quittait plus le meuble destiné à la conserver. Enfin, lors des
prêts, le nom des lecteurs était inscrit sur une fiche conservée au bureau
de circulation.
Les années 1960 a vu l'innovation capitale des formats MARC qui
permirent de stocker et d'échanger des notices catalographiques.
Le développement des capacités de stockage et des
télécommunications dans les années 1970 permirent l'émergence des
premiers SGB, sous le nom de systèmes automatisés. Les années
2010 ont été les années de la dématérialisation, les supports
d'information se diversifient les livres sont devenues numérique Une
nouvelle gamme de logiciels émerge.
II. Chapitre 2 : Contexte du projet

A. Définition du projet

Le projet est une application développé avec laravel, il est destiné à la

gestion d’organisation des différentes ouvrages dans une bibliothèque Il
permet notamment de gérer la recherche, l’ajout et la suppression des
ouvrages, des exemplaires tout en précisant leurs domaine et leurs
emplacement. L’application donne l’accès à un bibliothécaire en tant
que administrateur.
B. Problématique et Objectifs du projet

De nos jours on assiste de plus en plus à l'émergence d'une société de

communication, il s'agit d'un phénomène ou cette dernière est devenue
capitale dans la vie surtout avec l'apparition des nouvelles technologies
d'information et de communication. Ce phénomène a déjà commencé à
modifier nos habitudes, il a donné une nouvelle forme de gestion dans
plusieurs domaines. Dans ce contexte, notre encadrant nous propose
le développement d’une application informatique pour l’etiquetage de
bibliotheque permettant d’atteindre les objectifs suivants :
Aider a aurganiser la bibliotheque selon le type du domaine
simplifier le travail du bibliothecaire
facilter au visiteurs la recherche des ouvrages

Cela permet aux acteurs de la bibliotheque de gagner du temps et de se

libérer à des tâches plus stratégiques.

C. Etude de l’existence :
L’étude de l’existence est unee phase importante pour comprendre le
système actuel et degager les nouveaux besoins qui n’etaient pas
envisages afin de mettreven place une nouvelle seloution convenable
Apres les recherches realisees ,nous avons remarque que notre idee
n’estpas encore realisee par les anciens etudians de l’instuti. D’une autre
part, la plupart des applications reealisee sont destinées a la gestion du
Fonctionnement des bibliothèques, notamment la gestion de prêt, des
adhérents et des restitutions.

D. Description du projet :

L’analyse des besoins des acteurs du processus de la gestion

d’étiquetage de la bibliothèque montre que Le système doit permettre à
l'administrateur de la bibliothèque de :
Gérer les domaines des sciences (ajouter, modifier, supprimer et lister).
Gérer les ouvrages et les exemplaires de chaque domaine (ajouter,
modifier, supprimer).
Gérer l’emplacement (actif ou inactif) de chaque domaine (ajouter et
lister).
Etiqueter les étagères, leurs rayons et leurs blocs.

Gérer l’impression des étiquettes en PDF ou Excel.

Exporter liste de domaine vers un fichier Excel.

III. Chapitre 3:Analyse et Conception

A. Analyse :
 1. Méthodologie de travail :
Après avoir évoqué le travail à réaliser, la prochaine étape consiste à
préciser la méthode de travail adoptée. Pour notre cas, l'équipe au sein
de laquelle nous sommes intégrées applique, les principes des
méthodes agiles.
Qui sont des groupes de pratiques de pilotage et de réalisation de
projets
Les méthodes agiles se veulent plus pragmatiques que les méthodes
traditionnelles, impliquent au maximum le demandeur (client) et
permettent une grande réactivité à ses demandes.
De ce fait, ces méthodes sont de plus en plus utilisées et elles sont aussi
nombreuses.
Ainsi, il faut choisir la méthode la plus flexible et la plus adaptable au
besoin de notre travail. Pour le développement du projet, on a opté pour
la méthode SCRUM

2. La méthode agile SCRUM :

Scrum est une méthode agile consacrée à la gestion de projet, Son

objectif phare est d’améliorer la productivité des équipes, tout en
permettant une optimisation du produit grâce à des feedbacks réguliers
du marché
.
3. Sprint :

La méthode Scrum s’appuie sur le découpage d’un projet en boîtes de

temps, nommées sprints, le cycle de vie est rythmé par des itérations
entre quelques heures et un mois. Pour le lancement d’un nouveau
sprint, une réunion de planification est organisée afin que chaque
membre de l’équipe décide du nombre des tâches qu’il pourra réaliser.

Les sprints back log

 Test de code

sprint 1
Analyse des sprint 2 sprint 3
besoins deploiement
(2 semaine) (4 semaine) (3 semaine)
Developement
de l'Application

Maintenance
Conception et
Integration

Figure 4 : back log des sprints

Le Backlog :

Le Backlog de produit est la liste des fonctionnalités attendues d'un

produit, il est sous la responsabilité du Product Owner.

Backlog product etiquetage bibliothèque

 gérer la base des creation des
L'interfaces
données graphiques
back-end front-end
générer les page Ajouter des design
web

Protection des ajouter des

données interactivités

Figure 5 : back log du projet

Conception :

Conception générale :

Méthodologie de conception :

En regardant les objectifs fixés pour la réalisation du projet, nous

remarquons que nous sommes face à une application qui devra rester
ouverte pour les améliorations futures. De ce fait, il est très important
d’utiliser un langage universel pour la modélisation afin de clarifier la
conception et de faciliter les échanges. Notre choix est porte sur le
langage UML puisqu’il convient pour toutes méthodes objet et se prête
bien à la représentation de l’architecture du système.

Représentation du langage de modélisation :

 UML :
Se définit comme un langage de modélisation graphique et textuel
destiné à comprendre et décrire des besoins, spécifier et documenter
des systèmes, esquisser des architectures logicielles, concevoir des
solutions et communiquer des points de vue.
S’articule autour de treize types de diagrammes, chacun d’eux étant
dédié à la représentation des concepts particuliers d’un système logiciel.

B. Diagramme de cas d’utilisation

C. Définition
Les diagrammes de cas d'utilisation (DCU) sont des diagrammes
UML utilisés pour donner une vision globale du comportement
fonctionnel d'un système logiciel.

Diagramme de cas d’utilisation globale

Notre digramme de cas d’utilisation contient un acteur principal le
bibliothécaire, il est attribué des cas d’utilisation.

Le bibliothécaire peut faire  :

a- la gestion des domaines (ajout, modification et suppressions des
domaines et sous-domaine).
b- Gestions des ouvrages (ajout, modification et suppressions des
ouvrages et des exemplaires).
c- Gestion de Rayonnage (Etagères, rayons et blocs)
d- Gestion des emplacements des ouvrages selon leurs domaines
(ajout, modification, activation et des activations).
e- Gestion des étiquetés (impression)
 Figure6 : diagramme de cas d’utilisation globale

Raffinement des cas d’utilisation :

Description de cas d’utilisation « gestion domaine »

Dans cette partie, nous allons donner un aperçu détaille sur le cas
d’utilisation « gestion domaine », décrit dans la figue en listant les
différents cas d’utilisation qu’il inclut.
 Figure7 : diagramme de cas d’utilisation « gestion domaine »

Dans le tableau ci-dessous, nous allons décrire les détails du cas

d’utilisation « gestion domaine »  qui s’accompagne du scénario
d’exécution nominal.

SOMMAIRE D’IDENTIFICATION
Titre : Ajouter un domaine
But : Ajouter les domaines des sciences
Résumé : Le bibliothécaire remplit le formulaire d’ajout et valide
l’action. Le système enregistre le nouveau domaine
dans la base de données.
Acteur : Bibliothécaire
DESCRIPTION DES
ENCHAINEMNT
Pré condition Post condition
- bibliothécaire doit être - Le domaine est ajouté
authentifié

Enchaînement nominal
- Le bibliothécaire remplit le formulaire
- Le système enregistre le domaine dans la base de données
Tablau1 : tableau descriptif de cas d’utilisation « ajouter domaine »

Description de cas d’utilisation « gestion ouvrage »

 Dans cette partie, nous allons donner un aperçu détaille sur le cas
d’utilisation « gestion ouvrage », décrit dans la figue en listant les
différents cas d’utilisation qu’il inclut.

D.

Figure8 : diagramme de cas d’utilisation « gestion ouvrage »

Dans le tableau ci-dessous, nous allons décrire les détails du cas

d’utilisation « gestion domaine »  qui s’accompagne du scénario
d’exécution nominal.

E.
SOMMAIRE D'IDENTIFICATION
Titre : Ajouter ouvrage
But : Ajouter un ouvrage ou un exemplaire
Résumé : Bibliothécaire remplit le formulaire d’ajout. Le système
enregistre le nouvel ouvrage dans la base de
données.
Acteur: Bibliothécaire
 DESCRIPTION DES ENCHAINEMNT
Pré condition Post condition
- bibliothécaire doit être - L’ouvrage est ajouté
authentifié

Enchaînement nominal
- remplit le formulaire
- Le Système génère l’emplacement de l’ouvrage
- Le Système enregistre l’ouvrage dans la base des données
Tablau2 : tableau descriptif de cas d’utilisation « ajouter ouvrage »

Description de cas d’utilisation « gestion étagère »

Dans cette partie, nous allons donner un aperçu détaille sur le cas
d’utilisation « gestion ouvrage », décrit dans la figue en listant les
différents cas d’utilisation qu’il inclut.

Figure9 : diagramme de cas d’utilisation « gestion étagère »

Dans le tableau ci-dessous, nous allons décrire les détails du cas

d’utilisation « gestion domaine »  qui s’accompagne du scénario
d’exécution nominal.
 SOMMAIRE D'IDENTIFICATION
Titre : Ajouter étagère
But : Ajouter une étagère
Résumé : Bibliothécaire remplit le formulaire d’ajout. Le système
enregistre la nouvelle étagère dans la base de
données.
Acteur: Bibliothécaire
DESCRIPTION DES ENCHAINEMNT
Pré condition Post condition
- bibliothécaire doit être - l’étagère est ajoutée
authentifié

Enchaînement nominal
- remplit le formulaire
- Le Système enregistre l’étagère, ses rayons et ses blocs dans la base
des données
Tablau3 : tableau descriptif de cas d’utilisation « ajouter étagère »

Description de cas d’utilisation « gestion emplacement »

Dans cette partie, nous allons donner un aperçu détaille sur le cas
d’utilisation « gestion ouvrage », décrit dans la figue en listant les
différents cas d’utilisation qu’il inclut.
F.
 Figure10: diagramme de cas d’utilisation « gestion emplacement »

Dans le tableau ci-dessous, nous allons décrire les détails du cas

d’utilisation « gestion domaine »  qui s’accompagne du scénario
d’exécution nominal.

SOMMAIRE D'IDENTIFICATION
Titre : Activer un emplacement
But : Activer un emplacement pour lui affecter les nouveaux
ouvrages
Résumé : Bibliothécaire clique le bouton ‘activer’. Le système
active l’emplacement correspondant.

Acteur: Bibliothécaire
DESCRIPTION DES ENCHAINEMNT
Pré condition Post condition
- bibliothécaire doit être - l’emplacement est activé
authentifié

Enchaînement nominal
- Cliquer ‘activer’
- Le Système active l’emplacement correspondant et désactive celui qui
était actif et enregistre les modifications dans la base des données
Tablau4 : tableau descriptif de cas d’utilisation « activer emplacement»

G. Diagramme de classe
Définition :

 Est un schéma utilisé en génie logiciel pour présenter les classes et

les interfaces des systèmes ainsi que les différentes relations entre
celles-ci, il est considère le plus important de la modélisation oriente
objet.

Dictionnaire de donnée

Classe Code Désignation Type de

données
Id ouvrage
Tables Ouvrage

Identificateur d’un ouvrage Int

String
Nom_dom Nom du domaine auquel
appartient un ouvrage
Type_ouvrage Type de l’ouvrage String

Code Code de l’ouvrage String

 Date_édition date d’édition String

Nbr_page Nombres de pages

Int
Titre Titre de l’ouvrage String
Editeur
Nom d’éditeur String
de l’ouvrage

Année_
L’année universitaire String
Universitaire

Emp Emplacement actif de

l’ouvrage String
Tablau5 : dictionnaire de données de la table ouvrage

Id Identificateur de Int
L’affectation

Nom du domaine String

Table Emplacement

Nom_dom
Affecte
Num_étagère Numéro de l’étagère Int

Num_rayon Numéro du rayon Int

Num_bloc Numéro du bloc Int

Le statu de
l’emplacement String
Statu (actif/inactif)

Emp L’emplacement actif String

du domaine

Tablau6 : dictionnaire de données de la table emplacement

 Id Identifiant de la table Int
domaine
Table domaine

Nom Nom String

idParent Id de la science parent Int

Tablau7 : dictionnaire de données de la table domaine

Id Identifiant de l’étagère Int

Table Etagère

codeE Code de l’étagère Int

Num_rayon Numéro du rayon Int
Num_bloc Numéro du bloc Int
Tablau8 : dictionnaire de données de la table étagère

Id exemplaires Id de l’exemplaire Int

Exemplaires

Date entre Date entre à la Date

Table

bibliothèque
Id_ouvrage Numéro de l’ouvrage Int
original
Tablau9 : dictionnaire de données de la table exemplaire
Ci-dessous le diagramme de classe de notre système :

Figure11 : diagramme de classe

Diagramme d’activité :

Le diagramme d'activité est un diagramme comportemental d'UML,

permettant de représenter le déclenchement d'événements en fonction
des états du système et de modéliser des comportements
parallélisablés (Multithreads ou Multiprocessus).
Il permet de modéliser un processus interactif, global ou partiel pour
un système donné (logiciel, système d'information). Il est
recommandable pour exprimer une dimension temporelle sur une
partie du modèle.

a. Diagramme d’activité Impression des étiquettes

Demander le formulaire d’impression

Afficher le formulaire vide

Remplir le formulaire d'impression

Vérification du formulaire

[ Champs vides ou invalides ]

' Afficher un message d'erreur

[
Champs valides ]

Imprimer

Figure12 : diagramme d’activite « impression des étiquetés »

Conception architecturale :

Pour la conception de notre application nous avons opté pour le modelé

MV qui est très pratique pour la gestion de l’interaction entre les
différents composants de note application.

Architecture MVC :
L’architecture Modèle-Vue-Contrôleur : Le pattern MVC permet de bien
organiser son code source. Il va vous aider à savoir quels fichiers créer,
mais surtout à définir leur rôle. Le but de MVC est justement de séparer
la logique du code en trois parties que l'on retrouve dans des fichiers
distincts, comme l'explique la description qui suit.

Modèle :
Cette partie gère les données de votre site. Son rôle est d'aller
récupérer les informations « brutes » dans la base de données, de les
organiser et de les assembler pour qu'elles puissent ensuite être traitées
par le contrôleur. On y trouve donc les requêtes SQL.

Vue :
Cette partie se concentre sur l'affichage. Elle ne fait presque aucun
calcul et se contente de récupérer des variables pour savoir ce qu'elle
doit afficher. On y trouve essentiellement du code HTML mais aussi
quelques boucles et conditions PHP très simples, pour afficher par
exemple la liste des messages des forums.

Contrôleur :
Cette partie gère la logique du code qui prend des décisions. C'est en
quelque sorte l'intermédiaire entre le modèle et la vue : le contrôleur va
demander au modèle les données, les analyser, prendre des décisions
et renvoyer le texte à afficher à la vue. Le contrôleur contient
exclusivement du PHP. C'est notamment lui qui détermine si le visiteur a
le droit de voir la page ou non (gestion des droits d'accès)
 Figure12 : architecture MVC

Figure13: échange d’information entre les éléments

IV. Chapitre 4 : Réalisation

Au niveau de cette dernière partie, nous intéressons aux outils utilisés

pour la réalisation de notre application ainsi qu’aux principales interfaces
de l’application.

A. Environnement du travail :

1. Environnement matériel :

Nous mentionnons les caracteristiques de l’ordinateur sur lesquelles

nous avons développé l’application par ce qu’elles peuvent donner une
idée sur les conditions du travail.
L’application a été développe sur un ordinateur portable ACER aspire S3
qui se caractérise par :
PC portable TOSHIBA
Processeur : AMD A4-5000 APU HD Graphics @
1.50GHz
Mémoire installé : 4 GB

2. Environnement logiciel :

a) Langage de programmation 
On a eu recours, pour le développement de notre application au
langage de programmation PHP

3. Environnement de développement :

a) Laravel
 Figure14: logo laravel

Laravel est un Framework web open-source écrit en PHP respectant le

principe modèle-vue-contrôleur et entièrement développé en programmation
orientée objet. Laravel est distribué sous licence MIT, avec ses sources
hébergées sur GitHub

b) PHP

Figure15: logo PHP

PHP, pour HyperText Préprocesseur, désigne un langage informatique, ou un

langage de script, utilisé principalement pour la conception de sites web
dynamiques. Il s'agit d'un langage de programmation sous licence libre qui
peut donc être utilisé par n'importe qui de façon totalement gratuite.

c) MYSQL
 Figure16: logo MYSQL

MySQL est un système de gestion de bases de données relationnelles

(SGBDR). Il fait partie des logiciels de gestion de base de données les plus
utilisés au monde. Il permet de créer, modifier ou supprimer des tables, des
comptes utilisateurs, et d’effectuer toutes les opérations inhérentes à la
gestion d’une base de données.

d) APACHE

Figure17: logo Apatche

Apache Le logiciel libre Apache HTTP Server est un serveur http créé et
maintenu au sein de la fondation Apache. C'est le serveur HTTP le plus
populaire du World Wide Web. Il est distribué selon les termes de la licence
Apache.

e) HTML
 Figure18: logo HTML5

HTML, l'acronyme de « HyperText Markup Langage » (Langage de Balises pour l'«

Hypertexte »), est utilisé pour créer et représenter visuellement une page web. C'est
ce qui détermine le contenu et la présentation de base d'une page web mais pas ses
fonctionnalités.

f) CSS

Figure19: logo CSS

CSS est un langage informatique utilisé sur l'internet pour mettre en forme les
fichiers HTML ou XML. Ainsi, les feuilles de style, aussi appelé les fichiers CSS,
comprennent du code qui permet de gérer le design d'une page en HTML.

g) BOOTSTRAP
 Figure20: logo Bootstrap

Bootstrap est une collection d'outils utiles à la création du design (graphisme,

animation et interactions avec la page dans le navigateur ... etc. ...) des sites et
d'applications web. C'est un ensemble qui contient des codes HTML et CSS, des
formulaires, boutons, outils de navigation et autres éléments interactifs, ainsi que des
extensions JavaScript en option.

h) JAVASCRIPT

Figure21: logo JavaScript

JavaScript est un langage de programmation de scripts principalement employé

dans les pages web interactives mais aussi pour les serveurs. C’est un langage
orienté objet à prototype, et qui a été créé en 1995

i) JQuery
 Figure22: logo Jquery

JQuery est une bibliothèque JavaScript libre et multiplateforme créée pour faciliter
l’écriture de scripts côté client dans le code HTML des pages web

j) AJAX

Figure23: logo Ajax

Asynchrones JavaScript And XML (AJAX) : il désigne un nouveau

type de conception de pages Web permettant l'actualisation de certaines données
d'une page sans procéder au rechargement total de cette page.

k) Visual studio code

Fi
g u
r e
2 4:

logo Visual studio code

Visual Studio Code is a great editor for PHP development. You get features like
syntax highlighting and bracket matching, IntelliSense (code completion), and
snippets out of the box and you can add more functionality through community-
created VS Code extensions

l) DATATABLE
 Figure25: logo DataTable

DataTable est un plugin jQuery basé sur les fondements de l’amélioration

progressive : accessibilité, sémantique et référencement. Il permet d’organiser un
tableau HTML avec pagination, tri et filtres à la volée.

m) WAPSERVER

Figure26:
logo Wampserver

WampServer est une plate-forme de développement Web sous Windows pour des
applications Web dynamiques à l’aide du serveur Apache2, du langage de scripts
PHP et d’une base de données MySQL. Il possède également PHP

B. Les menus réaliser :

1. Page d’authentification :
 Figure27 : Page d’authentification

Cette image est le première menu de l’application, pour accéder aux

autres pages de l’application, l’utilisateur doit tout d’abord s’authentifier
Pour cela il introduit son login et son mot de passe comme l’indique la
figure
 2. Menu domaines

Figure28 : menu des domaines

Le menu domaines contient une liste des domaines, une zone de

recherche (il peut chercher par tous les champs), un bouton ajouter et un
bouton pour l’export en PDF.
Dans la liste des domaines, devant chaque domaine il y’a deux boutons
à travers lesquels l’utilisateur peut choisir une des options supprimer ou
modifier.
Pour le barre à gauche ce sont les menus qui s’affiche pour un utilisateur
et pour la pagination chaque page peut contient un nombre
d’enregistrement déterminé.
 3. Ajouter un domaine

Figure29 : ajouter un domaine

Parmi les fonctionnalités de notre application, l’utilisateur peut créer un

nouveau domaine. Pour le faire, l’utilisateur doit remplir toutes les
informations générales d’un domaine : nom du domaine et le domaine
parent comme indique la figure
 4. Menu Ouvrages :

Le menu ouvrages contient une liste des ouvrages, une zone de

recherche (il peut chercher par tous les champs), un bouton ajouter et un
bouton pour l’export en PDF.
Dans la liste des ouvrages, devant chaque ouvrages il y’a deux
boutons à travers lesquels L’utilisateur peut effectuer des opérations
comme la modification des informations et la suppression des
ouvrages.

Figure30 : menu des ouvrages

5. Ajouter ouvrage :
 Figure31 : ajouter un ouvrage
En cliquant sur le bouton ajouter, un formulaire va apparaitre,
l’utilisateur doit remplir toutes les informations générales d’un
ouvrage : de son domaine a son année universitaire, La
colonne ‘emplacement’ sera remplir automatiquement en fonction du
nom du domaine de l’ouvrage et de l’emplacement actif de son
domaine.
 6. Menu Étagères 

Figure32 : menu des étagères

Le menu étagères est utilisé pour le rayonnage, il contient une liste des
étagères avec leurs rayons et leurs blocs, une zone de recherche (il peut
chercher par tous les champs), un bouton ajouter et un bouton pour
l’export en PDF.
Cette liste permet à l’utilisateur de supprimer ou modifier des étagères
(code, rayon et bloc).

7. Menu Emplacements:
 Figure33 : menu des emplacements

Le menu emplacements contient la liste des emplacements des

domaines et leurs statu (actif ou inactif), pour un domaine à un moment
donné un seul emplacement peut être actif, de plus le menu content une
zone de recherche (il peut chercher par tous les champs), un bouton
ajouter et un bouton pour l’export en PDF.
Cette menu permet à l’utilisateur de choisir l’une des options activer,
supprimer ou modifier

8. Menu d’impression:

Le menu d’impressions content trois formulaires dans chacun l’utilisateur

précise l’étagère, le rayon, le bloc et le nombre des étiquettes qu’il veut
imprimer.
 Figure34: menu d’impressions
9. Etiquette imprimé :

Figure35: étiquètes imprime en PDF

Figure36: étiquètes imprime en Excel
 Conclusion :

Au terme de ce rapport, nous pouvons conclure que ce projet de fin

d’étude nous a donné une occasion opportune, nous permettent de
confronter l’acquis théorique a l’environnement pratique

En effet, le projet nous a permis de prendre certaines responsabilités,

par la suite de consolider de plus en plus nos connaissances théoriques
et pratiques. C’est la réside la valeur d’un tel projet de fin d’études qui
combine les exigences de la vie professionnelle aux cotes bénéfiques
de l’enseignement pratique que nous avons eu à l’institut supérieur de la
comptabilité et d’administration des entreprises

Ce travail de conception et de développement d’une application –

Etiquetage bibliothèque– au long du projet nous a été bénéfique sur
plusieurs plans : en effet, il nous a permis de perfectionner nos
connaissances acquises en programmation et en conception

Du point de vue technique , ce projet nous a permis de nous adapter

avec l’environnement du développement informatique , de même il nous
a permis de maitriser la méthode développement, le processus unifie et
des nouvelles technologies de programmation

Tout au long de l’élaboration du projet, nous avons rencontré plusieurs

difficulté tant au niveau conceptuel qu’au niveau de la réalisation. Tout
de même, nous avons réussi à les surpasser pour présenter en fin de
compte une application web utile.

Comme tout projet et afin de rendre notre application plus intéressante,

notre travail peut supporter plusieurs perspectives en effet l’application
que nous avons développé pourrait être un comparateur de cours de
changes de toutes les bibliothèques universitaires.
Nous espérons enfin que le travail que nous avons effectué a été à la
hauteur de la confiance qui nous a été donnée.
Bibliographie et Nétographie
Bibliographie :
Rapport de stage : master professionnel en informatique
appliquée (saviye taghi, Vatimetou Hamady, ISCAE, 2020) ;
Rapport de projet de fin d’étude : licence en développement
informatique (Med mamoune Ahmed ISCAE, 2020) ;

Nétographie :

 https://openclassrooms.com/courses/dynamisez-vos-sites-web-avecjavascript
 (Cours du java Script)
 http://www.w3schools.com/bootstrap (Cours, articles, tutoriels du Bootstrap)
 http://stackoverflow.com/ (Forum-solutions informatiques)
 https://fr.wikipedia.org/wiki/JQuery (Wiki jQuery)

 https://fr.wikipedia.org/wiki/JQuery (Wiki jQuery)