APPLICATION WEB : CONCEPTION ET

REALISATION D’UN SIT E E-COMMERCE DE

VENTE DES PRODUIT S NATURELLES

Rapport du projet de fin d’année

Filière : Ingénierie informatique et réseaux.

Elaboré par : Encadrant :

Badr Eddine Drissi
SARDI Amine Mme Rajaa FILALI

2020/2021

0
 DEDICACES

Du profond de mon cœur, je dédie ce travail à tous ceux qui me sont chers,

À Mes Très Chers Parents

Que ce travail soit l’expression de ma reconnaissance pour vos sacrifices consentis,
votre soutien moral et matériel que vous n’avez cesse de prodiguer. Vous avez tout
fait pour mon bonheur et ma réussite.
Que Dieu vous préserve en bonne santé et vous accorde une longue vie.

À Mon Frère et Mes sœurs

Vous étiez toujours présents pour m’aider et m’encourager. Je vous souhaite une vie
pleine de bonheur et de succès et que Dieu vous protège et vous garde.

À Tous mes amis...

Badr-Eddine Drissi

1
J’aimerai dédier ce rapport,

À mes Parents,
Qui m’ont comblé de leur soutien et m’ont voué un amour inconditionnel. Vous êtes
pour moi un exemple de courage et de sacrifice continu.
Que cet humble travail témoigne mon affection, mon éternel attachement et qu’il
appelle sur moi vos continuelles bénédictions.

À mes frères et sœurs, à mes copains et à toute la promo à l’EMSI,

Pour leurs compréhensions, leurs soutiens, leurs tendresses... Qu’ils trouvent ici
l’expression de ma reconnaissance et le témoignage de ma gratitude ressentie.

À ceux qui m’aiment,

Que ce modeste travail vous honore et vous témoigne mes reconnaissances.
Puisse cette étude apporter la pleine satisfaction à tous ceux qui la lisent...
Mille Merci.
SARDI Amine

2
 REMERCIEMENT

En préambule à ce rapport, nous souhaitons adresser ici tous nos remerciements

aux personnes qui nous ont apporté leur aide et qui ont ainsi contribué à l’élaboration
de ce rapport.

Nous tenons à remercier dans un premier temps, toute l’équipe pédagogique de

l’EMSI et les intervenants professionnels responsables de la formation sciences de
l’informatique et réseau, pour avoir assuré la partie théorique de celle-ci.

Nous tenons à exprimer également notre profonde reconnaissance à Mme

Rajaa FILALI qui nous a encadrés durant ce projet de fin d’année, pour l’aide et les
conseils concernant les missions évoquées dans ce projet, qu’elle nous a apporté
lors des différents suivis.

Nous exprimons notre sincère gratitude aux membres du jury, qui ont accepté
d’évaluer ce projet de fin d’année.

Enfin, nous adressons nos plus sincères remerciements à tous nos proches et nos
amis qui nous ont toujours soutenu et encouragé au cours de la réalisation de ce
projet de fin d’études.

3
Sommaire :
Introduction générale : ......................................................................................................................... 6
Chapitre 1 : Schéma directeur ............................................................................................................ 8
1. Description du Projet ................................................................................................................ 8
2. Planification du projet ............................................................................................................... 8
Chapitre 2: Analyse des besoins ........................................................................................................ 9
1. Les besoins fonctionnels :................................................................................................................ 9
2. Les besoins non fonctionnels : ........................................................................................................ 9
3. Les acteurs: .................................................................................................................................... 10
Chapitre 3 : Partie Conception ............................................................................................................ 11
Introduction ................................................................................................................................... 11
1. Diagramme de cas d’utilisation ................................................................................................ 11
2. Diagramme de séquences : .................................................................................................. 12
4. Diagramme de classe : .......................................................................................................... 20
Conclusion : ................................................................................................................................. 21
Chapitre 4 : Réalisation ..................................................................................................................... 22
Introduction ...................................................................................................................................... 22
1. Environnement technique ...................................................................................................... 22
1.1. Langages et outils logiciels utilisés ......................................................................................... 22
2. Interfaces et exécution .............................................................................................................. 26
2-1 Interface d'accueil: ............................................................................................................... 26
2.3 Interface d’inscription:.......................................................................................................... 27
2.4 Interface Home du client: .................................................................................................... 27
2.5 Interface des articles commandées......................................................................................... 28
2.6 Interface pour modifier les informations : .............................................................................. 28
2.7Interface pour écrire un message à l’administrateur : ............................................................. 29
2.8 Interface fonctionnalité de l'admin ......................................................................................... 29
2.9 Interface produit listé pas l’admin:...................................................................................... 30
2.10 Interface pour ajouter un article par l’administrateur : ........................................................ 31
2.11 Messages des clients: ............................................................................................................ 31
2.12 Interface des commandes reçue par les clients : .................................................................. 32
2.13 Interface des commandes annulées des clients : .................................................................. 32
2.14 Interface des commandes livrées aux les clients : ............................................................... 33
Conclusion : ..................................................................................................................................... 34

