Realisation D'un Site Web Dynamique Commerciale

REALISATION DUN SITE WEB DYNAMIQUE
COMMERCIALE

Par
Wahabi Mohamed

PROJET DE FIN DETUDES

Prsent
Universit Virtuelle de Tunis

En vue de lobtention

De la Licence Applique en Science et
Technique de lInformation et de
Communication

Anne Universitaire 2010-2011
Site web dynamique commercial 2010-2011

Ddicaces

Je ddie ce travail :

Mes chers parents, que nulle ddicace ne peut exprimer mes
sincres sentiments, pour leur patience
illimite, leur encouragement contenu, leur aide, en
tmoignage de mon profond amour et respect
pour ses grands sacrifices.

Mes chers frres : Rym, Marwa et Khalil , pour leur grand
amour et leur soutien quils trouvent ici
lexpression de ma haute gratitude.

Mes chers amis qui sans leur encouragement ce travail
naura jamais vu le jour.
Et toute ma famille et tous ceux que jaime.

Mohamed WAHABI


Remerciements

Je veux exprimer par ces quelques lignes de
remerciements mes gratitudes envers tous ceux en qui, par
leur prsence, leur soutien, leur disponibilit et leurs conseils
nous avons trouv courage afin daccomplir ce projet.
En fin, je ne peux achever ce projet sans exprimer mes
gratitudes tous les enseignants de lUniversit virtuel de
Tunis, pour leur dvouement et leur assistance tout au long
de cette anne.

:

.

Rsum :

Le travail prsent dans le cadre d'une thse d'obtenir De la Licence Applique en Science et
Technique de lInformation et de Communication, est de crer un site commercial vise
dvelopper le processus de vente afin de faciliter et d'encourager la communication avec le
client.

Mots cls :

Dreamweaver, Flash, wampserver, MYSQL, javascript, PHP
Abstract:
The work presented in the context of a thesis to obtain leave in License Applied Science and
Technology of Information and Communication, is to create a commercial site aims to
develop the sales process in order to facilitate and encourage communication with the
customer.

Key-words:

Dreamweaver, Flash, wampserver, MYSQL, javascript, PHP


TABLE DES MATIERES

INTRODUCTION GENERALE ------------------------------------------------------------------------------------------------ 1
CHAPITRE 1: PRESENTATION DU PROJET ------------------------------------------------------------------------------ 2
1. INTRODUCTION :-------------------------------------------------------------------------------------------------------- 3
2. PRESENTATION DE LA SOCIETE : ------------------------------------------------------------------------------------ 3
3. PRESENTATION DU PROJET : ---------------------------------------------------------------------------------------- 3
3.1. QUEST CE QUUNE BOUTIQUE EN LIGNE ? ---------------------------------------------------------------------------- 3
3.2. LOBJECTIF : -------------------------------------------------------------------------------------------------------------- 3
4. ETUDE DE LEXISTANT : ----------------------------------------------------------------------------------------------- 3
5. CRITIQUE ET SOLUTIONS : -------------------------------------------------------------------------------------------- 4
5.1. CRITIQUE DE LEXISTANT : ----------------------------------------------------------------------------------------------- 4
5.2. SOLUTIONS PROPOSEES : ------------------------------------------------------------------------------------------------ 4
6. CONCLUSIONS : --------------------------------------------------------------------------------------------------------- 5
CHAPITRE 2 : CONCEPTION DE LAPPLICATION----------------------------------------------------------------------- 6
1. INTRODUCTION :-------------------------------------------------------------------------------------------------------- 7
2. MERISE POUR LA MODELISATION DU SYSTEME : -------------------------------------------------------------- 7
3. LES DIFFERENTS MODELES DE MERISE : -------------------------------------------------------------------------- 7
3.1. MODELE CONCEPTUEL DE COMMUNICATION (MCC) : -------------------------------------------------------------- 7
3.2. MODELE CONCEPTUEL DE TRAITEMENT (MCT) : --------------------------------------------------------------------- 7
3.3. MODELE CONCEPTUEL DE DONNEES (MCD) : ------------------------------------------------------------------------ 8
4. MODELE CLIENT : ------------------------------------------------------------------------------------------------------- 8
4.1. MCC DE CLIENT : -------------------------------------------------------------------------------------------------------- 8
4.2. LE MCT CLIENT : --------------------------------------------------------------------------------------------------------- 9
5. MODELE ADMINISTRATEUR : -------------------------------------------------------------------------------------- 10
5.1. LE MODELE CONCEPTUEL DE COMMUNICATION : ------------------------------------------------------------------ 10
5.2. LE MODELE CONCEPTUEL DE TRAITEMENT -------------------------------------------------------------------------- 11
6. LE MODELE CONCEPTUEL DE DONNEES CLIENT ET ADMINISTRATEUR : ------------------------------- 12
7. LE DICTIONNAIRE DE DONNEES : --------------------------------------------------------------------------------- 13
8. CONCLUSION : --------------------------------------------------------------------------------------------------------- 14
CHAPITRE 3 : APPLICATION ---------------------------------------------------------------------------------------------- 15
1. INTRODUCTION :------------------------------------------------------------------------------------------------------ 16
2. LENVIRONNEMENT DE DEVELOPPEMENT -------------------------------------------------------------------- 16
2.1. LENVIRONNEMENT MATERIEL : -------------------------------------------------------------------------------------- 16
2.2. ENVIRONNEMENT LOGICIEL : ----------------------------------------------------------------------------------------- 16
3. LOGICIELS UTILISES : ------------------------------------------------------------------------------------------------- 16
3.1. ADOBE DREAMWEAVER : --------------------------------------------------------------------------------------------- 16
3.2. ADOBE FLASH : --------------------------------------------------------------------------------------------------------- 17
3.3. JAVASCRIPT : ----------------------------------------------------------------------------------------------------------- 17
3.4. WAMPSERVER : -------------------------------------------------------------------------------------------------------- 18
3.5. MYSQL : ---------------------------------------------------------------------------------------------------------------- 18
3.6. APACHE : --------------------------------------------------------------------------------------------------------------- 18
4. LES PRINCIPALES INTERFACES GRAPHIQUES : ---------------------------------------------------------------- 19
4.1. INTERFACE CLIENT : ---------------------------------------------------------------------------------------------------- 19
4.2. INTERFACE ADMINISTRATEUR : --------------------------------------------------------------------------------------- 21
5. CONCLUSION : --------------------------------------------------------------------------------------------------------- 23
CONCLUSION GENERALE ------------------------------------------------------------------------------------------------- 24
BIBLIOGRAPHIE ------------------------------------------------------------------------------------------------------------- 25


