République Algérienne Démocratique et Populaire

et de la Recherche Scientifique
Université du 20 Aout 1955 SKIKDA
Faculté des sciences

Projet de fin d’études pour l’obtention du diplôme de

Licence en Informatique

Option : Système D’Informations

Réservation de numéro en ligne dans la poste

La gestion de la foule
Dirigé par : Réalisé par :

Dr. Bouremel Adelhakim Boudjnah Lamia

Khazeri Meriem

Session : 2023/2024
 REMERCIMENT
S’il y a officiellement un seul auteur, la production d’un mémoire de maîtrise est d’abord et avant
tout une œuvre collective. Il importe donc de remercier celles et ceux qui ont contribué à mener
l’exercice à son terme.

D’abord,nous aimerions chaleureusement remercier Mr BOUREMEL ABDELHAKIM

qui accepté de nous accompagner, dans des circonstances particulières, afin que nous puissions enfin
relever ce défi stimulant. pour tous ses précieux conseils, pour son écoute active,et sa disponibilité.

Nos remerciements vont aussi a nos professeurs et enseignants qui ont rendu possible ce
retour à la maîtrise.grand merci pour leur soutien durant les moments de doute et d’abandon, et
surtout ceux qui ont cru en nous.

Nos conjoints KHORIEF NACREDDINE ...........TADJER ABDEREZAK , ont droit, eux aussi,
à toute nos appréciations. Ils ont dû et su conjuguer, au fil des cette année de passerelle ,leurs
obligations personnelles et professionnelles avec nos responsabilités parentales, pour nous encourager ;
Et ce mémoire et notre défit après tant d’année d’arrêt.

Sur le plan professionnel, nos remerciements vont notamment à Tout nos collègues au travail qui
ont généreusement accepté de partager nos rêves . par leur soutien combien inestimable . Que ces
personnes trouvent ici l’expression de nos plus grande reconnaissance.

Nous remercions très respectueusement tous les membres de jury d’avoir accepté de juger notre
modeste travail et de l’avoir enrichi.

Nous aimerions aussi remercier celles et ceux qui ont jalonné ce parcours modeste ;certes... mais
important a nos yeux.

MERCI A VOUS TOUS

DEDICACE

LAMIA
 DEDICACE
Je dédie ce modeste travail. Aux deux êtres qui me sont très cher,
mes feus parents qui m’avez prodigué une bonne éducation … ma
défunte belle mère YAKOUTA qui n’avait jamais cessé de croire en
moi, aucun mot ni aucune langue ne pourrait exprimer ma profonde
gratitude à votre égard tous .
A toute la famille TADJER et KHAZERI à mes enfants mes
amours ma vrai raison d’être DJAD EL MAWLA et DORSAF mes
enfants ...ma source de bonheur et de volonté et à tous ceux que j’ai
rencontrés pendant cette année de passerelle ... A tous ceux qui m’ont
encourager .
Une dédicace spéciale destinée a mon mari TADJER
ABDERAZAK la personne qui m’ a épaulée dans toutes les épreuves
de mon parcourt .cette personne qui était et qui est et qui sera toujours la
pour m’encourager.et me soutenir d’un soutien inestimable, financier,
matériel, moral et conseils aussi nobles.

MERIEM
 TABLE DES MATIERES

Introduction générale ......................................................................................................... 1

Chapitre I : État de l'art

problématique.............................................................................................................................. 4
I-1-Définitions ...................................................................................................................... 4 I-1-1-
définition de réservation ...................................................................................................... 4

I-1-2- système de réservation ...................................................................................................... 4

I-2-des exemples de systèmes réservation ..................................................................................... 4

I-2-1- système de réservation à la poste ...................................................................................... 4

I-2-2- système de réservation à la banque ........................................................................ ……..4