4
Conclusion générale........................................................................................................................... 35

Liste des figures :

Figure 1:Diagramme de cas d’utilisation (1er partieAdmin) ...................................................... 11

Figure 2:Diagramme de cas d’utilisation (2eme partieUser) ............................................................ 12
Figure 3: Diagramme de séquences / Ajouter au panier .............................................................. 13
Figure 4: Diagramme de séquences / Modifier Utilisateur ........................................................... 14
Figure 5 : Diagramme de séquences / S’inscrire ........................................................................... 15
Figure 6 : Diagramme de séquences / Se connecter.................................................................... 16
Figure 7 : Diagramme de séquences / Ajouter nouveau produit ................................................. 17
Figure 8: diagramme de classe ........................................................................................................ 21
Figure 9: Interface d'accueil. ............................................................................................................. 26
Figure 10: Interface d’inscription ...................................................................................................... 27
Figure 11:Interface de catalogue des articles ................................................................................ 27
Figure 12: Interface des articles commandées .............................................................................. 28
Figure 13:Interface pour modifier les informations ........................................................................ 28
Figure 14:Interface pour écrire un message à l’administrateur ................................................... 29
Figure 15: interface fonctionnalité de l'admin ................................................................................. 30
Figure 16: Interface produit lister pas l’admin ................................................................................ 30
Figure 17:Interface pour ajouter un article par l’administrateur ................................................... 31
Figure 18: Interface messages des clients .................................................................................. 31
Figure 19:Interface des commandes reçue par les clients........................................................... 32
Figure 20:Interface des commandes livrées aux les clients ....................................................... 33

Liste des tables :

Tableau 2:roles des acteurs .............................................................................................................. 10

Tableau 3:Description textuelle du cas d'utilisation "S'inscrire" .................................................. 18
Tableau 4:Description textuelle du cas d'utilisation "S'authentifier" ........................................... 18
Tableau 5:Description textuelle du cas d'utilisation " ajouter au panier " .................................. 19
Tableau 6:Description textuelle du cas d'utilisation " Imprimée ticket " ..................................... 19
Tableau 7:Description textuelle du cas d'utilisation "Modifier un utilisateur " ............................ 20

5
 Introduction générale :

On appelle « Commerce électronique » (ou e-Commerce) (ou vente en ligne ou à

distance) l'utilisation d'un média électronique pour la réalisation de transactions
commerciales. La plupart du temps il s'agit de la vente de produits à travers le
réseau internet, mais le terme e-commerce englobe aussi les mécanismes d'achat
par internet.

Le e-commerce ne se limite pas à la seule vente en ligne, mais englobe également :

 La réalisation de devis en ligne

 Le conseil aux utilisateurs
 La mise à disposition d'un catalogue électronique
 Un plan d'accès aux points de vente
 La gestion en temps réel de la disponibilité des produits (stocks)
 Le paiement en ligne
 Le suivi de la livraison
 Le service après-vente

Le commerce électronique est la vente ou l'achat de biens ou de services, effectués

par une entreprise, un particulier, une administration ou toute autre entité publique ou
privée, et réalisé au moyen d'un réseau électronique.

On distingue :

 l'échange électronique entre entreprises, souvent appelé B2B (acronyme

anglais de Business to Business) ;
 le commerce électronique à destination des particuliers, ou B2C (Business to
Consumer). Il s'agit de sites web marchands, type télé-achat ;
 le commerce électronique entre particuliers, ou C2C (Consumer to
Consumer). Il s'agit de sites web permettant la vente entre particuliers
(immobilier, bourses, annonces, échanges...) ;
 l'échange électronique entre les entreprises privées et le gouvernement,
souvent appelé B2G (Business to Gouvernement) ou B2A (Business to
Administration).

