Ministère de l’Enseignement Supérieur et de la Recherche Scientifique

Université Djillali Liabès

Faculté des Sciences Exactes
Département d’informatique

Mémoire de fin d’études

En vue de l’obtention du diplôme de
licence en informatique
Domaine : Mathématiques et informatique
Filière : Informatique
Parcours : ISIL

Intitulé :
Conception et réalisation d’une application web de
gestion de laboratoire médical

• Réalisé par :
Djeghab manel
Hassoun rachida

• Dirigé par :
Dr Benbakreti Soumia

1er juin 2024

 Sommaire

1 Présentation du Projet 2
1.1 Introduction . . . . . . . . . . . . . . . . . . . . . . . . . . . . 3
1.2 Objectifs du Projet . . . . . . . . . . . . . . . . . . . . . . . . . 3
1.3 Fonctionnalités Principales . . . . . . . . . . . . . . . . . . . . 4
1.4 Importance du Suivi des Colis . . . . . . . . . . . . . . . . . . 4
1.5 Conclusion . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 5

2 Analyse et conception du système 6

2.1 Introduction . . . . . . . . . . . . . . . . . . . . . . . . . . . . 7
2.2 Types de Diagrammes UML . . . . . . . . . . . . . . . . . . . 7
2.3 Les exigences fonctionnels . . . . . . . . . . . . . . . . . . . . 7
2.4 Les exigences non fonctionnels . . . . . . . . . . . . . . . . . 8
2.5 Conception du Système de Suivi des Colis en UML . . . . . 9
2.5.1 Le diagramme de cas d’utilisation . . . . . . . . . . . 9
2.5.2 Le diagramme de Classe . . . . . . . . . . . . . . . . . 9
2.5.3 Diagramme de Séquence . . . . . . . . . . . . . . . . 11
2.6 Conclusion . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 12

3 Environnement de Travail 13
3.1 Introduction . . . . . . . . . . . . . . . . . . . . . . . . . . . . 14
3.2 Langages requis et outils . . . . . . . . . . . . . . . . . . . . . 14
3.2.1 Serveurs . . . . . . . . . . . . . . . . . . . . . . . . . . 14
3.2.2 Logiciels . . . . . . . . . . . . . . . . . . . . . . . . . . 14
3.2.3 Langages de programmations . . . . . . . . . . . . . . 16
 SOMMAIRE

3.3 Conclusion . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 20

4 Application 21
4.1 Interface d’accueil . . . . . . . . . . . . . . . . . . . . . . . . . 22
4.2 Interface de l’administrateur . . . . . . . . . . . . . . . . . . . 23
4.2.1 Les responsabilités de l’administrateur . . . . . . . . 23
4.3 Interface de l’Expéditeur . . . . . . . . . . . . . . . . . . . . . 27
4.4 Interface du destinataire . . . . . . . . . . . . . . . . . . . . . 28
4.5 Conclusion . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 28
Table des figures

1.1 Schéma explicatif du parcours du colis . . . . . . . . . . . . . 4

2.1 Diagramme de cas d’utilisation. . . . . . . . . . . . . . . . . . 10

2.2 Diagramme de Classe. . . . . . . . . . . . . . . . . . . . . . . 11
2.3 Diagramme de séquence. . . . . . . . . . . . . . . . . . . . . . 12

4.1 Page D’accueil. . . . . . . . . . . . . . . . . . . . . . . . . . . 22

4.2 Authentification de l’administrateur. . . . . . . . . . . . . . . 23
4.3 Page d’accueil de l’administrateur. . . . . . . . . . . . . . . . 24
4.4 Gestion des colis. . . . . . . . . . . . . . . . . . . . . . . . . . 24
4.5 Ajouter un colis. . . . . . . . . . . . . . . . . . . . . . . . . . . 25
4.6 Mettre à jour le statut du colis. . . . . . . . . . . . . . . . . . . 26
4.7 Liste des expéditeurs. . . . . . . . . . . . . . . . . . . . . . . . 29
4.8 Inscription de l’expéditeur. . . . . . . . . . . . . . . . . . . . . 30
4.9 Authentification de l’expéditeur. . . . . . . . . . . . . . . . . 30
4.10 Suivi du colis par le destinataire. . . . . . . . . . . . . . . . . 31
Remerciements

