Pfe Final

Cration dun Site WEB Dynamique au
profit de SORETRAK
Table de matire
Chapitre 1 : Contexte et objectif............................................................................. 2
1.
Prsentation de la socit SORETRAK..............................................................2

1.1.
Cration de la SORETRAK...........................................................................2
1.2.
Objectifs de la socit................................................................................ 3
1.3.
La mission de la SORETRAK.......................................................................3
1.4.
Moyens Logistiques.................................................................................... 3
1.5.
Organisation gnrale de la SORETRAK.....................................................4
1.6.
Les diffrents services de la SORETRAK.....................................................5
1.6.1.
La direction gnrale...........................................................................5
1.6.2.
Service financier.................................................................................. 5
1.6.3.
Service dèxploitation.........................................................................5
1.6.4.
Service contrle de gestion.................................................................5
1.6.5.
Service audit interne........................................................................... 5
1.6.6.
Division Etudes et informatique...........................................................6
1.6.7.
Service tude...................................................................................... 6
1.6.8.
Service approvisionnement.................................................................6
1.6.9.
Service technique................................................................................ 7
1.6.10. Service administratif........................................................................... 7

1.6.11. Service qualit, scurit et communication.........................................7
1.6.12. Service gestion de l`nergie................................................................7
2.
Prsentation du projet...................................................................................... 7
2.1.
Etude de lexistant..................................................................................... 7
2.2.
Critique de lexistant................................................................................. 8
2.3.
Solution propose..................................................................................... 8
2.4.
Dfinition des orientations.........................................................................9
2.4.1.
Les Orientation de gestion...................................................................9
2.4.2.
Les orientations dorganisation...........................................................9
2.4.3.
Les orientations techniques.................................................................9
2.5.
Spcification des besoins.........................................................................10
2.5.1.
Spcification des besoins fonctionnels..............................................10
Diagramme du cas dutilisation initial............................................................13

2.5.2.
Spcification des besoins non fonctionnels.......................................14
Conclusion...................................................................................................... 15
Chapitre 2 : Analyse et conception.......................................................................16
1.
Prsentation dUML........................................................................................ 16

profit de SORETRAK
2.
3.
Raffinement du cas dutilisations pour lacteur administrateur......................17

2.1.
Raffinement du cas dutilisation Grer_Ligne ....................................17
2.2.
Raffinement du cas dutilisation Grer_Voyage .................................18
2.3.
Raffinement du cas dutilisation Grer_Horaire...................................18
2.4.
Raffinement du cas dutilisation Grer_ Etablissement.......................19
2.5.
Raffinement du cas dutilisation Grer_ Album_ Photo........................19
2.6.
Raffinement du cas dutilisation Consulter_ Rservation ...................20
2.7.
Raffinement de cas dutilisation consulter_ Abonnement ..................20
2.8.
Raffinement du cas dutilisation consulter_ Contact ..........................20
2.9.
Raffinement du cas dutilisation consulter_location_de_bus...............21
Raffinement de cas dutilisations pour lacteur Client....................................21

3.1.
Raffinement du cas dutilisation consulter_ligne .................................21
3.2.
Raffinement du cas dutilisation SAbonner ........................................22
3.3.
Raffinement du cas dutilisation Contacter_ ladministrateur ............22
3.4.
Raffinement du cas dutilisation Louer_bus..........................................22
3.5.
Raffinement du cas dutilisation Rserver un voyage......................23
3.6.
Raffinement du cas dutilisation Consulter_boite_rception................23
4.
Diagramme du cas dutilisation final pour lacteur Administrateur................24
5.
Diagramme du cas dutilisation final pour lacteur Client..............................25
6.
Diagramme de squence............................................................................... 26
7.
6.1.
Diagramme de squence pour cas dutilisation Sauthentifier.............26
6.2.
Diagramme de squence pour cas dutilisation Ajouter_Voyage ........27
6.3.
Diagramme de squence pour cas dutilisation Supprimer_Voyage ...28
6.4.
Diagramme de squence pour cas dutilisation Modifier_Voyage ......29
Diagramme de classe..................................................................................... 30
Conclusion...................................................................................................... 31
Chapitre 3 : Implmentation et test......................................................................32

1.
Environnement matriel et logiciels...............................................................32

1.1.
Environnement matriel..........................................................................32
1.2.
Environnement logiciels...........................................................................33
1.2.1.
Wamp server..................................................................................... 33
1.2.2.
Le serveur Web Apache.....................................................................33
1.2.3.
MySQL............................................................................................... 34
1.2.4.
PHPMyadmin...................................................................................... 34
1.2.5.
Adobe Dreamweaver CS6..................................................................35
1.2.6.
Foundation 5...................................................................................... 35
1.2.7.
Adobe Photoshop CS6.......................................................................36

profit de SORETRAK
2.
Les Interfaces de lapplication........................................................................36

2.1.
La page daccueil..................................................................................... 36
2.2.
La page de consultation des tarifs et horaires.........................................37
2.3.
La page de rservation............................................................................ 38
2.4.
La page de contacts................................................................................. 39
2.5.
La page daccueil administrative.............................................................39
2.6.
La page de Consultation des listes de demande dabonnement..............40
2.7.
La page de consultation de la liste des rservations...............................41
Conclusion...................................................................................................... 41
Conclusion Gnrale...................................................................................... 42
Webographie.................................................................................................. 43
Liste des figures

FIGURE 1 : ORGANISATION GNRALE DE LA SORETRAK....................................................4
FIGURE 2 : LA SQUENCE DAPPROVISIONNEMENT.............................................................6
FIGURE 3 : DIAGRAMME DU CAS D'UTILISATION INITIAL....................................................13
FIGURE 4 : LES 9 DIAGRAMMES EN UML...........................................................................17
FIGURE 5 : RAFFINEMENT DU CAS DUTILISATION GRER_ LIGNE .............................17
FIGURE 6 : RAFFINEMENT DU CAS DUTILISATION GRER_VOYAGE ............................18
FIGURE 7 : RAFFINEMENT DU CAS DUTILISATION GRER_ HORAIRE............................18
FIGURE 8 : RAFFINEMENT DU CAS DUTILISATION GRER_ ETABLISSEMENT ...............19
FIGURE 9 : RAFFINEMENT DU CAS DUTILISATION GRER_ ALBUM_ PHOTO ................19
FIGURE 10 : RAFFINEMENT DU CAS DUTILISATION CONSULTER_ RSERVATION..........20
FIGURE 11 : RAFFINEMENT DU CAS DUTILISATION CONSULTER_ABONNEMENT..............20
FIGURE 12 : RAFFINEMENT DU CAS DUTILISATION CONSULTER_ CONTACT ................20
FIGURE 13 : RAFFINEMENT DU CAS DUTILISATION CONSULTER_LOCATION_DE_BUS. . .21
FIGURE 14 : RAFFINEMENT DU CAS DUTILISATION CONSULTER_ LIGNE ......................21
FIGURE 15 : RAFFINEMENT DU CAS DUTILISATION SABONNER ..................................22
FIGURE 16 : RAFFINEMENT DU CAS DUTILISATION CONTACTER_LADMINISTRATEUR . 22
FIGURE 17 : RAFFINEMENT DU CAS DUTILISATION LOUER_BUS....................................22
FIGURE 18 : RAFFINEMENT DU CAS DUTILISATION RSERVER UN VOYAGE...............23
FIGURE 19 : RAFFINEMENT DU CAS DUTILISATION CONSULTER_BOITE_RCEPTION.....23
FIGURE 20 : DIAGRAMME DU CAS DUTILISATION FINAL POUR LACTEUR ADMINISTRATEUR
.................................................................................................................................. 24
FIGURE 21 : DIAGRAMME DE CAS DUTILISATION FINAL POUR LACTEUR CLIENT..............25
FIGURE 22 : DIAGRAMME DE SQUENCE POUR CAS DUTILISATION SAUTHENTIFIER. . .26
FIGURE 23 : DIAGRAMME DE SQUENCE POUR CAS DUTILISATION AJOUTER_VOYAGE
.................................................................................................................................. 27
FIGURE 24 : DIAGRAMME DE SQUENCE POUR CAS DUTILISATION SUPPRIMER_VOYAGE
.................................................................................................................................. 28
FIGURE 25 : DIAGRAMME DE SQUENCE POUR CAS DUTILISATION MODIFIER_VOYAGE
.................................................................................................................................. 29
FIGURE 26 : DIAGRAMME DE CLASSE................................................................................30
FIGURE 27 : LA PAGE DACCUEIL.......................................................................................36
FIGURE 28 : PAGE DE CONSULTATION DES TARIFS ET DES HORAIRES...............................37
FIGURE 29 : PAGE DE RESERVATION.................................................................................38
FIGURE 30 : PAGE CONTACTER LADMINISTRATEUR..........................................................39
FIGURE 31 : PAGE D'ACCUEIL ADMINISTRATIVE.................................................................39
FIGURE 32 : CONSULTATION DES LISTES DE DEMANDE DABONNEMENT..........................40
FIGURE 33 : CONSULTATION DE LISTE DES RESERVATION.................................................41
Introduction gnrale
Aujourdhui, les entreprises s'appuient de plus en plus
systmes
informatiques,
considrs
comme
l'un
des
sur les
composants
fondamentaux du systme d'information.

Le systme informatique a un grand effet dans les entreprises. Il permet
de concevoir des moyens efficaces pour avoir et partager les informations.
Le moyen le plus rpondu actuellement est le rseau Internet qui est
devenu une plateforme mondiale des changes, participant au plus haut
niveau de lvolution conomique, ce dveloppement est suivi dun
changement trs important au niveau de la conception desapplications
web. Ce qui permettra dune part damliorer le confort dutilisation (pas
de files dattente, plus dinformations, pas besoin de se dplacer) et de
rendre les services disponibles sur internet 7 jours sur 7, 24 heures sur 24
et
dautre
part
de
simplifier
les
procdures
administratives
plus
rapidement tout en diminuant le nombre de formulaires remplir.

Dans ce contexte se situe notre projet de fin dtudes qui, consiste
dvelopper un site web pour la socit SORTRAK .
Le prsent rapport est compos de trois chapitres :
Dans le premier chapitre, nous allons commencer notre travail par dcrire
lacadre gnral de projet tout en prsentant dans un premier lieu, la
socit daccueil de notre stage et par la suite nous allons prsenter
ltude de lexistant et les orientations du travail.
Pour le deuxime chapitre, nous allons dcrire la conception de notre
application tout prsentent les diffrents diagrammes ncessaires la
conception de notre site Web.
Dans le troisime chapitre, nous allons dcrire la partie ralisation. Dans
laquelle nous allons prsenter lenvironnement matriel et logiciel de notre
application ainsi que les diffrents interfaces de notre site Web.
1
2013/2014
Contexte et objectif
Chapitre 1 : Contexte et objectif

Nous prsentons au niveau de ce chapitre lentreprise daccueil ainsi que
les services offerts par cette dernire. Par la suite, nous analysons le
systme actuel afin de dgager les insuffisances. Enfin, nous dgageons
les besoins qui doivent tre satisfaits par le site web.
1.Prsentation de la socit SORETRAK
1.1.
Cration de la SORETRAK
La Socit Rgionale de TRANSPORT de Kairouan (SORETRAK) est une

Socit anonyme cre le 19 Janvier 1963
Sige social : La SORETRAK se situe au lavenue Asad Ibn El

Fourrat Kairouan.
2
2013/2014
1.2.
Objectifs de la socit
La cration de la socit SORETRAK a un double objectif :

Objectif conomique :
o Trouver les fonds ncessaire pour la socit
o Eviter les gaspillages de ses ressources.
Objectif social :
o Cration de nouvel emploi.
1.3.
La mission de la SORETRAK
La mission de la SORETRAK est dassurer le transport des voyageurs aux

seins de gouvernera de KAIROUAN et ceci selon 3 catgories bien
dtermines :
Le transport urbain (occupe 8% de son activit).
Le transport interurbain (qui occupe 11% de son activit).
Le transport scolaire (qui occupe la majorit de son activit de 80
%).
1.4.
Moyens Logistiques
Il existe environ 294 employs dans la SORETRAK reparties selon 3

critres savoir :
Cadres(occupent 8 % des ouvriers de la SORETRAK)
Agents
de
matrise(occupent
17
des
ouvriers
de
la
des
ouvriers
de
la
SORETRAK)
Agents
dexcution(occupent
75
SORETRAK)
3
2013/2014
1.5.
Organisation gnrale de la SORETRAK
Figure 1 : Organisation gnrale de la SORETRAK
4
2013/2014
1.6.
Les diffrents services de la SORETRAK
1 La direction gnrale
La responsabilit de la direction gnrale est confie au prsident
directeur gnral. Il
est nomm par le conseil dàdministration sur
proposition du ministre de transport.
2 Service financier
Le service financier doit grer les recettes qui procurent la vente des
services de la Socit, mais auparavant il est appel satisfaire les
besoins financiers des autres
Services pour que la socit puisse
fonctionner et vendre ces services.

Le service financier
doit trouver
lènsemble des activits de la
les fonds ncessaires pour financier
socit engager des dpenses avant de
percevoir des recettes

Il existe deux sortes de dpenses :
Dpenses dìnvestissement (achat de terrain, constructions,)
Dpenses
dèxploitation
(achat
de
produit,
rmunration
du
personnel, .)
3 Service dèxploitation
Le service dexploitation peut tre dcrit comme tant le cur de la
socit, cèst le Service qui est charg de vendre le produit final de la
socit savoir le transport, cèst un service qui est en interaction avec
tous les autres services.
4 Service contrle de gestion

La direction gnrale a besoin des moyens particuliers pour pouvoir
regrouper lènsemble
de
lìnformation conomique de la socit et
prendre les dcisions ncessaires.
5 Service audit interne

Làudit interne a pour tche dànalyser et d`valuer les diffrentes
activits de la socit ainsi que les procdures de gestion qui sont mis en
5
2013/2014
place et de donner ainsi la direction gnrale les recommandations et