Parmi les principaux biens et services vendus par internet aux particuliers (B2C) :

 les biens culturels, comme les: livres, CD et DVD

 le matériel informatique, hi-fi, vidéo, photo…

6
  le secteur du tourisme et des loisirs : séjours, voyages, locations,
billets de train, d'avion...
 les biens de consommation courante (vêtements, meubles,
électroménager, jouets).
 produits naturelles

On trouve des systèmes de vente spécialement adaptés à internet : développement

de photographies numériques, téléchargement de musique, vente aux enchères
entre particuliers, location de DVD par internet. Enfin, de nombreuses entreprises
proposent des services sur internet, payants ou non tels que : banque en ligne,
assurance en ligne, presse en ligne.

7
 Chapitre 1 : Schéma directeur

1. Description du Projet

L’objective de notre projet est de créer un site web dynamique de vente en ligne
pour des produits naturelles.

Ce site permet de réaliser les taches suivantes :

 Contrôler et gérer des relations avec des clients et les fournisseurs et les
entreprises.
 Gérer les commandes et les produits.
 Afficher des promotions sur les produits.
 Tous les clients, s’ils veulent acheter un de ces produit, ont le choix de visiter
le site et sinon ils s’inscriront pour profiter de tous les privilèges de ce site et
vont avoir leur propre compte.
 Paiement en ligne.
 Permet à l’administrateur de gérer le stock

2. Planification du projet

Dans le but de répertorier le travail nécessaire en vue de mener à bien notre projet,
nous avons décidé de suivre une planification ordonnée selon le diagramme de cas
d’utilisation, ce qui nous permettra de mieux nous organiser et répartir les tâches
entre nous.

8
 Chapitre 2: Analyse des besoins

1. Les besoins fonctionnels :

Un acteur représente une personne, un matériel ou un logiciel qui interagit

directement avec le système en question. Un acteur peut consulter et/ou
modifier directement l'état du système en émettant ou recevant des
messages susceptible d'être porteurs de données.

Les acteurs qui participent à notre système sont :

• Administrateur : il s’occupe de mettre à jour le catalogue des articles ainsi que la

liste des clients. Il peut aussi consulter les commandes passées en ligne par les
clients et gère aussi le stock et voir les messages des clients.

• Client : un client peut visualiser le catalogue, un client à un login et un mot de

passe, modifier ses coordonnées et acheter des articles en ligne et peut aussi
imprimer une facture des articles achetés et laisser des messages à l’administrateur.

• Internaute : c’est un membre n’est pas encore inscrit il s’agit d’une personne
anonyme qui visite le site .Si l’internaute veut consulter le catalogue ou acheter un
produit, il doit d’abord créer un compte. Il devient alors un client.

2. Les besoins non fonctionnels :

La maintenance : Le code source de l’application doit être lisible afin de

faciliter la maintenance.

La performance et Rapidité : L'application doit optimiser les traitements

pour avoir un temps de génération de schéma raisonnable.

Sécurité : Le système doit être sécurisé, et contre les accès non autorisés,
ainsi que les attaques.

L’Ergonomie et convivialité : L’application doit fournir des interfaces lisibles

et simples afin de faciliter l’utilisation.

9
3. Les acteurs:
Acteurs Rôle
Administrateur * S’authentifier

* Ajouter nouveau produit

* Lister produit

* Modifier produit

* Voir les messages des clients

* Voir les commandes reçu

* Voir les commandes annulé

* Voir les commandes livrées

* Déconnexion

Utilisateur * S’authentifier

* Voir les produits disponibles

* Ajouter au panier

* Afficher le panier

* Afficher les articles achetés

* Modifier les informations

* écrire un message a
l’administrateur

* Chercher produit

* Déconnexion

Visiteurs *S'inscrire

Tableau 1:roles des acteurs

10
 Chapitre 3 : Partie Conception

Introduction

Dans ce chapitre nous allons entamer la partie de conception, nous allons

représenter l’activité du système en fonction des différents événements et des
acteurs. Nous utiliserons UML pour modéliser ces différentes informations relatives
aux données préalablement déterminés.

1. Diagramme de cas d’utilisation

Le diagramme de cas d’utilisation procure une réflexion sur les fonctionnalités
attendues du futur système avant la conception, il offre une idée sur les grands
modules du système. Il permet de classer les acteurs et structurer les objectifs des
systèmes et il sert à définir les frontières du système et les relations entre les
systèmes et l’environnement.