I-2-3-système similaires en ligne ................................................................................................ 5
I-3-Le langage de modélisation UML .................................................................................... 5 I-3-1-
Définition d’UML ............................................................................................................... 5
I-3-2-Points forts et points faibles d’UML ............................................................................ 6
I-3-2-1-Points fort d’UML ............................................................................................................... 6
I-3-2-2-Points faibles d’UML ........................................................................................................ 6
I-3-3-Les diagrammes d'UML ....................................................................................................... 6
I-3-3-1-Définition d’un diagramme ................................................................................................ 6
I-3-3-2-Les Différents types de diagrammes .................................................................................6
I-3-3-2-1-Diagramme de cas d'utilisation (use case diagramme) .............................................. 7
I-3-3-2-2-Diagramme de classes (class diagramme) ........................................................... 8
I-3-3-2-3-Diagramme de séquences (Séquence diagramme) .............................................. 9
Conclusion ....................................................................................................................................... 9

Chapitre II : Analyses et conception

 Introduction…………………………………………………………………………………11
I- Présentation et justification du choix d'UML………………………………………………………..……….11 II-1-

Modèle d'Uml Utilisés ...................................................................................................... 11 II-1-1-

Diagrammes de cas d'utilisation .........................................................12
II-1-2- diagramme de séquence ...............................................................................................12
II-1-3-diagramme de classe .................................................................................................... ...15
Conclusion ............................................................................................................................. 17
Chapitre III : Implémentation

Introduction……………………………………………………………………….…………19
I-Description de l’environnement de travail………………………………………………..……….………..…..19 I-1-
Plateforme matérielle ......................................................................................................... 19 I-2-
Plateforme logicielle ........................................................................................................... 19 I-2-1-
Système d’exploitation .................................................................................................... 19
I-2-2-Définition des outils utilise .............................................................................................. 20

I-2-2-1-WAMP Server .................................................................................................... 20

I-2-2-2-Le gestionnaire phpMyAdmin .................................................................................. 21

I-2-2-3 MySQL ....................................................................................................................... 21

I-2-3-Langages de programmations ......................................................................................... 21 I-2-3-
1-Langage HTML (HyperText Mark up langage) ............................................................... 22 I-2-3-2-
CSS (CASC ding Style Sheets) ........................................................................................ 22

I-2-3-3-Langage PHP (Hyper Texte Processeur) ..................................................................... 23

I-2-3-4-Langage JavaScript ..................................................................................................... 23 I-2-3-
5-Structured Quercy Langage (SQL) ................................................................................. 24

II-Présentation de l’application ............................................................................................... 24

Conclusion ..................................................................................... 14 Conclusion General
.......................................................................... 15 Bibliographie .......... ...
................................................................. 16
 TABLE DE FIGURE

Figure 1 Historique d’UML .................................................................................................. 05 Figure 2

Les différents types de diagramme ......................................................................... 07 Figure 3 Exemple
d’un d’utilisation cas d’utilisation .................................................................. 08

Figure 4 Exemple d’un diagramme de classe............................................................................... 08

Figure 5 Exemple d’un diagramme de séquence.......................................................................... 10

Figure 6 Diagramme de cas d’utilisation ..................................................................................... 11

Figure 7 diagramme de séquence-d’authentification……………………………………… .. 12
Figure 8 diagramme de séquence le numéro déjà existé .............................................................. 12

Figure 9 diagramme de séquence demande d’un numéro à la poste …………………......... ..….. 13

Figure 10 diagrammes de séquence d’annulation de la demande d’un numéro à la poste …........ . 13

Figure 11 diagramme de classe………………………………………………..........……………..14 Figure
12 Page d'accueil contient de la poste……………………………………………… ..........24
Figure 13 menus pour l’utilisateur : les options qui peut faire .......................................................25
Figure 14 utilisateurs information ................................................................................................... 25
Figure 15 transaction effectue sur votre compte ........................................................................... 26
Figure 16transfert de fonds .................................................................................................
Figure 17 carte d’aide ............................................................................................. 26 Figure 18
affichage code tous les comptes ............................................................... 27 Figure 19 affichages
de tous les comptes caissier .................................................... 27 Figure 20 commentaires du
gestionnaire de titulaire de compte .............................. 27 Figure 21 comptes d’informations du
caissier ..................................................................................... 28
INTRODUCTION GENERALE
 Introduction Générale