1

Introduction gnrale

Aujourdhui, le commerce lectronique est considr comme un dossier prioritaire par de
nombreuses organisations internationales, surtout depuis que les problmes lis la facture
numrique ramnent les politiques des technologies de linformation, de la communication et
du dveloppement sur les devant de lactualit. Des recommandations stratgiques spcifiques
ont t formules dans diffrent domaine : infrastructure et services de tlcommunications,
fiscalit, protection du consommateur, scurit des rseaux, protection de la vie prive et des
donnes. La confiance est un lment crucial pour le dveloppement du commerce
lectronique. Il sagit, essentiellement, dassurer aux consommateurs et lentreprise des
services de rseaux sures, fiables et vrifiables.
De mme, les consommateurs entendent rester matres de la collecte de leurs donnes
personnelles et de lusage qui en est fait, et veulent tre surs davoir accs des mcanismes
de recours adapts. Pour crer le niveau de confiance souhaitable, il faut se doter de
technologie fiable, de dispositifs de rglementation et dauto rglementation appropris, et
pratiquer une pdagogie du public.
Le prsent rapport, qui expose ce travail, est compos de quatre chapitres structurs
comme suit :
- Dans le premier chapitre, je vais prsenter la socit, le cahier de charge et lobjectif
de ce projet.
- Le deuxime chapitre sera consacr ltude de lexistant, de son critique et des
solutions proposes.
- Le troisime chapitre sera consacr lanalyse des besoins et la conception de ce
projet.
- Dans le quatrime chapitre, je vais tudier limplmentation de lapplication, en
dcrivant lenvironnement matriel et logiciel, et je vais donner un aperu sur les interfaces
ralises.


2

Chapitre 1:

PRESENTATION DU PROJET


3