Figure 1:Diagramme de cas d’utilisation (1er partieAdmin)

11
 Figure 2:Diagramme de cas d’utilisation (2eme partieUser)

2. Diagramme de séquences :
Le diagramme de séquence nous permet de montrer les interactions d'objets dans le
cadre d'un scénario d'un diagramme de cas d'utilisation.

Ajouter au panier

12
Figure 3: Diagramme de séquences / Ajouter au panier

13
Modifier Utilisateur:

Figure 4: Diagramme de séquences / Modifier Utilisateur

14
S’inscrire :

Figure 5 : Diagramme de séquences / S’inscrire

15
Se connecter :

Figure 6 : Diagramme de séquences / Se connecter

16
Ajouter nouveau produit :

Figure 7 : Diagramme de séquences / Ajouter nouveau produit

3. Description textuelle des principaux cas d’utilisation:

+ Description textuelle du cas d'utilisation "S'inscrire" :

Cas d'utilisation s'inscrire

Acteur client
Objectif Permet à un visiteur d'être un membre.
Pré condition aucune
Post condition Créer un compte dans le site web
Scénario 1. le visiteur choisit de s'inscrire
nominal
2. Le système affiche le formulaire

17
 correspondant

3. le visiteur remplie le formulaire

4. Le système vérifie les données saisies

5. Le système affiche l'espace du membre

6. L'instance de cas d'utilisation se termine

Exception Si un champ lui manque le saisit ou présente une erreur de

saisie, le système affiche un message d'erreur.
Tableau 2:Description textuelle du cas d'utilisation "S'inscrire"

+ Description textuelle du cas d'utilisation "S'authentifier" :

Cas d'utilisation S'authentifier

Acteur Administrateur, membre
Objectif Permet à un membre ou à l'administrateur d'accéder à son
propre espace
Pré condition Le membre possède un compte
Post condition Permet à l'acteur d'accéder un son propre espace
Scénario 1. Le système invite l'acteur à entrer son login et son mot de
nominal passe

2. L'acteur saisit le login et le mot de passe

3. Le système vérifie les paramètres

4. Le système affiche l'espace correspondant à l'acteur.

5. L'instance de cas d'utilisation se termine

Exception Si un champ lui manque le saisie ou l'utilisateur est non
trouvé, le système affiche un message d'erreur
Tableau 3:Description textuelle du cas d'utilisation "S'authentifier"

+ Description textuelle du cas d'utilisation "ajouter au panier "

Cas d'utilisation ajouter au panier

Acteur Administrateur, membre
Objectif Permet à un membre d’ajouter des articles dans son panier
Pré condition Authentification-s’inscrire
Post condition Permet à l’acteur d’ajouter des articles au panier
Scénario 1. L’acteur saisit le produit dans la barre de recherche
nominal
2. Le système vérifie l’existence du produit

18
 3. Le système affiche le résultat de la recherche.

4. L'instance de cas d'utilisation se termine

5-l’utilisateur appuis sur <<addtochard>> pour ajouter au

panier

5-si le produit existe déjà dans le panier, il va s’incrémenter le

nombre de réplication
Exception aucune
Tableau 4:Description textuelle du cas d'utilisation " ajouter au panier "

+ Description textuelle du cas d'utilisation "Imprimée ticket "

Cas d'utilisation Imprimée ticket

Acteur Membre
Objectif Impression du ticket des articles commandés par le client
Pré condition Le membre doit s'authentifier et accéder à la liste du produit
commandé
Post condition Permet à l’acteur d’imprimée le ticket des articles achetées
Scénario 1. L’acteur appuie sur le bouton <<My cart>>
nominal
2. Le système affiche l’ensemble des articles commandés
avec un bouton <<Proceed to order>> pour compléter les
informations sur la livraison.

3. L’acteur doit compléter les informations manquant et appuis

sur imprimer ticket affiche le résultat de la recherche.

4. L'instance de cas d'utilisation se termine

Exception Si l’acteur a oublié de remplir un champ
Tableau 5:Description textuelle du cas d'utilisation " Imprimée ticket "

+ Description textuelle du cas d'utilisation "Modifier un utilisateur "

Cas d'utilisation Modifier l’information d’un utilisateur