Nous débutons ce mémoire en exprimant nos sin-

cères remerciements. Tout d’abord, nous exprimons
notre gratitude envers le Tout-Puissant pour nous
avoir accordé la force et le courage nécessaires pour
mener à bien ce projet.
Nous tenons également à adresser nos remercie-
ments les plus chaleureux à Dr. Benbakreti, notre
promoteur, pour son soutien constant et ses pré-
cieux conseils tout au long de ce travail.
Nos plus profonds remerciements vont à tous les
enseignants du département d’informatique pour
leur engagement et leur contribution à notre forma-
tion.
Nous sommes reconnaissants envers les membres
du jury pour avoir accepté d’examiner et d’évaluer
notre travail avec attention.
Enfin, nous exprimons notre gratitude à tous ceux
 TABLE DES FIGURES

qui, de près ou de loin, ont apporté leur soutien,

leurs conseils, leurs encouragements ou leur amitié
tout au long de ce projet. Votre contribution a été
précieuse et nous vous en sommes sincèrement re-
connaissants.
Résumé

Ce mémoire représente le fruit de notre projet de fin d’études, dont

l’objectif principal était de concevoir et de mettre en œuvre un système de
gestion de suivi de colis.
Notre solution informatique se présente sous la forme d’une applica-
tion web dotée de fonctionnalités avancées, spécifiquement conçue pour
répondre efficacement aux besoins opérationnels des entreprises et des
clients en matière de suivi de colis. Pour atteindre cet objectif, nous avons
fait appel à une variété de technologies et de bibliothèques, notamment
les langages de programmation PHP, XML et JavaScript. Parallèlement,
une base de données relationnelle a été mise en place pour stocker et gérer
les données essentielles au bon fonctionnement du système.
Le projet s’est déroulé en trois phases clés :
• Une étude approfondie afin de comprendre en profondeur la problé-
matique du suivi de colis et les besoins des utilisateurs.
• La phase de conception et de modélisation du système, durant la-
quelle nous avons élaboré les spécifications techniques et fonction-
nelles de l’application, en tenant compte des résultats de l’étude pré-
liminaire.
• Enfin, la réalisation de l’application, au cours de laquelle nous avons
suivi une approche méthodique pour assurer son bon déploiement et
son adéquation aux besoins spécifiques identifiés.

Mots clés : Système d’Information, UML, Application Web, Suivi, Coli,

Apache, MySQL.
Abstract

This thesis represents the outcome of our final project, whose main ob-
jective was to design and implement a parcel tracking management sys-
tem.
Our IT solution takes the form of a web application with advanced
features, specifically designed to effectively meet the operational needs
of businesses and customers in terms of parcel tracking. To achieve this
goal, we utilized a variety of technologies and libraries, including the pro-
gramming languages PHP, XML, and JavaScript. Additionally, a relational
database was implemented to store and manage the essential data for the
system to function properly.
The project proceeded through three key phases :
• A thorough study to deeply understand the parcel tracking issue and
user needs.
• The design and modeling phase of the system, during which we de-
veloped the technical and functional specifications of the application,
taking into account the results of the preliminary study.
• Finally, the implementation of the application, during which we fol-
lowed a systematic approach to ensure its successful deployment and
alignment with the identified specific needs.

Keywords : Information System, UML, Web Application, Tracking, Parcel,

Apache, MySQL.
Introduction générale

