creer un site ecommerce avec dreemwavercs4 et php-mysql

7/15/2019 Creer Un Site Ecommerce Avec DreemwaverCS4 Et PHP-MySQL

1/415

Le Campus

Crer un sitee-commerce

avec Dreamweaver CS4et PHP/MySQL

Franois et Sandrine Houste, Delphine Boutonavec la contribution de Raphalle Roux

Codes sousurwww.pearso


2/415

Crer un site

e-commerce avecDreamweaver CS4

et PHP/MySQL4e dition


3/415

Pearson Education France a apport le plus grand soin la ralisation de ce livre afin de vous fournir uneinformation complte et fiable. Cependant, Pearson Education France nassume de responsabilits, ni pouson utilisation, ni pour les contrefaons de brevets ou atteintes aux droits de tierces personnes qui pourraienrsulter de cette utilisation.

Les exemples ou les programmes prsents dans cet ouvrage sont fournis pour illustrer les descriptions thoriques. Ils ne sont en aucun cas destins une utilisation commerciale ou professionnelle.

Pearson Education France ne pourra en aucun cas tre tenu pour responsable des prjudices ou dommagede quelque nature que ce soit pouvant rsulter de lutilisation de ces exemples ou programmes.

Tous les noms de produits ou autres marques cits dans ce livre sont des marques dposes par leurpropritaires respectifs.

Aucune reprsentation ou reproduction, mme partielle, autre que celles prvues larticle L. 122-5 2 et 3 a) du codde la proprit intellectuelle ne peut tre faite sans lautorisation expresse de Pearson Education France ou, le cachant, sans le respect des modalits prvues larticle L. 122-10 dudit code.

No part of this book may be reproduced or transmitted in any form or by any means, electronic or mechanical, includinphotocopying, recording or by any information storage retrieval system, without permission from Pearson EducationInc.

Publi par Pearson Education France47 bis, rue des Vinaigriers75010 PARISTl. : 01 72 74 90 00

www.pearson.fr

Mise en pages : TyPAO

Collaboration ditoriale : Herv Guyader

ISBN : 978-2-7440-4101-3Copyright 2009 Pearson Education FranceTous droits rservs
http://www.pearson.fr/http://www.pearson.fr/


4/415

Crer un site

e-commerce avecDreamweaver CS4

et PHP/MySQL

Franois Houste, Sandrine Houste et Delphine Bouton

avec la contribution de Raphalle Roux


5/415


6/415

Table des matires

1 Introduction au monde du e-commerce . . . . . . . . . . . . . . . . . . . . . . .

Comment utiliser ce livre ? . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

Une boutique en ligne, mais pas nimporte comment . . . . . . . . . . . . .

Bien penser la stratgie de sa boutique . . . . . . . . . . . . . . . . . . . . . . . . . .

Le statut juridique . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

Dclaration la CNIL . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

Comment procder ? . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

Les diffrentes tapes de la cration . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1

Le design . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1

Partie I Mise en place technique dune boutique

2 Bien choisir son hbergeur. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1

Les offres ddies . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1

Lhbergement gnraliste . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1

3 Mise en place dun serveur de dveloppement . . . . . . . . . . . . . . . 2

Comment fonctionne un site dynamique ? . . . . . . . . . . . . . . . . . . . . . . . . . 2

Les avantages dun site dynamique . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 2

Anatomie dun site dynamique . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 2

La technologie PHP en dtail . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 2Prsentation gnrale . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 2

PHP dans vos pages. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 2

Les bases de donnes MySQL . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 2

Dernire brique, un serveur Apache. . . . . . . . . . . . . . . . . . . . . . . . . . . . . 3


7/415

CRERUNSITEE-COMMERCEAVEC DREAMWEAVER CS4 ET PHP/MYSQLVI

Installation de WampServer 2.0 sur un systme Windows . . . . . . . . . . . 3

Prsentation et tlchargement . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 3

Installation de WampServer 2.0 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 3

Mise en marche des serveurs . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 3

Configuration de lenvironnement de dveloppement . . . . . . . . . . . . . . . 3

Nommage de la base de donnes . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 3

Dfinition des utilisateurs . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 3

Cration du rpertoire de dveloppement . . . . . . . . . . . . . . . . . . . . . . . . 4

Cration du profil de site dans Dreamweaver CS4 . . . . . . . . . . . . . . . . . . 4

Prsentation rapide de Dreamweaver. . . . . . . . . . . . . . . . . . . . . . . . . . . . 4

Lassistant Profil de sites . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 4

Localisation du serveur de dveloppement . . . . . . . . . . . . . . . . . . . . . . . 4

Connexion au serveur distant . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 4

4 Spcifications et cration de la base de donnes . . . . . . . . . . . . . 5

Spcification des pages dun site web . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 5

Arborescence du site . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 5

Spcification des pages . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 5

Ralisation des maquettes . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 6

Dfinition de la structure de la base de donnes . . . . . . . . . . . . . . . . . . . . 6

Communication entre le site et la base de donnes . . . . . . . . . . . . . . . . 6

Conseils gnriques la conception de la base de donnes . . . . . . . . . . 6

Base de donnes de la boutique en ligne . . . . . . . . . . . . . . . . . . . . . . . . . 7

Cration des tables dans phpMyAdmin . . . . . . . . . . . . . . . . . . . . . . . . . . . . 7

Remplissage des tables MySQL . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 8

Connexion la base de donnes dans Dreamweaver CS4 . . . . . . . . . 8

Cration dune page blanche . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 8


8/415

VTABLEDESMATIRES

Le panneau Bases de donnes . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 8

Cration dune connexion pour un site PHP . . . . . . . . . . . . . . . . . . . . . . 8

Fichier de connexion . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 9

5 Cration dun catalogue en ligne . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 9

Fonctionnement thorique . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 9

Dfinition de jeux denregistrements . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 9

Le panneau Liaisons . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 9

Cration dun jeu denregistrements simple . . . . . . . . . . . . . . . . . . . . . . 9

Insertion de contenu dynamique . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 10

Donnes dynamiques . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 10

Dfinition dynamique dune image . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 10

Aperu des donnes . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 10

Aperu dans le navigateur. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 10

Aperu dans Dreamweaver . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 11

Finalisation de la page de description . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 11

Cration avance de jeux denregistrements . . . . . . . . . . . . . . . . . . . . . . 11

Affichage du nom de lauteur . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 11Affichage des catgories dannuaire . . . . . . . . . . . . . . . . . . . . . . . . . . . . 12

Mise en place de la page Auteur . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 12

Cration des jeux denregistrements . . . . . . . . . . . . . . . . . . . . . . . . . . . . 12

Rgions rptes . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 12

Navigation page page . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 12

Numrotation des enregistrements . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 13

Dtail de lannuaire . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 13Note sur les comportements de serveur . . . . . . . . . . . . . . . . . . . . . . . . . . . . 13

Le panneau Comportements de serveur. . . . . . . . . . . . . . . . . . . . . . . . . . 13

Modification dun comportement de serveur . . . . . . . . . . . . . . . . . . . . . 13


9/415

CRERUNSITEE-COMMERCEAVEC DREAMWEAVER CS4 ET PHP/MYSQLVIII

6 Installation dun moteur de recherche . . . . . . . . . . . . . . . . . . . . . . . . 13

Lutilisation des actifs sur un site dynamique . . . . . . . . . . . . . . . . . . . . . . . 14

Cration du formulaire de recherche . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 14Cration physique du formulaire . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 14

Nommage des lments . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 14

Action ! . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 14

Les actifs . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 14

Le panneau Actifs . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 14

Cration dun lment de bibliothque . . . . . . . . . . . . . . . . . . . . . . . . . . 14

Insertion dun lment de bibliothque dans une page . . . . . . . . . . . . . 14Mise jour des lments de bibliothque . . . . . . . . . . . . . . . . . . . . . . . . 15

Page de rsultat . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 15

Jeux denregistrements . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 15

Affichage des rsultats sur la page . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 15

7 Accueil des clients et ouverture des comptes . . . . . . . . . . . . . . . . . 15

Les clients dans la base de donnes . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 16

Sessions PHP . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 16

Cration dun client laide des assistants . . . . . . . . . . . . . . . . . . . . . . . . . 16

Assistant de formulaire dinsertion denregistrement . . . . . . . . . . . . . . 16

Finalisation du formulaire. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 16

Vrification des doublons . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 17

Connexion, dconnexion des utilisateurs . . . . . . . . . . . . . . . . . . . . . . . . . . . 17

Connecter lutilisateur . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 17Dconnecter lutilisateur . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 17

La section Client du site . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 17

Cration dune page accs restreint . . . . . . . . . . . . . . . . . . . . . . . . . . . 17

Mise jour des informations personnelles du client . . . . . . . . . . . . . . . 18


10/415

ITABLEDESMATIRES

Reconnatre un utilisateur dans une zone non restreinte . . . . . . . . . . . . 18

Intgration du formulaire de connexion . . . . . . . . . . . . . . . . . . . . . . . . . . . 18

8 Grer les commandes des clients . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 18

Un peu de thorie . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 18

Modification du descriptif des produits . . . . . . . . . . . . . . . . . . . . . . . . . . 19