les conseils ncessaires afin de promouvoir
et amliorer la qualit du
service de laudit socit.
6 Division Etudes et informatique

Ce service aide la direction gnrale la llaboration des tudes
permettant lorganisation des activits et leur mise en uvre .Il met en
place la base de donnes adquate la situation de la SORETRAK. Cette
division comporte :
Le service tude
Le service informatique
7 Service tude
Pour pouvoir amliorer son rendement, toute socit est appele
minimiser les diffrents cots de revenue.
8 Service approvisionnement
Le service approvisionnement peut tre dfinie comme tant lènsemble
des oprations mise la disposition de la socit, tous les produits et
services
dont
elle
besoin
pour
fonctionner.
La
squence
dàpprovisionnement peut tre schmatise de la manire suivante.
Figure 2 : la squence dapprovisionnement

6
2013/2014
9 Service technique
Sa fonction consiste en :
Làpplication de la politique gnrale de la socit en matire
dèntretien prventif du matriel.
La planification et la coordination de toute opration dèntretien.
La veille làmlioration des conditions de travail aux ateliers.
La veille làugmentation de la rentabilit des vhicules et la
rduction du cot dèntretien.
La veille làmlioration des procdures et de la dualit des moyens
humain et matriel dèntretien.
10
Service administratif
Ce service a pour mission de dfinir, de planifier, de dvelopper et de

