République Islamique de Mauritanie

Ministère de l’Enseignement supérieur, de

la recherche scientifique et des
Technologies de l’Information
et de la Communication

MEMOIRE DE STAGE DE FIN D’ETUDES

Présenté en vue de l’obtention du

Diplôme de Master Professionnel en Informatique Appliquée
à la Gestion (MPIAG)
Par
Seviye Taghi (IE17610) et Vatimetou Hamady (IP17658)

Conception et réalisation d'une application web pour la

gestion de la bibliothèque de l’ISCAE

Encadré par  :

- Dr. Saadbouh Cheikh El Mehdi

- Dr. Moussa Demba Bah
- Dr. Cheikh Dhib

Réalisé au sein de

L’Institut Supérieur de Comptabilité et d’Administration des Entreprises

(ISCAE)

DEDICACES
Année universitaire 2020-2021
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/2020 sans exception.

Seviye Taghi
Vatimetou hamady
Remerciements
C’est avec un très grand plaisir que nous voulons profiter de cette occasion pour
exprimer nos sincères remerciements à nos encadreur à l’institut supérieur de
comptabilité d’admiration des entreprise Dr. Saadbouh Cheikh El Mehdi, Dr.
Cheikh Dhib et Dr. Moussa Demba Bah pour leur disponibilité, ses conseils
judicieux et l’aide précieuse qu’ils n’ont pas cessé de nous apporter , pour l’intérêt
qu’ils ont accordé à notre travail tout au long de notre projet.

Nous ne pouvons pas laisser cette occasion passée sans exprimer nos respect à
l’ensemble des professeurs qui nos enseigné durant notre formation à l’ISCAE e t tout le
personnel de l’administration Finalement, nos remerciements s’adressent à tous les
membres du jury pour avoir bien voulu examiner et juger ce travail.
Tables de matières
I. Généralités..........................................................8
A. Introduction...........................................................................................9
B. Présentation de l’organisme d’accueil..................................................9
1. Historique :.............................................................................................................9
2. Structures Administratives et Pédagogiques (organigrammes) :........................10
3. Structure du département M.Q.I et M.E.D :........................................................10
C. Bibliothèque de L’ISCAE.......................................................................11
D. Mission de la bibliothèque..................................................................11
E. C’est quoi une bibliothèque................................................................12
Conclusion..................................................................................................14

II. Contexte du projet................................................15

A. Introduction.........................................................................................16
B. Définition du projet.............................................................................16
C. Contexte du projet...............................................................................16
D. Les objectives.......................................................................................16
E. Description générale............................................................................17
1. Environnement du projet.....................................................................................17
2. Fonctionnalités et structure générale du système..............................................17
F. Sécurité................................................................................................18
Conclusion..................................................................................................19

III. – Conception......................................................20
A. Introduction.........................................................................................21
B. Choix de la méthodologie de conception............................................21
1. UML......................................................................................................................21
C. Diagramme de cas d’utilisation...........................................................21
1. Définition..............................................................................................................21
 2. Notre Diagramme de cas d’utilisation.................................................................21
D. Diagramme de classe...........................................................................24
1. Définition..............................................................................................................24
2. Dictionnaire de donne.........................................................................................24
3. Diagramme de classe...........................................................................................25
Conclusion..................................................................................................28

IV. Réalisation........................................................29
Introduction...............................................................................................30
A. Framework Utilisé................................................................................30
1. Angular.................................................................................................................30
a) Les avantages d’Angular..................................................................................30
2. Springs..................................................................................................................31
a) Les avantage de Springs...................................................................................31
B. Environnement du développement....................................................32
1. wampServer (Apache MySQL).............................................................................32
2. webstroom...........................................................................................................32
3. Springs Tools 4.....................................................................................................33
4. Git Hub.................................................................................................................33
5. Tomcat.................................................................................................................34
6. Java Développement Kit (JDK).............................................................................34
 Table de figures