Acteur membres
Objectif Modification d'un utilisateur
Pré condition L’utilisateur doit s'authentifier et appuie sur <<change
details>>
19
Post condition Modification d'un utilisateur
Scénario 1. L’utilisateur appuie sur le buttons <<change détails>>
nominal
2. Le système affiche un formulaire avec les anciennes
données et des boutons « modifier le mot de passe » -
« modifier l’adresse »- « changer la question de sécurité »-
« modifier le numéro de téléphone »

3. Apres la modification au niveau du formulaire

l’administrateur click sur le bouton « Save »

4. Le système modifie les données

5. Le système affiche la liste des données

4. L'instance de cas d'utilisation se termine

Exception Si un champ lui manque la saisie ou présente une erreur de

saisie, le système affiche un message d'erreur.
Tableau 6:Description textuelle du cas d'utilisation "Modifier un utilisateur "

4. Diagramme de classe :

Le diagramme de classes représente la structure statique d'un système. Il contient

principalement les classes, leurs attributs ainsi que leurs associations.

En pratique, l'intérêt majeur du diagramme de classes est de modéliser les entités du

système d'information.

Le diagramme de classes 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.

Ce diagramme fait partie de la partie statique d'UML car il fait abstraction des
aspects temporels et dynamiques.

20
 Figure 8: diagramme de classe

Conclusion :

Dans ce chapitre, nous avons présenté notre étude conceptuelle du système. En se

basant sur le langage UML, à travers les diagrammes de cas d’utilisation nous avons
définis les différentes taches des acteurs, ce qui nous a permis de réaliser par la
suite les diagrammes de séquences.

21
 Chapitre 4 : Réalisation

Introduction

Après avoir achevé la partie de l’analyse des besoins et la partie de conception, on

va entamer l’étape de la réalisation qui représente une partie également très
importante du temps consacré à ce projet.

L’objet de ce chapitre est de présenter l’environnement de travail, et de donner un

aperçu sur le travail accompli à travers des captures d’écran.

1. Environnement technique

Dans ce paragraphe nous décrivons les différents outils et logiciels utilisés pour la
mise en œuvre de l’application.

1.1. Langages et outils logiciels utilisés

JQuery est une bibliothèque JavaScript qui facilite le développement d’applications

web et s’appuie sur l'interaction entre JavaScript et HTML, afin de simplifier des
commandes communes de JavaScript.

22
HTML, l'acronyme de « HyperText MarkupLanguage » (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.

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

23
Bootstrap est une collection d'outils utiles à la création du design (graphisme,
animation et interactions avec la page dans le navigateur, etc.) de 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. C'est l'un des projets les plus populaires sur la
plate-forme de gestion de développement GitHub.

Un langage complet de gestion de bases de données relationnelles. Il a été conçu

par IBM dans les années 70. Il est devenu le langage standard des systèmes de
gestion de bases de données (SGBD) relationnelles.