1. Introduction :
Dans ce chapitre, je commence par le commerce lectronique et une prsentation de la
socit, lieu de ce stage. Ensuite, je dtermine le cahier de charge et les objectifs atteindre
de ce projet. Ainsi, jintresse ltude de lexistant et ces critiques et je propose des
solutions possibles.
2. Prsentation de la socit :
WebPower sagrandit ! 2011 sannonce trs prometteur pour lagence. Cre en 2007 et
Ralisant son premier projet pour un bureau de consulting International en 2008,
lagence WebPower ne comptait que trois personnes. Suite une consultation des meilleures
agences nationales, Tunisie Telecom dcide de le faire confiance pour la totalit de le-
communication de son oprateur ELISSA: cration et gestion du portail, gestion de le-
notorit, applications Facebook, Cration des bannires pour tous les supports: Tuniscope,
Tekiano, Mosaque FM, et tous les partenaires de la marque. A ce jour, elle compte 12
personnes et est en pleine expansion. WP change de local et se dote dun vritable service
spcialis et consacr lEmailing avec de nouvelles recrues en complment de son
service commercial et webmarketing.
3. Prsentation du projet :
3.1. Quest ce quune boutique en ligne ?
Grace une boutique en ligne, on peut choisir et payer des articles comme dans un
magasin rel. Pour acheter un produit de cette boutique virtuelle, il suffit le plus souvent de
choisir les produits dsirs puis de les mettre dans un panier d'achat.
L'acheteur peut, ensuite, remplir un bon et payer sa commande par carte bancaire ou par un
autre moyen de paiement. La commande sera livre en fonction du choix de l'internaute et
selon les modalits dfinies par le responsable de la boutique.
3.2.Lobjectif :
Lobjectif du projet consiste dvelopper un site web dynamique dune boutique de
matriels audiovisuels.
Ce site permettra de raliser les oprations suivantes :
Grer les relations avec les clients,
Grer les relations avec les fournisseurs,
Grer les commandes,
Mettre en place des promotions,
Grer les produits (ajouter, modifier ou supprimer des produits),
En effet, ce site donne aux internautes la possibilit de sinscrire, effectuer leurs demandes
en ligne, et de recevoir une confirmation immdiate. En plus, les internautes peuvent
consulter en ligne le catalogue et toutes ses nouveauts.
4. Etude de lexistant :

4

Pour acheter un quipement audiovisuel telle quune camra numrique ou une camra de
surveillance, le client doit se dplacer directement au local de la socit afin de chercher une
offre de vente qui satisfait ses besoins. Ses dplacements peuvent tre inutiles et mme
peuvent provoquer un gaspillage de temps. Dailleurs, mme le vendeur na aucun moyen
pour mettre disposition ses annonces de vente et services, lexception des supports
traditionnels tels que les journaux ou les petites affiches. Ainsi, un moyen fiable et automatis
permettant dinformer un grand nombre de clients des offres de vente et des services
ncessaires. Divers autres traitements sont, dailleurs, sources de problmes, adoptant les
mthodes traditionnelles de travail :
o le rglement des factures se fait en espce ou par chque, sur place.
o lenregistrement des clients se fait manuellement sur papier.
o les produits sont classs par catgorie (camra numrique, camra de surveillance et
matriel sono) et par sous-catgorie non lies et non hirarchises, ce qui rend la recherche
plus pnible.
o les documents sont nombreux et mal organiss.
Vu l'accroissement de la technologie Internet, l'achat en ligne est devenu une ncessit
incontournable pour les commerants.
5. Critique et solutions :
5.1.Critique de lexistant :
La solution actuelle est manuelle, posant ainsi des problmes diffrents, savoir :
o L'abondance des documents dans l'entreprise qui peut ralentir les services.
o Risque de mlanger les documents; ce qui peut tre fatal.
o La suivie en ligne des clients et des fournisseurs (suivie de livraison, suivie de
commandes).
o La perte de la clientle est possible, surtout quand le traitement de leurs demandes
trane ou prend beaucoup de temps pour tre livr.
5.2.Solutions proposes :
Grce Internet, de nouvelles perspectives de dveloppement apparaissent dans
l'largissement du march conomique.
La cration dun site Internet a pour but de valoriser l'image de la socit et faire des
conomies. L'utilisation d'Internet, comme segment de communication de masse, permet
galement de baisser des cots marketing et d'autres frais. Avec la transmission du haut dbit
et la scurisation augmente des moyens scuriss de paiement, la confiance des utilisateurs
en ce qui concerne l'e-commerce est croissante. La plupart des personnes adultes utilisent,
aujourdhui, Internet pour faire des achats. Les consommateurs et les entreprises s'orientent de
plus en plus vers les boutiques en ligne qui permettent la comparaison, la disponibilit des
produits et la vrification des prix dou lconomie considrable du temps.
Ce projet consiste donc la mise en place dun site Web dynamique qui gre la
commercialisation de matriels audiovisuels. Ceci est possible travers des catalogues en
ligne proposant ces matriels aux meilleurs prix par rapport aux concurrents. La socit

5