contrler les activits administratives de la SORETRAK
11
Service qualit, scurit et communication
Ce service permet de concevoir et dappliquer des programmes visant

làmlioration de la qualit de service et de scurit au sein de
lèntreprise et la communication.
12
Service gestion de l`nergie
Ce service permet dèxcuter le programme de matrise de l`nergie au

sein de la socit, en plus, il permet la suivi des communications bases
sur des statistiques.
2.Prsentation du projet
2.1.
Etude de lexistant
Chaque client veut sabonner ou voudront faire un abonnement ou

sinformer sur un voyage quelconque doit passer la SORETRAK et
contacter ladministration. (les responsables)
7
2013/2014
Chaque client voudront connaitre le tarif ou les horaires dun voyage

quelconque doit contacter ladministration de la SORETRAK.
Chaque Client voudra contacter ladministration de SORETRAK il doit
se dplacer en place.
Afin dacqurir un abonnement ou faire location, rservation le client
doit contacter ladministration pour savoir les formulaires remplir.
2.2.
Critique de lexistant
Le but de notre travail est de mettre fin un certain nombre de

dfaillances au niveau de certaines procdures de travail au sein de
SORETRAK.Dans la suite, nous allons prsenter
quelques critiques
relatives au systme oprant actuel.

Les principaux critiques lis au fonctionnement du systme actuel se
rsument dans les points suivants :
La
demande
dabonnement,
la
rservation,
consultation des tarifs et des horaires sont