Figure 1 : Structures Administratives et Pédagogiques (organigrammes).......................10
Figure 2 : Structure du département M.Q.I et M.E.D.......................................................11
Figure 3 : organiser une bibliothèque..............................................................................12
Figure 4 : Diagramme de cas d’utilisation........................................................................23
Figure 5 : Diagramme de classe........................................................................................26
Figure 6 :Diagramme de classe(suite)..............................................................................27
Figure 7 : Angular..............................................................................................................30
Figure 8 : Springs boot......................................................................................................31
Figure 9 : Apache MySQL..................................................................................................32
Figure 10 :Webstroom......................................................................................................32
Figure 11 :Springs tools....................................................................................................33
Figure 12 :GitHub..............................................................................................................34
Figure 13 :Apache Tomcat................................................................................................34
Figure 14 : Authentification..............................................................................................35
Figure 15 :Voici le menu ouvrage.....................................................................................36
Figure 16Voici le menu ajouter ouvrage..........................................................................37
Figure 17Voici le menu domaine......................................................................................38
Figure 18 Voici le menu nouveau domaine....................................................................39
Figure 19Voici le menu Personne (adhérant et auteur)...................................................40
Figure 20 Voici le menu ajouter Personne.......................................................................41
Figure 21 Voici le menu emprunte...................................................................................42
Figure 22 Voici le menu restitution..................................................................................43
Figure 23 : Component Ajouter-Adhérant.html...............................................................44
Figure 24 : ouvrages.java..................................................................................................45

Liste des Acronymes

 Acronymes Definition
ISBN : est l'acronyme anglophone pour
International Standard Book Number. Ce
code de 10 ou 13 chiffres permet d'identifier
un livre, une édition particulière ou encore
un article spécifique lié à un ouvrage tels que
les livres audios

Rayonnage. : Un rayonnage est une étagère en bois, en

métal ou en plastique composée de tablettes ou
de lisses, qui permettent le stockage et
l’entreposage d’outils, de matières premières,
de denrées alimentaires

Cote : Et dans ce cadre on ’a
proposé un COTE pour la
bibliothèque :
Lettres  « L » suivi par un nombre
pour les ouvrages.
Deux Lettres  « RE» suivi par un
nombre pour les Revues.
Deux Lettres  « RA» suivi par un
nombre pour les Rapports
Ouvrages
Exemplaires
Adhérant
Emprunte
La cote est un code qui détermine l’adresse d’un
document parmi les rayonnages d’une
bibliothèque. Elle est constituée d’un ensemble
de symboles (lettres, chiffres, signes,
pictogrammes) reportés sur le document lui-
même et sur sa fiche exemplaire.
C’est un document livres ou rapport ou revu
scientifiques.
C’est un ensemble des versions d’un ouvrage.
C’est un affilier à la bibliothèque.
Un emprunt est un contrat entre un prêteur
et un débiteur (prêt des livres par les
adhérant).
 Introduction générale
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 et 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. Dans ce sens, il nous
a été demandé de concevoir un système d’information pour la gestion de bibliothèque
de L’ISCAE.
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 pauvre en ouvrages.
Notre but est de faire un projet pour la gestion du contenu et de tous les opérations qui
se réalise au sien de cette bibliothèque.
Afin de réaliser ce projet nous avons réparti ce mémoire en quatre chapitre le premier
chapitre c’est généralités il contient une présentation de l’organisation d’accueil, le
deuxième c’est le contexte général il contient une présentation de projet, le troisième
c’est la conception dans laquelle on définit le méthode utiliser avec les diagrammes et
le quatrième c’est la réalisation il contient les Framework et les outils utiliser .
I. Chapitre 1 Généralités
La mise en œuvre d’un système d’information doit passer par l’étape de l’étude
préalable qui permet d’obtenir des spécifications fonctionnelles sur le futur
système. Elle doit permettre de faire des choix définissant la structure de
l’application à développer et elle fournira une base de référence pour la suite du
projet.