naura donc qu agencer ses produits et bien sr de mettre sa base de donnes jour. Les
clients peuvent consulter le site aprs une inscription, et commander les produits, qui sont
par la suite livrs domicile.
Cette boutique en ligne permettra doffrir beaucoup des services savoir :
Recherche de produit,
Consultation de catalogues de produits,
Lancer une commande en ligne,
Cette application Web permettra de cibler une nouvelle catgorie de clientles (locale et
internationale), et doffrir une meilleure qualit de service en communication et en commerce.
Ce site devra contenir deux interfaces spares :
Partie administrateur du site : cette partie permettra le stockage des documents et
leur publication sur internet. Ce mcanisme est accompli par ladministrateur du site qui doit
sauthentifier avec son login et son mot de passe partir de la page daccueil. Aprs son
authentification comme administrateur, il pourra accder la page qui lui permettra de grer
les outils dadministration. Le site affichera toutes les tches qui peuvent tre effectues par
ladministrateur qui pourra :
- Ajouter un produit : chaque produit est caractris par son nom et sa catgorie.
- Grer des comptes : ajout ou suppression dun compte. Chaque compte est caractris
par le login, le mot de passe, le nom et le prnom de ladministrateur.
- Dconnexion : cela permet la scurit de linterface
Partie client : cette interface doit tre accessible nimporte quel internaute cherchant des
produits et effectuant des commandes
6. Conclusions :
A travers le cahier des charges quon a cit ci-dessus, je comprends bien que linterface
web que je vais raliser est un site web dynamique mais pour limplmenter jai besoins dune
tude conceptuelle de ce site. Cette tape je donne une vision globale sur la socit et les
tches que je dois raliser afin dviter les problmes existants et atteindre les objectifs de la
socit.


6

Chapitre 2

Conception de lapplication


7

1. Introduction :
Jexpose, dans ce chapitre, la solution conceptuelle que jai propose et cette conception du
systme raliser qui a pour but de rendre flexible la tche de la gestion. En dautre terme, ce
chapitre devrait rpondre la question : comment faire ? La structure de ce chapitre dpend de
la nature de ce projet. Jai conu la phase de conception dun systme dinformation qui
ncessite des mthodes permettant de mettre en place un modle. Il existe plusieurs mthodes
danalyse, la plus utilise tant la mthode MERISE.
2. Merise pour la modlisation du systme :
Pour modliser les fonctionnalits, que doit offrir ce systme, jai choisit la mthode
MERISE.
MERISE tant une mthode de conception et de dveloppement dun systme
dinformation, reprsentant les interactions entre ses diffrents composants et den proposer
une description formelle. Au dbut des annes 90, cette mthode a connue une volution
importante suite lintgration de concepts orients objets tel que lhritage. Je prsente, dans
la suite, Le Modle conceptuel de communication, (MCC) le Modle conceptuel de donnes
(MCD) et le Modle conceptuel de traitements (MCT), jai utilis le POWER AMC. Power
AMC qui est un outil intgr de conception et de modlisation des systmes dentreprises. Il
intgre la technique standard de modlisation Merise. La mthode MERISE est base sur la
sparation des donnes et des traitements, effectuer, en plusieurs modles conceptuels et
physiques. Cette sparation assure une longvit au modle. En effet, l'agencement des
donnes n'a pas tre souvent remani, tandis que les traitements le sont plus frquemment.
La mthode Merise prconise 3 niveaux dabstraction :
- le niveau conceptuel qui dcrit la statique et la dynamique du systme dinformation en
se proccupant uniquement du point de vue du gestionnaire.
- le niveau organisationnel qui dcrit la nature des ressources qui sont utilises pour
supporter la description statique et dynamique du systme dinformation. Ces ressources
peuvent tre humaines et/ou matrielles et logicielles.
- le niveau oprationnel dans lequel on choisit les techniques dimplantation du systme
dinformation (donnes et traitements).
3. Les diffrents modles de MERISE :
3.1.Modle Conceptuel de Communication (MCC) :
Ce modle, appel aussi diagramme conceptuel de flux, permet de reprsenter les flux
dinformations (reprsents par des flches dont lorientation dsigne le sens du flux
dinformation) entre les acteurs internes (reprsents par des clipses) ou externes
(reprsents par des clipses avec un trait interrompu).
3.2.Modle Conceptuel de Traitement (MCT) :
Le MCT modlise les activits du domaine, activits conditionnes par les changes avec
l'environnement, sans prise en compte de l'organisation. Ainsi, chaque activit (nomme
opration) regroupe un ensemble d'activits lmentaires ralisables au sein du domaine, sans

8