Au cours des dernières décennies, nous avons été témoins d’une révo-
lution dans les méthodes de travail et les pratiques, largement attribuables
aux progrès des nouvelles technologies. Aujourd’hui, qu’il s’agisse de par-
ticuliers ou de professionnels, nous sommes tous touchés par l’utilisation
omniprésente de ces technologies. Elles sont devenues essentielles dans
notre quotidien et dans le fonctionnement des entreprises.
Historiquement, les entreprises de livraison ont traditionnellement géré
leurs colis et leurs processus de livraison à l’aide de méthodes manuelles
telles que le format papier ou des feuilles de calcul Excel. Pour le suivi
des envois, elles comptaient sur des services de communication pour as-
surer la liaison entre l’entreprise et le client. Cependant, cette approche
peut rapidement devenir inefficace, surtout lorsque plusieurs clients sont
impliqués.
Dans le but de tirer parti des avantages offerts par les nouvelles techno-
logies, ce projet vise à développer un système facilitant la gestion des colis
depuis leur réception jusqu’à leur expédition au client final. Cela implique
la création d’un outil offrant à l’entreprise et à ses clients la possibilité de
suivre en temps réel le statut de leurs colis, offrant ainsi une traçabilité
permanente et une meilleure expérience utilisateur.
Notre mémoire est structuré comme suit :
• Chapitre 1 : Présentation du projet
• Chapitre 2 : L’analyse et la conception du système.
• Chapitre 3 : Environnement de travail.
• Chapitre 4 : Application.

1
Chapitre 1
Présentation du Projet

Contents
1.1 Introduction . . . . . . . . . . . . . . . . . . . . . . . . . . 3
1.2 Objectifs du Projet . . . . . . . . . . . . . . . . . . . . . . 3
1.3 Fonctionnalités Principales . . . . . . . . . . . . . . . . . 4
1.4 Importance du Suivi des Colis . . . . . . . . . . . . . . . 4
1.5 Conclusion . . . . . . . . . . . . . . . . . . . . . . . . . . 5

2
 CHAPITRE 1. PRÉSENTATION DU PROJET

1.1 Introduction
Ce chapitre se concentre sur notre projet de suivi des colis, une solution
innovante répondant aux besoins croissants de traçabilité dans le secteur
de la logistique et du commerce électronique. Nous débuterons par une
présentation globale de notre projet, mettant en lumière ses objectifs fon-
damentaux, son mode de fonctionnement et les fonctionnalités clés qu’il
offre.
Le suivi des colis est devenu un élément essentiel dans le monde actuel
du commerce électronique en constante évolution et des expéditions mon-
diales. À l’ère où les achats en ligne sont devenus la norme, les consom-
mateurs exigent une visibilité et une transparence accrues sur le parcours
de leurs colis, depuis leur expédition jusqu’à leur livraison. De même, les
entreprises cherchent à optimiser leurs processus logistiques pour garan-
tir une expérience client optimale et maintenir leur compétitivité sur le
marché.
Dans ce contexte, notre projet vise à fournir une solution complète et
conviviale pour répondre à ces besoins croissants. En combinant des tech-
nologies de pointe avec une interface utilisateur intuitive, notre plateforme
offre aux utilisateurs la possibilité de suivre leurs colis en temps réel et de
gérer efficacement leur historique d’expéditions.
Les sections suivantes détailleront les aspects principaux de notre pro-
jet, en mettant en avant ses fonctionnalités principales ainsi que son impor-
tance dans le contexte actuel du commerce électronique et de la logistique.

1.2 Objectifs du Projet

L’objectif principal de notre projet est de concevoir et de développer
une application web conviviale permettant aux entreprises de logistique
et à leurs clients de suivre efficacement l’acheminement des colis de la
réception jusqu’à la livraison finale. Nous visons à fournir une solution
intuitive et robuste qui améliorera la visibilité et la traçabilité des colis
tout en facilitant la gestion logistique pour les entreprises.
Le schéma illustrant le parcours du colis (voir figure 1.1) clarifie visuel-
lement le processus, allant du magasin au client final.

3
 CHAPITRE 1. PRÉSENTATION DU PROJET

F IGURE 1.1 – Schéma explicatif du parcours du colis

1.3 Fonctionnalités Principales

Les principales fonctionnalités de notre projet incluent :
• Enregistrement des Colis.
• Suivi en Temps Réel.
• Historique des Colis.

1.4 Importance du Suivi des Colis

Le suivi des colis offre aux consommateurs une visibilité sur leurs com-
mandes, permettant une meilleure planification des réceptions et renfor-
çant leur confiance dans le processus d’expédition.
1. Amélioration de l’Expérience Client : Le suivi en temps réel des co-
lis permet aux clients de mieux planifier leur réception et évite les