Ce chapitre sera consacré à la définition du champ de l’étude, du l’organisme

d’accueil et des généralités sur les bibliothèques.

Présentation de l’organisme d’accueil

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 Il a pour mission de développer
Et d’offrir des formations initiales et continues, dans les domaines de la 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. Historique :
Avec la création de L’ISCAE il été créé une bibliothèque il été très pauvre en termes
d’ouvrage comme il n’été pas spécialiser (contient les ouvrages des filières de l’institut).
Mais cette bibliothèque a évolué avec le temps il est devenue riche avec les rapports
mais il est pauvre est terme d’ouvrages.
 2. Structures Administratives et Pédagogiques
(organigrammes) :

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

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

 Figure 2 : Structure du département M.Q.I et M.E.D
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.
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.
Définition :
Une bibliothèque est le lieu où est conservée et une collection organisée de de livres ou
documents qui peuvent être empruntés ou consultés sur place. . Il existe des
bibliothèques privées et des bibliothèques publiques.

Types de bibliothèques :
La classification de l’UNESCO distingue six catégories de bibliothèques
1. Bibliothèques nationales
2. Bibliothèques d’enseignement supérieur
3. bibliothèques importantes non spécialisées Ce sont les bibliothèques
Ce sont les bibliothèques encyclopédiques de caractère savant à
rayonnement national.
4. Bibliothèques scolaires Elles dépendent d’un établissement
d’enseignement.
5. Bibliothèques spécialisées.
6. Bibliothèques de lecture publique.

Commet organiser les ouvrages dans une bibliothèque :

Figure 3 : organiser une bibliothèque

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

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.

Conclusion

Dans ce premier chapitre, on ’a présenté une description de l’existant, en

définissant l’organigramme d’accueil et jetant l’œil à la bibliothèque
Ce qui nous a montré l’importance de la gestion de la bibliothèque d’où
notre projet.
II. Contexte
du projet
 Introduction

Dans le présent chapitre on va essayer de parler contexte général du projet de le définir

et de parler de leur utilité.

Définition du projet

Le projet est une application développé avec Anguler et Springs boot, il est destiné à la
gestion informatique des différentes activités nécessaires au fonctionnement d’une
bibliothèque Il permet notamment de gérer le prêt, la recherche des ouvrage et des
adhérant, l'acquisition de documents les gestions des restitutions et des pénalités.
L’application donne l’accès a deux utilisateur un bibliothécaire et un administrateur.

Contexte du projet

Dans la plus part des universités et des instituts dans le monde le MASTER informatique
se termine par un stage relier d’un projet du fin d’études, C’est le cas de notre
formation dans l’institut supérieure de comptabilité et d’administration des
entreprises. C’est dans ce contexte qu’on ’a choisi de faire ce projet pour résolue l’une
des problèmes de gestion dans l’ISCAE c’est le problème de gestion de la bibliothèque.
.

Les objectives

Le principal objectif de cette application est de faciliter le travail de la bibliothèque à

travers des menus permettant :
-la gestion des prêts (enregistrer des prêt, des restition envoyer des avertissements et
ajouter des pénalités).
-Gestions des ouvrages (ajout, modification et suppressions des ouvrages et des
exemplaires).
-Gestion des adhérant (ajout, modification et suppression).
- l’accès facilement aux informations des ouvrages, des rapports et des revu
scientifiques.
-avoir un historique des transactions dans la bibliothèque telle que l’ajout des
nouveaux ouvrages, des nouvelles adhérant et des emprunts.
- faire la gestion avec des règles précises telles que le nombre maximal de prêt pendant
15 jours pour un adhérant, les nombres maximal des ouvrages emprunté et la durée
maximal pour un emprunt.

Description générale

1. Environnement du projet

C’est une application pour l’automatisation de gestion la bibliothèque de l’ISCAE.