engendre une perte de temps et
le
contact,
la
manuelles ce qui
un risque d'erreur lors de
l'enregistrement, provoquant un problme.

La Perte des informations relatives aux clients, aux abonnes, la
rservation et aux archives.
Difficult de gestion des archives. Il existe une difficult pour
laborer les documents contenant diverses informations.
Le dplacement des clients pour avoir des informations nest pas
pris en compte dans le systme actuel.
Une mauvaise organisation et difficult au niveau de la saisie
manuelle des dossiers.
Les informations gres sont imprcises, redondantes et mme
parfois ambigus.
8
2013/2014
2.3.
Solution propose
Comme solution, on propose un site web dynamique qui permettra aux

utilisateurs deffectuer la procdure dabonnement, de rservation un
voyage, location du bus, de contact, de consultation des tarifs et des
horaires de bus distance. On essaye de concevoir une application qui
runit la gestion automatique des documents et la minimisation de
dplacement des clients.
Elaboration des donnes
Proposition dun site web dynamique contenant des formulaires

pour dcrire les ressources.
Rubrique et champs obligatoires : ils proposent un ensemble d

lments
indispensables
qui
seront
exploits
par
administrateur.
Rubrique et champs facultatifs (permettant de rpondre une

description plus prcise des ressources et assurer une souplesse
dans la description)
Elaboration d un espace pour les clients et les administrateurs.
La facilit du contact avec SORETRAK pour avoir des

informations.
2.4.
Dfinition des orientations
Les orientations de notre travail sont classes comme suit :

Orientation de gestion
Orientation dorganisation
Orientation technique
13
Les Orientation de gestion
Les principales orientations de gestion sont :
Minimisation des travaux manuels.
9
2013/2014
Minimisation derreurs au niveau de la saisie des tarifs, des horaires,

des rservations, des abonnements et des contacts.
Faciliter le contact entre : ladministration et les clients
14
Les orientations dorganisation
Les
orientations
dorganisation
consistent
la
centralisation
de
linformation ; Ainsi, Les donnes seront accessible tout moment.
15
Les orientations techniques
Les principales orientations techniques sont :
Implmentation dune base de donnes pour SORETRAK .
Optimisation du temps daccs aux diffrentes donnes.
Conception et dveloppement dun site extensible et volutif.
Permettre une utilisation simplifie de lapplication.
2.5.
Spcification des besoins
Les spcifications des exigences du systme final dpend troitement de

la solution propose.
Dans cette partie, nous allons spcifier les diffrents besoins fonctionnels
et non fonctionnels requis pour limplmentation de la solution.
16
Spcification des besoins fonctionnels
Ce sont les actions et les ractions que le systme doit faire suite une
demande.
On distingue les besoins suivants :
Cas dutilisation : connexion
Action :Sauthentifier
Acteur :Administrateur, client
Description :Tout
utilisateur
(administrateur,
client)
possde une seul faon didentification.

10
2013/2014
(Exemple : Login & mot de passe), qui lui permet daccder lapplication.
Cas dutilisation : gestion des lignes de bus
Action : Mise jour
Acteur : Administrateur
Description : Seul ladministrateur de lapplication peut
ajouter, modifier et supprimer les lignes de bus.
Cas dutilisation : gestion des stations
Action : Mise jour
ajouter et supprimer les stations des lignes ajoutes.
Cas dutilisation : gestion des voyages
Action : Mise jour
ajouter, modifier et supprimer les voyages.
Cas dutilisation : gestion des albums photos
Action : Mise jour
ajouter et supprimerdes photos.
Cas dutilisation : consulter rservation voyage
Action : Mise jour
11
2013/2014

consulter la liste des rservations effectues par les
clients.
Cas dutilisation : consulter demande dabonnement
Action :Mise jour
consulter
la
liste
des
demandes
dabonnement
effectues par les clients.

