École Supérieur d’informatique et du Numérique (ESIN)

Filière : Cycle Ingénieure en Génie Informatique

Niveau : 1er Année cycle Ingénieur (ING 3)

Rapport de stage technicien

Sujet du Projet

Développement d’une application web de gestion de stock.

Travail Réalisé par : Tuteur académique :

Anas, HAQOUN Dr. Najib, MEHDI

Tuteur professionnel :
Mr. Nabil, OUFARA

Année Universitaire 2020/2021

Rapport du Projet : Développement d’une application web de gestion de stock.

Dédicaces

Je dédie ce travail :

À mes parents en témoignage de leurs sacrifices et leurs encouragements.

À mes sœurs et frères pour leurs soutiens.

À mes amis en souvenirs des bons moments passés ensemble.

À tous ceux qui m’ont donné l’aide nécessaire et m’ont encouragé, de près ou de loin.

Merci d’être toujours là pour moi.

Que Dieu vous garde.

2
Rapport du Projet : Développement d’une application web de gestion de stock.

Remerciements
Au terme de ce projet je tiens à remercier infiniment Mr Najib Mehdi qui a eu l’amabilité de
répondre à mes questions et de fournir les explications nécessaires et aussi pour son assistance
et pour sa qualité de l’enseignement.

Je désire aussi remercier mon maitre de stage Mr Nabil Oufara et son assistant Mohammed
Lamniai pour leur partage des connaissances et leur disponibilité et la qualité de leur encadre-
ment.

Enfin, je voudrais adresser ici mes remerciements spéciaux à la direction du département

Supérieur d’informatique et du numérique de l’UIR et du Centre National d'Etudes et de Re-
cherches Routières.

3
Rapport du Projet : Développement d’une application web de gestion de stock.

Table des matières

DÉDICACES.................................................................................................................................................... 2
REMERCIEMENTS........................................................................................................................................... 3
TABLE DES MATIÈRES..................................................................................................................................... 4
INTRODUCTION GÉNÉRALE............................................................................................................................ 5
PARTIE I : PRÉSENTATION GÉNÉRALE............................................................................................................. 6
I. INTRODUCTION :.............................................................................................................................. 7
II. PRESENTATION DE L’ENTREPRISE:............................................................................................. 7
III. PRÉSENTATION DU PROJET :..................................................................................................... 8
1. Objectifs à atteindre :.............................................................................................................................8
2. Avantages de l’application :...................................................................................................................8
PARTIE II : CONCEPTION................................................................................................................................. 9
I. INTRODUCTION :............................................................................................................................ 10
II. DIAGRAMME DE CLASSE :........................................................................................................ 10

II. Les scenarios d’usage :.................................................................................................................. 10

PARTIE III : RÉALISATION.............................................................................................................................. 12
I. INTRODUCTION :............................................................................................................................ 13
II. ENVIRONNEMENT DU DÉVELOPPEMENT :............................................................................13
1. Environnement matériel :....................................................................................................................13
2. Environnement logiciel :.......................................................................................................................13
a. Eclipse :..............................................................................................................................................................13
b. Lucide Shart :.....................................................................................................................................................13
c. Xampp :.............................................................................................................................................................14
d. Word :................................................................................................................................................................ 14
3. Bibliothèques :.....................................................................................................................................14
a. JasperReports :..................................................................................................................................................14
b. MySQLConnector :.............................................................................................................................................14
4. Technologies :......................................................................................................................................14
a. Java :.................................................................................................................................................................. 14
b. JSP :.................................................................................................................................................................... 14
c. HTML :...............................................................................................................................................................15
d. CSS :................................................................................................................................................................... 15
e. Bootstrap :.........................................................................................................................................................15

III. INTERFACE ET UTILISATION DE L’APPLICATION :............................................................15

IV. CONCLUSION :............................................................................................................................. 17

4
Rapport du Projet : Développement d’une application web de gestion de stock.

Introduction générale

L’informatisation du système d’information est indispensable pour n’importe qu’elle type

d’organisation, ainsi le développement d’une organisation matière de technologie de l’infor-
mation exige de nouveau moyen est support pour échanger et diffuser l’information dans le
but de réduire les contraintes de temps, d’espace et facilité la gestion de l’organisation.
Mon projet consiste à développer une application Web sous JAVA qui propose de nom-
breuses fonctionnalités aux responsables de stock de gérer le stock et à l’administrateur de
gérer les comptes et de vérifier le stock.
Ce rapport décrit les étapes de développement de mon projet. Il contient 3 Chapitres. Le pre-
mier chapitre « Présentation Générale » qui présente le contexte du travail.
Le troisième chapitre « Phase de Réalisation ».
Finalement je termine avec une conclusion générale.