4
 CHAPITRE 1. PRÉSENTATION DU PROJET

désagréments liés aux livraisons manquées.

2. Résolution Proactive des Problèmes : En cas de problème, le suivi
des colis permet une réaction rapide et une résolution proactive, ga-
rantissant la satisfaction des clients.
3. Optimisation des Opérations Logistiques : Pour les entreprises, le
suivi des colis permet d’optimiser les opérations logistiques en iden-
tifiant les inefficacités et en améliorant la gestion des stocks.
4. Transparence et Confiance : Le suivi des colis offre aux clients une
transparence totale sur le processus d’expédition, renforçant ainsi leur
confiance dans le vendeur et améliorant leur satisfaction globale.

1.5 Conclusion
Ce chapitre a introduit notre projet de suivi de colis en détaillant ses
objectifs et sa méthodologie. Nous avons identifié les fonctionnalités es-
sentielles telles que l’enregistrement des colis, le suivi en temps réel, et
l’historique des colis, qui sont cruciales pour offrir un service complet et
fiable. En intégrant ces fonctionnalités, notre solution vise à répondre aux
besoins des entreprises de logistique et de leurs clients de manière efficace
et transparente.

5
Chapitre 2
Analyse et conception du système

Contents
2.1 Introduction . . . . . . . . . . . . . . . . . . . . . . . . . . 7
2.2 Types de Diagrammes UML . . . . . . . . . . . . . . . . 7
2.3 Les exigences fonctionnels . . . . . . . . . . . . . . . . . 7
2.4 Les exigences non fonctionnels . . . . . . . . . . . . . . 8
2.5 Conception du Système de Suivi des Colis en UML . . 9
2.5.1 Le diagramme de cas d’utilisation . . . . . . . . . 9
2.5.2 Le diagramme de Classe . . . . . . . . . . . . . . . 9
2.5.3 Diagramme de Séquence . . . . . . . . . . . . . . 11
2.6 Conclusion . . . . . . . . . . . . . . . . . . . . . . . . . . 12

6
 CHAPITRE 2. ANALYSE ET CONCEPTION DU SYSTÈME

2.1 Introduction
Dans ce chapitre, nous approfondissons la conception de notre système
de suivi des colis en exploitant le langage de modélisation UML (Unified
Modeling Language). UML fournit une norme reconnue pour la représen-
tation, la spécification, le développement et la documentation des com-
posants d’un logiciel. Nous commençons par exposer les divers types de
diagrammes UML que nous avons utilisés dans notre conception, avant
d’analyser en détail chaque diagramme et son importance dans la modé-
lisation de notre système.

2.2 Types de Diagrammes UML

L’UML comprend plusieurs types de diagrammes, chacun servant à
représenter différents aspects d’un système logiciel. Dans la conception de
notre système de suivi des colis, nous utilisons les types de diagrammes
suivants :
• Diagramme de Cas d’Utilisation : Ce diagramme représente les fonc-
tionnalités du système du point de vue de l’utilisateur, en identifiant
les acteurs et les cas d’utilisation. Il fournit une vue globale des inter-
actions entre le système et ses utilisateurs.
• Diagramme de Séquence : Ce diagramme illustre la séquence des in-
teractions entre les objets du système dans différents scénarios d’utili-
sation. Il met en évidence l’ordre chronologique des messages échan-
gés entre les objets.
• Diagramme de Classe : Ce diagramme représente la structure sta-
tique du système, en montrant les classes, les attributs, les méthodes
et les relations entre les classes. Il fournit une vue détaillée de la struc-
ture interne du système.

2.3 Les exigences fonctionnels

Les besoins fonctionnels décrivent les actions que le système doit ac-
complir pour être opérationnel. Dans notre système, les intervenants re-
présentent les entités externes qui interagissent avec le système. Ils peuvent

7
 CHAPITRE 2. ANALYSE ET CONCEPTION DU SYSTÈME