Cas dutilisation : consulter demande de location de bus
Action :Mise jour
consulter la liste des demandes de location de bus
effectues par les clients.
Cas dutilisation : consulter contact des clients
Action : Mise jour
consulter la liste des messages envoys par les clients et
rpondre ceux si.
Cas dutilisation : consulter lignes
Action : Consulter lignes
Acteur : Client
Description : Le client peut consulter toutes les lignes
de voyage de la SORETRAK
Cas dutilisation : Abonner
12
2013/2014
Action : Abonner
Acteur : Client
Description : Le client peut sabonner distance.
Cas dutilisation :Rserver a un voyage
Action :Rserver
Acteur : Client
Description : Le client peut rserver un voyage
distance.
Cas dutilisation : location de bus
Action : louer un bus
Acteur : Client
Description : Le client peut faire une location de bus
distance.
Cas dutilisation : contacter ladministrateur
Action : envoyer message
Acteur : Client
Description : Le client peut contacter ladministration
de SORETRAK.
Cas dutilisation : consulter la boite de rception
Action : voir la dcision de ladministrateur
Acteur : Client
Description : Le client peut consulter rgulirement sa
boite
de
rception
pour
voir
les
rponses
de
ladministrateur.
13
2013/2014
Diagramme du cas dutilisation initial
Figure 3 : Diagramme du cas d'utilisation initial
14
2013/2014
17
Spcification des besoins non fonctionnels
Les besoins non fonctionnels prsentent les exigences internes de

lapplication qui sont caches pour les utilisateurs. Parmi ces besoins nous
citons :
Scurit :
Au niveau de laccs aux donnes : le systme doit offrir

une page didentification (login et mot de passe) pour
sassurer que seulement les acteurs identifis peuvent
accder aux donnes demandes.
Au niveau du contrle des champs de saisie: le systme doit

vrifier la validit des donnes saisies et en cas derreur, il
doit afficher un message derreur pour que lutilisateur
rectifie les donnes saisis.
Chaque espace de notre application doit tre scurise par

la gestion des sessions
chaque utilisateur en sidentifiant dclenche louverture

dune session prive selon son profil.
Convivialit:
Le logiciel doit tre convivial et facile manipuler
La navigation entre les diffrentes interfaces de notre

application doit tre claire et simple.
Efficacit:
Lapplication dveloppe doit tre fonctionnelle et rpond aux

besoins rels de la socit. Lapplication doit tre dveloppe
selon les normes de programmation web afin dtre lisible pour
tous les navigateurs.
Maintenabilit:
15
2013/2014
les diffrents modules de la solution doivent tre lisibles

etcomprhensibles pour pouvoir la maintenir facilement et
rapidement.
Lapplication dveloppe est extensible et volutive selon le

besoin de ladministrateur.
Ergonomie:
linterface utilisateur doit tre conviviale, simple et doit aider

lutilisateur formuler des requtes correctes. Pour notre
application, nous allons essayer de concevoir des interfaces
interactives et simples manipuler tout en gardant la mme
charte graphique.
Conclusion
Dans ce chapitre, nous avons commenc par prsenter le cadre de notre
stage travers une description de lentreprise, une tude et une critique
de lexistant. Ensuite, nous avons dcrit la solution propose ainsi que les
besoins fonctionnels et non fonctionnels de notre application. Dans
le
chapitre suivant, nous allons faire une tude conceptuelle pour les
diffrents cas du raffinement et du diagramme par le langage de
modlisation UML.
16
2013/2014
17
2013/2014
Chapitre 2 :
Analyse et conception
Dans ce chapitre, nous allons prsenter loutil UML que nous avons utilis
pour modliser notre application ; Ensuite, nous allons dcrire les
diffrents diagrammes de cas dutilisation, de squences et de classes
modlisant notre solution.
1 Prsentation dUML
UML est un langage de modlisation au sens de la thorie des langages. Il
contient de ce fait les lments constitutifs de tout langage, savoir : des
concepts, une syntaxe et une smantique.
UML est fond sur un modle, qui dfinit :
les lments de modlisation (les concepts manipuls par le

langage),
la smantique de ces lments (leur dfinition et le sens de

leur utilisation).
Un modle est une description trs formelle de tous les

concepts d'un langage. Il limite les ambiguts et encourage la
construction d'outils.
Le modle UML permet de classer les concepts du langage

(selon leur niveau d'abstraction ou domaine d'application) et
expose sa structure.
UML offre :
Diffrentes vues (perspectives) complmentaires d'un systme,

qui guide l'utilisation dans le concept objet.
Plusieurs
niveaux
d'abstraction,
qui
permettent
de
mieux
contrler la complexit dans l'expression des solutions objet.
Sa notation graphique permet d'exprimer visuellement une

solution objet.
18
2013/2014
Son aspect visuel facilite la comparaison et l'valuation de

solutions.
Des notations utilises dans le domaine de lanalyse et de la

conception objet.
Figure 4 : Les 9 Diagrammes en UML
3.Raffinement du cas dutilisations pour lacteur

administrateur
1 Raffinement du cas dutilisation Grer_Ligne
Figure 5: Raffinement du cas dutilisation Grer_ Ligne

Ladministrateur sauthentifie. Il ajoute une nouvelle
ligne puis il insert
des stations de la ligne ajoute. Il peut aussi bien de faire les oprations
19
2013/2014
des mises
jour
travers lopration de consultation de lignes on
ajoutant ou supprimant une station.
2.6.
Raffinement du cas dutilisation
Grer_Voyage
Figure 6 : Raffinement du cas dutilisation Grer_Voyage

Lagent responsable doit saisir son login et son mot de passe afin de
sauthentifier. Concernant la gestion des voyages, on remarque que cette
tche comporte la gestion des voyages, on peut ajouter et faire lamise
jourdes voyages (modification ou suppression).
2.7.
Grer_Horaire
20
2013/2014
Figure 7: Raffinement du cas dutilisation Grer_ Horaire

Ladministrateur sauthentifie. Et faire la gestion des horaires des voyages
(cration des nouveaux horaires, modification ou suppression).
2.8.
Raffinement du cas dutilisation Grer_
Etablissement
Figure 8 : Raffinement du cas dutilisation Grer_