Gestion du panier. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 19

Validation du panier . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 19

Modification de la page de description des articles . . . . . . . . . . . . . . . . . . 19

Mise en place dun lien Acheter . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 19

Lien vers le panier . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 19

Mise en place de laffichage conditionnel . . . . . . . . . . . . . . . . . . . . . . . . 19

Cration du panier . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 20

Affichage dune ligne de panier . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 20

Modification de la quantit darticles . . . . . . . . . . . . . . . . . . . . . . . . . . . 20

Suppression dun article . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 20

Affichage de la totalit du panier . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 20

Validation de la commande . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 21

Bouton de validation sur panier.php . . . . . . . . . . . . . . . . . . . . . . . . . . . . 21

Ajout de la commande la base de donnes . . . . . . . . . . . . . . . . . . . . . . 21

Page de validation . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 21

Rsum des commandes . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 21

9 Paiement et facturation . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 22

PayPal, une solution de paiement en ligne . . . . . . . . . . . . . . . . . . . . . . . . . . 22

Inscription PayPal France . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 22

Configuration de linterface de paiement . . . . . . . . . . . . . . . . . . . . . . . . 22


11/415

CRERUNSITEE-COMMERCEAVEC DREAMWEAVER CS4 ET PHP/MYSQLX

Intgration du lien de paiement au panier . . . . . . . . . . . . . . . . . . . . . . . . . 22

Retour votre boutique aprs paiement . . . . . . . . . . . . . . . . . . . . . . . . . . . 23

Vrification des paiements en attente dans PayPal . . . . . . . . . . . . . . . . . . 23Gestion des factures . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 23

Les autres solutions de paiement . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 23

10 Mise en place dune plate-forme dadministration . . . . . . . . . . . . 23

Quelle architecture et quelles fonctionnalits ? . . . . . . . . . . . . . . . . . . . . . 23

Les droits daccs . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 23

Mettre jour les fiches produits existantes . . . . . . . . . . . . . . . . . . . . . . . . . 23

Lister les produits du catalogue . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 23

Lassistant pages Principale-Dtails. . . . . . . . . . . . . . . . . . . . . . . . . . . . . 23

Cration de la page de dtail . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 24

Modifier un produit . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 24

Supprimer un produit du catalogue . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 24

Insrer de nouveaux produits . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 24Protection de linterface dadministration . . . . . . . . . . . . . . . . . . . . . . . . . 24

Partie II La relation client, point central

du site e-commerce

11 Un site scuris inspirant confiance . . . . . . . . . . . . . . . . . . . . . . . . . . . . 25

Lobligation dinformation lgard de linternaute . . . . . . . . . . . . . . . . 25

Protger son site webmarchand . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 25

Utiliser les plates-formes de paiement bancaires . . . . . . . . . . . . . . . . . . . . 25

Loffre CM-CIC P@iement . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 25


12/415

XTABLEDESMATIRES

Loffre e.transactions du Crdit Agricole . . . . . . . . . . . . . . . . . . . . . . . . 26

Sogenactif de la Socit Gnrale . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 26

Autres banques, autres solutions . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 26

Souscrire une assurance : Fia-Net . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 26

Le logo Fia-Net : un gage de scurit et de transparence . . . . . . . . . . . 26

La prsence dune fiche descriptive de votre site . . . . . . . . . . . . . . . . . . 26

Linterface Fia-Net . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 26

Le cot de Fia-Net . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 26

12 Support et aide pour guider le client lors de son achat . . . . . . . 26Limportance dune bonne ergonomie . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 26

Des fiches produits claires et faciles daccs . . . . . . . . . . . . . . . . . . . . . 27

Les cls pour viter labandon de panier . . . . . . . . . . . . . . . . . . . . . . . . . . . 27

Les rubriques daide et de contact . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 27

Foire aux questions . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 27

Intgration de laide sur le site . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 27

La rubrique contact . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 27

13 Statistiques de frquentation et de vente . . . . . . . . . . . . . . . . . . . . . 27

Google Analytics . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 27

La mise en place . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 28

La cration dun profil sur Google Analytics . . . . . . . . . . . . . . . . . . . . . 28

La gestion des informations . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 28

Xiti.com . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 29

La mise en place . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 29

La gestion des informations . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 29


13/415

CRERUNSITEE-COMMERCEAVEC DREAMWEAVER CS4 ET PHP/MYSQLXII

14 Vers une boutique 2.0 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 29

Le Social Marketing, pourquoi faire ? . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 29

Mettre les produits en avant . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 29Des propositions contextuelles bases sur les clients . . . . . . . . . . . . . . . . . 29

Principe gnral . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 30

Cration dune requte . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 30

Mise en place . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 30

Interagir avec les clients ? . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 30

Partie III Premiers pas en marketing,faire connatre sa boutique en ligne

15 Rfrencement naturel . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 30

De limportance des mots cls . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 30

La page daccueil. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 30

Mots cls des pages de catalogue . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 31

Optimisation des pages . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 31

Les balises de rfrencement . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 31

Intgration des balises den-tte, avec Dreamweaver. . . . . . . . . . . . . . . 31

Optimisation du texte des pages . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 31

Tisser des liens . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 31

Quest-ce que le Net Linking ? . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 31

Les tapes dune stratgie . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 31

Le recours au fichier Sitemaps . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 31Le principe du protocole Sitemaps . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 31

La mise en place de Sitemaps. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 31

Linscription au service Google Outils pour Webmaster . . . . . . . . . . 32

Dclarez vos fichiers au protocole Sitemaps. . . . . . . . . . . . . . . . . . . . . . 32


14/415

XTABLEDESMATIRES

Les techniques dexclusion dindexation . . . . . . . . . . . . . . . . . . . . . . . . . . . 32

Syntaxe du fichier Robots.txt . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 32

Mise en place du fichier . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 32

16 Rfrencement payant . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 32

Quelques pralables . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 32

Ltude concurrentielle . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 32

Prparez votre future campagne . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 32

Google AdWords . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 33

Crer son compte . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 33Grer son compte. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 33

Yahoo! Search Marketing . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 34

Crer son compte . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 34

Grer sa campagne . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 35

Microsoft adCenter . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 35

Crer son compte . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 35

Grer sa campagne . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 36

Loptimisation dune campagne de liens sponsoriss . . . . . . . . . . . . . . . . 36

Loptimisation de votre campagne . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 36

Loptimisation de votre site web . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 36

17 Utiliser les comparateurs de prix . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 36

Kelkoo, la plate-forme commerante de Yahoo . . . . . . . . . . . . . . . . . . . . . 37

Le Guide.com . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 37

Shopping.com . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 37

Twenga . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 37


15/415

CRERUNSITEE-COMMERCEAVEC DREAMWEAVER CS4 ET PHP/MYSQLXIV

18 Faire appel aux services daffiliation . . . . . . . . . . . . . . . . . . . . . . . . . . 37

Le principe de laffiliation . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 37

Une relation affilieur, affili et plate-forme daffiliation . . . . . . . . . . . . 37

Une offre commerciale performante . . . . . . . . . . . . . . . . . . . . . . . . . . . . 37

Les diffrents modes de fonctionnement/de facturation . . . . . . . . . . . . 37

Votre programme daffiliation . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 38

Le choix dun rseau daffiliation . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 38

La mise en place dun programme daffiliation . . . . . . . . . . . . . . . . . . . 38

Sassurer de la performance de la campagne . . . . . . . . . . . . . . . . . . . . . 38

19 Lexploitation de votre base e-mail . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 38

La conception de votre newsletter . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 38

La gestion de vos mailings lists . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 39

Index . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 39


16/415

1Introduction au mondedu e-commerce

Au sommaire de ce chapitre

Comment utiliser ce livre ?

Une boutique en ligne, mais pas nimporte comment

Comment procder ?

Les diffrentes tapes de la cration

E-commerce. Quest-ce qui se cache exactement derrire ce terme ?

Le mot e-commerce dsigne lensemble des activits visant vendre des biens matrieou immatriels en se servant dun site Internet comme support principal.

On retrouve donc dans cette dfinition la fois les boutiques en ligne les plus connuetelles CDiscount, Amazon, Rue du Commerce, mais galement les versions en ligne dgrandes anciennes physiques classiques, quil sagisse de commerce spcialis (FNACPetit Bateau) ou de grande distribution (Auchan Direct, Houra pour le groupCora) Se retrouve galement sous cette dnomination tous les commerces "dmatrialiss", vendeurs de musique numrique en ligne (liTunes Musique Store dApple, ses quivalents VirginMega ou Fnac Digital), mais galement les prestataires de servic

sur Internet, quils vendent de simples abonnements des services de mail ou des solutiodhbergement web ddies compltes

En ralit, ds que vous effectuez une transaction montaire par le biais dun siInternet, mme dun site denchres en ligne comme eBay, vous participez lvolutiodu e-commerce en France et dans le monde.

Mais le commerce en ligne est-il rellement important aujourdhui ? Il lest de plus eplus. La priode de Nol 2004 a entran plus de 13 milliards deuros de chiffre daffairdans le monde. Pour lanne 2007, ce nest pas moins de 16,3 milliards deuros de chifre daffaires qui ont t raliss en France par le biais des transactions sur le Web, so