être des utilisateurs humains ou des systèmes informatiques tiers, tels que
d’autres logiciels ou bases de données. Les intervenants peuvent soit dé-
clencher des actions dans le système, soit être utilisés par le système pour
accomplir des tâches.
Nous pouvons identifier trois intervenants dans notre système :
• Destinataire (Client) : Il s’agit de la personne qui recevra les colis
livrés par le système, généralement après avoir passé une commande
auprès d’un commerçant (Vendeur).
• Expéditeur (Vendeur) : Ce rôle correspond à toute personne travaillant
dans le domaine du commerce et souhaitant expédier des colis via
notre système.
• Administrateur : Il s’agit d’une personne faisant partie intégrante de
l’entreprise, éventuellement en tant que responsable d’entrepôt. Ses
responsabilités englobent la gestion des colis, des utilisateurs, et des
livraisons. Son objectif principal est d’assurer le bon fonctionnement
du système.

2.4 Les exigences non fonctionnels

Les systèmes d’information, à un moment donné de leur cycle de vie,
doivent prendre en compte des aspects non fonctionnels et leur évalua-
tion. Certains projets nécessiteront un travail substantiel à cet égard, tan-
dis que d’autres pourront se contenter d’une vérification rapide. La liste
ci-dessous énumère les exigences non fonctionnelles de notre système :
• Exigences de performance : Ces exigences se concentrent sur la façon
dont le système doit fonctionner en termes de temps de réponse, de
capacité à gérer une charge de travail élevée et d’efficacité globale.
• Critères de sécurité : Ils définissent les mesures et les normes de sécu-
rité que le système doit respecter pour protéger les données sensibles
et garantir l’intégrité, la confidentialité et la disponibilité du système.
• Aspects ergonomiques : Cela concerne la convivialité de l’interface
utilisateur, la facilité d’utilisation du système, la lisibilité des infor-
mations affichées et la facilité de navigation à travers l’application.
• Modularité logicielle : Cela se réfère à la capacité du système à être
facilement étendu et modifié sans perturber le fonctionnement glo-

8
 CHAPITRE 2. ANALYSE ET CONCEPTION DU SYSTÈME

bal. Une architecture modulaire favorise la réutilisation du code et

simplifie la maintenance du système.
• Caractéristiques de fiabilité : Cela englobe les exigences liées à la dis-
ponibilité du système, à sa tolérance aux pannes, à sa capacité à récu-
pérer rapidement en cas de défaillance et à la précision des résultats
produits par le système.

2.5 Conception du Système de Suivi des Colis en

UML
Dans cette partie, nous approfondissons la conception de notre sys-
tème de suivi des colis en utilisant les diagrammes UML mentionnés pré-
cédemment.
En termes généraux, le suivi implique de surveiller le déplacement des
personnes ou des objets et de fournir une séquence ordonnée de données
de localisation correspondantes à un modèle, et ce, de manière opportune.

2.5.1 Le diagramme de cas d’utilisation

Le diagramme de cas d’utilisation présenté dans la figure 2.1 offre une
vue d’ensemble des interactions entre les différents acteurs et le système. Il
identifie trois acteurs principaux et décrit les besoins de l’utilisateur ainsi
que les fonctionnalités du système associées à ces acteurs.

2.5.2 Le diagramme de Classe

Le diagramme de classe représente la structure statique du système en
identifiant les classes, les attributs, les méthodes et les relations entre les
classes. Nous identifions les classes telles que Magasinier, Le diagramme
de classe illustre les entités impliquées dans le système, détaillant ainsi
la structure spécifique du système en représentant ses classes, leurs attri-
buts, leurs opérations, ainsi que les relations entre les objets. Une classe est
une abstraction qui représente diverses entités du système, telles qu’une
voiture, un bouton cliquable, un devis, un utilisateur connecté, une struc-
ture de données, ou tout autre élément à modéliser, souvent conduisant à
la génération de code informatique. Chaque classe est caractérisée par un

9
 CHAPITRE 2. ANALYSE ET CONCEPTION DU SYSTÈME

F IGURE 2.1 – Diagramme de cas d’utilisation.

nom, des attributs et des opérations. La figure (2.2) présente le diagramme

de classe que nous avons créé pour notre systè[Link], Client, Livreur,
Notification, etc., et définissons leurs attributs et méthodes. Les relations
entre les classes, telles que l’agrégation, l’héritage et l’association, sont éga-
lement spécifiées pour refléter la structure du système.