Etablissement
Ladministrateur sauthentifie. Il ajoute un nouvel tablissement puis il
insert la station la plus proche de lui. Il peut aussi faire les oprations de
mises
jour
travers lopration de consultation en ajoutant ou
supprimant un tablissement.
21
2013/2014
2.9.
Raffinement du cas dutilisation Grer_
Album_ Photo
Figure 9 : Raffinement du cas dutilisation Grer_ Album_

Photo
Ladministrateur doit sauthentifier pour grer lalbums des photos en

ajoutant une nouvelle photo ou bien en suppriment des photos existants
dans notre site.
2.10. Raffinement du cas dutilisation Consulter_

Rservation
Figure 10 : Raffinement du cas dutilisation Consulter_

Rservation
Ladministrateur peut Consulter les rservations des clients afin de les
tenir enconsidration.
22
2013/2014
2.11. Raffinement de cas dutilisation consulter_

Abonnement
Figure 11 : Raffinement du cas dutilisation

consulter_Abonnement
Ladministrateur
doit
sauthentifier
avant
consulter
les
demandes
dabonnements traiter.
2.12. Raffinement du cas dutilisation consulter_

Contact
Figure 12: Raffinement du cas dutilisation consulter_ Contact
Linterface
contact
ladministrateur
en
facilite
la
favorisant
communication
la
fidlit
des
entre
les
clients
voyageurs,En
et
effet
ladministrateur peut consulter les messages et rpondre aux questions

des clients afin de trouver des rponses leurs demandes.
23
2013/2014
2.13. Raffinement du cas

dutilisation consulter_location_de_bus

consulter_location_de_bus
Ladministrateur responsable doit sauthentifieravant de consulter les
demandes de location de bus et les valids ou les ignors.
4.Raffinement de cas dutilisations pour lacteur

Client
3.1.
consulter_ligne
Figure 14 : Raffinement du cas dutilisation Consulter_ Ligne

24
2013/2014
Le client peut consulter la disponibilit et les horaires des lignes.
3.2.
Raffinement du cas dutilisation SAbonner
Figure 15 : Raffinement du cas dutilisation SAbonner

Le client peut faire une demande dabonnement une ou plusieurs lignes
de bus.
3.3.
Contacter_ladministrateur

Contacter_ladministrateur
Le client peut contacter ladministrateur
pour avoir des explications
concernant les services de la SORETRAK.
3.4.
Raffinement du cas dutilisation Louer_bus
25
2013/2014
Figure 17 : Raffinement du cas dutilisation Louer_bus

Le client a la possibilit de louer un bus pour un besoin personnel.
3.5.
Raffinement du cas dutilisation Rserver un
voyage
Figure 18 : Raffinement du cas dutilisation Rserver un

voyage
Le client peut rserver un voyage une date bien dtermine afin de

garantir une place dans un horaire bien dfini pour viter son dplacement
la station en vain dans le cas il ne trouvera une place dans le bus.
3.6.
Consulter_boite_rception

Consulter_boite_rception
Le client consulte sa boite de rception afin de savoir les rponses de

ladministrateur leurs demandes.
26
2013/2014
5.Diagramme du cas dutilisation final pour

lacteur Administrateur
27
2013/2014
Figure 20 : Diagramme du cas dutilisation final pour lacteur

Administrateur
6.Diagramme du cas dutilisation final pour

lacteur Client
28
2013/2014
Figure 21 : Diagramme de cas dutilisation final pour lacteur

Client
7.Diagramme de squence
1 Diagramme de squence pour cas
dutilisationSauthentifier
29
2013/2014
Figure 22 : Diagramme de squence pour cas dutilisation

Sauthentifier
3.7.
Diagramme de squence pour cas dutilisation
Ajouter_Voyage
30
2013/2014

ajouter_Voyage
31
2013/2014
3.8.
Supprimer_Voyage

supprimer_voyage
32
2013/2014
3.9.
Modifier_Voyage

modifier_Voyage
33
2013/2014
8.Diagramme de classe
Figure 26 : Diagramme de classe
34
2013/2014
Conclusion
La modlisation et la conception ralises dans ce chapitre ont permis
de comprendre la structure de lapplication partir des cas dutilisations,
des diagrammes de squences et du diagramme de classe.
Le chapitre 3 labore la partie pratique de lapplication ; lemploi des
outils matriels et logiciels qui amne raliser son contenu.
35
2013/2014
Chapitre 3 : Implmentation et test

Dans cette
phase, nous nous intressons limplmentation de notre
application. Nous commencerons par dcrire les outils de dveloppement

utiliss, puis nous prsenterons quelques interfaces de fonctionnalits de
notre systme.
1 Environnement matriel et logiciels

1. Environnement matriel
Nous utilisons notre machine (un pc Acer Aspire E1-570) dont ses
caractristiques sont :
Processeur Intel Core i3-3217U (Dual-Core 1.8 GHz - Cache 3 Mo)
4 Go de mmoire DDR3
Ecran LED de 15.6" HD Acer CineCrystal avec rsolution de 1366 x

768 pixels
Puce graphique intgre au processeur : Intel HD Graphics 4400

(1GB)
Puce graphique intgre au processeur : Intel HD Graphics 4400
Disque dur de 500 Go
Communication sans fil Wi-Fi N + Bluetooth 4.0
Microsoft Windows 732 bits