une augmentation de 36 % par rapport lanne prcdente. Le secteur rassemble plude 20 millions dacheteurs et emploie plus de 800 000 personnes, rien que dans lHexgone. Il est devenu inconcevable pour une entreprise moderne de laisser de ct un tmarch !

Alors, peut-tre voulez-vous une part de ce gigantesque gteau ?


17/415

CRERUNSITEE-COMMERCEAVEC DREAMWEAVER CS4 ET PHP/MYSQL2

Comment utiliser ce livre ?

Avant de parler plus avant de le-commerce et de son implication sur votre entreprisquelques remarques sur ce livre. Contrairement aux versions prcdentes du Campu"Crer un site e-commerce", cette nouvelle dition vous expliquera non seulemecomment construire votre boutique, mais aussi comment la promouvoir et interagavec ses clients. Plus quun guide pratique, cet ouvrage est destin vous accompagntout au long de la vie de votre boutique, et non plus seulement lors de la conception ode la mise en ligne de celle-ci. Ainsi, au fil de ses pages, vous retrouverez :

Mise en place technique dune boutique en ligne. Ces 9 chapitres dtaillent ltapes pratiques et claires pour crer une boutique web en ligne laide dAdobDreamweaver CS4 et dun serveur PHP/MySQL. Vous dcouvrirez commemettre en place un panier client, un paiement scuris, un catalogue complet e

ligne

Au terme de cette premire partie, vous disposerez dune boutique en ligne oprtionnelle, quipe dun paiement scuris est prte tre livre vos clients potentielCette boutique possde avant tout les lments de base dun portail de vente suInternet. Libre vous, par la suite, dinventer dautres accroches, dautres mthodde vente et dautres mcaniques afin de lamliorer.

La relation client, point central du site e-commerce. Cette seconde partie dlouvrage, couvrant 4 chapitres, est avant tout destine vous faire prendre conscienc

de limportance de la relation avec vos clients. Sur Internet, rien ne diffrencie relement une boutique dune autre. De plus, le contact physique avec les produits les vendeurs nexiste pas. Il est donc trs important de mettre en confiance vos visteurs, de les inciter acheter et les rassurer au moment du paiement. Cette partabordera galement les problmatiques nouvelles lies au Web 2.0 et lensembde la mode du Social Commerce, ou comment utiliser vos clients et leur avis afin dgnrer encore plus de vente

Premiers pas en marketing, faire connatre sa boutique en ligne. Une partessentielle de louvrage, elle vous accompagnera tout au long de la vie de votboutique. Y sont aborder les diffrentes mthodes pour faire connatre votre botique sur Internet, aussi bien de manire organique grce au rfrencement naturquavec un budget marketing avenant laide de liens sponsoriss, de programmdaffiliation ou des comparateurs de prix. Vous y trouverez galement des conseiutiles pour montiser votre base de clients existants laide de newsletter ou de-maling cibls.


18/415

INTRODUCTIONAUMONDEDUE-COMMERCE

Bref, cet ouvrage contient des conseils qui concernent non seulement la cration, maplus importants encore la vie de votre boutique en ligne. La mise en ligne dun sie-commerce nest pas un but en soi. Limportant est avant tout dassurer sa rentabilitCest l un travail continue qui vous demandera beaucoup dides et de patiences.

Ce livre se propose donc de vous accompagner sur ce long chemin.

Afin de mieux vous aider mettre en place votre commerce en ligne, vous allez btir laide de couvrage une boutique type en utilisant Adobe Dreamweaver CS4 et la technologie PHP/MySQL.

parce quil faut bien vendre quelque chose, cette boutique type sera une librairie. Ce modle, lun dplus frquents sur la Toile, met en jeu lensemble des techniques de prsentation et de vente des pduits populariss aujourdhui sur Internet. Il se peut toutefois que les produits que vous envisagez vendre demandent des fonctionnalits supplmentaires, comme un choix de taille ou de couleuLe Campus "Crer un site e-commerce" vous donne lensemble des cls techniques pour rusvotre boutique en ligne. En adaptant certaines sections et surtout en prtant attention aux phas

de conception du site et de sa base de donnes, vous pourrez adapter le modle prsent icnimporte quel bien.

Retrouvez lensemble des fichiers exemple de ce livre sur le site web de Pearson, www.pearson.frla page ddie cet ouvrage. Vous pouvez voir un aperu de boutique finalise ladresse :httpwww.creer-un-site-ecommerce.com/demo/.

Une boutique en ligne, mais pas nimporte commentDvelopper sa propre boutique en ligne est tentant. Et cette image de territoire viergque possde encore Internet de nos jours permet dimaginer de nombreux scnario

Mais attention ! Se lancer dans ce projet, quivaut ouvrir un pas-de-porte mondiaLes rgles qui rgissent le commerce lectronique sont plus ou moins celles du commerphysique. Alors se lancer en ligne oui, mais hors de question de le faire nimporcomment !

Bien penser la stratgie de sa boutique

Vous tes dj un commerant et possdez votre propre boutique ?

Dans ce cas, pensez votre boutique en ligne comme une extension de votre com

merce rel. Grce Internet, vous pourrez toucher des clients qui ne sont pas danvotre sphre gographique classique. Votre clientle ne se limite plus votre ville ovotre dpartement, mais elle stend dsormais au monde entier ! Tentant, mais ce noveau pas-de-porte impose des responsabilits vis--vis de cette nouvelle clientle. Cetconnexion avec la terre entire vous impose de matriser la VAD, la Vente Distanc
http://www.pearson.fr/http://www.creer-un-site-ecommerce.com/demo/http://www.creer-un-site-ecommerce.com/demo/http://www.creer-un-site-ecommerce.com/demo/http://www.creer-un-site-ecommerce.com/demo/http://www.creer-un-site-ecommerce.com/demo/http://www.pearson.fr/


19/415


Vous devrez assurer les expditions de vos produits, et respecter les dlais de livraisoindiqus sur votre site. La rputation dune boutique sur Internet tient, comme dans vie relle, la qualit de son service auprs des clients. Cest non seulement votre catlogue, mais surtout la rapidit de vos services et de vos rponses qui seront jugs par lInternautes. Si vos produits sont spcifiques, voire uniques, vous pourrez facilemeexploiter cette niche et gagner une clientle cible sur Internet. Soyez visibles, nhsitepas mettre en avant leurs qualits et lhistorique de votre commerce. Ce sont dpoints que les Internautes apprcieront.

Vous ne possdez pas de commerce et souhaitez vous lancer dans laventure ?

Une boutique en ligne peut tre une premire tape peu onreuse pour lancer votre prmier business : pas de fonds de commerce acqurir, pas de ramnagement de boutque La conception dun site web est, dans ce cas, un investissement minime face auimplications dun commerce rel.. Mais cela reste un engagement auprs de vos futu

clients !Monter un commerce en ligne, cest galement crer une entreprise ! Au regard de lgislation franaise un commerce en ligne est un commerce avant tout. Vous devrdonc le dclarer suivant le mme modle fiscal que nimporte quelle entreprise !

Le statut juridique

La lgislation franaise simplifie grandement aujourdhui la cration dentreprises indviduelles, tels les commerces en ligne. Il nest plus ncessaire de crer une socit

part entire pour profiter de revenus commerciaux, grce au statut juridique dentrprise individuelle.