10
 CHAPITRE 2. ANALYSE ET CONCEPTION DU SYSTÈME

F IGURE 2.2 – Diagramme de Classe.

2.5.3 Diagramme de Séquence

Les diagrammes de séquence représentent de manière graphique les
séquences chronologiques d’interactions entre les acteurs et divers objets.
Ces objets sont des instances de trois types de classes : dialogues, contrôles
et entités.

11
 CHAPITRE 2. ANALYSE ET CONCEPTION DU SYSTÈME

F IGURE 2.3 – Diagramme de séquence.

2.6 Conclusion
Ce chapitre a fourni une analyse détaillée de la conception de notre sys-
tème de suivi des colis en utilisant UML comme langage de modélisation.
Les différents types de diagrammes UML ont été utilisés pour représenter
les aspects fonctionnels, dynamiques et statiques du système. La concep-
tion UML fournit un moyen clair et structuré de décrire notre système,
facilitant ainsi le développement, la communication et la compréhension
entre les membres de l’équipe de projet.

12
Chapitre 3
Environnement de Travail

Contents
3.1 Introduction . . . . . . . . . . . . . . . . . . . . . . . . . . 14
3.2 Langages requis et outils . . . . . . . . . . . . . . . . . . 14
3.2.1 Serveurs . . . . . . . . . . . . . . . . . . . . . . . . 14
3.2.2 Logiciels . . . . . . . . . . . . . . . . . . . . . . . . 14
3.2.3 Langages de programmations . . . . . . . . . . . . 16
3.3 Conclusion . . . . . . . . . . . . . . . . . . . . . . . . . . 20

13
 CHAPITRE 3. ENVIRONNEMENT DE TRAVAIL

3.1 Introduction
Dans notre projet de développement d’une application web de suivi
de colis, nous avons accordé une importance particulière à la conception
d’une interface utilisateur simple et pratique pour faciliter l’interaction des
utilisateurs avec notre plateforme. Dans cette section, nous allons présen-
ter l’environnement de développement que nous avons utilisé, y compris
les langages et les outils indispensables.

3.2 Langages requis et outils

Pour le développement de notre interface utilisateur, nous avons utilisé
les langages et les outils suivants :

3.2.1 Serveurs
• Apache : C’est un serveur HTTP créé en 1995, capable d’interpréter
plusieurs langages de programmation tels que PHP, Perl, Python et
Ruby grâce à des modules supplémentaires.

• MySQL : MySQL est un serveur de base de données relationnel gra-

tuit et open-source, souvent associé au PHP et à Apache. Il utilise le
langage standard des requêtes de base de données SQL.

3.2.2 Logiciels
• Visual Studio Code (VS Code) : est un éditeur de code source déve-
loppé par Microsoft. Il offre une interface conviviale et de nombreuses
fonctionnalités qui le rendent populaire parmi les développeurs. VS

14
 CHAPITRE 3. ENVIRONNEMENT DE TRAVAIL

Code prend en charge une grande variété de langages de programma-

tion et propose des fonctionnalités telles que la coloration syntaxique,
l’auto-complétion, la gestion de projet, le débogage intégré, l’intégra-
tion avec des systèmes de contrôle de version, et bien plus encore. Il
est disponible sur plusieurs plateformes, notamment Windows, ma-
cOS et Linux, ce qui en fait un choix polyvalent pour les développeurs
de logiciels.

15
 CHAPITRE 3. ENVIRONNEMENT DE TRAVAIL

• phpMyAdmin : phpMyAdmin est une interface d’administration pour

le système de gestion de base de données MySQL. Il est développé en
PHP et fonctionne sur le serveur HTTP Apache.

3.2.3 Langages de programmations

• HTML (HyperText Markup Language) : est le langage de balisage
universellement utilisé sur les pages web. Il permet de structurer le
contenu et de définir l’apparence des éléments tels que le texte, les
images et les médias en utilisant des balises spécifiques. HTML est
essentiel pour créer la structure de base d’une page web.