36
2013/2014
2. Environnement logiciels
2. Wamp server
WampServer est une plate-forme de dveloppement Web sous Windows

pour des applications Web dynamiques laide du serveur Apache2, du
langage de scripts PHP et dune base de donnes MySQL. Il possde
galement PHPMyAdmin pour grer plus facilement vos bases de donnes.
[1]
.
3. Le serveur Web Apache
Apache est le serveur le plus rpandu sur Internet. Il s'agit d'une

application fonctionnant la base sur les systmes d'exploitation de type Unix,
38
2013/2014
mais il a dsormais t port sur de nombreux systmes, dont Microsoft Windows.

Le pack PHP dev (dsormais EasyPHP) est ainsi tlchargeable, il regroupe
les applications suivantes :
Le serveur web Apache
Le serveur de bases de donnes MySQL
Le serveur d'application PHP[2]
4. MySQL
MySQL est un systme de gestion de base de donnes (SGBD). Cun

ensemble dapplications permettant de manipuler les donnes (ajout,
suppression, modification et lecture), mais aussi de contrler laccs. Il est
fond sur une bibliothque de gestion de donnes prouves depuis
plusieurs annes et faisant appel un index darbres binaires qui lui
permet dafficher une performance sans gale.[3]
40
2013/2014
5. PHPMyadmin
PHPMyadmin est une application crite avec PHP. Celle-ci permet

dadministrer, depuis un navigateur, des bases de donnes de type
MySQL.
En quelques clics, on peut supprimer des bases de donnes ou des tables,
ou
Excuter lexcution des requtes SQL.[4]
6. AdobeDreamweaver CS6
AdobeDreamweaver, cest un logiciel de cration de gestion de site.Il

permet de raliser des sites Web complets, en sus de documents
individuels. AdobeDreamweaver est un diteur HTML
professionnel
destin la conception, au codage et au dveloppement des sites web.[5]
42
2013/2014
7. Foundation 5
Fondation est effectue par ZURB, une entreprise de conception de produit

Campbell, Californie. Ils ont mis plus de 15 ans des produits de
renforcement des expriences Web, des services et des sites Web dans ce
cadre.
Est
une
collection
des
fichiers
style
css
et
js
pour
faciliter
le
dveloppement web avec HTML5.[6]
8. Adobe Photoshop CS6
Adobe Photoshop : logiciel de traitement d'images Professionnel est une

suite d'imagerie numrique complte avec des outils faciles utiliser pour
tous vos besoins d'dition d'images et de photos. Les fonctions avances
rpondent aux besoins des appareils sophistiqus que l'on trouve
aujourd'hui. Une gamme complte d'outils cratifs vous aide donner
corps vos ides. Que vous dbutiez en photographie numrique ou que
vous vouliez faire passer votre expression crative un niveau plus haut,
Adobe Photoshop facilite l'dition professionnelle des images.[7]
44
2013/2014
9.Les Interfaces de lapplication

4. La page daccueil
Figure 27 : LA PAGE DACCUEIL

La figure 27 illustre la page daccueil de notre site qui contient le
connexion des clients ou administrateurs. On trouve aussi dans cette
interface les liens permettent daccder aux diffrent pages de notre
application. De plus, cette page affiche les coordonns de SORETRAK.
5. La page de consultation des tarifs et horaires
46
2013/2014
Figure 28 : PAGE DE CONSULTATION DES TARIFS ET DES

HORAIRES
La figure 28 illustre linterface qui permet aux utilisateurs de site de
consulter les horaires de chaque voyage. Cette interface contient aussi un
bouton (lien) qui permet daccder la page de rservation.
48
2013/2014
6. La page de rservation
Figure 29: PAGE DE RESERVATION

La figure 29 illustre linterface qui permet aux utilisateurs de site
deffectuer leurs rservations.
Cette page affiche le format de rservation qui contient les champs que
lutilisateur doit saisir:
La date de voyage.
Le nombre de tickets.
Prix
Le montant
Type de carte pour le payement et son numro.
50
2013/2014
7. La page de contacts
Figure 30: PAGE Contacter ladministrateur

La figure 30 affiche le formulaire de la page contact que les utilisateurs
doivent remplir pour contacter ladministrateur de la SORETRAK.
8. La page daccueil administrative
Figure 31: PAGE D'ACCUEIL ADMINISTRATIVE

52
2013/2014
La figure 31 affiche la page daccueil lquipe administration de la

SORETRAK. Cette interface est utilise pour modifier le contenu du site.
Elle est aussi utilise pour dfinir, planifier, dvelopper et contrler les
activits administratives de la SORETRAK.
9. La page de Consultation des listes de demande

dabonnement
Figure 32: CONSULTATION DES LISTES DE DEMANDE

DABONNEMENT
Linterface de la figure 32 permet ladministration de consulter la liste

des demandes dabonnements effectus par les utilisateurs du site.
54
2013/2014
10. La page de consultation de la liste des rservations
Figure 33: CONSULTATION DE LISTE DES RESERVATION
La figure 33 illustre la liste des rservations de voyages effectues par les