autres informations extrieures (on na pas besoin de s'arrter pour attendre des informations
extrieures).
3.3.Modle Conceptuel de Donnes (MCD) :
Un Modle Conceptuel de Donnes est la formalisation de la structure et de la signification
des informations dcrivant des objets et des associations perus d'intrt dans le domaine
tudi, en faisant abstraction aux solutions et aux contraintes techniques et informatiques
d'implantation en base de donnes.
Un MCD est exprim en entit-relation Merise qui comporte les concepts basiques suivants :
Entit : modlisation d'un objet d'intrt (en termes de gestion) pour l'utilisateur.
Relation : modlisation d'une association entre deux ou plusieurs entits.
Cardinalits : modlisation des participations mini et maxi d'une entit une relation
Proprits : modlisation des informations descriptives rattaches une entit ou une
relation
Identifiant : modlisation des proprits contribuant la dtermination unique d'une
occurrence dune entit.
4. Modle client :
4.1.MCC de client :
Le client, qui souhaite ventuellement effectuer des achats, peut grer les produits (ajouter
et supprimer des produits) et peut accder au site grce un email et un mot de passe. Jai
dcid de ne pas faire de distinction entre un client et un visiteur. Nanmoins, il faut
absolument se connecter pour pouvoir payer une commande et enregistrer ou afficher une
facture (voir figure 2.1).

Figure 2.1 : Le Modle Conceptuel de Communication du client
9
4.2.Le MCT client :
Le client peut choisir les produits qui sont affichs sur le site et valider ensuite sa
commande. Mais il faut absolument sidentifier avec un email et un mot de passe avant de payer
sa facture et de lenregistrer ou de limprimer (voir figure 2.2).
Figure 2.2 : Le Modle Conceptuel de Traitement du client

10

5. Modle administrateur :
5.1.Le Modle Conceptuel de Communication :
Ladministrateur a pour rle de grer intgralement le bon fonctionnement du site. Il est
charg de grer ajouter, supprimer et modifier les produits ainsi que le suivi des commandes
(enregistrer facture et valider commande). Mais il faut absolument se connecter pour pouvoir
faire ces tches (voir figure 2.3).

Figure 2.3 : MCC de ladministrateur

11

5.2.Le Modle Conceptuel de Traitement
Ladministrateur sidentifie avec un nom et un mot de passe pour valider ou annuler les
commandes, aprs leurs rceptions et vrifications. Il peut galement enregistrer ou imprimer
une facture (voir figure 2.4).

Figure 2.4: MCT de ladministrateur


12

6. Le Modle Conceptuel de Donnes client et administrateur :
Un modle conceptuel de donnes permet de regrouper et dordonner les donnes
ncessaires la gestion dun ensemble dentits dans un systme dinformation
(Voir figure 2.5).

Figure 2.5: Le MCD de lapplication

13

7. Le dictionnaire de donnes :
Le dictionnaire de donnes permet de recenser les informations ncessaires. Il prcise le
libell des donnes, le nom de chaque champ, le type, la dimension et le libell des donnes
utilises. Je vais prsenter ce donn selon les entits (voir tableaux 2.1, 2.2, 2.3, 2.4).
Information client :
Nom du champ Libell de la proprit Type Dimension
Id_cli Numro de client Entier 10
Nom_cli Nom du client Texte 20
Prenom_cli Prnom du client Texte 20
Email_cli Adresse email du client Texte 20
Pass_cli Mot de passe du client Texte 30
Date_ness Date de nescience du client Date 8
Adress_cli Adresse du client Texte 20
Tele_cli Numro de tlphone du client Entier 13
Tableau 2.1
Information admine :
Id_adm Numro du ladministrateur Entier 10
Nom_adm Nom du ladministrateur Texte 20
Prenom_adm Prnom de ladministrateur Texte 20
Pass_adm Mot de passe de ladministrateur Texte 30
Tableau 2.2
Information produit :
Id_pro Numro du produit Entier 10
Nom_pro Nom du produit Texte 20
Info_pro
Information et caractristique du
produit
Texte 50
Prix_pro Prix du produit Rel court 15
Tableau 2.3

14

Information commande :
Id_com Numro de la commande Entier 10
Prix_tot
Prix total des produits
commander
Rel court 20
Id_fact Numro de la facture Entier 10
Date_pai Date de paiement de la facture Date 8
Date_liv
Date de livraison de la
commande
Date 8
Tableau 2.4
8. Conclusion :
La phase conceptuelle est une tape fondamentale pour la ralisation de nimporte quel
projet. Elle permet de faciliter le systme dinformation et raliser limplmentation de la base
de donn et le traitement. Par la suite, je dois chercher les moyens et les outils possibles pour
dvelopper lapplication, ce que je vais prsenter dans la chapitre suivant.