2. Fonctionnalités et structure générale du système

L’application contient 7 menus principaux :
- Ouvrages : Ce menu contient la liste des ouvrages une zone de recherche,
un bouton ajouter et des boutons modifier et supprimer et un bouton pour
ajouter des exemplaires.
-Personnes : Ce menu contient la liste des personnes internes de L’ISCAE
(qui peuvent être auteur ou adhérant), la liste des personnes externe de
l’ISCAE qui sont seulement des auteurs.
-Domaines : Ce menu contient la liste des domaines et des sciences ou il
appartient les ouvrages.
-Emprunte : Ce menu contient une liste des emprunte une zone de
recherche, un bouton ajouter pour les nouvelles emprunte.
-restitutions : contient listes des adhérant et après choix de l’adhérant une
liste des emprunts dont il a fait et après choix de l’emprunt une liste des
ouvrages pour sélectionnes les ouvrages rendu.
-pénalité : Ce menu contient une liste des pénalités.
-statistiques
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 appliquent, les principes des méthodes agiles. En effet, les méthodes agiles
aident à atteindre plus facilement et plus rapidement les besoins et les demandes
évoluées de l’utilisateur au cours du cycle de développement des projets. De ce fait, les
méthodes agiles sont de plus en plus utilisées et elles sont aussi nombreuses. Ces
méthodes offrent un produit de haute qualité tout en tenant en compte l’évolution des
besoins des clients. 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, j’ai opté pour la méthode
SCRUM
3. La méthode agile SCRUM
Scrum est considéré comme un cadre ou « Framework » de gestion de projet. Ce cadre
est constitué d'une définition des rôles, de réunions et d'artefacts.

a) Le 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.
b) Le Backlog
Le Backlog de produit est la liste des fonctionnalités attendues d'un produit, il est sous
la responsabilité du Product Owner.

Sécurité

On ’à utiliser Springs Security pour Assurer une bonne sécurité de l’application contre
les attaques informatiques surtout les attaque à distance.
On ’a créé deux utilisateur admin et bibliothécaire sont seuls qui ont l’accès.
Conclusion

En conclusion ce projet sert au développement d’une application web pour

l’automatisation de la bibliothèque de l’ISCAE il est développé par Springs
boot et Angular.
Elle gère tous les transactions dans la bibliothèque telle que l’ajout la
suppression la modification des ouvrages et des adhérents, la gestion des
emprunts restitution et des pénalités.
III. –

Conception
Introduction

La modélisation conceptuelle a pour rôle de représentation des

données manipulées ainsi que les liens sémantiques entre elles. On va
dans ce chapitre, aborder la conception à notre application en élaborant
les diagrammes des cas d’utilisation, puis la représentation de la
modélisation conceptuelle des données.
Choix de la méthodologie de conception

Dans le cadre de notre formation universitaire, Nous avons étudié des différentes
méthodes de conception, de développement et de réalisation de projets informatique
tel que la méthode de conceptions MERISE et le langage de modélisation UML (Unified
Modeling Languages). Dans ce projet, Nous avons adopté le langage de modélisation
UML dû à l’orientation objet de notre sujet à traiter accouplée à une méthodologie
agile : Scrum.

1. 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.

Diagramme de cas d’utilisation

2. 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.
3. Notre Diagramme de cas d’utilisation
Notre digramme de cas d’utilisation contient deux acteurs principal le bibliothécaire et
l’admin et à chacun de ces acteur ils st attribuer des cas d’utilisation.

Le bibliothécaire peut faire  :

 a- la gestion des prêts (enregistrer des prêt, des restition envoyer des
avertissements et ajouter des pénalités).
b- Gestions des ouvrages (ajout, modification et suppressions des ouvrages et des
exemplaires).
c- Gestion des adhérant (ajout et modification).

L’admin peut faire  :