5
Rapport du Projet : Développement d’une application web de gestion de stock.

PARTIE I : Présentation générale

6
Rapport du Projet : Développement d’une application web de gestion de stock.

I. Introduction :
Ce chapitre consiste, en premier lieu, à examiner le Projet regroupant les par-
ties qui permettent de définir le champ de l’étude et le planning prévisionnel.
Et en second lieu, l’étude du cahier de charges regroupe les parties qui per-
mettent d’analyser l’existant et nous dégageons, ainsi, les fonctions du système
actuel afin de développer une application de qualité dans le futur. Et enfin,
nous décrivons les objectifs à atteindre et les avantages de l’application.

II. Présentation de l’entreprise :

Le Centre National des Etudes et des Recherches Routières (CNER), crée en
1979, est un Service de l’Etat Géré de Manière Autonome (SEGMA) sous la tu-
telle administrative de la Direction des Etudes, du Développement et de la Re-
cherche Routière qui relève de la Direction Générale des Routes et du Trans-
port Terrestre.
Le CNER est structuré comme suit :

Il a pour principales missions :

* L’auscultation des chaussées et des ouvrages d’art ;
* Le développement de systèmes de gestion routiers ;
* L’établissement d’études et de recherches routières ;
* Assistance et formation sur les techniques routières.

7
Rapport du Projet : Développement d’une application web de gestion de stock.

Pour ce, le CNER est doté d’un équipement moderne et d’importantes expé-
riences et compétences qu’il a pu acquérir au fil des années en matière d’aus-
cultation routière, de comptage du trafic routier, d’expérimentation de nou-
veaux matériaux de construction et de systèmes de gestion routiers.

III. Présentation du projet :

L’objectif de ce projet est de trouver une solution pour gérer le stock par deux
types de responsable de stock à partir d’une application Web.

1. Objectifs à atteindre :
- Gestion de stock
2. Avantages de l’application :

- Gestion des comptes

8
Rapport du Projet : Développement d’une application web de gestion de stock.

PARTIE II : Conception

9
Rapport du Projet : Développement d’une application web de gestion de stock.

I. Introduction :
La conception constitue une phase fondamentale dans le cycle de vie d’une ap-
plication. La réussite de ce dernier dépend de cette phase. L’un des soucis était
d’avoir une idée globale en avance de ce que je dois programmer.

II. Diagramme de classe :

F IGURE 1: DIAGRAMME DE CLASSE

III. Les scenarios d’usage :

L’authentification :
L’utilisateur se connecte en cliquent sur le bouton et en utilisant le login et mot
de passe qui lui aura été fourni par l’admin.
Le système vérifie l’authentification et redirige l’utilisateur vers sa session.
Gestion des utilisateurs :

10
Rapport du Projet : Développement d’une application web de gestion de stock.

L’admin a la possibilité de gérer tous les comptes.

Gestion de Stock :
a) Admin :
L’admin a la possibilité juste de voir le stock.
b) Responsable stock matériel informatique :
Le responsable stock matériel informatique a la possibilité de gérer juste le
stock des matériaux informatiques et de voir les comptes juste leur nom, pré-
nom, service et leur type (admin, bénéficiaire, responsable).
c) Responsable stock matériel bureautique :
Le responsable stock matériel bureautique a la possibilité de gérer juste le
stock des matériaux bureautiques et de voir les comptes juste leur nom, pré-
nom, service et leur type (admin, bénéficiaire, responsable).

11
Rapport du Projet : Développement d’une application web de gestion de stock.

PARTIE III : Réalisation

12
Rapport du Projet : Développement d’une application web de gestion de stock.

I. Introduction :
Une fois la partie de la conception achevée, tous les éléments nécessaires au développe-
ment de l’application deviennent disponibles.
Ce chapitre sera consacré à la phase de réalisation. La présentation de l’environnement de
réalisation fera l’objet de la première section. Une deuxième section sera consacrée aux dé-
tails de réalisation et d’implémentation.

II. Environnement du développement :

Ce sont les différentes composantes logicielles et matérielles nécessaires au développement.

1. Environnement matériel :
Les moyens mis à notre disposition dans le cadre de la réalisation du projet sont :

Micro-ordinateur Processeur Mémoire Disque dur

Asus ROG SCAR Core i7 10th Gen 16 Go Ram 1To SSD

17

2. Environnement logiciel :
Les technologies utilisées :