Introduction Générale :
L’informatique est la science du traitement rationnel, notamment par machines
automatiques, de l'information. Celle-ci est considérée comme le support des connaissances humaines et
des communications dans les domaines techniques, économiques, sociaux ainsi que professionnels.
Il ne s’agit plus d’optimiser un existant pour faire face à la concurrence, ni de mettre en place des
outils plus modernes, mais de réaliser que cela ne suffit plus, que le véritable enjeu est d’accepter que son
métier change et embrasser de nouveaux modèles d’activité !

. En effet, les logiciels informatiques proposent maintenant des solutions à tous les
problèmes de la vie, aussi bien dans des domaines professionnels que pour des
applications personnelles. Et leurs méthodes de conception et de développement ont vu
l'avènement d'autant de technologies qui facilitent leur mise en place et leurs donnent des
possibilités et des fonctionnalités de plus en plus étendues.

L’internet est aujourd’hui une infrastructure informatique généralisée, le premier prototype

de ce que l’on appelle souvent l’infrastructure nationale (ou mondiale ou galactique)
informatique. Son histoire est complexe et implique de nombreux aspects – technologique,
organisationnel et communautaire. Son influence touche non seulement les domaines
techniques de la communication informatique, mais toute la société au fur et à mesure que nous
nous dirigeons vers une utilisation croissante d’outils en ligne afin de réaliser des opérations
communautaires, de commerce électronique et d’acquisition d’informations. Et pour ce faire il
existe plusieurs moyens tel que les sites web.

Un site web est un ensemble de fichiers (page HTML, images, PDF, son, vidéo,
programme, animations). Et de dossiers, formant l'arborescence du site.

Pour la réalisation de cette tâche (réservation un numéro sur la poste en ligne - gestion de la
foule -); notre choix s'est porté sur le processus unifié. En effet, le processus unifié est une
solution de développement logiciel adaptée à tout type de projet. Ses traits distinctifs tiennent
en trois notions : piloté par les cas d'utilisation, centré sur l'architecture, itératif et
incrémental.

Langage de modélisation utilisé dans cette étude est UML (Unifier Mödling Langage), qui
est une partie intégrante de la démarche UP. Ses diagrammes sont largement utilisés dans
chaque étape et phases de ce processus de développement.
 Ayant présenté les outils et la méthode adoptée, nous allons maintenant exposer le plan du
mémoire qui se subdivisera en trois principaux chapitres.
Dans le premier chapitre intitulé « État de l'art » nous définissons quelques concepts jugés
nécessaire sur l'état de l’art, ainsi nous présentons le mécanisme de transport de l'information.

Puis, «La conception » deuxième chapitre nous traitons les applications suivant le

Finalement dans le dernier chapitre qu'on a nommé « Implémentation » nous

présentons les outils de développement qui nous ont servi pour la réalisation d’une
réservation en ligne, et enfin l'activité test qui consiste, justement, à le tester dans le but
de s'assurer de son bon fonctionnement.
 Etat de l’art

CHAPITRE I :PRESENTATION DU PROJET

 Chapitre I État de l'art

