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

Site web dynamique commercial

2010-2011

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.

Site web dynamique commercial

2010-2011

:
.

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

Site web dynamique commercial

2010-2011

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

Site web dynamique commercial

2010-2011

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.

Site web dynamique commercial

2010-2011

Chapitre 1:

PRESENTATION DU PROJET

Site web dynamique commercial

2010-2011

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 lecommunication de son oprateur ELISSA: cration et gestion du portail, gestion de lenotorit, 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 :
3

Site web dynamique commercial

2010-2011

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

Site web dynamique commercial

2010-2011

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.

Site web dynamique commercial

2010-2011

Chapitre 2

Conception de lapplication

Site web dynamique commercial

2010-2011

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 7

Site web dynamique commercial

2010-2011

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

8

Site web dynamique commercial

2010-2011

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

9

Site web dynamique commercial

2010-2011

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

10

Site web dynamique commercial

2010-2011

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

11

Site web dynamique commercial

2010-2011

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

12

Site web dynamique commercial

2010-2011

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 Id_cli Nom_cli Prenom_cli Email_cli Pass_cli Date_ness Adress_cli Tele_cli Libell de la proprit Numro de client Nom du client Prnom du client Adresse email du client Mot de passe du client Date de nescience du client Adresse du client Numro de tlphone du client Tableau 2.1 Information admine : Nom du champ Id_adm Nom_adm Prenom_adm Pass_adm Libell de la proprit Numro du ladministrateur Nom du ladministrateur Prnom de ladministrateur Mot de passe de ladministrateur Tableau 2.2 Information produit : Nom du champ Id_pro Nom_pro Info_pro Prix_pro Libell de la proprit Numro du produit Nom du produit Information et caractristique du produit Prix du produit Tableau 2.3 13 Type Entier Texte Texte Rel court Dimension 10 20 50 15 Type Entier Texte Texte Texte Dimension 10 20 20 30 Type Entier Texte Texte Texte Texte Date Texte Entier Dimension 10 20 20 20 30 8 20 13

Site web dynamique commercial

2010-2011

Information commande : Nom du champ Id_com Prix_tot Id_fact Date_pai Date_liv Libell de la proprit Numro de la commande Prix total des produits commander Numro de la facture Date de paiement de la facture Date de livraison de la commande Tableau 2.4 Type Entier Rel court Entier Date Date Dimension 10 20 10 8 8

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.

14

Site web dynamique commercial

2010-2011

Chapitre 3

Application

15

Site web dynamique commercial

2010-2011

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, 16

Site web dynamique commercial

2010-2011

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) bidirectionnels 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

17

Site web dynamique commercial

2010-2011

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 18

Site web dynamique commercial

2010-2011

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.

19

Site web dynamique commercial

2010-2011

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.

20

Site web dynamique commercial

2010-2011

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)

21

Site web dynamique commercial

2010-2011

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.

22

Site web dynamique commercial

2010-2011

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.

23

Site web dynamique commercial

2010-2011

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.

24

Site web dynamique commercial

2010-2011

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

25