a. Eclipse :
Eclipse est un environnement de développement intégré (IDE) utilisé dans la programmation
informatique.[5] Il contient un espace de travail de base et un système de plug-in extensible
pour personnaliser l'environnement. Eclipse est écrit principalement en Java et son utilisa-
tion principale est le développement d'applications Java, mais il peut également être utilisé
pour développer des applications dans d'autres langages de programmation via des plug-ins,
notamment Ada, ABAP, C, C++, C#, Clojure, COBOL, D , Erlang, Fortran, Groovy, Haskell, Ja-
vaScript, Julia,[6] Lasso, Lua, NATURAL, Perl, PHP, Prolog, Python, R, Ruby (y compris le fra-
mework Ruby on Rails), Rust, Scala et Scheme. Il peut également être utilisé pour développer
des documents avec LaTeX (via un plug-in TeXlipse) et des packages pour le logiciel Mathe-
matica. Les environnements de développement incluent les outils de développement Java
(JDT) Eclipse pour Java et Scala, Eclipse CDT pour C/C++ et Eclipse PDT pour PHP, entre
autres.
b. Lucide Shart :
Star UML est un logiciel de modélisation UML, cédé comme open source par son éditeur.

13
Rapport du Projet : Développement d’une application web de gestion de stock.

c. Xampp :
Un package de solution de serveur Web multiplateforme gratuit et open source développée
par Apache Friends, composé principalement du serveur HTTP Apache, de la base de don-
nées MariaDB et d'interpréteurs pour les scripts écrits dans les langages de programmation
PHP et Perl.

d. Word :
WORD est un logiciel de traitement de texte très performant qui nous permet de créer un
document. Ce document peut être une lettre, une étiquette, un dessin, un tableau ou une
enveloppe.

3. Bibliothèques :
a. JasperReports :

JasperReports est un outil de création de rapports Java open source qui peut écrire sur une
variété de cibles, telles que : un écran, une imprimante, dans des fichiers PDF, HTML,
Microsoft Excel, RTF, ODT, des valeurs séparées par des virgules (CSV) ou XML.
Il peut être utilisé dans des applications Java, y compris Java EE ou des applications Web,
pour générer du contenu dynamique. Il lit ses instructions à partir d'un fichier XML ou .jas-
per.

b. MySQLConnector :

Le pilote et la bibliothèque que nous utilisons pour connecter des applications dans diffé-
rents langages de programmation aux serveurs de base de données MySQL. L'application et
le serveur de base de données peuvent se trouver sur la même machine ou communiquer
via le réseau.

4. Technologies :
a. Java :
C’est un langage informatique de programmation orienté objet qui permet de créer des pro-
grammes, des applications Desktop, etc.
b. JSP :
La technologie Java Server Pages (JSP) permet de générer du contenu Web dynamique, tel
que des fichiers HTML, DHTML, XHTML et XML, pour les inclure dans une application Web.
Les fichiers JSP constituent une méthode d'implémentation de contenu de page dynamique
côté serveur. Les fichiers JSP permettent à un serveur Web, tel qu'Apache Tomcat, d'ajouter
du contenu dynamiquement aux pages HTML avant de les envoyer au navigateur deman-
deur.

14
Rapport du Projet : Développement d’une application web de gestion de stock.

c. HTML :
HTML signifie Hyper Text Markup Language, et c'est le langage le plus utilisé pour écrire des
pages Web.
d. CSS :
CSS est une abréviation de Cascading Style Sheets, et aussi est un langage informatique utili-
sé pour formater des fichiers HTML ou XML sur Internet. Par conséquent, les feuilles de style
(également appelées fichiers CSS) contiennent du code qui permet de gérer la conception
des pages HTML.
e. Bootstrap :
Bootstrap est un cadre pour vous aider à concevoir des sites Web plus rapidement et plus
facilement. Il comprend des modèles de conception basés sur HTML et CSS pour la typogra-
phie, les formulaires, les boutons, les tableaux, la navigation, les modaux, les carrousels
d'images, etc. Il vous permet également de prendre en charge les plugins JavaScript.

III. Interface et utilisation de l’application :

I NTERFACE REPRÉSENTENT L ' ACCUEIL DE L ' APPLICATION

15
Rapport du Projet : Développement d’une application web de gestion de stock.

INTERFACE REPRÉSENTENT L ' ACCUEIL DE L ’ ADMIN

INTERFACE REPRÉSENTENT L ’ ACCUEIL DU RESPONSABLE SUR LES MATÉRIAUX INFORMATIQUE

INTERFACE REPRÉSENTENT L ’ ACCUEIL DU RESPONSABLE SUR LES MATÉRIAUX BUREAUTIQUE

16
Rapport du Projet : Développement d’une application web de gestion de stock.

IV. Conclusion :

Ce dernier chapitre a été réservé pour la description de l’environnement du travail et aussi,

des différentes interfaces de l’application.

17