C'est le langage avec lequel nous allons travailler. JEE fonctionne sur le principe de
machine virtuelle, ce qui rend ses programmes portables. Il servira à écrire les
classes métier, les Servlets (programmes JEE qui s'exécutent coté serveur) et à
introduire du code dynamique dans nos pages Web.

24
Eclipse IDE java EE développer est un projet crée pour aider les développeurs à
créer des applications web qui incluent des IDE java, JSF, des outils qui aident à
créer des applications à partir du code JAVA pur

PowerAMC est un logiciel de modélisation. Il permet

de modéliser les traitements informatiques et leurs
bases de données associées. Créé par SDP sous le nom AMC*Designer, racheté
par Power soft, ce logiciel est produit par Sybase depuis le rachat par cet éditeur en
1995. Hors de France, la version Internationale est commercialisée par Sybase sous
la marque Power Designer.

MySQL est un système de gestion de base de données (SGBD). Selon le type

d'application, sa licence est libre ou propriétaire. Il fait partie des logiciels de gestion
de base de données les plus utilisés au monde, autant par le grand public
(applications web principalement) que par des professionnels, en concurrence avec
Oracle et Microsoft SQL Server.

25
 2. Interfaces et exécution

Cette partie est consacrée à présenter quelques interfaces de l’application réalisée.

2-1 Interface d'accueil:

C’est la première interface de l’application, c’est une interface qui permet à

l’utilisateur de s’identifier, se connecter.

Figure 9: Interface d'accueil.

26
2.3 Interface d’inscription:
Cette interface est dédier aux utilisateurs qui ne sont pas encore inscrit en entrant
leur informations

Figure 10: Interface d’inscription

2.4 Interface Home du client:
Un client peut ajouter des articles au panier, voir les articles commandes, modifier
ces informations personnelles, laisser des messages à l’administrateur, déconnexion.

Figure 11:Interface de catalogue des articles

27
2.5 Interface des articles commandées
Afficher tous les produits que le client à ajouter dans le panier

Figure 12: Interface des articles commandés

2.6 Interface pour modifier les informations :
Interface pour modifier les informations personnelles du client

Figure 13:Interface pour modifier les informations

28
2.7Interface pour écrire un message à l’administrateur :
Dans cette interface, le client peut laisser un message à l’administrateur

Figure 14:Interface pour écrire un message à l’administrateur

2.8 Interface fonctionnalité de l'admin

Un admin peut ajouter des articles au catalogue, voir les articles commandes, voir les
commandes livrées, voir les commandes abandonnes, voir les messages à des
clients, déconnexion.

29
 Figure 15: interface fonctionnalité de l'admin
2.9 Interface produit listé pas l’admin:

C’est l’interface principale de l’admin ou il peut voir les articles publiées.

Figure 16: Interface produit lister pas l’admin

30
2.10 Interface pour ajouter un article par l’administrateur :

C’est l’interface dédiée à l’administrateur Pour ajouter un nouvel article

Figure 17:Interface pour ajouter un article par l’administrateur

2.11 Messages des clients:

Un administrateur peut visualiser les messages des clients

Figure 18: Interface messages des clients

31
2.12 Interface des commandes reçue par les clients :

Interface dédiée à l’administrateur pour voir toutes les informations des commandes
reçue par les clients.

Figure 19:Interface des commandes reçue par les clients

2.13 Interface des commandes annulées des clients :

Interface dédiée à l’administrateur pour voir toutes les informations des commandes
annulées des clients.

32
2.14 Interface des commandes livrées aux les clients :

Interface dédiée à l’administrateur pour voir toutes les informations des commandes
livrées aux clients.

Figure 20:Interface des commandes livrées aux les clients

33
Conclusion :

Dans ce chapitre, nous avons traité les détails de la réalisation de notre application,
qui est la phase qui nous a pris le plus de temps afin de mettre en place la majorité
des fonctionnalités déterminées dans notre cahier de charge.

Nous avons montré les différentes interfaces de notre application ainsi que
l’environnement technique.

34
 Conclusion générale

Dans ce rapport, nous avons exposé les étapes de conception et de développement

de notre application qui consiste à créer une application web des ventes des produits
naturelles

Notre travail s’est déroulé sur quatre étapes, nous avons commencé par les besoins
fonctionnels et non fonctionnels que doit respecter l’application suivis par
l’identification des acteurs qui interagissent avec le système.

La deuxième étape concernait la conception de notre application en utilisant des

diagrammes de cas d’utilisation, de séquences et de classes.

Dans la dernière phase, nous avons évoqué les différentes technologies utilisées
ainsi que quelques interfaces de notre application.

Ce projet se situe en effet, dans le cadre du projet de fin d’année de la quatrième

année cycle ingénieur en informatique et réseaux. Ce projet était une véritable
expérience de travail en collaboration, qui nous a permis de bien gérer la répartition
des tâches et de renforcer l’esprit de partage de connaissance ainsi que la
synchronisation de notre travail.

Plusieurs technologies ont été nécessaires pour la réalisation de notre projet, on

citera donc le langage HTML/JSP pour la réalisation des pages statiques, le langage
PHP/JEE pour la partie dynamique, SQL pour l'élaboration des requêtes
d'interrogation de la base de donnée, et enfin le logiciel ECLIPSE pour l'écriture du
code.

J’ai essayé de pratiquer le maximum les bonnes instructions et les différentes

disciplines du génie logiciel, pour réussir une application qui répond globalement aux
besoins fonctionnels imposés par le cahier de charge, en effet Le présent travail m’a
permis d'acquérir des connaissances dans le domaine de la programmation web, et
de conforter nos connaissances en conception logicielle.

Une autre amélioration consiste à rendre l’application adaptative, grâce à des

différents principes et techniques à fin d’offrir une consultation confortable sur des
écrans de tailles très différentes (téléphone mobile ou tablette).

35