15

Chapitre 3

Application


16

1. Introduction :
Ce chapitre a pour objectif majeur de prsenter le produit finale. Cest la phase de
ralisation de ce site web dynamique qui utilise des technologies spcifiques. Ce chapitre est
compos de deux parties : la premire partie prsente lenvironnement de dveloppement
alors que la seconde partie concerne les principales interfaces graphiques.
2. Lenvironnement de dveloppement
2.1.Lenvironnement matriel :
Pour dvelopper ce application jai utilis une machines, configures comme suit :
Machine HP pavillon dv7
Mmoire Vive : 3 Go.
Disque Dur : 250 Go.
Processeur : Intel (R) Core (TM) 2 duo 2.00 GHz.
Type de systme : Windows Vista
2.2.Environnement Logiciel :
Lors du dveloppement de ce application, jai utilis, les outils logiciels suivants:
Adobe Dreamweaver.
Adobe Flash.
Javascript.
Wampserver.
Serveur MySQL.
Serveur Apache.
Je vais prsenter ces diffrents logiciels dans la section suivante :
3. Logiciels utiliss :
3.1.Adobe Dreamweaver :
Adobe Dreamweaver (anciennement Macromedia Dreamweaver) est un diteur du site web
de type WYSIWYG. Il fut l'un des premiers diteurs HTML de type tel affichage, tel
rsultat , mais galement l'un des premiers intgrer un gestionnaire du site (CyberStudio
GoLive tant le premier). Ces innovations l'imposrent rapidement comme l'un des principaux
diteurs du site web, aussi bien utilisable par le nophyte que par le professionnel.
Dreamweaver offre deux modes de conception par son menu affichage. L'utilisateur peut
choisir entre un mode cration permettant d'effectuer la mise en page directement l'aide
d'outils simples, comparables un logiciel de traitement de texte (insertion de tableau,
d'image, etc.). Il est galement possible d'afficher et de modifier directement le code (HTML
ou autre) qui compose la page. On peut passer trs facilement d'un mode d'affichage l'autre,

17

ou opter pour un affichage mixte. Cette dernire option est particulirement intressante pour
les dbutants qui, terme, souhaitent se familiariser avec le langage HTML. Il a volu avec
les technologies de l'internet.
Il offre, aujourd'hui, la possibilit de concevoir des feuilles de style. Les liaisons avec des
bases de donnes ont galement t amliores ainsi que le chargement des fichiers sur les
serveurs d'hbergement. Il propose, en outre, l'utilisation de modles imbriqus de pages web,
selon un format propritaire.
Depuis la version MX, il peut tre utilis avec des langages web dynamiques (ASP, PHP)
l'aide d'outils relativement simples d'utilisation. Il permet ainsi de dvelopper des applications
dynamiques sans connaissance pralable des langages de programmation.
Dreamweaver est dit par la socit Adobe Systems et fait partie de la suite de
dveloppement Studio 8 de l'diteur, qui comprend Macromedia Flash, Macromedia
Fireworks (dition graphique) et Macromedia Coldfusion (serveur). Macromedia, qui ditait
Dreamweaver auparavant, a t rachet par Adobe en dcembre 2005.
3.2.Adobe flash :
Adobe Flash ou simplement Flash, se rfre Adobe Flash Player et un logiciel
multimdia utilis pour crer le contenu de Adobe Engagement Platform (tel quune
application Internet, jeux ou vidos). Flash Player, dvelopp et distribu par Macromedia
(rachet en 2005 par Adobe Systems), est une application client fonctionnant sur la plupart
des navigateurs Web. Ce logiciel permet la cration de graphiques vectoriels et de bitmap
anims par un langage script appel ActionScript, et la diffusion de flux (stream) bi-
directionnels audio et vido.
Pour tre bref, Adobe Flash est un environnement de dveloppement intgr (IDE), une
machine virtuelle utilise par un player Flash ou serveur flash pour lire les fichiers Flash.
Mais, le terme Flash peut se rfrer un lecteur, un environnement ou un fichier
dapplications.
Depuis son lancement en 1996, la technologie Flash est devenue une des mthodes les plus
populaires pour ajouter des animations et des objets interactifs une page web; de nombreux
logiciels de cration et Opration Systme sont capables de crer ou dafficher du Flash. Qui
est gnralement utilis pour crer des animations, des publicits ou des jeux vido. Il permet
aussi d'intgrer de la vido en streaming dans une page jusqu'au dveloppement d'applications
Rich Media.
Les fichiers Flash, gnralement appels animation Flash portent l'extension swf. Ils
peuvent tre inclus dans une page web et lus par le plugin Flash du navigateur, ou bien
interprts indpendamment dans le lecteur Flash Player.
3.3.Javascript :
JavaScript est un langage de programmation de scripts, principalement utilis dans les
pages web interactives. C'est un langage orient objet prototype, c'est--dire que les bases du