PROBLEMATQUE:
À chaque fin du mois et au moment des payes, les rassemblements de centaines de personnes dans la poste;
forme une foule. Cette dernière est sans doute l’un des facteurs d’atmosphère le plus difficile à manipuler (D.
Dion, 1999).
Quelles sont les meilleures solutions pour prévenir et gérer les mouvements de cette foule amplifiée par le
stress d'une manière drastique?.Sachant que l’attente peut prendre une ampleur considérable et engendre un
mouvement de panique potentiellement immaîtrisable. Donc procéder a Définir le concept de mouvement de foule et
les effets de groupe, Anticiper et prévenir la dégradation de la situation sur les lieux, déployer un protocole de gestion
de la foule : gestion des flux de personnes et assurer une communication efficace et professionnelle, gérer le stress et
l’émotion suscités par le contexte .Et encore on doit aller plus loin dans notre étude en appliquant La théorie du
comportement des foules de Sigmund Freud, grand admirateur de Gustave Le Bon, tient à l'idée que devenir membre
d'une foule sert à déverrouiller l'inconscient mais comment faire une projection via le problème qui se pose à la poste ?
la ville d'Amsterdam nous en dit plus sur l'expérimentation en cours sur place d'un dispositif innovant de suivi
des foules en utilisant l'intelligence artificielle. épisode de Business Planet dédié aux villes intelligentes ("smart
cities"), et Public Eye c'était une priorité de développer une technologie de gestion des foules et en l'occurrence,
Public Eye, Dans un espoirs proche de jalonner ce genre de technologie on a opté pour une étude a fin d’appréhender
une analyse de ce phénomène pour pouvoir élaborer un dispositif de sécurité adéquat pour éviter le problème de la
foule:donc on a intituler notre theme « une réservation en ligne d'un numéro dans la poste» .Dans toutes ses
dimensions.

I-1-Définitions :
I-1-1- définition de réservation :

Action de retenir une place dans un moyen de transport ou dans une salle de spectacle, de retenir
une chambre dans un hôtel ou tout autre lieu de séjour, une table au restaurant.

I-1-2-Définition de réservation en ligne :

Service en ligne qui permet de rechercher, de comparer et de réserver divers services, tels que des voyages et
des prestations d'hôtellerie, de restauration ou de loisirs.

I-1-2- système de réservation :

Les systèmes de réservation informatique (en anglais, computer réservations systèmes ou CRS)
permettent de réserver une ressource ou un service dans le temps pour une personne ou un groupe.

I-2-des exemples de systèmes réservation :

I-2-1- système de réservation à la poste :
Sur le site Web d’Algérie Poste (Services en Ligne) :
  Recharge téléphonie mobile.
 Recharge ADSL.
 Réservation des billets d’avion.
 Adhésion aux services de l’application mobile Baridi Mob.
 Paiement de factures (ADE, SONELGAZ, SEAAL, ATM-ADSL, MOBILIS).

 Effectuer un Paiement / Achat / Réservation.

 Annuler / Rembourser un achat.

I-2-2- système de réservation à la banque :

Par ailleurs, la CNIL demande à ce que lorsqu'un achat est réalisé par téléphone, le client puisse
éviter d'avoir à donner son numéro de carte bancaire à l'oral. Une solution alternative sécurisée,
gratuite pour le client, doit alors être proposée.

I-2-3-système similaires en ligne :

Le système d'information en ligne, couramment désigné par le sigle SIEL est le le nom donné au
Système d'aide à l'exploitation et à l'information voyageurs des transports parisiens.... Il n'est pas à
confondre avec le système similaire utilisé dans les gares SNCF, dénommé Info are.
I-3-Le langage de modélisation UML :

C’est un langage de modélisation graphique à base de pictogrammes, conçu pour représenter,

spécifier les artefacts de systèmes logiciels, de plus il est destiné à comprendre et décrire des besoins
spécifiés et documentés des systèmes, esquissé des architectures logicielles, concevoir des solutions et
communiquer des points de vue, comme il peut être appliqué à toutes sortes de systèmes ne se limitant
pas au domaine informatique.

UML résulte de l’unification de techniques ayant fait leurs preuves pour l’analyse et la
conception de grands logiciels et de systèmes complexes. [2]

5
Chapitre I État de l'art
 Figure 1 : Historique d’UML

I-3-2-Points forts et points faibles d’UML :

I-3-2-1-Points fort d’UML :

Il permet : Un gain de précision.
Un gage de stabilité. L’utilisation d'outils.
Il cadre l'analyse et facilite la compréhension de représentations abstraites complexes. Son
caractère polyvalent et sa souplesse en font un langage universel. [1]