a- la gestion des prêts (enregistrer des prêt, des restition envoyer des
avertissements et ajouter des pénalités).
b- Gestions des ouvrages (ajout, modification et suppressions des ouvrages et des
exemplaires).
c- Gestion des adhérant (ajout, modification et suppression).
d- Statistiques.
Figure 4 : Diagramme de cas d’utilisation
Diagramme de classe

4. 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.
5. Dictionnaire de donne

Classe Code Désignation Type de

Identificateur d’un ouvrage données

Long
Id ouvrage
Tables Ouvrage 

ISBN ISBN ou Code d’un String

code ouvrage
Titres d’ouvrage Titres de l’ouvrage String
tables Table interne ISCAE

id Identifiant du table long

Date d’Edition personne interne
Date d’Edition à
de l’ouvrage Date
l’ISCAE
Maison d’Edition
NNI Numéro Maison d’édition
national d’identité String
long

Nombres de pages Nombres de pages String

Nom Nom String
Id domaine identifiant du domaine Long
Domaine

Prénom
Nom du prénom
Nom de domaine String String
domaine
Date
Id dede naissance Date de naissance
Remarque sur Date String
domaine

sous domaine
l’intervention
Exemplaires Table Emprunte Sous

Photo Photo
Nom du sous Observation sur String
Id_Emprente
domaine Identifiantl’intervention
de l’emprunt long
Date début Date début de l’emprunt. Date
Date fin Date fin de l’emprunt. date

Id exemplaires Id de l’exemplaire long

Date entre Date entre a la
bibliothèque
Prix Prix d’achat
Nombre Nombre d’exemplaires
d’un ouvrage
 6. Diagramme de classe

Pour faciliter la lecture et compréhension du diagramme on là diviser en 2 diagramme

Figure 5 : Diagramme de classe

Figure 6 :Diagramme de classe(suite)
Conclusion

Suivant un langage de modélisation conceptuel oriente objet, la conception

de cette application nous ‘a permis d’acheminer notre projet et de nous
rapprocher au maximum de l’implémentation tout en permettant d’avoir
une vision virtuelle d’une solution objet. Dans le chapitre suivant, nous
avons décrire l’étude technique, la modélisation physique de données et
visualiser l’enchaînement des interfaces tout en justifiant les choix logiciels
et graphique pour l’élaboration de ce projet
IV. Réalisation
Introduction

Apres avoir parlé du contexte du projet et faire ça conception on va dans ce dernier

chapitre détailler les Framework et les environnements utiliser et on va parler des
menu de l’application en détails.

Framework Utilisé

1. Angular

Figure 7 : Angular

Angular est un Framework open source écrit en JavaScript qui permet la création

d’applications Web et plus particulièrement de ce qu’on appelle des « Single Page
Applications » : des applications web accessibles via une page web unique qui permet
de fluidifier l’expérience utilisateur et d’éviter les chargements de pages à chaque
nouvelle action. Le Framework est basé sur une architecture du type MVC et permet
donc de séparer les données, le visuel et les actions pour une meilleure gestion des
responsabilités. Un type d’architecture qui a largement fait ses preuves et qui permet
une forte maintenabilité et une amélioration du travail collaboratif.

a) Les avantages d’Angular

a- Un Framework complet avec une architecture élégante.
b- Une documentation très étoffée qui permet aux développeurs de trouver toutes
les informations nécessaires rapidement.
c- Une grande communauté, qui permet toujours de pouvoir poser des questions
en cas de blocage.
 2. Springs

Figure 8 : Springs boot

Pour faire simple, Springs Boot est un Framework de développement JAVA
permettant la création d'API web.
a) Les avantage de Springs
Légèreté : Springs Boot a la particularité d'être très léger et d'embarquer avec lui le
strict minimum pour faire tourner votre service.
Intégration facilitée : Springs Boot s'intègre particulièrement bien dans une architecture
orientée micro services
Simplicité de prise en main : Springs Boot permet donc de créer une API de services très
simplement.

Environnement du développement