18

langage et ses principales interfaces sont fournies par des objets qui ne sont pas des instances
de classes, mais qui sont quips de constructeurs permettant de gnrer leurs proprits.
Le langage a t cr en 1995 par Brendan Eich pour le compte de Netscape
Communications Corporation. Le langage actuellement la version 1.8.2 est une
implmentation de la 3e version de la norme ECMA-262 qui intgre galement des lments
inspirs du langage Python. La version 1.8.5 du langage est prvue pour intgrer la 5e version
du standard ECMA.
3.4.Wampserver :
WampServer 2 (anciennement WAMP5) est une plateforme de dveloppement Web de
type WAMP, permettant de faire fonctionner localement (sans se connecter un serveur
externe) des scripts PHP. WampServer n'est pas en soi un logiciel, mais un environnement
comprenant deux serveurs (Apache et MySQL), un interprteur de script (PHP), ainsi que php
MyAdmin pour l'administration Web des bases MySQL.
Il dispose d'une interface d'administration permettant de grer et d'administrer ses serveurs
au travers d'un tray icon (icne prs de l'horloge de Windows).
La grande nouveaut de WampServer 2 rside dans la possibilit d'y installer et d'utiliser
n'importe quelle version de PHP, Apache ou MySQL en un clic. Ainsi, chaque dveloppeur
peut reproduire fidlement son serveur de production sur sa machine locale.
3.5.Mysql :
MySQL est un systme de gestion de base de donnes (SGBD). Selon le type d'application,
la licence est libre ou propritaire. Il fait partie des logiciels de gestion de base de donnes les
plus utiliss au monde, autant par le grand public (applications web principalement) que par
des professionnels, en concurrence avec Oracle et Microsoft SQL Server.
MySQL est un serveur de bases de donnes relationnelles SQL dvelopp dans un souci de
performances leves en lecture, ce qui signifie qu'il est davantage orient vers le service de
donnes dj en place que vers celui de mises jour frquentes et fortement scurises. Il est
multi-threads et multi-utilisateurs.
C'est un logiciel libre dvelopp sous double licence en fonction de l'utilisation qui en est
faite : dans un produit libre ou dans un produit propritaire. Dans ce dernier cas, la licence est
payante, sinon c'est la licence publique gnrale GNU (GPL) qui s'applique. Ce type de
licence double est utilis par d'autres produits comme le framework de dveloppement de
logiciels (pour les versions antrieures la 4.5).
Le couple PHP/MySQL est trs utilis par les sites Web et propos par la majorit des
hbergeurs Web. Plus de la moiti des sites Web fonctionnent sous Apache, qui est le plus
souvent utilis conjointement avec PHP et MySQL.
3.6.Apache :
Apache est le serveur le plus rpandu sur Internet. Il fonctionne principalement sur les
systmes d'exploitation UNIX (Linux, Mac OS X, Solaris, BSD et UNIX) et Windows. La

19

version Windows n'est considre comme stable que depuis la version 1.2 d'Apache. Apache
est utilis par de nombreux produits, dont WebSphere d'IBM, ainsi que par Oracle
Corporation. Il est galement support d'une faon ou d'une autre par les outils de
dveloppement Borland Delphi et Kylix, ainsi que par des CMS comme Drupal.
Apache est conu pour prendre en charge de nombreux modules, lui donnant des
fonctionnalits supplmentaires : interprtation du langage Perl, PHP, Python et Ruby,
serveur proxy, Common Gateway Interface, Server Side Includes, rcriture d'URL,
ngociation de contenu, protocoles de communication additionnels, etc. Nanmoins, il est
noter que l'existence de nombreux modules Apache complexifie la configuration du serveur
web. En effet, les bonnes pratiques recommandent de ne charger que les modules utiles : de
nombreuses failles de scurit, affectant uniquement les modules d'Apache sont rgulirement
dcouverts.
Les possibilits de configuration d'Apache sont une fonctionnalit phare. Le principe
repose sur une hirarchie de fichiers de configuration, qui peuvent tre grs de manire
indpendante. Cette caractristique est notamment utile aux hbergeurs qui peuvent ainsi
servir les sites de plusieurs clients l'aide d'un seul serveur HTTP. Pour les clients, cette
fonctionnalit est rendue visible par le fichier .htaccess.
Parmi les outils, aidant la maintenance d'Apache, on trouve les fichiers de log qui peuvent
s'analyser l'aide de nombreux scripts et des logiciels libres tels quAWStats, Webalizer ou
W3Perl. Plusieurs interfaces graphiques facilitent la configuration du serveur.
4. Les principales interfaces graphiques :
Cette partie permet de je mettre dans les conditions relles dutilisation de lapplication.
4.1.Interface client :
Dans les paragraphes qui suivent, je vais exposer diffrentes situations que peut
rencontrer le client.
- Accueil : Dans cette page le client peut tre identifi en tapant leur email et mot de passe,
afficher les produits par catgorie et les ajouter dans leur panier.