utilisateurs, pour quils puissent tre consults par ladministrateur.
Conclusion
Dans ce chapitre nous avons prsent lenvironnement logiciels et les
diffrents langages de programmations utilises pour la cration de notre
site web. Ensuite, nous avons fait des imprims crans de quelques
interfaces afin de montrer les fonctionnalits de notre application.
55
2013/2014
Conclusion Gnrale
Durant ce projet, nous avons suivi une dmarche mthodique passant de
la dfinition des besoins du site web mettre en place, la conception de la
base de donnes en adoptant la mthodologie UML ainsi que la
spcification des traitements travers lapplication des diagrammes
dfinis par la dmarche de conception oriente objet UML.
Le site dvelopp comporte une partie statique qui consiste prsenter
lentreprise ainsi que les services fournis par cette dernire. La partie la
plus importante du travail ralis concerne le contenu dynamique du site
web et qui touche plusieurs aspects de gestion des produits et des
services offerts.
Ce projet nous a t une occasion d'une part, d'exploiter et d'approfondir
sur le plan pratique nos connaissances acquises durant la priode d'tudes
universitaire, d'autre part, d'amliorer nos comptences dans le domaine
de programmation.
Ce stage nous a permis de connaitre dautres logiciels de dveloppement
et de conception, ainsi que des logiciels danimation et de traitement
dimage.
En plus des fonctionnalits dj dveloppes, le site web peut tre
amlior
par
lajout
dun
certain
nombre
de
fonctionnalits
supplmentaires (GPS, des applications Android).
56
2013/2014
Webographie
[1]www.Wamp server .net

[2]www.apache.org
[3]Www. wikipedia.org
[4]www.phpmyadmin.net
[5][7]www.adobe.com
[6]www.foundation.zurb.com
57
2013/2014

Pfe Final

Transféré par

Informations du document

Titre original

Copyright

Formats disponibles

Partager ce document

Partager ou intégrer le document

Options de partage

Avez-vous trouvé ce document utile ?

Ce contenu est-il inapproprié ?

Droits d'auteur :

Formats disponibles

Pfe Final

Transféré par

Droits d'auteur :

Formats disponibles

Cration dun Site WEB Dynamique au

Prsentation de la socit SORETRAK..............................................................2

Organisation gnrale de la SORETRAK.....................................................4

Les diffrents services de la SORETRAK.....................................................5

Service contrle de gestion.................................................................5

Service audit interne........................................................................... 5

Division Etudes et informatique...........................................................6

1.6.10. Service administratif........................................................................... 7

Dfinition des orientations.........................................................................9

Les Orientation de gestion...................................................................9

Les orientations dorganisation...........................................................9

Les orientations techniques.................................................................9

Spcification des besoins.........................................................................10

Spcification des besoins fonctionnels..............................................10

Diagramme du cas dutilisation initial............................................................13

Spcification des besoins non fonctionnels.......................................14

Cration dun Site WEB Dynamique au

Raffinement du cas dutilisations pour lacteur administrateur......................17

Raffinement du cas dutilisation Grer_Ligne ....................................17

Raffinement du cas dutilisation Grer_Voyage .................................18

Raffinement du cas dutilisation Grer_Horaire...................................18

Raffinement du cas dutilisation Grer_ Etablissement.......................19

Raffinement du cas dutilisation Grer_ Album_ Photo........................19

Raffinement du cas dutilisation Consulter_ Rservation ...................20

Raffinement de cas dutilisation consulter_ Abonnement ..................20

Raffinement du cas dutilisation consulter_ Contact ..........................20

Raffinement du cas dutilisation consulter_location_de_bus...............21

Raffinement de cas dutilisations pour lacteur Client....................................21

Raffinement du cas dutilisation consulter_ligne .................................21

Raffinement du cas dutilisation SAbonner ........................................22

Raffinement du cas dutilisation Contacter_ ladministrateur ............22

Raffinement du cas dutilisation Louer_bus..........................................22

Raffinement du cas dutilisation Rserver un voyage......................23

Raffinement du cas dutilisation Consulter_boite_rception................23

Diagramme du cas dutilisation final pour lacteur Administrateur................24

Diagramme du cas dutilisation final pour lacteur Client..............................25

Diagramme de squence pour cas dutilisation Sauthentifier.............26

Diagramme de squence pour cas dutilisation Ajouter_Voyage ........27

Diagramme de squence pour cas dutilisation Supprimer_Voyage ...28

Diagramme de squence pour cas dutilisation Modifier_Voyage ......29

Chapitre 3 : Implmentation et test......................................................................32

Environnement matriel et logiciels...............................................................32

Le serveur Web Apache.....................................................................33

Adobe Dreamweaver CS6..................................................................35

Adobe Photoshop CS6.......................................................................36

Cration dun Site WEB Dynamique au

Les Interfaces de lapplication........................................................................36

La page de consultation des tarifs et horaires.........................................37

La page daccueil administrative.............................................................39

La page de Consultation des listes de demande dabonnement..............40

La page de consultation de la liste des rservations...............................41

Liste des figures

fondamentaux du systme d'information.

rapidement tout en diminuant le nombre de formulaires remplir.

Chapitre 1 : Contexte et objectif

1.Prsentation de la socit SORETRAK

La Socit Rgionale de TRANSPORT de Kairouan (SORETRAK) est une

Sige social : La SORETRAK se situe au lavenue Asad Ibn El

La cration de la socit SORETRAK a un double objectif :

La mission de la SORETRAK est dassurer le transport des voyageurs aux

Il existe environ 294 employs dans la SORETRAK reparties selon 3

Organisation gnrale de la SORETRAK

Figure 1 : Organisation gnrale de la SORETRAK