I-3-2-2-Points faibles d’UML :

La mise en pratique d'UML nécessite un apprentissage et passe par une période d'adaptation.
L'intégration d'UML dans un processus n'est pas triviale, et améliorer un processus est une tâche
complexe et longue. [1]

6
 Chapitre I État de l'art
I-3-3-Les diagrammes d'UML :

I-3-3-1-Définition d’un diagramme :

Un diagramme UML est une représentation graphique, qui s'intéresse à un aspect précis du Modèle,
chaque type de diagramme UML possède une structure et véhicule une sémantique précise.
I-3-3-2-Les Différents types de diagrammes :
UML 2 comporte autour treize types de diagrammes, chacun est dédié à la représentation des
concepts particuliers d'un système logiciel. Ces types de diagrammes sont répartis en deux grandes
catégories. [2]

Figure 2 : Les différents types de diagramme

7
 Chapitre I État de l'art

I-3-3-2-1-Diagramme de cas d'utilisation (use case diagramme) :

Le diagramme de cas d’utilisation permet de recueillir, D’analyser et d’organiser les besoins, et de
recenser les grandes fonctionnalités d’un système. Il s’agit donc de la première étape UML d’analyse
d’un système.

Figure 3 : Exemple d’un d’utilisation cas d’utilisation

I-3-3-2-2-Diagramme de classes (class diagramme) :

Il permet de fournir une représentation abstraite des objets du système qui vont interagir
ensemble pour réaliser les cas d’utilisation.

8
 Chapitre I État de l'art

Figure 4 : Exemple d’un diagramme de classe

I-3-3-2-3-Diagramme de séquences (Séquence diagramme) :

Le diagramme de séquence décrit les interactions entre un groupe d’objets en montrant, dans ordre
chronologique, les envois de message qui interviennent entre les objets.

9
 Chapitre I État de l'art

Figure 5 : Exemple d’un diagramme de séquence

Conclusion :
L’internet est en effet un réseau de vigilance, alimenté par les associations, et les gouvernements,
accessible à tous les citoyens (au moins dans les pays les plus développés), et qui peut en outre servir de source
d'information pour les médias. Et dans ce chapitre, nous avons présenté le mécanisme de transport de
l'information sur Internet et la différence entre un site statique et un site dynamique. Ainsi nous allons voir plus
en détail dans les chapitres suivants, la présentation des concepts de base de langage de modélisation UML.
Pour permettre une bonne lecture de ce qui va suivre et exprimer de manière uniforme l'analyse et la
conception de notre réservation de numéro en ligne à la poste.

10
Chapitre II Analyses et conception

Chapitre II : Analyses et conception

11
 Chapitre II Analyses et conception

Introduction :
La réalisation d'un site web doit être impérativement précédée d'une méthodologie
conception qui a pour objectif de permettre de formaliser les étapes préliminaires du
développement d'un site afin de rendre ce développement plus fidèle aux besoins du client. La phase de
conception permet de décrire de manière non ambiguë, le plus souvent en utilisant un langage de
modélisation, le fonctionnement futur du système, afin d'en faciliter la réalisation.
I- Présentation et justification du choix d'UML :
II-1-Modèle d'Uml Utilisés :
II-1-1- Diagrammes de cas d'utilisation :
Les diagrammes de cas d'utilisation (DCU) sont des diagrammes UML utilisés pour une
représentation du comportement fonctionnel d'un système logiciel. Ils sont utiles pour des
présentations auprès de la direction ou des acteurs d'un projet, mais pour le développement, les cas
d'utilisation sont plus appropriés.

Figure 6 : Diagrammes de cas d'utilisation

Chapitre II Analyses et conception

Cas d’utilisation
Résumé
Acteur
Pré-condition
Scenario nominal

Alternative exception

Tableau 1.1 : Description du cas d’utilisation