20

Figure 3.1 : Accueil client
- Inscription :
Cette page permet tout nouveau client de sinscrire dans ce base de donnes pour
pouvoir, par la suite, effectuer un achat.
Les champs de saisie contiennent un nombre de caractres minimum. Si ce nombre nest
pas satisfait, une alerte de couleur rouge vient interpeller linternaute de son erreur de
saisie pour ainsi la corriger.
La page nest valide que si tous les champs de saisie sont conformes aux exigences
demandes.

Figure 3.2 : Inscription
- La modification des coordonn du client :
Cette page permet un client, qui sest pralablement connect, de modifier ses
coordonnes.


21

Figure 3.3 : Modifier coordonn
- Le panier :
Cette page permet galement au client de vrifier la quantit choisie et le montant total de
son panier, ensuit, il peut commander ses produits mais il faut absolument se connecter pour
pouvoir passer sa commande.

Figure 3.4 : Panier
4.2.Interface administrateur :
- Accueil : Ladministrateur tape son nom et mot de passe pour accder cette interface, il a
le droit dadministrer les actions possibles dans le site comme (modifier, ajouter et supprimer
des produits ou des catgories)


22

Figure 3.5 : accueil administrateur
- Ajouter produit :
Cette page permet ladministrateur de rajouter des produits dans la base actuelle. Suivant
le type du produit, il devra entrer diffrents champs afin de renseigner larticle a rajout.
Chaque champ de saisie est contrl lors de la validation de la page et linternaute
est averti par les alertes de couleur rouge si un champ nest pas conforme aux modles.

Figure 3.6 : Ajouter produit
- Lister les administrateurs :
Cette tache est associer au propritaire de site qui le droit de supprimer ou de modifier les
administrateurs.


23

Figure 3.7 : Liste des administrateurs
5. Conclusion :
La partie de ralisation dtermine une ide plus claire sur les taches qui sont ralis dans ce
site web par la prsentation des interfaces graphiques. Enfin avec ce chapitre je termine la
phase de dveloppement de ce site.


24

Conclusion gnrale

Ce projet fin dtude consiste concevoir un site web dynamique qui permet de raliser le
commerce lectronique des matriels audiovisuels.
Cest une application presque finalise et accompagne de tous les documentations
technique et conceptuelle ncessaire sa bonne volution.
Pour concevoir ce travail jai prsent premirement le cadre de ce projet, puis jai analys
ltude de lexistant.
En second, jai montr la phase de conception.
Finalement, jai trait toutes les phases ncessaires la ralisation de ce application, et
dans cette phase jai appris mieux manipuler les langages PHP, HTML et Java Script, jai
approfondi mes connaissances sur le langage SQL avec le MySQL.
Par ailleurs, lobjectif principal de ce stage tait la dcouverte du monde de lentreprise et
dans cette optique, ce stage a totalement rpondus mes attentes.
Des amliorations pourraient aussi tre apportes ce site par exemple dans le cas dune
relle utilisation commerciale du site, proposer une connexion scurise lors du paiement
de la commande ou de la consultation du compte client grce notamment au protocole
HTTPS.
Enfin, la ralisation de ce projet de travail en quipe sur une dure limite est un bon
entranement pour le stage, mais aussi pour ce futur mtier.


25

Bibliographie

- http://www.codes-sources.com
- http://www.developpez.com
- http://www.toutjavascript.com
- http://www.adobe.com
- http://www.phpdebutent.org
- http://www.apprendre-php.com
- http://www.phpclasses.org
- http://dev.mysql.com

Realisation D'un Site Web Dynamique Commerciale

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

Realisation D'un Site Web Dynamique Commerciale

Transféré par

Droits d'auteur :

Formats disponibles

REALISATION DUN SITE WEB DYNAMIQUE

Vous aimerez peut-être aussi