Ce statut permet dviter le montage dun capital propre lentreprise. En effet, dans cadre, les biens privs de lentrepreneur et les biens de la socit sont confondus. Il edonc possible dutiliser nimporte quelle ressource pour faire vivre lentreprise, mais econtrepartie la responsabilit lgale stend aux biens personnels (automobile, maisony compris ceux du couple en cas de communaut des biens. Rassurez-vous toutefoides astuces existent pour pargner vos possessions les plus prcieuses en cas de mauvarsultats de votre commerce en ligne.

Les dmarches de dclaration de votre entreprise sont alors rduites au minimum : un

simple demande dimmatriculation auprs de la chambre de commerce et dindustrdont vous dpendez, en gnral celle de votre dpartement, suffit. Une fois cette immtriculation effectue, libre vous de commencer votre activit commerciale.


20/415


En ce qui concerne la dclaration des revenus de votre commerce, ils se font sur undclaration complmentaire votre dclaration de revenus habituelle au titre des bnfices industriels et commerciaux (BIC) ou bnfices non commerciaux (BNC).

Si vous souhaitez en savoir plus sur les formalits remplir pour crer votre entreprisil existe en France lAgence pour la cration dentreprise. Elle possde un site trcomplet (www.apce.com, voir Figure 1.1) sur lequel vous devriez trouver tous les rensegnements ncessaires.

Avec lentre en application de la Loi de modernisation de lconomie du 4 aot 200le rgime dauto-entrepreneur est consacr. Depuis le 1er janvier 2009, il est dsormaplus ais de dvelopper son affaire.

Llment caractristique de ce rgime est la simplicit des dmarches pour dclarson activit. Il ny a pas lieu de recourir lenregistrement au registre du commerce des socits (RCS). Les formalits consistent ici en une simple dclaration de son actvit au centre de formalits des entreprises (CFE). Celle-ci peut se faire directement

gratuitement en ligne.Pour cela rendez-vous la page http://www.auto-entrepreneur.cci.fr/declaration.htet cliquez sur Demander un compte CFEnet.

Figure 1.1Le site de lAPCE estune vritable mine derenseignements sur la

cration dentreprise.
http://www.apce.com/http://www.apce.com/http://www.auto-entrepreneur.cci.fr/declaration.htmhttp://www.auto-entrepreneur.cci.fr/declaration.htmhttp://www.apce.com/


21/415


Les alergiques aux critures comptables seront soulags ; avec le statut dauto-entrepreneuseule la tenue dun livre de recettes et dachats est demande.

Comme dans toute activit, un suivi rgulier de sa comptabilit est la condition sine qu

non dune bonne gestion, permettant de dterminer ltat de sant de son affaire, dbudgtiser ou de raliser des tudes prvisionnelles.

Les cotisations sociales, quant elles, reposent exclusivement sur le chiffre daffairdgag. Elles sont actualisables mensuellement ou trimestriellement.

Comme vous pourrez le constater dans le tableau de la Figure 1.2, les taux des chargsociales varient en fonction de la nature de lactivite exerce.

12 % dans le cadre dune activit de commerce avec un impt sur le revenu reprsentant 1 % du chiffre daffaires ;

21,3 % pour une activit de services auxquels sajoutent les 1,7 % du chiffdaffaires au titre dimpts sur le revenu.

Dans son volet fiscal, le statut dauto-entrepreneur rvle une imposition reposant sules recettes dclares. Larticle 151.0 du Code gnral des impts dans son alinanonce que "le versement libratoire de limpt sur le revenu repose sur le chiffdaffaires".

Lacquittement peut tre forfaitaire (concommittant au paiement des charges socialesAutre caractristique de ce statut, lauto-entrepreneur nest pas redevable de la TVAUne telle donne a son importance pour ceux voluant dans un univers business to busness. Elle doit tre prise en compte lors de ltablissement de ses prix afin de ne pfaire fuir des clients potentiels tablant sur la rcupration de la TVA et pouvant considrvotre tarification trop onreuse.

Figure 1.2Les diffrents tauxapplicables en matirede charges sociales. Types d'activits Exemples Total

Tauxcharges

sociales

Commerciale, artisanale Vente de biens, fourniture delogement, restaurants, boulangerie1 %

12,0 % 13,0 %

Prestation de services commerciale,artisanale ou librale relevant du RSI

Intermdiaire de commerce, coiffeur,rflexologue 21,3 %

1,7 % 23,0 %

Prestation de services libralerelevant de la CIPAV

Conseil, gologue, dcorateur18,3 %

2,2 % 20,5 %

Taux de

l'impt

Taux du micro-social et du micro-fiscal simplifi


22/415


Dernier point mentionner au titre des avantages : lexonration de la taxe professionelle pendant deux ans aprs lanne de cration de votre activit.

Tout rgime saccompagne de limites. En matire de retraite, le recours au stat

dauto-entrepreneur doit tre rflchi. Son aspect dclaratif repose sur lexistence duchiffre daffaires ; en son absence, vous tes dans lincapacit de cotiser la retraite.

Veillez donc de prs votre protection sociale et pensez souscrire une assurancdautant plus si votre statut dauto-entrepreneur ne se cumule pas avec celui de salarou dtudiant.

Ne pensez pas pouvoir faire jouer votre assurance civile personnelle en cas de litige odommage caus dans le cadre de votre activit auto-entrepreunariale. Elle ne vous sedaucun recours.

Il est galement vivement recommand de faire les dmarches ncessaires pour protg

son patrimoine. En effet, le corollaire dun tel statut est la responsabilit illimite engagsur son patrimoine personnel en cas de dettes professionnelles. ce titre vous pouveenvisager douvrir un compte bancaire propre votre activit auto-entrepreunariale. ny aura ainsi aucune confusion entre les oprations professionnelles et celles personnelle

En toute hypothse, la simplicit du formalisme de lauto-entrepreunariat, attractive, nvous dispense pas dtudier les autres rgimes. Il peut tre intressant dtablir utableau comparatif des avantages et inconvnients de chacun dentre eux.

Dautant plus que le recours ce statut sera bien souvent quune tape transitoire avade se lancer dans la cration de socit. Rappelons en effet que le rgime tudi com

porte un seuil de 32 000

de chiffre daffaires pour une activit de services ou 80 000dans le cadre dune activit commerciale.

Nhsitez pas suivre sur le site de la Chambre de Commerce et dIndustrie (CCI), toute lactualit ppre au statut dauto-entrepreneur. En juin 2009, la premire Universit des auto-entrepreneurs a organise.

cette occasion, des thmatiques telles que la gestion dactivit, le choix de la fiscalit approprie,dveloppement du chiffre daffaires ou la prospection de nouveaux clients ontt abordes.

Pour de plus amples informations rendez vous sur le site http://www.auto-entrepreneur.cci.fr

Dclaration la CNILPour continuer dans un cadre juridique plus gnral, parlons un peu de la CNIL (Commission nationale informatique et libert : www.cnil.fr, voir Figure 1.3). En montavotre boutique en ligne, vous allez collecter des informations personnelles en provenan
http://www.auto-entrepreneur.cci.fr/http://www.cnil.fr/http://www.cnil.fr/http://www.cnil.fr/http://www.auto-entrepreneur.cci.fr/


23/415


de vos clients, quil sagisse de leurs coordonnes lectroniques ou physiques, de leurs gnom et prnom, ou de nimporte quel autre type dinformation. Le stockage dinformatiopersonnelles, et surtout leur utilisation, est soumis des rgles trs strictes en France.

Quelles que soient ces informations que vous collectez, vous devez informer vos cliende lusage que vous en ferez : utilisation sur votre site uniquement, partage avec dsites partenaires ventuels La CNIL met disposition des webmasters des formulaires et mentions prrdigs, en accord avec la lgislation actuelle sur la collecte dinfomations personnelles. Vous les trouverez sur une page ddie du site de la commissionwww.cnil.fr/index.php?id=1861.

Pensez galement dclarer votre boutique auprs de la CNIL afin quelle prenne connaisance des informations que vous conservez et de lutilisation que vous en faites. Cetdclaration passe par un formulaire en plusieurs tapes sur le site mme de la CNILwww.cnil.fr/index.php?id=1545.

Comment procder ?Attention, la cration dune boutique en ligne est loin dtre un "petit projet" ! Cest uvritable investissement quil convient de ne pas mesurer la lgre.

Le dveloppement de votre boutique, la conception et la cration de toutes ses pages et soprocessus vont dj vous prendre du temps. La gestion quotidienne de votre boutiqu

Figure 1.3En France, la CNIL veille

au bon usage des infor-

mations personnelles

sur Internet.
http://www.cnil.fr/index.php?id=1861http://www.cnil.fr/index.php?id=1861http://www.cnil.fr/index.php?id=1545http://www.cnil.fr/index.php?id=1545http://www.cnil.fr/index.php?id=1545http://www.cnil.fr/index.php?id=1861


24/415


par la suite, la gestion des commandes, lexpdition de celles-ci, les relations rguliravec vos clients vont ensuite occuper une grande partie de votre temps. Prenez bieen compte cela avant de vous lancer dans laventure.

Si vous tes toujours dcid lancer votre propre boutique, tudiez ces questions crucialequil est bon de se poser avant de lancer nimporte quel business en ligne :

Quallez-vous vendre ?

Quelle approche du march allez-vous avoir, quest-ce qui fera votre originalit ?

tudiez bien attentivement le march qui vous intresse, histoire de vous faire une idprcise du nombre de clients que vous pouvez esprer. Des tudes paraissent assrgulirement sur des sites comme le Journal Du Net (www.journaldunet.com , voFigure 1.4), vous permettant dapprhender les mutations du march. Vous pouvez pla mme occasion vous faire une ide des socits proposant une offre proche de votre en effectuant quelques recherches dans Google ou en parcourant lannuaire desocits de Journal du Net (http://societe.journaldunet.com).

tablissez ce quon appelle un Business plan : "Document de plusieurs pages qui dcrlensemble du projet dune entreprise : activit, march, technologie, marketing, resources humaines et plus prcisment les dpenses programmes et les ressource

Figure 1.4Le Journal du Net

reste une bonne source

dinformation sur lemonde du Web.
http://www.journaldunet.com/http://www.journaldunet.com/http://societe.journaldunet.com/http://societe.journaldunet.com/http://societe.journaldunet.com/http://www.journaldunet.com/


25/415


envisages court et moyen terme. Ce document sert principalement convaincrles investisseurs de la viabilit dun projet." (dfinition issue du Journal Du Nethttp://www.journaldunet.com/encyclopedie/definition/28/41/21/business_plan.shtml

Dans ce business plan, vous devrez prendre en compte lensemble de vos dpenses: cration de votre boutique (location dun espace dhbergement, temps de dvelopement, fabrication des biens vendre), son activit quotidienne (stockage, fradexpdition des biens) sa promotion (publicit en ligne, communiqus de pressaffichage), etc. Il rsumera galement les recettes espres de faon raliste en fontion du prix de vos produits, du nombre de visiteurs et du pourcentage de personnsusceptibles de passer lachat.

La rdaction de ce document peut savrer fastidieuse, mais elle est indispensable bonne tenue de votre future entreprise. Cest uniquement laide de ce type de documeque vous aurez une ide des dlais de rentabilit que vous pouvez viser, et que vou

connatrez vos objectifs rguliers en termes de vente pour que votre site soit un succSi vous pensez faire appel des investisseurs, mme si cest l une tape ultrieure, ubusiness plan sera indispensable pour les convaincre du bien-fond de votre entreprise

Ces questions tiennent du bon sens. Mais lancer un commerce nest pas une oprationprendre la lgre, il est donc bon de les rappeler.

Les diffrentes tapes de la crationDans cet ouvrage, vous allez dcouvrir les diffrentes tapes de la cration de votboutique en ligne, de sa conception sa mise en ligne en passant par toutes les tapes dla construction de ses pages. Vous trouverez ainsi au fil des chapitres :

le choix de lhbergeur qui accueillera votre boutique ;

la mise en place dune interface de dveloppement efficace ;

la conception fonctionnelle des pages et leurs spcifications ;

la conception et la mise en place de la base de donnes associe votre boutique

les mthodes de cration de lensemble des pages de votre site, quil sagisse dcatalogue de produit ou des processus de commande ;

la synchronisation de votre boutique avec une interface de paiement externe ;

la gestion de la relation client et la mise en confiance de celui-ci afin quil finalises achats ;

le rfrencement et le marketing en ligne afin de faire connatre votre nouvecommerce sur le Net.
http://www.journaldunet.com/encyclopedie/definition/28/41/21/business_plan.shtmlhttp://www.journaldunet.com/encyclopedie/definition/28/41/21/business_plan.shtml


26/415

1INTRODUCTIONAUMONDEDUE-COMMERCE

Larchitecture technique choisie dans cet ouvrage est axe autour du couple PHMySQL. Ce langage de programme et ce systme de base de donnes offrent tous deulavantage dtre disponibles gratuitement et de se trouver sur de nombreuses offr

dhbergeur !Afin dviter un fastidieux travail de saisie de code PHP, la majorit des pages de votboutique sera ralise laide de lditeur Dreamweaver CS4, propos par AdobIl offre toutes les fonctionnalits ncessaires la ralisation dun site dynamique, sur unarchitecture PHP/MySQL classique.

Le designLe design est une donne majeure dans la construction dun site. Est-il russi que v

clients trouveront vos pages agrables, prendront plaisir visiter votre site et passeroplus facilement commande. Est-il nglig ? personne ne sattardera sur ce site peconvivial. Sa charte graphique tout comme vos logos participent votre identit visuellcar votre site est la vitrine de votre entreprise.

Le sujet est vaste et mrite un ouvrage part entire. Nous nous contenterons ici dvous proposer quelques indications bibliographiques :

Site Web : priorit la simplicit, de Jakob Nielsen et Hoa Loranger, Pearson, 20029,90 .

Dans cet ouvrage, vous trouverez de nombreux conseils pour amliorer lergonomila lisibilit et la convivialit de votre site.

Conception de sites Web avec les CSS, dric A. Meyer, Pearson, 2007, 24,90

Cet ouvrage, conu sous forme dexercices pratiques, vous apprendra la manipulatiodes feuilles de styles en cascade (CSS), lesquelles permettent de contrler faclement lapparence dun site en dcrivant dans un document spar la prsentatiovisuelle de vos pages.

Interfaces web interactives de Bill Scott et Theresa Neil, Pearson, 2010, 34

Cet ouvrage prsente plus de 75 design patterns pour construire des interfaces weinteractives en prenant en compte les dernires avances technologiques.

Vous trouverez galement de nombreuses ressources sur Internet, en particulier sur leblogs ou sites des webdesigners.


27/415


Visitez par exemple :

http://webdesign.2803.com/

http://www.advancedweb.fr

http://all-for-design.com/

http://www.css4design.com/blog/

http://www.css-design.fr/

http://www.cssburst.com/(en anglais)

http://www.noupe.com/category/design (en anglais)

http://www.smashingmagazine.com/(en anglais)

http://net.tutsplus.com/(en anglais)

et tant dautres.
http://webdesign.2803.com/http://www.advancedweb.fr/http://all-for-design.com/http://www.css4design.com/blog/http://www.css-design.fr/http://www.cssburst.com/http://www.cssburst.com/http://www.noupe.com/category/designhttp://www.noupe.com/category/designhttp://www.smashingmagazine.com/http://www.smashingmagazine.com/http://net.tutsplus.com/http://net.tutsplus.com/http://net.tutsplus.com/http://www.smashingmagazine.com/http://www.noupe.com/category/designhttp://www.cssburst.com/http://www.css-design.fr/http://www.css4design.com/blog/http://all-for-design.com/http://www.advancedweb.fr/http://webdesign.2803.com/


28/415

Partie

MISE EN PLACETECHNIQUE DUNEBOUTIQUE

Vous voil donc parti dans la grande aventure du commerce en ligne. Votre projetest clair et votre business-plan prvoit une boutique rentable. Vous allez ds pr-sent pouvoir lancer votre projet et crer linterface technique de votre futur siteweb. Au cours des chapitres qui vont suivre, vous allez dcouvrir les bases de lacration technique dun site e-commerce. Vous y aborderez la mise en place duncatalogue, dune zone rserve vos clients, dun processus dachat avanc etdcouvrirez votre premire interface de gestion des paiements.Pour tous ces points, vous allez avoir recours deux technologies et un outil : PHP,MySQL et Adobe Dreamweaver CS4. Pourquoi ces technologies plutt que dautres ?Pour de simples questions de cot et de fiabilit de votre plate-forme de dveloppement.PHP et MySQL, respectivement un langage de programmation et un gestionnairede base de donnes, sont des technologies gratuites issues de la communaut dulogiciel libre. Bien que gratuites, elles bnficient dun rel engouement sur leWeb et sont au nombre des technologies les plus populaires. Elles offrent gale-ment lavantage dtre trs rpandues parmi les plates-formes dhbergement,vous ne devriez donc pas rencontrer de problme pour identifier un prestatairecapable daccueillir votre boutique et proposant ces technologies.Adobe Dreamweaver CS4 est lui un logiciel de cration web disponible depuis 10 ans.Il permet la cration visuelle de pages et de programmes web volus. Il bnficie du

support de la socit Adobe, cratrice entre autres de Photoshop, et possde une largecommunaut dutilisateurs de part le monde. Cest lun des seuls investissementsen matire de logiciel que vous aurez faire pour raliser votre boutique en ligne.Vous allez maintenant entrer dans la partie la plus technique de cet ouvrage. Suivezbien attentivement les chapitres qui vont suivre, vous y trouverez mthodes et techni-ques pour crer un site dynamique rpondant vos attentes et celles de vos clients.

I


29/415


30/415

2Bien choisir son hbergeur


Les offres ddies

Lhbergement gnraliste

Avant de vous lancer dans la cration de votre boutique par la pratique, quelques ligndtudes simposent encore. Afin quelle soit accessible tous, votre future boutiqudoit tre en ligne. Cela passe par la location des services dun hbergeur de sites weOn dsigne par hbergeur tout prestataire technique charg sur Internet de recevoir l

informations et les sites de ses clients et de rendre ceux-ci accessibles au monde entieOn compte plusieurs milliers dhbergeurs dans le monde, de lassociation gratuite multinationale prsente sur les cinq continents.

Mais tous ces hbergeurs ne conviennent pas forcment la vision que vous avez dvotre boutique. Les hbergeurs gratuits, par exemple, financs par laffichage de publcit sur les sites quils diffusent, ne vous conviendront pas. Pour garder sa crdibilitvotre boutique doit saffranchir de toute publicit extrieure. Cest donc vers lhbergemepayant quil vous faut vous tourner.

Deux options soffrent en fait vous quant au choix de lhbergeur de votre futur si

e-commerce. Vous pouvez opter pour un hbergeur qui dispose dj dune offre de botique en ligne ddie ou vous tourner vers un hbergeur plus gnraliste et implmentpar vous-mme votre solution de commerce lectronique. Comme vous allez le voir, cedeux solutions ont leurs avantages et leurs inconvnients.

Les offres ddiesDe plus en plus nombreux sont les prestataires de service en ligne qui proposent dsolutions de commerce lectronique prtes lemploi. Ces solutions sarticulent egnral autour dune offre dhbergement mutualis (cest--dire sur le mme se

veur que dautres clients) et dun outil de cration de boutique en ligne plus ou moinvolu.

Ce dernier outil vous proposera le plus souvent de crer un catalogue de produits eligne et vous facilitera linterfaage avec diffrentes mthodes de paiement. Certainprestataires peuvent mme aller jusqu offrir la mise en avant de vos produits sur quelqueuns des rseaux de distribution en ligne les plus clbres (voir Figure 2.1).


31/415

MISEENPLACETECHNIQUEDUNEBOUTIQUE16

Ce type doffre possde la fois des avantages et des inconvnients. Avantages :

Vous tes certain de la compatibilit de votre boutique en ligne avec lhbergemeque vous avez choisi. Les deux produits tant fournis par le mme prestataire.

Vous vous dispensez dapprendre certaines techniques de cration de site we

Loutil de cration de boutique en ligne par votre hbergeur possdera, logiquemenune interface intuitive et facile dutilisation.

Votre boutique disposera dune solution de paiement en ligne scuris fournie pvotre hbergeur.

Mais on peut citer les inconvnients suivants :

Le prix peut constituer un obstacle. En effet, les solutions de boutique en ligsadressent plutt une clientle professionnelle. Elles sont de ce fait rarement bomarch.

Vous prenez le risque de possder une boutique qui ne corresponde pas exacteme vos besoins. Les offres de ce type dhbergeur sont en effet standardises et laisent peu de place linitiative personnelle. Un catalogue en ligne, voil tout ce quvous aurez

Votre boutique sera prisonnire de votre hbergeur. Il est en effet rare quun pretataire propose une solution qui soit facile migrer chez un concurrent.

Figure 2.1PowerBoutique

propose une solution

de boutique en ligne

tout intgre.


32/415

1BIENCHOISIRSONHBERGEUR

Vous vous privez galement du plaisir de dcouvrir comment crer vous-mmvotre boutique en ligne.

Aussi efficaces quelles puissent tre, de telles offres sortent du cadre de cet ouvrag

En effet, les connaissances techniques ncessaires la mise en place de votre boutiquavec ce genre doutil sont trs spcifiques et varieront dun hbergeur lautre.

Si votre choix se porte sur cette option, votre futur hbergeur possde trs certainemetous les fichiers daide ncessaires la comprhension de son outil de cration. voude les consulter.

Certains scripts PHP prts lemploi vous permettentgalement de mettre en place votre bouque sans avoir recours au codage la main. Cest le cas par exemple dOS Commerce (www.oscomerce.com).

Grce de nombreuses options de paramtrage (produits, niveaux de taxes, options), il est possibde publier sa premire boutique en ligne en bnficiant de fonctions e-commerce avances : gestides promotions, affichage de listes de tops produits, cration de catgories, dune newsletter dinfmation, gestion de plusieurs devises et des commandes internationales si vous le souhaitez

OS Commerce permetgalement de proposer le paiement en ligne de vos articles, laide dun parnaire de paiement.

Lhbergement gnralisteSeconde solution, si lappel un outil propritaire ne vous satisfait pas vraiment, vou

pouvez opter pour un hbergement plus gnraliste et construire vous-mme votre botique en ligne. Il sagira alors de btir une solution complte permettant de grer la fovos produits et les comptes de vos clients. Et non plus de remplir un modle de catalogudj dfini.

Tout ce dont vous aurez besoin pour ce genre de ralisation est un hbergeur mutualiclassique (voir Figure 2.2) qui propose laccs un langage de cration de sites dynmiques et une base de donnes. Avec ces deux lments, plus quelques autres indpendants de ce prestataire technique, vous pouvez trs bien vous offrir une boutique eligne.

Bien entendu, avant de vous lancer dans cette solution, pesez bien le pour et le contre Votre boutique en ligne rpondra exactement vos attentes, puisque cest vou

mme qui laurez conue.

Le prix est souvent sans comparaison avec une offre ddie au e-commerce.
http://www.oscommerce.com/http://www.oscommerce.com/


33/415


Oui, mais

Les options de paiement scuris et autres vrifications seront interfacer par vsoins. Nanmoins, rassurez-vous, il existe beaucoup de services en ligne prtsvous aider, moyennant une commission sur vos ventes.

Cette solution, si elle peut se rvler bien moins onreuse que le recours une solution ddie, va en revanche vous coter normment de temps. La construction dusite e-commerce complet nest pas une mince affaire et demande une trs grande impcation. Heureusement, le prsent ouvrage est l pour vous aider !

Avant de clturer ce court chapitre et dentrer dans le vif du sujet, un petit mot sur configuration logicielle ncessaire votre future boutique.

Tout dabord, lhbergeur de votre choix doit proposer le support intgral du langagPHP et au moins une base de donnes MySQL. Ces deux points sont indispensablepuisque cest sur cette architecture logicielle que va reposer la boutique que vous alle

construire dans les pages qui suivent.En ce qui concerne lespace disque et la bande passante, ces deux options peuvent trduites. Une boutique en ligne prend gnralement peu despace chez un hbergeulinterface graphique de la boutique et les images des produits la vente tant les pricipales sources dencombrement du serveur. Ct bande passante, tout dpend de la frquentation espre. Une page de boutique bien conue ne devrait pas peser plus de 100 k

Figure 2.2En France, OVH propose

des offres dhbergementmutualis.


34/415

1BIENCHOISIRSONHBERGEUR

La consommation totale de votre boutique en ligne ne devrait pas dpasser le gigaoctpar mois.

Pensez toutefois rvaluer ce chiffre si le succs est au rendez-vous.

Reste connatre les services annexes dont vous souhaitez disposer : nom de domainestreaming pour des extraits sonores ou vido ? Autant dlments qui dtermineroencore votre choix Le mieux est de comparer les hbergeurs. En voici quelques-unparmi les plus importants du march franais :

1 et 1 : www.1et1.fr

Amen : www.amen.fr

OVH : www.ovh.com
http://www.1et1.fr/http://www.amen.fr/http://www.ovh.com/http://www.ovh.com/http://www.amen.fr/http://www.1et1.fr/


35/415


36/415

3Mise en place dun serveurde dveloppement


Comment fonctionne un site dynamique ?

La technologie PHP en dtail

Installation de WampServer 2.0 sur un systme Windows

Configuration de lenvironnement de dveloppement

Cration du profil de site dans Dreamweaver CS4

Une fois votre projet de boutique en ligne dfini et votre hbergeur choisi en cons

quence, vous allez pouvoir penser mettre en place un serveur de dveloppemecomplet chez vous. Ce type de serveur est en effet indispensable dans le cadre du dvloppement de sites web en langage PHP et vous fera gagner un temps prcieux.

Pour mieux comprendre la ncessit de ce type de serveur, il est indispensable de savocomment fonctionne exactement le langage PHP et comment il sinterface avec une bade donnes. Une fois ces dfinitions techniques poses, vous dcouvrirez comment instaler votre propre environnement de dveloppement, en loccurrence WampServer 2.sur une machine quipe de Windows. Vous apprendrez galement procder aux prmiers rglages de cet environnement afin quil corresponde exactement lhbergeuque vous vous tes choisi pour votre site web.

Comment fonctionne un site dynamique ?Mais, avant tout, savez-vous comment fonctionne rellement un site dynamique ?

Les avantages dun site dynamique

Contrairement aux pages personnelles, les sites commerciaux, professionnels ou ins

tutionnels, grent une quantit importante de contenu (actualits, articles, ficheproduits). Imaginez le travail que reprsenteraient ces types de sites sils taieentirement constitus de pages HTML statiques.


37/415


Prenez lexemple dun site comme celui de la FNAC (voir Figure 3.1). Cela signifieraque la page descriptive de chaque livre et de chaque disque aurait fait lobjet dun motage part. Les milliers darticles proposs par le cyber-marchand demanderaient alo

des jours et des jours de travail pour tre prsents de manire correcte aux clienpotentiels.

De plus, chaque nouvel arrivage, il faut concevoir non seulement les pages correspodantes ces nouvelles ditions mais galement toutes les pages existantes afin que, pexemple, la liste des ouvrages dun mme auteur soit jour. Autre petit dtail, la crtion dun moteur de recherche ou du Caddie virtuel utilis par les clients devient quasment impossible ou demande tout au moins lutilisation de tellement de JavaScript quserait sans doute prfrable den abandonner lide.

Comment rsoudre alors ce casse-tte ? En utilisant les technologies de sites dynamques, bien sr ! Celles-ci ne font plus appel de simples fichiers HTML mais utilisede vritables langages de programmation interprts par le serveur qui hberge lpages web. Ces langages permettent de comprendre des requtes faites par lutilisate(laffichage dune page, une recherche prcise), de chercher les rponses cetrequte dans une base de donnes et denvoyer ce mme visiteur le rsultat de cerecherches sous forme de page web.

Figure 3.1Le site de la FNAC

est entirement fondsur la technologie ASP

de Microsoft.


38/415

2MISEENPLACEDUNSERVEURDEDVELOPPEMENT

Les sites dynamiques, cest donc cela : la combinaison dun langage de programmatio(PHP, ASP) et dune base de donnes afin de gnrer des pages web.

Depuis sa version MX, Dreamweaver possde toute une panoplie doutils permettant

cration de sites web dynamiques : Liaisons, Comportements de serveur, ComposantActions Grce ces outils, on peut crer son propre site dynamique dans lune decinq technologies proposes : ASP, ASP.net, JSP, Adobe Cold Fusion et, bien entendPHP !

Anatomie dun site dynamique

Avant de vous lancer tte baisse dans la cration dun site web dynamique laide dDreamweaver, il est important de comprendre comment fonctionnent exactement ldiffrentes technologies de cration de sites dynamiques.

Pour bien comprendre, prenez comme base le comportement dun site web statiqucest--dire compos de pages HTML classiques.

Lorsque vous souhaitez afficher une page sur ce type de site, votre navigateur Interndemande simplement au serveur dhbergement de lui envoyer le code HTML correpondant cette page (voir Figure 3.2). Ce code HTML est du mme type que celuque vous crez avec Dreamweaver, il est compos de texte, de liens, dappels deimages Lorsque votre navigateur rencontre la balise correspondant une imagil envoie nouveau une requte au serveur afin de recevoir le fichier image correpondant.

Une fois la page et ses composants entirement chargs et affichs, le navigateur cesdenvoyer des requtes aux serveurs jusqu votre prochain clic sur un lien. Lchangentre votre ordinateur et le serveur se limite donc quelques requtes et quelquefichiers, le serveur se contentant denvoyer les fichiers HTML, images ou multimdirclams.

Figure 3.2Les requtes pour afficherles pages dun site statiquesont simples.

DVD

ROM

Visiteur Serveurweb

Demande daffichage dune page

Rendu de la page demande


39/415


Quand vous naviguez sur des sites dynamiques, le fonctionnement est sensiblement difrent. Lorsque vous souhaitez accder une page, votre navigateur envoie au serveuladresse de cette page (cette fois, il sagit non plus dun fichier HTML mais dune pagcrite en PHP), ainsi que quelques paramtres. Ces paramtres peuvent tre envoys aserveur directement via lURL prsente dans le navigateur (cest le plus frquent) oprovenir dun formulaire et tre envoys par une mthode POST, comme dans le cdun moteur de recherche.

Les mthodes POST et GET sont deux mthodes de communication entre un ordinateur client et serveur Internet. Le serveur reoit via le protocole HTTP des informations de lordinateur clieLorsquon utilise la mthode GET, les informations envoyes sont ajoutes lURL de la page demade au serveur. Quand on utilise la mthode POST, les informations sont invisibles pour l utilisateElles sont envoyes de manire cache par le serveur. La mthode POST est en gnral associe aformulaires, la mthode GET la mise en place de liens dynamiques.

Une fois cette requte reue, le serveur interprte alors le contenu de la page dynamiquappele. Cette page contient des requtes vers une base de donnes dont les rsultadpendent des paramtres dj dfinis. La page va donc chercher dans cette base ltextes et autres lments inclure dans la page (voir Figure 3.3). Le serveur runensuite la page dynamique et les donnes provenant de la base de donnes afin de crune page HTML classique.

Une fois cette page ralise, elle est envoye au navigateur afin dtre affiche sur votordinateur comme une page classique. Le prochain appel une page dynamique prov

quera les mmes requtes et mcanismes sur le serveur.

La technologie PHP en dtailPHP nest en fait quun langage de cration de sites dynamiques parmi dautres. Danla mme famille de langage, on peut citer lASP (Active Server Pages), dvelopp p

Figure 3.3Le serveur est trs sollicit lors de laffichage des pages dun site dynamique.

DVD

ROM

Visiteur Serveurweb

Demande de la page

Rendu de la page demandeServeur

de base dedonnes

Requte des lments dynamiques

Donnes inclure dans la page


40/415


Microsoft, le JSP (JavaServer Pages), dvelopp par SUN, ou encore ColdFusion, propride Adobe.

Prsentation gnralePHP (acronyme rcursif de PHP Hypertext Preprocessor) est la dernire technologie ddveloppement de sites web dynamiques arrive sur le Net, mais pourtant pas la moidre. Fond sur la licence GNU et donc totalement gratuit, PHP est, avec lASP, langage dynamique le plus utilis au monde. Il sagit comme lASP dun langage dprogrammation part entire, hrit des C/C++.

Trs rpandu dans le monde de lhbergement Internet, PHP offre lavantage de pouvoir fonctionner aussi bien sur une architecture Windows que sur Unix/Linux. Il voulaisse donc le choix entre un grand nombre dhbergeurs pour laccueil de votre si

web. La cration dun environnement de dveloppement PHP sous Windows est gradement facilite par la vivacit du monde du logiciel libre. En effet, une foule de prgrammes comprenant un serveur Apache, un interprteur PHP et un environnement dbase de donnes type MySQL sont disponibles sur Internet.

La mise en place dun environnement de dveloppement en PHP laide de WampServer 2.0 dtaille plus loin dans ce chapitre.

Si vous souhaitez consulter la documentation la plus complte possible sur PHP, le siofficiel est tout indiqu : http://www.php.net (voir Figure 3.4).

PHP dans vos pages

Mais, concrtement, quoi ressemble du code PHP, une fois quil est intgr dans unpage ? Prenons un exemple trs simple, un code PHP uniquement destin afficher utexte dans une page HTML. Le code source, tel quil sera interprt par le serveuressemble cela :

Premier script PHP
http://www.php.net/http://www.php.net/http://www.php.net/


41/415


Ce script PHP trs simple se contente dafficher la date actuelle sur la page, et riedautre. Comme vous pouvez le constater, le code PHP, modlis entre les balise< ? ?> ou < ? php ?>, sintgre parfaitement lintrieur des balises HTML classques. Il vous est donc inutile de coder en PHP laffichage entier dune page, contente

vous dutiliser ce langage de programmation pour dfinir les lments dynamiques dvos pages (dates, textes issus dune base de donnes), et conservez les bonnes vieilltechniques du HTML pour le reste de la page !

Mme si la connaissance du HTML n est pas indispensable pour mener bien votre projet boutique en ligne, il peut se rvler trs utile pour vous de connatre les bases de ce langagVous trouverez une dfinition de la norme HTML officielle sur le site du W3C (World Wide WConsortium, organisme charg de dfinir les standards utiliss sur le Net) la page suivanthttp://www.w3.org/MarkUp/.

Bien entendu, une majorit des commandes PHP que vous allez utiliser dans la suite dcet ouvrage va tre directement rdige par Dreamweaver. Il est toutefois possible qupour certaines tches bien prcises, il soit plus rapide dutiliser un programme entirment ralis la main quutiliser des codes prdfinis par Dreamweaver. Dans ce cavous trouverez dans ce livre le code en question et la manire dont il convient de linsrdans la page laide de Dreamweaver.

Figure 3.4Le portail de PHP : http://www.php.net.
http://www.w3.org/MarkUp/http://www.w3.org/MarkUp/http://www.php.net/http://www.php.net/http://www.w3.org/MarkUp/http://www.php.net/


42/415


Si vous souhaitez malgr tout en savoir plus sur le langage PHP, sa syntaxe et ses possbilits avances, sachez que de trs bons sites francophones existent pour expliquer clangage. Tels PHPFrance (http://www.phpfrance.com, voir Figure 3.5) ou PHPInde(http://www.phpindex.com).

Gardez en tte que, dans une page web, le code PHP est toujours encadr de balises < ?php et ?>.

La version 5.0 de PHP est disponible depuis la fin de lanne 2004. Elle est dsormaadopte comme un standard par la majorit des crateurs de site. Parmi les nouveauton en retiendra trois particulirement importantes, mme si leur impact sera limit dala cration de votre boutique en ligne :

Implmentation de SQLite. SQLite est un systme de gestion de base de donnembarqu directement dans PHP. Il permet pour des applications simples de dfaire de la contrainte dun serveur de base de donnes part entire. Avec cetvolution, on notera dailleurs que le support de MySQL est dsactiv dans la configuration par dfaut de PHP 5.

Figure 3.5

www.phpfrance.com, une bonne initiation au langage PHP.
http://www.phpfrance.com/http://www.phpfrance.com/http://www.phpindex.com/http://www.phpindex.com/http://www.phpfrance.com/http://www.phpfrance.com/http://www.phpfrance.com/http://www.phpindex.com/http://www.phpfrance.com/


43/415


Implmantation de SimpleXML. Le format XML devenant omniprsent sur Web et dans les systmes de gestion de contenu, PHP 5 intgre dsormais umodule de traitement et danalyse des donnes au format XML trs puissant.

Nouveau modle POO. Le modle Orient Objet, larchitecture mme du langaPHP, a t fortement remani afin dtre plus rapide et plus efficace. Bien entendlarchitecture de PHP 4.0 est toujours interprte par cette nouvelle version et la majrit des scripts dvelopps dans les versions prcdentes reste valable pour PHP 5.

Avec Adobe Dreamweaver CS4 vous naurez pratiquement pas toucher au code PHde votre site. Mais gardez lensemble de ces rfrences en tte, elles vous seront utilsi vous souhaitez ajouter des fonctionnalits avances votre site e-commerce par suite. Dreamweaver est limit pour la programmation et ne vous empchera pas dtemps autre de coder.

Les bases de donnes MySQL

Aussi puissant que soit PHP, il ne peut pas tout faire sur un site web ! Pour afficher uprix, un titre ou un nom dauteur sur une page, il faut bien que linformation correspodante soit stocke quelque part. Et ce quelque part, dans votre site, va tre une base ddonnes de type MySQL.

Pour les non-initis, voici une dfinition sommaire dune base de donnes : elle permde stocker des informations de manire ordonne et structure. Une base est ainsi compose de plusieurs tables, elles-mmes composes de colonnes et denregistrementune colonne correspondant un type dinformation et un enregistrement, une entiprcise. Ainsi, dans le cadre de notre librairie en ligne, on peut imaginer quune tabcontiendra lensemble des livres disponibles dans la boutique. Chaque enregistremecorrespondrait un livre en particulier, chaque colonne, une information prcise sce livre, comme son titre, le nom de son auteur ou encore son prix (voir Figure 3.6).

Linformation ainsi stocke devient trs facilement rcuprable : pour connatre lautedun livre, il suffit de connatre le titre de ce dernier et de savoir que cest le nom dlauteur que lon recherche. En croisant ces deux critres, linformation devient vident

Bien entendu, cette description est trs schmatique et, dans la pratique, une base ddonnes est bien plus complexe quun simple tableau. Il est en effet possible de ralis

des liaisons entre plusieurs tables, doptimiser les recherches, etc. Vous en dcouvrirebien plus sur les bases de donnes dans le chapitre suivant, o il sera question de crla base de donnes complte ncessaire la cration de votre boutique. Les notions pluavances dindex ou de cls primaires seront abordes ce moment.

Dans cet ouvrage, vous allez utiliser une base de donnes de type MySQL. Il sagdu type de base de donnes le plus souvent associ au langage PHP (voir Figure 3.7


44/415


Il offre en outre lavantage dtre disponible chez la plupart des hbergeurs professionels et dtre administrable directement par une interface web, grce des programm

Figure 3.6Une base de donnesavec une structure trssimple.

Figure 3.7

MySQL, le systme de base de donnes le plus souvent associ PHP.


45/415


comme phpMyAdmin (http://www.phpmyadmin.net) ou eSKueL (httpwww.phptools4u.com/scripts/eskuel/). Vous trouverez plus de renseignements sur systme de base de donnes sur son site officiel : http///www.mysql.com.

Dernire brique, un serveur Apache

PHP et MySQL ne pourraient pas fonctionner sil ny avait derrire eux un serveweb. Un serveur, cest--dire un programme excut en permanence sur un ordinateet charg uniquement de rpondre aux requtes reues depuis les ordinateurs extrieurs. La nature de la rponse formule dpendra en fait du type de serveur mis eplace.

Dans le cas dun serveur web, son rle est bien dfini : envoyer via le protocole http dfichiers (pages web, images, sons) demands par diffrents clients par leur nav

gateur. Pour votre site, sa tche va se compliquer. Il devra galement gnrer automatquement des pages HTML comprhensibles par les navigateurs des internautes laidde scripts PHP et de donnes issues dune base MySQL.

Le serveur utilis est de type Apache. Il sagit dun systme de serveur libre et open-sourdvelopp par The Apache Software Foundation (http://www.apache.org, voir Figure 3.8

Figure 3.8The Apache Software

Foundation grelensemble des projets

de dveloppementdu serveur web

Apache.
http://www.phpmyadmin.net/http://www.phpmyadmin.net/http://www.phptools4u.com/scripts/eskuel/http://www.phptools4u.com/scripts/eskuel/http://www.phptools4u.com/scripts/eskuel/http://www.mysql.com/http://www.mysql.com/http://www.apache.org/http://www.apache.org/http://www.apache.org/http://www.mysql.com/http://www.phptools4u.com/scripts/eskuel/http://www.phptools4u.com/scripts/eskuel/http://www.phpmyadmin.net/


46/415


Avec Microsoft IIS, il est le serveur web le plus utilis. Sa gratuit, le dynamisme sa communaut, son cot rduit en fait lun des systmes de choix pour les petits moyens projets, pour les systmes dhbergement mutualiss destins aux petites entrprises, et pour lhbergement et le dveloppement de votre boutique en ligne.

Vous allez dcouvrir comment mettre en place un serveur de dveloppement sur votordinateur. Le but de ce serveur nest pas de fournir des informations des ordinateuextrieurs. Il simule le fonctionnement dun vritable serveur afin que vous puissiedvelopper votre boutique en ligne dans les meilleures conditions possibles.

Installation de WampServer 2.0 sur un systme WindowsPour dvelopper en toute srnit un site utilisant la technologie PHP, il vous faut metre en place un serveur de dveloppement sur votre ordinateur. En effet, comme vouvenez de le voir, PHP est un langage interprt qui a besoin dun serveur spcifique afide pouvoir sexcuter. Hors de question donc de visualiser vos pages laide dun simpnavigateur Internet, comme vous le feriez avec des pages HTML classiques.

La solution pourrait alors tre dutiliser votre futur service dhbergement, qui, lui, suporte le langage PHP. Cest bien entendu possible, mais cela peut vite se rvler fastdieux ! En effet, mme si lutilisation de Dreamweaver pour la cration de vos scriprduit fortement les risques derreur dans ceux-ci, il vous faudra tout de mme testrgulirement vos pages afin dtre sr dobtenir le rsultat escompt. Ce qui veut diravant chaque vrification, transfrer vos pages chez votre hbergeur. La manipulatio

risque de devenir vite pnible Imaginez que vous souhaitiez juste rgler lalignemedune image ou dun texte : vous devriez procder une connexion avant chaque visulisation !

Non, la solution la plus efficace est de mettre en place chez vous, sur votre ordinateur ddveloppement, un serveur capable dinterprter le langage PHP, de stocker votre bade donnes et donc dexcuter lensemble des programmes ncessaires votre site weUn serveur de dveloppement Apache/PHP/MySQL complet.

Prsentation et tlchargement

La mise en place dun serveur Apache compatible PHP et MySQL sur une machine dtype Windows ne pose dsormais plus de problme. Il existe sur Internet des packagcomplets qui comprennent la fois un serveur Apache, un interprteur PHP et un seveur de base de donnes MySQL. Ils sont trs simples installer sur nimporte quel


47/415


version de Windows. Pour mettre en place votre serveur de dveloppement, vous allutiliser lun de ces packages.

Parmi les plus connus et les plus faciles demploi, on peut citer EasyPHP, disponible s

http://www.easyphp.org, ou WampServer 2.0 (voir Figure 3.9), disponible quant lsur http://www.wampserver.com. Cest ce dernier que vous allez utiliser ici.

Tlchargez donc WampServer 2.0 sur son site officiel, dans sa version Windows, prparez-vous linstaller.

Si vous disposez dun Mac, vous navez pas besoin dinstaller Apache. Le serveur web est livr avecsystme OS X. Il vous suffira de lactiver en vous rendant dans la section Partage des Prfrences systmL, vous pourrez lancer Apache en activant tout simplement le Partage Web personnel.

Installation de WampServer 2.0Une fois WampServer 2.0 tlcharg, son installation sur votre ordinateur ne prendque quelques minutes :

1. Double-cliquez sur le programme WampServer2.0a.exe que vous venez de tlcharger. Linstallation du serveur dbute aussitt.

Figure 3.9WampServer 2.0

est un serveur Apache

cl en main.
http://www.easyphp.org/http://www.easyphp.org/http://www.wampserver.com/http://www.wampserver.com/http://www.wampserver.com/http://www.easyphp.org/


48/415


Lensemble des tapes qui suivent est ralis avec la version 2.0a de WampServer. lheure o volirez ce livre et mettrez ces diffrentes tapes en application, une nouvelle version du logiciel sepeut-tre disponible. Ces fonctionnalits auront probablement sensiblementvolues, mais les prinpales fonctionnalits utilises ici resteront les mmes.

Attention, WampServer 2.0 ne peut en aucun cas servir de mise jour aux versions prcdentes Wamp5. Si vous possdiez dj un serveur de type Wamp sur votre ordinateur, prenez soin d en savegarder les donnes (en copiant le dossier www de celui-ci et en exportant sa base de donnelaide de MySQL) et de le dsinstaller avant de procder linstallation de WampServer 2.0.

2. Cliquez sur le bouton Next aprs les recommandations dinstallation prsentes sle premier cran, puis acceptez les conditions dutilisation du logiciel (I accept thagreement).

3. Slectionnez le dossier dinstallation de WampServer 2.0. Par dfaut, celui-ci ec:\wamp, mais libre vous den choisir un autre (voir Figure 3.10).

4. Choisissez ensuite si licne de lancement de Wamp doit apparatre dans la barre dlancement rapide et sur le bureau de Windows. Cochez vos options. Un clic sur bouton Next et le rsum des options dinstallation saffiche alors. Cliquez une foencore sur le bouton Newt pour que linstallation dmarre effectivement.

5. Il reste quelques dtails de configuration. WampServer vous propose tout dabode dfinir le navigateur par dfaut qui sera lanc lors de vos accs linterfadu serveur. Il sagit en gnral du navigateur que vous avez dj slectionn etant que prfrence dans Windows. WampServer vous demande ensuite les coodonnes de votre serveur mail ainsi que ladresse de lexpditeur de vos messag

Figure 3.10O allez-vous installerWampServer 2.0 ?


49/415


(voir Figure 3.11), au cas o vous intgreriez des fonctionnalits mail dans vodveloppements. Prcisez alors les coordonnes habituelles de votre bote mail.

6. Une fois linstallation termine, WampServer

creer un site ecommerce avec dreemwavercs4 et php-mysql

Documents