Cas d’utilisation
Résumé
Acteur
Pré-condition
Scenario nominal

Alternative exception

Tableau 1.1 : Description du cas d’utilisation

 Cas d’utilisation
Résumé
Acteur
Pré-condition
Scenario nominal

Alternative exception

Tableau 1.1 : Description du cas d’utilisation

Cas d’utilisation
Résumé
Acteur
Pré-condition
Scenario nominal

Alternative exception

Tableau 1.1 : Description du cas d’utilisation

II-1-2- diagramme de séquence :
Les diagrammes de séquences sont la représentation graphique des interactions entre les acteurs
et le système selon un ordre chronologique dans la formulation Unified Mödling Langage.

Figure 7 : diagramme de séquence-d ’authentification

 Figure 8 : diagramme de séquence le numéro déjà existé

12

Chapitre II Analyses et conception

Figure 9 : diagramme de séquence demande d’un numéro à la poste
Figure 10 : diagramme de séquence d’annulation de la demande d’un
numéro à la poste

13
 Chapitre II Analyses et conception

II-1-3- diagramme de classe :

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 leurs relations. Ce diagramme fait partie de la partie statique
d'UML, ne s'intéressant pas aux aspects temporels et dynamiques.

Figure 11 : diagramme de classe

Conclusion :
En conclusion, UML est un outil précieux, mais, en réalité ce n’est pas un langage ; c’est un
ensemble de pictogrammes normalisés permettant de représenter visuellement une structure logicielle.
faire du normalisé n’aide pas forcément à la compréhension de son auditoire … il faut donc se poser la
question avec quel auditoire dois-je communiquer ? A quoi sert mes diagrammes? pour bien l'utiliser
et en faire un instrument de lisibilité, il nous faut l'accompagner d'un mode d'emploi pour
l'élaborer, il nous faut reprendre les questions dans la tradition du génie logiciel et suivre les
démarches de conception.

14
Chapitre III Implémentation

CHAPITRE III :IMPLEMENTATION

Chapitre III Implémentation

Introduction :
A ce stade du processus, les cas d'utilisation sont terminés, le problème a été analysé en
profondeur .Nous avons défini une conception mieux appropriée aux besoins de l'application. Nous
pouvons alors entreprendre la dernière activité du Processus Unifié qu'est de même composé de
deux parties (implémentation et test), ayant comme objectif d'aboutir à un produit final, exploitable
par les utilisateurs. Dans cette phase nous allons présenter les outils de développement que nous
avons utilisé, l'architecture matérielle mise en place, implémenter tous les cas d'utilisation, et enfin les
tester.

I-Description de l’environnement de travail :

I-1-Plateforme matérielle :
Une plate-forme matérielle représente les machines auxquelles ont été conçu pour effectuer les tests
et la réalisation de l'application avec les caractéristiques et la description de chaque machine.

HP

I-2-Plateforme logicielle :
I-2-1-Système d’exploitation :
L'environnement de base qui a constitué le support de Notre travail est le système d’Obtenir
d'excellentes performances de façon aisée. Exploitation Windows 10. Il est disponible sur la
machine.

19
Chapitre III Implémentation

I-2-2-Définition des outils utilise :

I-2-2-1-WAMP Server :

WAMP server est une plateforme de développement web de type

WAMP permettant de faire fonctionner localement (sans se connecter à un serveur externe) C’est un
environnement qui comprend deux serveurs (Apache et MySQL), un interpréteur de scripts PHP, ainsi
qu'une administration pour les deux bases SQL PhpMyAdmin et SQL ite Manager.

Voici les programmes qu'installe WAMP :

 Apache : C'est le programme qu'utilisent les serveurs. Il permet au serveur de
distribuer des pages web, mais il ne connaît que le HTML.
 PHP : PHP est comme un plugin d’Apache. Il a besoin d'Apache pour fonctionner, et