3. wampServer (Apache MySQL)

i
 Figure 9 : Apache MySQL
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 PHPMyAdmin pour gérer plus
facilement vos bases de données.

4. webstroom

Figure 10 :Webstroom
WebStorm est un IDE pour les langages Web (HTML, CSS et JavaScript, développé par
l'entreprise JetBrains et basé sur la plateforme IntelliJ IDEA

5. Springs Tools 4
 Figure 11 :Springs tools
Springs Tools Suite (STS) est un plugin qui fournit un environnement de développement
pour Springs. Il offre plusieurs fonctionnalités dont voici les principales :

 La simplification de la recherche des beans Spring grâce à la fenêtre Open Bean. Il

est possible de les retrouver via leur id, de la même manière qu’on peut retrouver une
classe java.
 L’auto-complétion qui apporte une assistance dans les fichiers XML

6. Git Hub
Git Hub est un service d’hébergement et de développement de logiciels. Il est
gratuit dans le cadre des projets open source, et des forfaits sont également
offerts pour les projets privés. Actuellement, GitHub est le service
d’hébergement de code le plus populaire parmi les développeurs et les
programmeurs open source. Il utilise le système de contrôle en version Git,
d’où le nom 

Figure 12 :GitHub
7. Tomcat
Apache Tomcat est un conteneu web libre de servlets et JSP Issu du projet Jakarta c'est
un des nombreux projets de l’Apache Software Foundation Il implémente les
spécifications des servlets et des JSP du Java Community Process est paramétrable par
des fichiers XML et des propriétés, et inclut des outils pour la configuration et la
gestion. Il comporte également un serveur http.
On ’a utilise Tomcat pour le déploiement de l’application.
 Figure 13 :Apache Tomcat

8. Java Développement Kit (JDK)

Le Java Développement Kit (JDK) désigne un ensemble de bibliothèques logicielles de
base du langage de programmation Java ainsi que les outils avec lesquels le code Java
peut être compilé, transformé en byte code destiné à la machine virtuelle Java.
Il existe plusieurs éditions de JDK, selon la plate-forme Javas considérée (et bien
évidemment la version de Java ciblée) :
JSE JEE JME.

Les menus réaliser :

 Figure 14 : Authentification
Cette image est le première menu de l’application il permet un
utilisateur de s’identifier en authentifiant par son nom user et son
mot de passe.
 Figure 15 :Voici le menu ouvrage
Le menu ouvrages contient une liste des ouvrage et zone de recherche (il
peut chercher par tous les champs) un bouton ajouter deux boutons pour
l’export en Excel et en PDF.
Dans la liste des ouvrages et devant chaque ouvrage il y’a les boutons
exemplaire supprimer et modifier.
Pour le barre à gauche ce sont les menus qui s’affiche pour un
administrateur et pour la pagination chaque page peut contient 5
enregistrement et le (1) en bas l’indique.
 Figure 16Voici le menu ajouter ouvrage
Apres click sur bouton ajouter dans le menu ouvrage in nous renvoi vers ce
menu qui contient un champs types d’ouvrage pour identifier est-ce-que
c’est un livre ,rapport ou revu scientifique si c’est un rapport ou revu le
champ ISN ou code sera remplir automatiquement par un random aléatoire
si c’est un livre le champ est vide pour l’ISBN.
il contient le titre , la date d’Edition , le nombre de pages un champ cote
pour indiquer où se trouve dans la bibliothèque ce champs constitué de
deux un lettre qui se fixe en choisissent le type d’ouvrage et un nombre ;un
champs domaine qui s’affiche par une liste déroulante et si vous choisissez
un domaine dans le champs suivant il ne s’affiche que les sous domaine qui
l’appartient .
Il contient finalement le champ auteur qui peut être 1 ou plus (liste avec
choix multiple) et un bouton ajouté si l’auteur n’est pas dans la liste et un
bouton ajouter.
 Figure 17Voici le menu domaine

Le menu domaine contient une liste des domaines et zone de recherche (il
peut chercher par tous les champs) un bouton ajouter deux boutons pour
l’export en Excel et en PDF.
Dans la liste des domaines et devant chaque domaines il y’a les boutons
ajouter les sous domaine de ce domaine supprimer et modifier un domaine.
 Figure 18 Voici le menu nouveau domaine
Dans ce menu il y’a le champ Nom Domaine et l’Id est auto incrimante.

De même pour le menu sous domaine vous renter a parti du domaine et

vous ajouter le nom du sous domaine.
 Figure 19Voici le menu Personne (adhérant et auteur)
Le menu personne contient une liste des personnes internes et externes de
l’ISCE et zone de recherche (il peut chercher par tous les champs) un bouton
ajouter pour les nouvelles personnes deux boutons pour l’export en Excel et
en PDF.
Dans la liste personne et devant chaque personne il y’a les boutons adhésion
pour que se personne soit adhérant il nous renvoie vers les menus le menu
adhésion.
Il y’a le bouton pour afficher les détails, le bouton supprimer et modifier un
domaine.
 Figure 20 Voici le menu ajouter Personne
Dans ce menu il y’a un champ profession qui détermine est-il
interne ou externe de l’ISCAE s’il est interne il y’a un champ avec
profession avec une liste déroulante pour déterminer est-ce-que
c’est étudiant professeur ou personnel s’il est étudiant il y’a les
champs matricule et filière qui s’affiche s’il est professeur il y’a le
champ département qui s’affiche.
Et les autres informations relatives à la personne le NNI, Nom,
Prénom, Email, téléphone, photo et le bouton ajouter.
 Figure 21 Voici le menu emprunte
Ce menu contient une liste des adhérant avec recherche et une liste a
recherche avec choix multiple pour les ouvrages, la date du début d’emprunt
et leur date prévu du fin avec le bouton ajouter
 Figure 22 Voici le menu restitution
Le menu restitution contient une liste des adhérents après choix de
l’adhérant il y’a la liste des empruntes correspondant qui s’affiche et après
choix de l’emprunt les ouvrage de ce emprunte s’affiche il y’a la possibilité
de restitue un ouvrage ou plusieurs
 Des captures d’écran de code

Figure 23 : Component Ajouter-Adhérant.html

Figure 24 : ouvrages.java
 Conclusion général
Au cours des quatre derniers mois, nous avons entamé la création d’une
application de gestion de bibliothèque de l’ISCAE.

Dans notre projet nous avons suivi la méthode agile « SCRUM » pour
atteindre les objectifs visés. La première partie était la phase de
documentation et de recherche en suite nous avons passé à une étude et
critique de l’existant. Ce deuxième axe nous ‘a aussi conduit à étudier les
principales solutions existantes sur le marché. Dans la deuxième partie
nous avons détaillé les différents aspects conceptuels de l’application et en
fin nous avons clôturé notre rapport par une phase de réalisation qui
comporte une exposition du travail implémenté.

Tout au long de ce projet, on ‘a eu l’occasion de mettre en pratique nos

connaissances acquises au sein de l’ISCAE, on ‘a également eu
l’opportunité de travailler avec de nouveaux outils et méthodologies.
Cette expérience était très enrichissante et importante, elle nous ‘a permis
de répondre à des responsabilités et de faire face aux délais, au stress et
aux contraintes du travail.

En outre, ce projet nous ‘a permis de gérer des obstacles multiples, de

prendre des initiatives, de reconnaitre une hiérarchie, de la respecter,
d’avoir une vision plus mure d’un vrai travail responsable, et ainsi de
s’intégrer complètement dans le monde de travail.
Il nous ‘a permis également de mettre en œuvre des capacités de
communication, d’analyse, d’organisation et de gestion, et d’acquérir, par
une mise en situation réelle des compétences dans le domaine de
développement des applications web.
1