• PHP : également connu sous le nom de Hypertext Preprocessor, est

un langage de script serveur spécifiquement développé pour le web.
Il est incorporé dans les pages HTML et s’exécute chaque fois qu’un
visiteur accède à la page. En permettant la création de sites web dyna-
miques grâce à des traitements effectués côté serveur, PHP est devenu

16
 CHAPITRE 3. ENVIRONNEMENT DE TRAVAIL

un choix populaire parmi les développeurs web. Sa nature open-source

et sa gratuité en font un outil largement adopté. Un de ses princi-
paux avantages réside dans sa capacité à s’intégrer facilement avec
les bases de données, en faisant ainsi un outil puissant pour la ges-
tion des données et le développement de fonctionnalités interactives
sur les sites web.

17
 CHAPITRE 3. ENVIRONNEMENT DE TRAVAIL

• CSS (Cascading Style Sheets) : est un langage informatique utilisé

sur Internet pour mettre en forme les fichiers HTML ou XML. Les
feuilles de style en cascade, également connues sous le nom de fi-
chiers CSS, permettent de gérer le design et la mise en page d’une
page HTML de manière efficace et cohérente. CSS est utilisé pour
contrôler l’apparence visuelle d’une page web, notamment la couleur,
la police, la taille et la disposition des éléments.

• JavaScript : est un langage informatique utilisé sur les pages web

pour ajouter des fonctionnalités interactives et améliorer l’expérience
utilisateur. Il s’exécute côté client et permet de rendre les pages web
dynamiques sans recharger la page entière. JavaScript est largement
utilisé pour la validation des formulaires, la manipulation du DOM
(Document Object Model) et la création d’effets visuels interactifs tels
que les carrousels, les menus déroulants, etc.

• JQuery : jQuery est une bibliothèque JavaScript open-source et com-

patible avec plusieurs plateformes, conçue pour simplifier l’écriture

18
 CHAPITRE 3. ENVIRONNEMENT DE TRAVAIL

de scripts côté client dans le code HTML des pages web. Cette biblio-
thèque a été initialement lancée en janvier 2006 par John Resig.

19
 CHAPITRE 3. ENVIRONNEMENT DE TRAVAIL

• XML : Le XML ou eXtensible Markup Language est un langage infor-

matique de balisage générique. Il utilise des balises pour structurer
de manière hiérarchisée et organisée les données d’un document.

3.3 Conclusion
Dans ce chapitre, nous avons discuté des langages et des outils néces-
saires pour assurer le succès de nos projets. En établissant des bases solides
dès le début, nous pouvons développer des applications de haute qualité
qui répondent aux normes les plus élevées.

20
Chapitre 4
Application

Contents
4.1 Interface d’accueil . . . . . . . . . . . . . . . . . . . . . . 22
4.2 Interface de l’administrateur . . . . . . . . . . . . . . . . 23
4.2.1 Les responsabilités de l’administrateur . . . . . . 23
4.3 Interface de l’Expéditeur . . . . . . . . . . . . . . . . . . 27
4.4 Interface du destinataire . . . . . . . . . . . . . . . . . . . 28
4.5 Conclusion . . . . . . . . . . . . . . . . . . . . . . . . . . 28

21
 CHAPITRE 4. APPLICATION

Le dernier chapitre revêt une importance capitale dans ce mémoire,

puisqu’il aborde en détail le travail pratique effectué dans le cadre de notre
projet de fin d’études. Il décrit minutieusement les différentes étapes de
fonctionnement de notre application web de suivi de colis, et comprend
des captures d’écran illustrant les différentes interfaces et actions associées
à l’utilisation de notre application.

4.1 Interface d’accueil

L’image ci-dessus représente la page d’accueil qui s’affiche lors du dé-
marrage de l’application :

F IGURE 4.1 – Page D’accueil.

22
 CHAPITRE 4. APPLICATION

4.2 Interface de l’administrateur

Dès qu’on active le bouton "Administrateur", un champ de saisie de
mot de passe s’affiche instantanément.

F IGURE 4.2 – Authentification de l’administrateur.

4.2.1 Les responsabilités de l’administrateur