grâce à lui Apache saura travailler sur des pages PHP. En clair, Apache + PHP = un
serveur PHP.
 MySQL : C’est un programme qui va nous être sacrément utile par la suite, c'est lui qui
nous permet d'utiliser des bases de données.
 PhpMyAdmin : Cela nous permettra de gérer nos bases de données.

20
Chapitre III Implémentation
I-2-2-2-Le gestionnaire phpMyAdmin :

Le phpMyAdmin est un outil de logiciel gratuit écrit dans le PHP prévu pour manipuler
l'administration de MySQL au-dessus du World Wide Web (WWW). Le phpMyAdmin soutient un
éventail d'opérations avec MySQL. Plus souvent les opérations utilisées sont soutenues par l'interface
utilisateurs (bases de données, tables, champs, relations, index, utilisateurs, permissions, etc. de
gestion), alors que vous avez toujours la capacité d'exécuter directement n'importe quelle commande
SQL.

I-2-2-3 MySQL :

MySQL est un système de gestion de bases de données, nous aide à remplir notre mandat en termes
de diffusion de l'information et de développement de capacités, tout en réalisant d'importantes
économies internes. Nous envisageons de migrer jusqu'à 80 % de nos systèmes d'informations
techniques vers MySQL.

MySQL est un serveur de bases de données relationnelles.

I-2-3-Langages de programmations :
Voici les langages de programmations qu’on a utilisés pour développer notre site web :

 HTML : Langage de description des pages web, côté client.

 PHP : Langage de script côté serveur.

21
Chapitre III Implémentation
 SQL : Utilisé pour interroger les bases de données, côté serveur.
 JavaScript : Langage de script côté client.
 CSS : Langage de présentation des pages web.


I-2-3-1-Langage HTML (Hypertext Markup language):

L'HTML est un langage informatique utilisé sur l'internet. Ce langage est utilisé pour créer des
pages web. L'acronyme signifie HyperText Mark up Langage, ce qui signifie en français "langage de
balisage d'hypertexte". Cette signification porte bien son nom puisqu'effectivement ce langage permet
de réaliser de l'hypertexte à base d'une structure de balisage. Ce n'est pas à proprement parlé un langage
de programmation, mais plutôt un langage qui permet de mettre en forme du contenu. Les balises
permettent de mettre en forme le texte et de placer des éléments interactif, tel des liens, des images
ou bien encore des animations. Ces éléments ne sont pas dans le code source d’une page codée en
HTML mais "à côté" et la page en HTML ne fait que reprendre ces éléments. [3]

I-2-3-2-CSS (Cascadions Style Skeets):