Après une authentification réussie de l’administrateur, la fenêtre sui-
vante se dévoile.

23
 CHAPITRE 4. APPLICATION

F IGURE 4.3 – Page d’accueil de l’administrateur.

L’administrateur peut faire la gestion des colis :

F IGURE 4.4 – Gestion des colis.

• S’il clique sur le bouton "Ajouter", un formulaire de saisie s’affichera.

24
 CHAPITRE 4. APPLICATION

Une fois que ce formulaire est validé, une fenêtre s’affichera avec le

F IGURE 4.5 – Ajouter un colis.

numéro de suivi du colis à fournir au client.

• Il a également la possibilité de modifier les informations personnelles
du client, voire même de le supprimer de la base de données.
• La mise à jour du statut du colis s’effectue en cliquant sur le bouton
"Mettre à jour Statut". Dans ce cas, la fenêtre suivante s’affichera.

25
 CHAPITRE 4. APPLICATION

F IGURE 4.6 – Mettre à jour le statut du colis.

• Voir la liste des expéditeurs qui sont dans le système.

26
 CHAPITRE 4. APPLICATION

4.3 Interface de l’Expéditeur

Le système requiert que l’expéditeur s’inscrive pour pouvoir envoyer
un colis. Pour ce faire, il devra s’inscrire sur la page suivante :

27
 CHAPITRE 4. APPLICATION

À ce stade, l’administrateur a la possibilité d’envoyer le colis apporté

par l’expéditeur.
Il a également la possibilité de s’authentifier pour consulter l’état de
suivi des colis dont il est propriétaire.

4.4 Interface du destinataire

Le client peut suivre l’évolution de son colis en saisissant le numéro de
suivi fourni par le système.

4.5 Conclusion
Ce chapitre sur l’application du site web a examiné nos principales
fonctionnalités en ligne. La page d’accueil guide les utilisateurs vers les
sections essentielles, tandis que l’interface utilisateur assure une naviga-
tion intuitive. Les fonctionnalités d’inscription et de connexion garantissent
un accès sécurisé, et la navigation à travers le site est simplifiée pour une
expérience utilisateur optimale. En résumé, notre site web offre une expé-
rience en ligne efficace et nous restons engagés à son amélioration conti-
nue pour répondre aux besoins de nos utilisateurs.

28
 CHAPITRE 4. APPLICATION

F IGURE 4.7 – Liste des expéditeurs.

29
 CHAPITRE 4. APPLICATION

F IGURE 4.8 – Inscription de l’expéditeur.

F IGURE 4.9 – Authentification de l’expéditeur.

30
 CHAPITRE 4. APPLICATION

F IGURE 4.10 – Suivi du colis par le destinataire.

31
Conclusion Générale

Ce mémoire a plongé en profondeur dans le processus de développe-

ment d’une application web dédiée au suivi de colis. À travers une analyse
minutieuse des besoins et des exigences, nous avons élaboré une solution
innovante visant à simplifier et à améliorer le processus de gestion des
envois et des livraisons.
Durant cette étude, nous avons identifié les défis principaux liés au
suivi de colis et avons conçu une application qui répond efficacement à
ces défis. En intégrant des fonctionnalités telles que la traçabilité en temps
réel, la gestion des expéditeurs et des destinataires, notre application offre
une solution complète pour les entreprises et les particuliers qui cherchent
à gérer leurs envois de manière efficace.

32
Bibliographie

[1] [Link]
logiciel-pour-suivi-de-colis/
[2] [Link]
Contribution_a_la_realisation_dune_plate_forme_de_suivi_
de_colis.pdf
[3] [Link]
[4] Pierre Gérard, IUT de Villetaneuse. DUT informatique .Diagramme de
cas d’utilisation , [Link]/~gerard/uml-s2/
[5] Jim Conallen. Building Web Applications With UML. Addison-Wesley
Professional, 2002.
[6] Brad Bulger, Jay Greenspan, David Wall. MySQL/PHP Database Appli-
cations, 2004.
[7] Franck Vallée, Pascal Roques, UML 2 en action de l’analyse des besoins
à la conception, 4ème éd., EYROLLES, 2006.

33