Ce qui peut se traduire en français par Feuilles de style en cascade, On dit "Feuille de style" car en
règle générale, on écrit le code CSS dans un fichier à part (à l'extension .css au lieu de.html). C’est
un fichier dans lequel on écrit l'apparence que notre site doit avoir : la couleur et la police du texte, la
taille des titres, la position des menus, la couleur ou l'image de fond…etc.

22
Chapitre III Implémentation
I-2-3-3-Langage PHP (Hyper Texte Processeur) :

PHP est un langage de scripts libre principalement utilisé pour produire des pages Web
dynamiques via un serveur HTTP, mais pouvant également fonctionner comme n'importe quel langage
interprété de façon locale, en exécutant les programmes en ligne de commande.

En raison de la richesse de sa gestion des documents, on désigne parfois PHP comme une plate-
forme plus qu'un simple langage. [4]

I-2-3-4-Langage JavaScript:

JavaScript est un langage de programmation de scripts principalement utilisé dans les pages web
interactives mais aussi côté serveur. C'est un langage orienté objet à prototype, c'est-adire que les bases
du langage et ses principales interfaces sont fournies par des objets qui ne sont pas des instances de
classes, mais qui sont chacun équipés de constructeurs permettant de créer leurs propriétés, et
notamment une propriété de prototypage qui permet d'en créer des objets héritiers personnalisés.

23
Chapitre III Implémentation
I-2-3-5-Structured Quercy Language (SQL):
SQL est un langage structuré de requête conçu pour la manipulation des données, notamment la
création, suppression et modification des tables grâce à des requêtes.

II-Présentation de l’application : ON DOIT REFFAIRE LA PRESENTATION DE

NOTRE INTERFACE
Description de quelques interfaces :

Dans ce qui suit, nous aurons présenté quelques captures d’écran des interfaces graphique
développé pour chaque application.

II-1-Page d’accueil :
La page d’accueil est la première page du site. Elle offre aux visiteurs le privilège d’accès aux
différents services de la poste, elle contient 3 compte : user, caissier et directeur
On doit entrez l ‘e-mail et le mot de passe pour entrer comme présenté sur la figure suivante.

Figure 12 : Page d'accueil contient de la poste

24
Chapitre III Implémentation
I-2-2-Coté utilisateur :

Figure 13 :Menu pour l’utilisateur : les options qui peut faire

Figure 14 : Utilisateur Information

25
Chapitre III Implémentation

Figure 15 : Transaction effectuée sur votre compte

Figure 16 : Transfert de fonds

Figure 17 : Carte d'aide

26
Chapitre III Implémentation
Coté directeur :

Figure 18 : Affichage de tous les comptes

Figure 19 : Affichage de Tous les compte de caissier

Figure 20 : Crée nouveaux compte de directeur

27
Chapitre III Implémentation

Figure 21 : commentaires du gestionnaire de titulaire de compte

Coté caissier :

Figure 22 :Compte d'informations du caissier

28
Chapitre III Implémentation
Conclusion :
Dans ce chapitre, nous avons décrit brièvement le processus de réalisation de notre
application en spécifiant l'environnement de développement, l'implémentation de la base des données
et la démarche suivie pour la réalisation. En effet, nous avons achevé l'implémentation et les tests de
tous les cas d'utilisation, tout en respectant la conception élaborée. En d'autres termes, nous détenons
la version finale du logiciel, installée dans notre environnement de développement.

29
 Conclusion Générale

Conclusion Générale :
Afin de satisfaire les besoins des utilisateurs nous avons commencé la conception en utilisant le
formalisme UML et UP et la mise en oeuvre des bases de données avec le gestionnaire de bases de
données MYSQL ensuite l'implémentation des requêtes SQL pour la manipulation des données et enfin
la concrétisation de l'application sous l'environnement de programmation PHP.
Ce projet a fait l'objet d'une expérience intéressante, qui nous a permis d'améliorer nos
connaissances et nos compétences dans le domaine de la programmation. Nous avons appris à mieux
manipuler les langages PHP, HTML, MYSQL et Java Script.
Ainsi à travers ce site web nous pourrons gérer ces activités par le monde et offrir à cette structure
une chance de s'imposer et d'entrer de plein pied dans le monde compétitif de la communication
en mettant en ligne le site web sur un hébergeur pour matérialiser sa consultation par des
milliers d'internautes.
En effet, ce travail étant une oeuvre humaine, n'est pas un modèle unique et parfait, c'est
pourquoi nous restons ouverts à toutes les critiques et nous sommes prêts à recevoir toutes les
suggestions et remarques tendant à améliorer d'avantage cette étude. Etant donné que tout travail
informatique a été toujours l'oeuvre d'une équipe.

30
 Conclusion Générale

[1] Pascal Roques, les cahiers du programmeur UML, Eyrolles 2003.

[2] S. Grain, UML2.
[3] www.caar.dz
[4] www.e-marketing.fr
[5] www.e-monsite.com
[6] www.openclassroom.com
[7] L. AUDIBERT, UML 2.0
[8] E. D’aspe, Cyril Pierre de Geyer, PHP 5 avancé 4e édition Eyrolles.
[9] Hani Farah, Dikhil Kenza « Conception et Réalisation d’un Site Web Dynamique Pour une
Agence D’assurance », mémoire licence, université 20 Aout 1955 SKIKDA

31