Introduction

Générale
 Introduction Générale
Vendre ses produits sur le net n'est plus réservé qu'aux gros commerçants. La
création d'un site de vente en ligne est désormais accessible au plus grand nombre.
Toutes les entreprises souhaitent que leurs produits soient vus au niveau national et
international .pour cela il faut créer un site internet marchand en vue de développer leurs
chiffre d'affaires.

Plus généralement, cette activité est appelé e-commerce (abréviation pour "commerce
électronique ") .les sites de vente en ligne ont vu leur nombre croitre de manière très
importante ces dernières années .De nombreux produits sont de bons candidats au e-
commerce : vêtements, accessoires de la maison, produits électroniques et bien d’autres.
Seuls les produits qui nécessitent d'être testés en personne ou qui sont proposés avec des
options plus ou moins compliquées ne sont généralement pas adaptés au commerce
électronique.

Comme on constate que le commerce électronique est plus exposé aux dangers par
rapport au commerce physique en raison de la sécurité et de la confiance entre l'entreprise
et le client, on doit être délicat dans la proposition d'un tel système et d'utiliser un système
de payement on-line confidentiel.

1.2 Problématique

Les produits agricoles sont un marché en croissance rapide, et la vente directe aux
consommateurs est un moyen de plus en plus populaire pour les agriculteurs de
vendre leurs produits sans passer par des intermédiaires.

Des ventes de mains en mains, vers des ventes virtuelles, passent les priorités des
opérations de ventes des biens et des services, ce qui nous rend obligés de donner plus
d’importance à la vente électronique. Les ventes en ligne sont depuis des années,
largement conseillés pour les sociétés qui se basent sur la vente des produits et même
des services Ces types de sites web représentent un dispositif global fournissant aux
clients un pont de passage à l’ensemble des informations, des produits, et des services
à partir d’un portail unique en rapport avec son activité. Les sites de vente en ligne
permettent aux clients de profiter d’une foire virtuelle disponible est quotidiennement
mise à jours sans la moindre contrainte, ce qui leur permettrai de ne jamais rater les
coups de cœur, ainsi Une foire sans problèmes de distance géographique, ni d’horaire
de travail ni de disponibilité de transport. D’une autre part ces sites offrent aux
vendeurs de profiter de cette espace pour exposer leurs produits à une plus large base
de clientèle. Notre projet est réalisé dans le cadre du mémoire de licence en génie
informatique ayant comme objectif principal : le développement d’un site web
permettant aux particuliers et aux bénéficiaires de PRUCAC de vendre facilement et
de manière sécurisé leurs produit.

1.3 Analyse et critique de l’existant

A Bangui plus précisément en république centrafricain pour acheter, le client doit se

déplacer au marché pour la rencontre de ses produits et a ces clients. Pour les
revendeurs (commerçants(es)), doivent quitter la ville pour aller rencontrer leurs
fournisseurs (cultivateurs). Ces déplacements peuvent être inutiles et même peuvent
provoquer un gaspillage de temps. D’ailleurs même le vendeur n’a aucun moyen pour
mettre à disposition ces annonces de vente. Ainsi, un moyen fiable et automatise
permettant d’informer un grand nombre de clients des offres de vente. . Divers autres
traitements sont, d’ailleurs, sources de problèmes, adoptant les méthodes
traditionnelles de travail parfois les produits sont absent sur le marché.

Vu l'accroissement de la technologie Internet, l'achat en ligne est devenu une nécessité

incontournable pour les commerçants des produits agricoles.

1.4 Solutions proposées :

Grâce à Internet, de nouvelles perspectives de développement apparaissent dans

l'élargissement du marché. La création d’un site Internet a pour but de valoriser
l'image du produit et faire des économies du temps. L'utilisation d'Internet, comme
segment de communication de masse, permet également de baisser des coûts et
d'autres frais. Avec la transmission du haut débit et la sécurisation augmentée des
moyens sécurisés de paiement, la confiance des utilisateurs en ce qui concerne l'e-
commerce est croissante. La plupart des personnes adultes utilisent. Aujourd’hui,
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 vérification des prix d’où l’économie considérable du temps. Ce projet
consiste donc à la mise en place d’un site Web dynamique qui gère la vente de
 produits agricoles. Ceci est possible à travers des catalogues en ligne proposant ces
produits aux meilleurs prix par rapport aux concurrents. La société n’aura donc qu’à
agencer ses produits et bien sûr de mettre sa base de données à jour. Les clients
peuvent consulter le site après une inscription, et commander les produits, qui sont par
la suite livrés à domicile. Cette boutique en ligne permettra d’offrir 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 catégorie de clientèles (locale et à l’intérieur), et d’offrir une meilleure
qualité de service en communication et en commerce.

Nous allons tenter, avec ce travail de faire une étude détaillée et suivie pour créer notre
site de commerce électronique et de présenter les fondements de base du e- commerce.

Notre mémoire est organisée en quatre chapitres essentiels :

Dans le chapitre I : on commence par définir le commerce électronique, ses fondements,

avantages, ainsi que ses apports à l'entreprise et les facilité et privilèges pour les e-clients.

Le chapitre II : est consacré à la présentation de l'internet, de son architecteur, de ses

services, et du World Wide Web qui est basé sur l'architecteur client/serveur, suivie de
définitions sur le web et les hébergeurs des sites web.

Le chapitre III : on entame la modélisation de notre site web par UML2.0, après avoir
introduit les concepts et notions de base d’UML2.0.

Le chapitre IV : est dédiée à la présentation des outils de développent de notre site web et
les fonctions les plus importantes du site sont exposé à travers ses interfaces pertinentes.
 Chapitre 1

Généralité sur
e-commerce
1-Introduction

La mission principale de notre site web est la vente en ligne, c'est à dire le
commerce électronique.
Le e-commerce est l'utilisation d'un média électronique pour la réalisation de
transactions commerciales. La plupart du temps il s'agit de la vente de produits à travers le
réseau internet, mais le terme de e-Commerce englobe aussi les mécanismes d'achat par
internet.
Dans ce chapitre nous parlerons essentiellement du e-commerce, en avançant
l'exemple du célèbre site de e-Commerce (eBay), les solutions de paiement, avec celle la
plus utilisé : Paypal, enfin, on introduit l'entreprise dont on veut lui réaliser un site web e-
commerce (PRUCAC).

2 Généralités sur le commerce électronique (e-commerce)

2.1 Définition du commerce électronique (e-commerce) :
Le commerce électronique a fait l’objet des définitions diverses ; la définition
officielle française est la suivante :" le commerce électronique désigne l’ensemble des
transactions marchandes effectuées sur un réseau électronique ouvert par l’intermédiaire
d’ordinateurs ou d’autres terminaux interactifs."
2.2 Historique :
Le commerce électronique n’est pas un nouveau concept. Il a vu le jour dans
les années 60 sur des réseaux privés. À l’époque, les entreprises, les fournisseurs et
les consommateurs avaient recours à des moyens électroniques pour échanger des
données et conduire des transactions commerciales (EDI « échange de données
informatisées », minitel, carte à puce …).

Toutefois, l’accès au commerce électronique a été handicapé par des coûts

prohibitifs, une complexité d’installation et d'usage, de l’interfaces pas très
engageantes (écran minitel en noir et blanc). Cette complexité était liée à la difficulté
d’établissements de lignes de communication fiables et sécurisées et, plus encore à
l'absence d'applications standards permettant de visualiser et de partager des
informations une fois la connexion en place.

De nos jours, le commerce électronique n'est plus l'apanage des grandes

entreprises et des réseaux privés. Le réseau ouvert internet, et surtout le World Wide
Web (www), exhibent de nouveaux horizons commerciaux aux grandes organisations,
en plus d'offrir aux petites et moyennes entreprises (PME) un point d'entrée viable.
2.3 Les différents types de commerce électronique :
On distingue les différents types de commerce suivant les
: relations entamées entre ses différents acteurs

: Fournisseur – consommateur (business to consumer) ou (b to c) -1

Englobe tous les consommateurs privés qui achètent des produits ou des services
.sur Internet (livres, disque, dvd, logiciels…)

2- Enterprise – Enterprise (business to business) ou (b to b) :

Ce sont des relations entre entreprises vendre, informer, réparer etc. Des produits ou
.services

3- Consommateur – Administration (consumer to administration) ou (c to a) :

.Offre aux consommateurs des services administratifs

4- Enterprise –Administration (business to administration) ou (b to a):

].Offre aux entreprises des services administratifs

2.4 Les opérations commerciales du commerce électronique

En raison des similitudes, les opérations du commerce électronique sont presque
aussi étendues que celles du commerce traditionnel. En effet, le commerce
électronique inclut à la fois des activités traditionnelles (présentation d'information
sur un produit) et nouvelles (vente au détail dans des galeries virtuelles et les éditions
d'information numérique). Certaines opérations courantes du commerce électronique
concernent l'interaction inter-entreprises et entreprise client comme :

- L’échange d’information ;

- Le commerce de biens et de services ;

- La promotion des ventes et la publicité ;

- La prestation en direct de contenu numérique ;

- Le transfert électronique de fonds et le traitement des transactions ;

- L’échange électronique d’actions ;

 - Le traitement électronique des connaissements ;

- La collaboration interactive ;

- La gestion de la fabrication ;

- Le paiement de comptes ;

- L’approvisionnement public ;

- Le marketing direct auprès des consommateurs ;

- La gestion des stocks ;

- Le service après-vente;

- Les vents aux enchères commerciales.

Les opérations de commerce électronique ne se ressemblent pas, bien que

toutes mettent l’accent sur :

-La promotion de produits à la faveur de catalogues en direct ;

-Le traitement des transactions (échange d’information financière numérisée) ;

-Le soutien à la clientèle.

Le commerce électronique sur Internet diffère des activités commerciales

usuelles dans la mesure où il est influencé par les caractéristiques mêmes du média. A
l’opposé des supports écrits, le commerce électronique est dynamique, car il permet
aux utilisateurs d’interagir avec le site commercial, d’envoyer des commentaires,
voire de définir la portée d’un document. Contrairement au commerce de personne à
personne, le commerce électronique donne lieu à une interaction guidée entre un
fournisseur et un acheteur éventuel, où le premier oriente le second dans une série
d’options et de processus. Il diffère aussi du commerce traditionnel en raison de ses
rapports illimités avec le temps et l’espace. En effet, l’interaction ne se limite pas aux
heures officielles d’ouverture ou aux frontières géopolitiques, et on peut commercer
avec d’autres marchands et consommateurs partout dans le monde, dans différents
fuseaux horaires, 24 heures par jour, sept jours par semaine.

2.5 Les avantages du Commerce Electronique :

 Le commerce électronique offre aux nouveaux vendeurs sur Internet de
nombreux avantages :

 Il ouvre un nouvel canal de distribution, un circuit complémentaire pour

certains produits et services de l’entreprise. Il lui permet donc d’élargir son marché et
d’établir à l’échelle planétaire des liens directs, instantanés et interactifs avec ses
clients, ses fournisseurs ses distributeurs.
 Il permet de générer de nouveaux profits en lançant de nouveaux produits et de
nouveaux services à valeur ajouté pour de nouveau clients et les clients actuels.
 Il permet de répondre plus vite aux clients tout en réduisant les coûts de
gestion des stocks.
 Il permet de gommer partiellement ou totalement les barrières des
intermédiaires commerciaux qui séparent l’entreprise de ses clients.
 Il permet d’envisager des politiques de fidélisation du client à travers une offre
de services à forte valeur ajoutée. Tout ça grâce aux outils interactifs et multimédia,
conduisant à une meilleure écoute des besoins, préférences et comportements
d’achats. L’entreprise peut ainsi mieux exploiter l’information collectée auprès des
clients.
 Il permet de rationaliser les relations économiques avec les clients et les
fournisseurs en ouvrant au Web des systèmes de facturation et de règlement.
 Il repousse à la fois les limites de la concurrence et active une nouvelle
réflexion stratégique. La mise en place d’une stratégie totalement « E-Business »
conduit à l’ouverture de nouveaux marchés, des gains importants de productivité, et
une baisse des coûts à tous les niveaux de l’organisation.
 Il donne la possibilité aux petites entreprises qui veulent devenir leader d’un
secteur en contrôlant l’accès à certains segments de clientèle.
 Il facilite les transactions en évitant à l’acheteur de se déplacer (donc de lui
faire gagner du temps) tout en lui offrant un service identique et confortable.

2.6 Les freins du commerce électronique :

Les principaux inconvénients du commerce électronique perçus par l’utilisateur
concernent :
  le défaut de confiance, les risques encourus, les problèmes de sécurités liés au
paiement et le manque de confidentialité dont notamment :
 Le problème de fraude avec un nombre grandissant d’opérateurs douteux
attirés par les faibles coûts d’entrée et de sortie sur le Net. Ce phénomène induit de
nouvelles formes d’escroquerie (falsification, promesses et déclarations mensongères,
système de pyramide, téléchargement de virus pour prendre le contrôle de
l’ordinateur…).
 Le dilemme du « marché pourri » qui traduit dans le jargon des économistes,
le fait que lorsqu’il existe une difficulté à faire la différence entre de bons produits et
un mauvais, ce dernier finit par empoisonner tout le marché et chasser les bons (ainsi
que les consommateurs).
 Le pistage informatique à partir des Cookies, c'est-à-dire ces petits fichiers qui
identifient l’ordinateur appelant de façon unique, afin de pouvoir retracer toutes les
habitudes d’appel et de consommation.
 L’incertitude et le manque de confiance autour de la sécurisation des moyens
de paiement, malgré le fait que dorénavant les méthodes de cryptage de données
assurent une confidentialité quasi parfaite lors de la transaction.

2.7 La différence entre le commerce électronique et le commerce

traditionnel :
Il est essentiel que nous parlions de commerce traditionnel, tout en tenant
compte de l'e-commerce. Le commerce en général est tous les événements relatifs à
l'achat ou la vente de biens ou de services, et ces événements sont répartis dans les
catégories suivantes:

 Marketing: les activités liées à l'accès au client effectifs et potentiels, de leur

fournir des informations sur la société et la marque, les produits ou services.
 Ventes: les événements concernant le traitement des ventes réelles, y compris
le traitement lui-même.
 Paiement: les événements liés à l'acheteur, concernant la mise en œuvre de ses
obligations dans le processus de vente.
 Satisfaire les commandes: les événements relatifs à la mise en œuvre des
obligations du vendeur dans le processus de vente.
  Service à la clientèle: un suivi des activités pour répondre aux demandes, afin
de résoudre les problèmes et questions, et aussi sur le processus de support
avant-vente, et les questions générales et ainsi de suite.

Nous notons de ce qui précède que le commerce traditionnel n'est pas différent du

e-commerce que dans la mise en œuvre de ces événements, l'accès non traditionnels
exercé en e-commerce pour atteindre les consommateurs dans toutes les régions du
monde, c'est à dire, ils font des revenus substantiels compensée par une réduction
significative des coûts par rapport au commerce traditionnel, car les entreprises
parviennent par le biais d'e-commerce à une meilleure gestion des achats,
approvisionnements, ventes, transports, assurances, et les opérations comptables,
contrôle des stocks. L'e-commerce peut également fournir des informations
quotidiennes sur les clients, ceci conduit sans doute à réduire le coût des transactions
commerciales; parce qu'elle élimine le rôle des intermédiaires entre le vendeur et
l'acheteur.

3 Les différentes solutions de paiement en ligne:

Payer par carte-1

.Payer par e-numéro de carte-2
.Payer sans carte bancaire-3
Réaliser ses virements bancaires-4
.Par Internet

3.1 Payer Par Carte bancaire:

L’acheteur utilise sa carte bancaire classique pour payer.

Il faut bien sûr vérifier que le site de e-commerce sur lequel on fait ses achats est équipé
d’un système de paiement sécurisé. C’est un mode de cryptage des données personnelles
(nom, adresse, coordonnées bancaires) qui les rend invisibles, inatteignables et donc qui ne
peuvent pas être récupérés par les hackers. Dès que l’on passe sur un espace sécurisé, le
navigateur web l’indique avec un message très clair. La présence du petit cadenas en bas à
droite de l’écran lors du paiement (et dans la barre d’adresse) symbolise la sécurisation des
communications entre vous et le site web.
Attention: Le cadenas ne présage en rien de la fiabilité, de l'honnêteté ou de la sécurisation
du site lui-même, mais seulement de la sécurisation des communications entre vous et le
serveur.

Une fois certain de la sécurisation du site, le payeur communique ses coordonnées :

 Nom.
 Coordonnées bancaires :
 Le numéro à 16 chiffres de sa carte.
 Les 4 chiffres de la date de validité (mois et année).
 Les 3 derniers chiffres du pictogramme au dos de la carte de paiement.

3.2 Payer par e-numéro de carte :

C’est un moyen de paiement rattaché à la carte bancaire qui permet de payer

sans donner son numéro de carte bancaire. Des e-numéros sont attribués, des numéros
de carte bancaire temporaires.

e-carte bleue : Disponible à la Société générale, Banque Postale, LCL, Banque

Populaire, Caisse d’Epargne, Axa banque.

Virtualis : Disponible au Crédit Mutuel.

3.3 Payer sans carte bancaire :

Ce sont des services très appréciés des internautes : ils permettent de régler ses
achats sans communiquer son numéro de carte bancaire. Ils offrent aussi des tas de
services connexes très intéressants pour un chef d’entreprise.

Le fameux service Paypal et son concurrent Google Checkout.

Ces solutions de paiement en ligne nécessitent une adresse email et un numéro

de carte bancaire (vous le communiquez uniquement à Paypal lors de l’inscription).

3. 4 Réaliser Ses virements par Internet :

Toutes les grandes banques proposent des services de virement par Internet.
 Généralement gratuits entre les comptes du titulaire dans la même banque, ils
sont payants sur des comptes d’autres banques.

Il est ainsi possible de virer les salaires par exemple et même y associer un email
d’accompagnement.

4 Exemple d'un site de e-Commerce dans le web :

Le plus célèbre site e-commerce sur le web est biens sûre eBay, parce qu' il est
le plus utilisé parmi les meilleurs site de commerce en ligne.

4.1 Présentation de eBay

eBay est une entreprise américaine de courtage en ligne, connue par son site
Web de ventes aux enchères du même nom. Elle a été créée en 1995 par Pierre
Omidyar. Elle est devenue une référence mondiale dans son secteur et un phénomène
de société. En 2009, elle compte plus de 276 millions de membres.

4.2 Guide d'utilisation eBay

4.2.1 S'inscrire

Une fois que vous avez trouvé l'objet que vous souhaitez acheter, vous devez
vous inscrire sur eBay. C'est gratuit et ne prend que quelques instants. Pour cela,
cliquez sur s'inscrire en haut de n'importe quelle page du site. Saisissez les données
personnelles demandées. Choisissez un pseudo et un mot de passe. Consultez votre
adresse e-mail pour confirmer à eBay qu'elle n'est pas erronée : vous êtes inscrit.

En savoir plus sur l'inscription :

Figure 1 .1: S'inscrire dans eBay

4.2.2 Trouver un objet

Sur eBay, il existe deux moyens de trouver un objet :

○ Naviguer par catégories : cliquez sur une catégorie depuis la page d'accueil
puis sur une sous catégorie et ainsi de suite jusqu'à trouver la catégorie qui vous
intéresse.

○ Taper un mot-clé dans le moteur de recherche : si vous avez une idée plus
précise de ce que vous recherchez, tapez directement le ou les mots-clés
correspondants dans le moteur de recherche depuis la page d'accueil. Si vous
souhaitez ajouter d'autres critères, cliquez sur recherche approfondie. A partir des
résultats de cette recherche, vous pouvez également réduire le champ de la recherche
en choisissant une catégorie sur la gauche. En savoir plus sur la recherche.

Figure 1 .2: la recherche dans eBay

4.2.3 Vérifier certains points avant d'enchérir

Identifiez ce pour quoi vous enchérissez et à qui vous souhaitez l'acheter. Une
fois que vous avez trouvé un objet qui vous intéresse, lisez attentivement l'annonce.

En savoir plus pour acheter en confiance :

 Lisez notamment la description de l'objet (a-t-il des défauts ?)

 Regardez la photo avec attention
 Vérifiez si vous disposez des modes de paiement
 Vérifiez les frais de port
 Vérifiez la réputation du vendeur constituée par son profil d'évaluations.
C'est le chiffre à côté de son pseudo constitué des notes et commentaires
de ses précédents acheteurs.

Figure 1 .3: les information paré achat

4.2.4 Enchérissez ou achetez l'objet immédiatement

Une fois que vous avez trouvé l'objet de vos rêves, vous pouvez soit enchérir
dessus, soit l'acheter immédiatement en fonction du format de vente choisi par le
vendeur.
 Pour enchérir : saisissez le montant maximum que vous êtes prêt à payer pour
cet objet. eBay va enchérir pour vous jusqu'à ce montant maximum en cas de
surenchère d'un autre membre. Nous vous rappelons que votre enchère, si elle est
acceptée sans équivoque et dans un délai raisonnable par le vendeur, pourra être
considérée comme un contrat qui vous lie et vous devrez acheter l'objet au vendeur.

Pour acheter un objet immédiatement : si le vendeur propose ce format, il

suffit d'accepter le prix du vendeur et l'objet est a vous immédiatement.

Figure 1 .4: acheter le produits choisie

4.2.5 Payer votre objet

Pour payer un objet que vous avez acheté sur eBay, il faut entrer en contact
avec le vendeur, lui demander le montant total (frais de port inclus) s'il n'est pas déjà
précisé dans l'annonce et lui envoyer directement l'argent via un des moyens de
paiement qu'il accepte.

Pour contacter le vendeur, vous pouvez utiliser :

 le bouton prévu à cet effet sur l'annonce ;

 l'e-mail de fin d'enchères.

Le vendeur n'enverra l'objet qu'une fois le paiement reçu donc envoyez votre
paiement le plus rapidement possible.
 Si le vendeur accepte PayPal, cliquez sur le bouton payer dans l'annonce et
payez gratuitement et immédiatement le vendeur.

Une fois l'objet reçu, s'il convient à la description, laissez une évaluation au
vendeur qui en fera de même.

Figure 1 .5: Payer votre objet

5 Exemple de paiement en ligne par e-commerce :

Le paiement en ligne par paypal est de loin le moyen de payement en ligne le

plus utilisé et le plus sélectionné sur eBay

5.1 Présentation de PayPal

PayPal est un service de paiement en ligne qui permet de payer des achats, de
recevoir des paiements, ou d’envoyer et de recevoir de l’argent. Pour bénéficier de ces
services, une personne doit transmettre diverses coordonnées financières à PayPal,
telles que le numéro de carte de crédit, transmission qui peut se faire par voie postale.
Par la suite, les transactions sont effectuées sans avoir à communiquer de coordonnées
financières, une adresse de courrier électronique et un mot de passe étant suffisants.

5.2 Le service pour les acheteurs

 Le service que propose PayPal est de payer en ligne sans communiquer ses
données financières, en s’identifiant simplement avec son adresse électronique et un
mot de passe. Il n'est pas nécessaire d'alimenter son compte PayPal à l'avance. La
source d'approvisionnement que vous avez choisie (carte de paiement ou compte
bancaire) est automatiquement débitée au moment de la transaction. Les destinataires
sont avertis par courriel dès que vous leur envoyez de l’argent.

PayPal peut également permettre de transférer des fonds d’un compte vers un
autre internaute à condition que le destinataire ait un compte PayPal. Ce service est
gratuit si vous choisissez un compte bancaire comme source d'approvisionnement, ou
s'il y a de l'argent disponible sur votre compte PayPal.

5.3 Le service pour les vendeurs

Les internautes ne peuvent payer avec leur compte PayPal que sur les sites qui
acceptent ce mode de paiement.

PayPal peut aussi servir à accepter des paiements par carte (CB, Visa,
MasterCard, American Express, Aurore, Cofinoga, 4étoiles, Privilèges).

L’installation de PayPal est gratuite, et, contrairement à la majorité des

solutions de paiement proposées par les banques, ne nécessite pas l’obtention d’un
contrat de vente à distance (appelé contrat VAD).

PayPal se rémunère exclusivement en prélevant une commission sur chaque

transaction, qui peut aller de 1,4% à 3,4%, + 0,25 € par transaction.

Depuis 2009, Paypal a mis à disposition de sa communauté d'utilisateurs des

API pour leur permettre d'innover sur les moyens de paiement de demain.

5.4 Les avantage

PayPal est un moyen de paiement en ligne sécurisé, qui vous permet de payer
par carte sans jamais dévoiler vos coordonnées bancaires au vendeur. Avec PayPal,
vous réglez vos achats en quelques clics, grâce à une simple adresse e-mail et un mot
de passe. Et pour vous permettre de profiter d'eBay l'esprit tranquille, PayPal vous
rembourse en cas de problème avec le vendeur. Tout cela gratuitement.
5.4.1 Gagnez du temps

Le vendeur attend généralement d’être payé avant d’envoyer l'objet. Vous

avez donc tout intérêt à le régler rapidement pour recevoir votre objet au plus vite !
Payer par chèque ou virement bancaire prend souvent trois jours, voire plus. Avec
PayPal, vous payez en quelques clics et votre vendeur reçoit l’argent immédiatement.
Il peut donc vous envoyer votre objet illico.

5.4.2 Payez en ligne de manière sécurisée

Depuis 10 ans, PayPal sécurise les transactions en ligne dans le monde entier.
Lorsque vous payez avec PayPal, vos coordonnées bancaires sont cryptées et ne sont
jamais dévoilées au vendeur. Vous êtes également protégé à 100% en cas d’utilisation
frauduleuse de votre compte. Ainsi, vous achetez en ligne l'esprit tranquille.

5.4.3 Bénéficiez de la Protection des Achats PayPal

○ Vous êtes livré ou remboursé quand vous payez avec PayPal, peu importe le
format d'Achat que vous préférez : Enchères, Prix fixe (Achat immédiat) ou Petites
Annonces.

○ De plus, si vous effectuez un achat au format Enchères ou Achat immédiat,

vous êtes également protégé en cas de réception d’un objet non conforme.

Pour faciliter vos démarches et la communication avec votre vendeur, PayPal

met à votre disposition un Gestionnaire de litiges et vous rembourse intégralement si
nous décidons en votre faveur.

Si vous rencontrez un problème dans le cadre d’un achat, rendez-vous dans le

Gestionnaire de litiges.

5.4.4 Avec PayPal, payez avec la carte de votre choix

Avec PayPal, vous pouvez payer tous vos achats partout dans le monde avec
votre carte : Visa, Mastercard, CB Nationale ou AMEX. Vous pouvez également
payer à crédit avec les cartes Aurore, Cofinoga, 4étoiles et Privilège.
 À noter : Si vous ne possédez pas
de carte, vous pouvez également
payer vos achats par compte
bancaire.

6 présentation de l'entreprise de notre site web:

6.1 PRUCAC

7 Conclusion :

Dans ce chapitre, nous avons introduit la notion du e-commerce, une nouvelle

vision pour le commerce futur, qui commence à s'installée dès nos jours. Parmi les
leaders du e-commerce : (eBay) qui utilise fortement Paypal comme méthode de
paiement en ligne. Ensuite on procède à la présentation de notre projet

Le chapitre suivant sera consacré à l'introduction de la technologie web.

Chapitre II

Présentation &

D’Internet
 1 Introduction

Internet est un système mondial d'interconnexion de réseau informatique

composé d'ordinateurs (individuels ou serveurs), utilisant un ensemble standardisé de
protocoles de transfert de données. C'est donc un réseau de réseaux, sans centre
névralgique, composé de millions de réseaux aussi bien publics, privés, universitaires,
commerciaux et gouvernementaux.

Dans ce chapitre on va parler de l'internet, les adresses IP, les réseaux

informatiques, l'architecture client/serveur, le web, les sites web, le navigateur web,
les serveurs web, hébergeur internet.

2 L'INTERNET
2.1 Définition de L'Internet :

Le mot Internet vient du terme anglais internet work. Du point de vue

technique, l’Internet est un réseau international (réseaux ou inter-réseaux)
d’ordinateurs communiquant entre eux grâce à un protocole d’échange de données
standardisé (TCP/IP : Transport Control Protocole / Internet Protocole). Chaque
ordinateur du réseau possède une adresse, appelée IP ou adresse Internet qui est
unique, dans Le monde.

Les ordinateurs connectés au réseau Internet peuvent communiquer entre eux

de façon transparente pour l’utilisateur, indépendamment du type d’ordinateurs
utilisés, mais en utilisant des appropriés, c'est-à-dire utilisant les protocoles reconnus
sur internet.

2.2 Historique de l'Internet:

La première pierre du réseau Internet est posée en pleine guerre froide, à la fin

des années 50. A l’époque, le département de la défense américaine craint de

voir son système de communication, alors centralisé, gelé par une attaque soviétique.

Après une dizaine d’années de recherches, la défense met en place en 1969

‘ARPANET’ (Advanced Research Project Agency NETWORK).
 Composé d’un ensemble de réseaux, il permet aux différents sites de la
défense américaine d’échanger leurs informations. La communication reste établie,
même si certains sites sont détruits.

La pierre d’angle de ce système repose sur l’utilisation du protocole réseau

TCP/IP (Transfert Control Protocole / Internet Protocole). Ce protocole Normalise les
communications entre machines. Cet ensemble de réseaux s’étend aux universités et
aux grandes entreprises situées aux Etats Unis et en Europe. La communauté
scientifique peut ainsi échanger le fruit de ses recherches beaucoup plus facilement.

En 1984, il est scindé en deux : Minet (pour la partie militaire), Financé par
l’armée américaine. NSF net (partie « publique »), financé par la National Science
Fondation.

En 1988, NFS net prend le nom d’Internet (« INTER – NETWORK », que

l’on pourrait traduire par ensemble de réseaux interconnectés) et est financé par
l’ensemble de ses membres. Jusque-là, de par sa complexité, son utilisation reste
réservée à une élite (chercheurs, Universitaires,...).

2.3Les avantages:
 Grande bibliothèque numérique.
 Une bonne qualité de l'information avec un temps minimale.
 Grand réseau de communication.
 Source d'information infinie, permet de dialoguer et d'échanger avec
d’autres personnes, découvrir des choses que l'on n'aurait jamais peut voir en ne
sortant pas de chez nous...
2.4 Les inconvénients :
 Probabilités des informations erronées.
 L'exposition à des dangers de destruction des données (les virus).
2.5 Comment accéder à l’internet ?
Pour accéder à Internet, les utilisateurs utilisent les services d’un fournisseur
d’accès (F.A.I) Ou ISP (Internet Services Provider).
Le fournisseur d’accès possède des ordinateurs qui font partie d’Internet et
auxquels les abonnés peuvent se connecter via une ligne téléphonique. Voici le
principe d’une connexion (Figure 2.1): L’ordinateur client lance un logiciel d’accès
réseau à distance et, grâce à son modem, se connecte au service d’un fournisseur
d’accès. Une fois la connexion établie, le serveur du fournisseur d’accès attribue
(provisoirement) à l’ordinateur client une adresse IP et ce dernier fait partir
(provisoirement) du réseau Internet.
A partir de ce moment, l’ordinateur client peut accéder à n’importe quel
ordinateur serveur qui est connecté à Internet, quelle que soit la localisation
géographique de celui-ci. Pour cela, l’ordinateur client devra exécuter un logiciel
client approprié, par exemple un logiciel de courrier électronique, un logiciel de
navigation.

Figure 2.1 : Le principe d’une connexion Internet.

3 Les Adresses IP :
Dans un réseau reliant des millions d’ordinateurs, un des problèmes
fondamentaux est celui de l’identification de chacun de ceux-ci.
Chaque ordinateur faisant partie d’Internet possède une adresse unique, qui lui
permet d’être identifie de manière spécifique sur le réseau, quelle que soit sa situation
géographique. Par analogie, on peut comparer cette adresse à un numéro de téléphone,
qui identifie de manière absolument unique un abonné dans le monde entier.
Les adresses Internet se composent de quatre octets, chacun étant compris entre
0 et255. Les quatre nombres sont séparés par des points.

4 Réseau informatique
 Un réseau informatique est un ensemble d'équipements reliés entre eux pour
échanger des informations. Par analogie avec un filet (un réseau est un« petit rets »,
c'est-à-dire un petit filet), on appelle nœud (node) l'extrémité d'une connexion, qui
peut être une intersection de plusieurs connexions (un ordinateur, un routeur, un
concentrateur, un commutateur).
Indépendamment de la technologie sous-jacente, on porte généralement une vue
matricielle sur ce qu'est un réseau. De façon horizontale, un réseau est une strate de
trois couches : les infrastructures, les fonctions de contrôle et de commande, les
services rendus à l'utilisateur. De façon verticale, on utilise souvent un découpage
géographique : réseau local, réseau d'accès et réseau d'interconnexion.

5 L'architecture Client/serveur:
5.1Présentation de l'architecture d'un système client/serveur:
De nombreuses applications fonctionnent selon un environnement
client/serveur, cela signifie que des machines clientes (des machines faisant partie du
réseau) contactent un serveur, une machine généralement très puissante en termes de
capacités d'entrée-sortie, qui leur fournit des services. Ces services sont des
programmes fournissant des données telles que l'heure, des fichiers, une connexion,…
Les services sont exploités par des programmes, appelé programmes clients,
s'exécutant sur les machines clientes. Dans un environnement purement client/serveur,
les ordinateurs du réseau (les clients) ne peuvent voir que les erreurs, c'est un des
principaux atouts de ce modèle.

5.2Avantages de l'architecture Client/serveur:

Le modèle client/serveur est particulièrement recommandé pour des réseaux
nécessitant un grand niveau de fiabilité, ses principaux atouts sont:
Des ressources centralisées:
Étant donné que le serveur est au centre du réseau, il peut gérer des ressources
communes à tous les utilisateurs, comme par exemple une base des données
centralisées, afin d'éviter les problèmes de redondance et de contradiction.
Une meilleure sécurité:
Car le nombre de points d'entrée permettant l'accès aux données est moins
important; Une administration au niveau serveur: les clients ayant peu d'importance
dans ce modèle, ils ont moins besoin d'être administrés; Un réseau évolutif: grâce à
cette architecture, il est possible de supprimer ou rajouter des clients sans perturber le
fonctionnement du réseau et sans modification majeure.
5.3 Inconvénients du modèle client/serveur:
L'architecture client/serveur a tout de même quelques lacunes parmi lesquelles:
o Un coût élevé dû à la technicité du serveur
o Un maillon faible: le serveur est le seul maillon faible du réseau
client/serveur, étant donné que tout le réseau est architecturé autour de lui.
5.4 Fonctionnement d'un système Client/serveur:
Un système client/serveur fonctionne selon le schéma suivant:

Figure2.2 : Fonctionnement du système Client/serveur

Le client émet une requête vers le serveur grâce à son adresse et le port, qui
désigne un service particulier du serveur; Le serveur reçoit la demande et répond à
l'aide de l'adresse de la machine client et son port.
6 le web
6.1 Principe du web:
Le principe de web repose sur l'utilisation d'hyperliens pour naviguer entre les
pages web grâce au navigateur. Une page web est ainsi un simple fichier texte écrit
dans un langage de description (appelé HTML), permettant de décrire la mise en
page.
Du document et d'inclure des éléments graphiques ou bien des liens vers
d'autres documents à l'aide de balises.
 Le Web désigne le service Internet permettant de naviguer à travers des pages
web. Le protocole utilisé pour ce type de communication est le protocole http, ce qui
explique le fait que lorsque nous saisissons des URL commençant par [Link]

6.2Que trouve-t-on sur le web ?

Naviguer sur le web, c'est comme se promener dans une jungle infinie. On n'en
voit jamais le bout tellement il y a de sites web, et on y trouve absolument de tout !
N'importe qui peut publier de l'information sur le web. Il existe des sites web
personnels, des sites web d'entreprises, et même des sites web gouvernementaux.
Selon le rapport fin 2008 de Netcraft, il existe près de 186 millions sites web
accessibles gratuitement à travers le monde, et ce chiffre ne cesse de croître.
Pour trouver une information dans l'immensité du web, il suffit d'utiliser un
moteur de recherche, un annuaire, un portail ou tout service qui référence des sites
web.
7Les sites web :
7.1 Définition :
Un site web (aussi appelé site internet ou page perso dans le cas d'un site
internet à but personnel) est un ensemble de fichiers HTML stockés sur un ordinateur
connecté en permanence à internet et hébergeant les pages web (serveur web).
Un site web est habituellement architecturé autour d'une page centrale, appelée
«page d'accueil» et proposant des liens vers un ensemble d'autres pages hébergées sur
le même serveur, et parfois des liens dits «externes», c'est-à-dire de pages hébergées
par un autre serveur.
7.2Historique:
Le World Wide Web est un système de documentation hypertexte créé en 1993
pour les besoins du Centre européen pour la recherche nucléaire (CERN). Le premier
navigateur Web (NCSA Mosaic) a été créé la même année par le National Center for
Supercomputing Applications (NCSA).
Le World Wide Web a permis aux utilisateurs de se partager des documents et
des images plus rapidement que via le courrier électronique et plus facilement que via
le partage de fichiers.
Le nombre grandissant de documents publiés a rendu rapidement les moteurs de
recherche nécessaires pour les retrouver : l'utilisateur entre un mot clé, le serveur Web
effectue la recherche, puis envoie le résultat sous forme d'un document.
 Les moteurs de recherche ont été mis en œuvre par extension du serveur web.
En 1995, le NCSA publie la norme industrielle CGI, qui spécifie quelles sont les
modalités d'extension d'un serveur Web, dans le but de le brancher avec un logiciel
applicatif - par exemple un moteur de recherche
7.3Les types des sites web :
Les sites web sont nombreux sur la toile et peuvent être distingués les uns des
Autres de par leurs fonctionnalités.
Un site a une ou plusieurs fonctions, et généralement un but, celui auquel son
concepteur le destine. De ce but, et des fonctions découlent alors la structure du site,
voire les pages web et la navigation dans ses pages.
Analysons alors ces types de sites et voyons comment ils vivent sur la toile.
• Les sites vitrines : Ce sont des sites qui présentent une activité, un métier, une
compétence. L'accent est mis sur l'identité visuelle du site, son ciblage afin que les
internautes intéressés prennent contact avec le site.

• Les sites associatifs : Ce sont des sites qui présentent les activités de leur
association ou de leur club. Les fonctions sont relatives à la publication d'articles ou de
nouvelles, ainsi que les évènements sur l'année et le bulletin mensuel (newsletter).

• Les blogs : Ce sont des plateformes internet ou le rédacteur publie, à la manière

d'un journal de bord, ses sujets personnels très régulièrement. Le blog est généralement
très orienté vers les autres blogs de la même thématique. Coté fonctionnalité, il permet
notamment aux internautes de publier des commentaires relatifs aux articles.

• Les forums : Ce sont des sites web orientés discussions sur une thématique
donnée. Ces forums sont alimentés en contenu par le webmaster, ainsi que par les
membres. La newsletter est également utilisée pour fidéliser les membres.

• Les sites de publications : Ce sont des sites orientés publications d'articles,

gestion de contenu. Les pages sont regroupées en rubriques thématiques sur un sujet
donné. Un système de commentaires sur les articles est généralement attaché à cette
fonction de publication.
 • site marchand ou site boutique(e-commerce) : il consiste en un site catalogue
avec une ou des solutions de commande et de paiement en ligne : paiement bancaire
sécurisé, paypal, chèque, virement

• site de e- learning: il présente des modules d’information ou de formation, des

tutoriels ou des animations de formation accessibles à distance. L’interactivité avec
l’apprenant est plus ou moins développée. Il est doté ou non d’un extranet à destination
des formateurs (par exemple).

8Le navigateur Web :

8.1 Définition :

Un navigateur Web est un logiciel conçu pour consulter le World Wide Web,
l’ensemble des sites web. Techniquement, c’est un client HTTP dans une architecture
client/serveur. Il peut être graphique ou texte.

Le terme navigateur Web (ou navigateur Internet) est inspiré de NCSA Mosaic
puis de Netscape Navigator. Le premier terme utilisé était browser, comme en anglais.
Par la suite, on a vu fureteur (surtout utilisé au Québec), butineur, brouteur, arpenteur,
fouineur ou explorateur (inspiré de Microsoft Internet Explorer).

8.2Caractéristiques :

Le navigateur Web est composé d’un moteur de rendu des standards du Web,
d’une interface utilisateur et accessoirement d’un gestionnaire d’extensions appelées
plugins.

8.3 Interface utilisateur :

Pour la grande majorité des navigateurs sur le marché, l’interface utilisateur est
composée d’une zone d’affichage éventuellement gérée sous forme d’onglets, d’une
barre de menus déroulants, d’une barre d’outils et d’une barre d’état.

La barre de menus abrite les favoris (ou marques pages), les commandes des
fichiers (ouverture, fermeture), les options de configuration, etc.
 La barre d’outils contient la barre d’adresse, les boutons de navigation (page
précédente, page suivante, actualiser, …etc.)

La barre d’état affiche les comptes rendus d’affichage, de téléchargement set

d’autres informations.

8.4Les navigateurs Web les plus utilise

8.4.1Internet Explorer :

Windows Internet Explorer, parfois abrégé IE, MSIE, MS IE ou plus

simplement Internet Explorer, est le navigateur web de Microsoft, installé par défaut
avec Windows. Depuis qu'il a détrôné Netscape Navigator à la fin des années 1990,
c'est le navigateur Web le plus utilisé au [Link]'hui,son principal concurrent
est Mozilla Firefox.

8.4.2Mozilla Firefox :

Mozilla Firefox est un navigateur Web gratuit, développé et distribué par la

Mozilla Foundation aidée de centaines de bénévoles grâce aux méthodes de
développement du logiciel libre/Open Source et à la liberté du code source. Ce
logiciel multiplateforme est compatible avec diverses versions de Microsoft
Windows, Mac OS X et GNU/Linux.

8.4.3Safari:

Est un navigateur web pour Mac OS X développé par Apple, dont le moteur de
rendu HTML WebKit est fondé sur KHTML. Ce navigateur est celui qui est installé
par défaut sur Mac OS X
 8.4.4Opera :

Opera est une suite de logiciels Internet propriétaire multiplates-formes

programmée en Europe du Nord et gratuite pour certaines versions (c'est un
gratuiciel). Le navigateur web de cet ensemble de logiciels est relativement peu
utilisé, derrière d'autres logiciels comme Internet Explorer, Mozilla Firefox et Safari.
Il est reconnu pour sa rapidité et pour sa conformité vis-à-vis des normes.

8.4.5Google Chrome :

Chrome est un navigateur web dont le code source est développé sous licence
libre par Google. Chromium est le nom du projet open source à la base du navigateur,
Chrome lui-même n'étant pas open-source. Les binaires officiels sont eux soumis à un
contrat de licence utilisateur final (CLUF). Ce navigateur a été annoncé le 1er
septembre 2008.

9 Les serveurs Web :

Les serveurs Web sont des ordinateurs qui offrent (sert up)de pages Web. Chaque
serveur Web a une adresse IP et éventuellement un nom de domaine. Parexemple,sivous
entrez l'URL [Link] dans votre navigateur, cela envoie
une requête au serveur Web dont le nom est [Link]. Le serveur récupère alors la
page nommée [Link] et l'envoie à votre navigateur.

N'importe quel ordinateur peut être transformé en un serveur Web en installant le

serveur de logiciels et de brancher la machine à l' Internet . Il existe de nombreuses
applications Web logiciel serveur, y compris les logiciels du domaine public de NCSA et
Apache, et des emballages.

10Hébergeur Internet

10.1 Définition

Un hébergeur Internet (ou hébergeur Web) a pour vocation de mettre à disposition

des internautes des sites internet gérés par des tiers.

Il donne ainsi accès à tous les internautes au contenu déposé dans leurs comptes par
les webmestres souvent via un logiciel FTP ou un gestionnaire de fichiers. Pour cela, il
maintient des ordinateurs connectés 24 heures sur 24 au réseau internet (des serveurs Web)
par une connexion à très haut débit (plusieurs centaines de m bps), sur lesquels sont
installés des logiciels : serveur HTTP (souvent Apache), serveur de messagerie, de base de
données.

10.2 L’activité

La principale activité de l'hébergeur internet consiste à installer ses serveurs, à les

sécuriser (par une alimentation électrique ondulée, secourue par un groupe électrogène, une
salle climatisée équipée de dispositifs anti-incendie), à les tenir à jour en installant les mises
à jour de sécurité pour éviter les attaques malveillantes, à les réparer en cas de panne, à y
installer les technologies logicielles souhaitées par les clients ou qu'il souhaite leur offrir
(comme les langages de programmation internet et les modules supplémentaires de ces
langages).

10.3Types d'hébergement Web:

L'hébergement Web est divisé en six types: libre, partagée, de revendeurs, les
serveurs virtuels, serveurs dédiés et de co-implantation.

10.3.1 Hébergement gratuit:

Il est recommandé lors de la publication de pages personnelles, de travail ambitieux,

lorsque vous démarrez ou sont tout simplement pas envie ou ne peut dépenser de l'argent
sur l'hébergement. Ces services habituellement ajoutent des publicités sur les sites et ont
un espace limité et le trafic Web.

10.3.2 Hébergement mutualisé (l'hébergement virtuel):

Ces services sont en supplément, et c'est pourquoi, en règle générale ont tendance à
avoir des prestations plus élevées et des ressources disponibles à la libre circulation.

En outre, beaucoup d'entre eux sont généralement inclus dans le plan de

l'hébergement du domaine . Dans ce type de service est hébergement de sites Web de
divers clients sur le même serveur, d'où le nom. C'est une très bonne alternative pour les
clients des petites et moyennes, est un moyen peu coûteux et a une bonne performance.

10.3.3 Revendeur d'hébergement (revendeur):

Ce service d'hébergement est conçu pour les gros utilisateurs ou des personnes qui
vendent le service d'hébergement pour les autres. Ces paquets ont beaucoup d'espace et des
domaines disponibles pour chaque compte.

10.3.4 Les serveurs virtuels (VPS, Virtual Privat Server):

Utilisation d'une machine virtuelle, l'entreprise offre le contrôle d'un ordinateur ne

semble pas partagé. Ainsi, vous pouvez gérer plusieurs domaines facilement et
économiquement, et de choisir les programmes qui s'exécutent sur le serveur. Par
conséquent, le type de produit est adapté pour la conception et la programmation web des
entreprises.

10.3.5 Serveurs dédiés:

Le serveur dédié terme fait référence à une forme avancée de l'hébergement web dans
lequel les clients louer ou d'acheter un ordinateur complet, et a donc un contrôle complet et
la responsabilité de l'administrer. Garde physique de l'équipement et la connectivité
Internet est la tâche de la société d'hébergement, qui ont habituellement dans un centre de
données.

10.3.6 Co-location (logement):

 Ce service consiste principalement à vendre ou louer un espace physique dans un
centre de données pour le client de placer autour de votre propre ordinateur. La société
vous donne la puissance et la connexion à Internet, mais le serveur est sélectionné par
l'utilisateur complètement (jusqu'à ce que le matériel).

11Protocol HTTP :

L'HyperText Transfer Protocol, plus connu sous l'abréviation HTTP, littéralement

le « protocole de transfert hypertexte », est un protocole de communication client-serveur
développé pour le World Wide Web. HTTPS (avec S pour secured, soit « sécurisé ») est la
variante du HTTP sécurisée par l'usage des protocoles SSL ou TLS.

HTTP est un protocole de la couche application. Il peut fonctionner sur n'importe

quelle connexion fiable, dans les faits on utilise le protocole TCP comme couche de
transport. Un serveur HTTP utilise alors par défaut le port 80 (443 pour HTTPS).

Les clients HTTP les plus connus sont les navigateurs Web permettant à un utilisateur
d'accéder à un serveur contenant les données. Il existe aussi des systèmes pour récupérer
automatiquement le contenu d'un site tel que les aspirateurs de site Web ou les robots
d'indexation.

12FTP

Le File Transfer Protocol (protocole de transfert de fichiers), ou FTP, est un protocole

de communication dédié à l'échange informatique de fichiers sur un réseau TCP/IP. Il
permet, depuis un ordinateur, de copier des fichiers depuis ou vers un autre ordinateur du
réseau, d'administrer un site web, ou encore de supprimer ou modifier des fichiers sur cet
ordinateur.

La variante sécurisée de FTP avec les protocoles SSL ou TLS s'appelle FTPS.
FTP obéit à un modèle client-serveur, c'est-à-dire qu'une des deux parties, le client, envoie
des requêtes auxquelles réagit l'autre, appelé serveur. En pratique, le serveur est un
ordinateur sur lequel fonctionne un logiciel lui-même appelé serveur FTP, qui rend
publique une arborescence de fichiers similaire à un système de fichiers Unix. Pour accéder
à un serveur FTP, on utilise un logiciel client FTP (possédant une interface graphique ou en
ligne de commande).
 Le protocole, qui appartient à la couche session du modèle OSI et à la couche
application du modèle ARPA, utilise une connexion TCP.

13 Conclusion:

Dans ce chapitre, nous nous sommes intéressés à interne, les services qu'il offre, ainsi
que son effet sur le monde scientifique ou économique. On a mis l'accent sur le service
wide world web, le service le plus utilisé d'internet, et qui nous permet de créer des sites.
Parmi les types des sites on a détaillé les sites de e-commerce, du moment où l'objectif de
notre site est la création d'un site e-commerce e-condor.

Le chapitre suivant sera consacré à la conception de [Link] 2.0. Sera le langage

utilisé pour la conception de notre site.
 Chapitre III

Modélisation
1 Introduction :
Dans ce chapitre, nous allons présenter la conception et l’analyse de notre site
web. Cette application offre aux clients la possibilité de s’abonner et d’utiliser les
services commerciaux électroniques offerts par notre site web à travers l’Internet.

Pour concevoir notre site web, on a choisi d'utiliser UML (Unified Modeling
Language en anglais) qui s'impose aujourd'hui comme le langage de modélisation
objet standardisé pour la conception des logiciels.

Pour ce but, la modélisation est notre tâche actuelle et pour cefaire on va

commencer par donner une présentation d'UML.

2présentation d'UML

2.1 Outil de Modélisation Utilisé UML 2.0 :

Pour développer une application Web, il ne suffit pas de se lancer tête baissée
dans les lignes de code.

Le développement d’une application exige une préparation rigoureuse : il faut

documenter ses idées, définir et organiser les différents modules de l’application et
préciser les étapes de réalisation.

Cette étape, dans la technologie objet, se nomme la modélisation.

Cette démarche est antérieure à la programmation objet, c'est-à-dire le codage et

la réalisation des modules de l’application.

Elle comprend l’analyse des besoins utilisateurs et la conception des objets du

système. Pour le langage choisie pour la modélisation de notre système on a choisi
UML.

2.1.1 UML 2.0

UML 2.0 (Unified Modeling Language, traduit "langage de modélisation objet
unifié") est né de la fusion des trois méthodes qui ont le plus influencé la modélisation
objet au milieu des années 90 : OMT, Booch et OOSE.

UML se définit comme un langage de modélisation graphique et textuel destiné

à comprendre et décrire des besoins, spécifier et documenter des systèmes, esquisser
des architectures logicielles, concevoir des solutions et communiquer des points de
vue.

UML 2.0 unifie à la fois les notations et les concepts orientés objets. Il ne s’agit
pas d’une simple notation graphique, car les concepts transmis par un diagramme ont
une sémantique précise et sont porteurs de sens au même titre que les mots d’un
langage.

UML 2.0 permet de représenter un système selon différentes vues

complémentaires : les diagrammes.

Un diagramme UML 2.0 est une représentation graphique, qui s'intéresse à un

aspect précis du modèle.

2.1.2 Les diagrammes d'UML 2.0

Il existe 13 diagrammes, voici quelques-uns que nous avons considérés
nécessaires pour la représentation de notre système.

[Link] Diagramme de cas d’utilisation

Représente les fonctions du système du point de vue de l’utilisateur.

Acteur Cas d’utilisation

Figure3.1:Diagramme de cas d'utilisation.

Eléments du diagramme :
○ Acteur : un rôle joué par une personne, un service… etc,qui interagit avec le
système étudié.
○ Cas d’utilisation : il est destiné pour représenter les fonctions du système et
leurs interactions avec les différents acteurs (utilisateurs et autres systèmes qui
interagissent avec le système étudié).
Relations : entre cas d’utilisations et acteurs, mais simplement des relations
d’utilisation (uses ou include).……......... [19]

Les deux types de relations entre cas d’utilisation :

Pour affiner le diagramme de cas d’utilisation, UML définit deux types de
relations standardisés entre cas d’utilisation :

○ Une relation d’inclusion, formalisée par un mot clé « include » représentée

par une flèche pointillée : le cas d’utilisation de base en incorpore explicitement un
autre, de façon obligatoire.
○ Une relation d’extension, formalisée par un mot clé « extend » représentée
par une flèche pointillée : le cas d’utilisation de base en incorpore implicitement un
autre, de façon optionnelle.
[Link] Diagramme d’Objet :
Une entité concrète avec une identité bien définie qui encapsule un état et un
comportement. L’état est représenté par des valeurs d’attribut ,des associations et le
comportement par des méthodes.

Un diagramme d’objet :
Structure statique d’un système, en terme d’objets et de liens entre ces objets.
Ces objets et ces liens possèdent des attributs qui possèdent des valeurs. Un objet est
une instance de classe et le lien est une instance d’association.

[Link] Diagramme de classe

Classe :

Une description d’un ensemble d’objets qui partagent les mêmes attributs,
opérations, méthodes, relations et contraintes.

Attributs
Nom classe
Nom d’attribut : type = valeur
initiale
 Figure3.2 :Représentation d’une classe.

Un diagramme de classe :
Il représente la description statique du système en intégrant dans chaque classe
la partie dédiée aux données et celle consacrée aux traitements, c’est le diagramme
pivot de l’ensemble de la modélisation d’un système.

La visibilité des attributs :

Chaque attribut ou opération d’une classe peut être de type public, protégé ou
privé.

Les symboles <<+>> (public), <<#>> (protégé), et<<->> (privé) sont indiqués
devant chaque attribut ou opération pour indiquer le niveau de visibilité autorisé pour
d’autres classes.

• Public (+) : attribut ou opération visible par tous.

• Protégé (#) : attribut ou opération visible seulement à l’intérieur de la classe et
pour toutes les sous-classe de la classe.
• Privé (-) : attribut ou opération seulement visible à l’intérieur de la classe.
…….[20]
[Link] Diagramme de séquence
Les diagrammes de séquences permettent de représenter les interactions entre
objets selon un point de vue temporel. L'accent est mis sur la chronologie des envois
de messages. ……[21]
 Objet 1 Objet 2 Objet 3

d’un objet
Ligne de vie

message
Envoi de

Figure3.3: diagramme de séquence

a) Représentation des interactions entre objets

Catégories de messages :
Les diagrammes de séquences distinguent deux grandes catégories d'envois de
message :
• Synchrone : l’émetteur est bloqué jusqu’au traitement effectif du message.
•Asynchrone : l’émetteur n’est pas bloqué, il peut poursuivre son exécution.

Objet 1 Objet 2 Objet 3

d’activation récursion
Barre

Figure 3.4 : barres d'activation

b) Analyse de cas d’utilisation :

L’analyse de cas d’utilisation commence par la définition des objets d’analyse.
Les objets sont des instances de classes d’analyse qui représentent les éléments
majeurs ayant des comportements et des responsabilités dans le système. Les classes
d’analyse peuvent être réparties dans les trois catégories suivantes :
 Les objets d’interface : ils représentent l’interface entre l’acteur et le système,
comme les écrans de saisie ou des pages web complètes. Ils sont représentés par le

symbole :

Les objets contrôle : ils représentent les processus, c’est-à-dire les activités du
système telles que le contrôle de formulaire. Les objets contrôle dirigent les activités
des objets entités et interfaces.

Ils sont représentés par le symbole :

[Link] Diagramme de Collaboration(communication):

Le diagramme de collaboration montre simultanément les interactions entre les
objets (Instances de classes et acteurs).
 Il décrit le comportement collectif d'un ensemble d'objets dans le cadre d'une
opération en illustrant leurs interactions par des envois de messages.

Message
Classe A Classe B

Figure 3.5: Diagramme de collaboration (communication)

[Link] Diagramme de déploiement

Les diagrammes de déploiement montrent la disposition physique des
matériels qui composent le système et la répartition des composants sur ces matériels.
Les ressources matérielles sont représentées sous forme de nœuds.
Les nœuds sont connectés entre eux, à l'aide d'un support de
communication……… [22]
 Figure 3.6: Diagramme de déploiement

[Link] Diagramme de machine d'états :

Un diagramme de machine d'état, appelé diagramme d'états-transitions dans
UML 1.x, permet de décrire le comportement d'un objet durant son cycle de vie.

initial
Etat
Etiquette

événement[garde]/activité
Un état Un autre
état

final
Etat

Figure 3.7:Diagramme de machine d'états

Il permet plus précisément de décrire les changements d'états d'un objet, en

réponse aux interactions avec d'autres objets ou acteurs.……….[21]

[Link] Diagramme d'activités:

○ Les diagrammes d'activités décrivent le comportement d'une méthode, le
déroulement d'un cas d'utilisation et les enchainements d'activités.
○ Une activité désigne une suite d'actions.
 ○ Le passage d'une action vers une autre est matérialisé par une transition.
○ Les transitions sont déclenchées par la fin d'une action et provoquent le
début immédiat d'une autre (elles sont automatiques). …………[21]

Une action

Une autre action

Figure 3.8:Diagramme d'activités(Transition automatique entre

action)

Action 1 Décision

[garde] [else]

Action 2 Action 3

Fusion
Action 4

Figure 3.9Diagramme d’activités (Transition conditionnelle)

2.1.3 Points forts et points faibles d’UML 2.0 :

Points forts d’UML 2.0 :
 UML 2.0 est un support de communication performant : il cadre l’analyse et
facilite la compréhension des représentations abstraites et complexes.
 UML 2.0 est un langage formel, gain de précision, encourage l’utilisation d’outils.
 UML 2.0 est riche (il couvre les phases d’un cycle de développement) et ouvert
(il est indépendant du domaine d’application et des langages d’implémentation).
Points faibles d’UML 2.0 :
 La mise en pratique d’UML 2.0 nécessite un apprentissage et passe par une
période d’adaptation.
 L’intégration d’UML 2.0 dans un processus n’est pas triviale.
3Modélisation de notre site :
Pour modéliser notre site web on utilise UML et on va se baser sur les
diagrammes suivants :
Diagramme de cas d’utilisation
Diagramme de séquence
Diagramme de Communication (collaboration)
Diagramme de classe

3.1Les cas d’utilisation :

3.1.1 Administrateur :
 Gestion des produits
 Gestion des catégories
 Gestion des clients
3.1.2 Client:
 L’inscription
 Rechercher des produits
 Commander des produits
 Payer

3.2 Scénarios de chaque cas d’utilisation :

a) Gestion des produits

Trois scénarios caractérisent ce cas d’utilisation :
 Supprimer un produit
 Modifier un produit
 Ajouter un produit

b) Gestion des catégories

Trois scénarios caractérisent ce cas d’utilisation :
 Supprimer une catégorie
 Modifier une catégorie
 Ajouter une catégorie
c) Gestion des clients
Un seul scénario caractérise ce cas d’utilisation :
 Supprimer un client

d) L’inscription
Deux scénarios caractérisent ce cas d’utilisation :
 Remplir le questionnaire par le client.
 Valider les informations saisies par l’administrateur.

e) Rechercher des produits

Trois scénarios caractérisent ce cas d’utilisation :
 Consulter un produit

 Afficher- vidéo

 Afficher-photo

f) Commander des produits

Deux scénarios caractérisent ce cas d’utilisation :
 Commander des produits

 Valider les informations saisies par l’administrateur.

g) Payer
Deux scénarios caractérisent ce cas d’utilisation :

 Choisir mode de payement

 Valider-paiement
3.2.1Diagramme de cas d’utilisation:

Gestion des
actualites
include

include
Gestion des
Produits

Accésadmin
Gestion des
catégories
include
Administrateur
Gestion des include
Clients

L’inscription

include

Accésclien

include
Rechercher
des produits

include

Commander
Client
include

Payer

Figure : diagramme de cas d’utilisation

3.2.2Scénarios de cas d’utilisation Administrateur « Gestion

desproduits »
Diagramme de cas d’utilisation:

Gestion des
Produits

use use
use

Ajouter produits Supprimer produits Modifier produits

Figure3.11 : diagramme de cas d’utilisation associé au scénario «Administrateur»

3.2.3 Scenarios de cas d’utilisation client « rechercher des produits »

Diagramme de cas d’utilisation:

Afficher les toutes produits

Include
Afficher-vedio
Use

Consulter un produit
Use

Afficher-photo

Figure3.12 : diagramme de cas d’utilisation associé au scénario « Rechercher des produits »

3.2.4 Scenarios de cas d’utilisation administrateur «acces admin»

Diagramme de séquence:
 Page_admin Page MAJ
SGBD
Admin

Infos_Admin
Identification Vérifié

Afficher Alt
OK
r
[Else ]

Echec
r

Figure3.13 : diagramme de séquence associé au scénario « Accès Admin»

Diagramme de communicationassocié «acces admin»

 PAGE Admin

id
en 1.2:
d ti
s_A on fica
nf o ti
1:I min 1.
2
ch .2E
ec 1.2.1 Verifier

SGBD

Admin
Affi
2 . 1: r
1 . c he

PAGE MAJ

Figure3.14 :Diagramme de communication associé «Accés admin»

Description de classe associe:

Administrateur

Info-admin

Figure3.15 :Diagramme de classe associé «Accés admin»

Scenarios de cas d’utilisation administrateur «acces client»

Diagramme de séquence
 SGBD
Page_conexion Page produit
Admin

Infos_client
Identification Vérifié

Afficher Alt
OK
r
[Else ]

Echec
r

Figure: diagramme de séquence associé au scénario « Accès Client»

Diagramme de communicationassocié «acces client»

 PAGE Client

id
en 1.2:
ti
Cli
s_ on fica
: I nfo t 1.
ti
1 en 2
ch .2E
ec 1.2.1 Verifier

SGBD

Admin
Affi
2 . 1: r
1 . c he

PAGE MAJ

Figur :Diagramme de communication associé «Accés Client»

3.2.5 Scenarios de cas d’utilisation administrateur «ajoute-produits»

Diagramme de séquence:
 SGBD
Page MAJ Page MAJ des Page ajout
produits produit
Admin

Afficher produit-Maj

Afficher

Choix ajout
Afficher

Saisir info-produit et valider

Envoyer

Vérifié

Alt
Echec Produit Existe

[Else ]
Ajout-effectuer

Figure3.16 : diagramme de séquence associé au scénario « Ajouter produits»

Diagramme de communication associé «ajouter produits»

 Vérifier
Page MAJ SGBD

- t-
uit jou r
p rod A
.2 ue
r 3.1 ffect
ffiche aj e
M
1:A

2: Choix
ajout Page MAJ-produit

r
oye
env :
3.1

:
3.1.1
c
Eche
Admin

3: S
aisir
info
-pro
duit
et v
alid Page Ajouter produit
er

Figure3.17 :Diagramme de communication associé «Ajouter produits»

Description de classe associé:

Admin Produit
1 1..*
Info-Admin Info-Produit

1 1..*

1..* Catégorie 1

Info-catégorie

Figure3.18 :Diagramme de classe associé «Ajouter produits»

3.2.6 Scenarios de cas d’utilisation administrateur« supprimer-

produits »
Diagramme de séquence:

SGBD
Page-MAJ Page MAJ
produits
Admin

Afficher-P-MAJ
r
Afficher

Select-sup-produit

Envoyer Suppression

Supprimer effectuer
r

Figure3.19 : diagramme de séquence associé au scénario « Supprimer produit »

Diagramme de communication associé «supprimer produits»

 Page MAJ

1.1
:A
he ffic
r
-P-
cher
ffi
1:A MAJ

2: Select-sup-
Page de MAJ produit
produit
PRODUIT

Admin

v
:En
2.1 yer
o
er
p rim
p
Su tuer
SGBD 3: ffec
e

Suppression

Figure3.20 : Diagramme de communication associé «Supprimer produits»

Description de classe associe:

Admin Produit
1 1..*
Info-Admin Info-Produit

1 1..*

1..* Catégorie 1

Info-catégorie

Figure3.21 :Diagramme de classe associé «Supprimer produits»

3.2.7 Scenarios de cas d’utilisation administrateur « modification

produits»
Diagramme de sequence:

SGBD
Page MAJ Page MAJ Page
produits Modifier
Admin

Activer-p-MAJ
r
Afficher

Select-Modiff-produit

Afficher

Modifier info
r envoyer modifier

Reteur

Figure3.22 : diagramme de séquence associé au scénario «modification produits»

Diagramme de communication associé «modifier produits»

 Modifier
Page MAJ 4:
Reteur
SGBD
AJ
r - p-M
e
ctiv
1:A

2: Select-Modiff-
Page MAJ produits
produit

envoyer
3.1:
Admin

2.1 her
:A
3: M

ffi
odifi

c
e
info r

Page Modifier

Figure3.23 :Diagramme de communication associé «Modifier produits»

Description de classe associé:

Admin Produit
1 1..*
Info-Admin Info-Produit

1 1..*

1..* Catégorie 1

Info-catégorie

Figure3.24 :Diagramme de classe associé «Modifier produits»

Pour l'utilisateur:

3.2.8 Scenarios de cas d’utilisation client « l’inscription »

diagramme de séquence

SGBD
Page d’accueil page
l'inscription

Demande
inscription

Afficher

Saisir l'information et valider

Envoyer infos
Vérification de
l'abonné

Alt
Echec
[Abonné
[Else ] existe]

Inscription effectue r

RMI

ès Abonnement
Figure3.25 :diagramme de séquence associé au scénario « l’inscription »

Diagramme de communication associé :

 Page d’accueil

3.1
n :I n
tio eff scrip
s crip ec
e in tu tion
a nd e
em
1: D
:
1.1 er 3: Vérifé
ch
Affi SGBD
2:
Sa
is i
r l'
inf
or
ma
tio
ne
tv
a li
de
r r
Pqge inscription ye
nvo
:E s
2.1 info

Figure3.26 :diagramme de communication «L’inscription»

Description de classe associé: «L’inscription»

Abonner

Info-abonner

Figure3.27 :Diagramme de classe associé «L’inscription»

3.2.9 Scénarios de cas d’utilisation client « Rechercher des produits »

diagramme de séquence:
 SGBD
Page connexion page des produits

Sélect-p-produits

Afficher

Sélect-catégories

Activer recherche Recherche

rr
Afficher- produits

Figure3.28 : diagramme de séquence associer au scénario « Rechercher des produits »

Diagramme de communication associé :

Page connexion

3.1
:A
pro ffich
d u er -
its
-p -
S é lect s
1: t
dui 3: Rechercher
pro
Afficher

SGBD
1.1:

2:
cat Séle
ég ct-
ori ve r
es Acti
2.1: erche
rech
page des produits

Figure3.29 : Diagramme de communication associé «Rechercher»

Description de classe associé: «Rechercher»

produits

Info-produits

Figure3.30 :Diagramme de classe associé «Rechercher»

3.2.10 Scenarios de cas d’utilisation client « consulter un produit »

Diagramme de séquence:

SGBD
Page des produits Page détail
produits

Sélect-produits
Activer rechercher-produits chercher

Afficher

Figure3.31 : diagramme de séquence associé au scénario « Consulter d’un produits »

Diagramme de communication associé :

Page des produits

1.1
:A
c
tiv
e
pr r r e
od ch
uit er
ct- s ch
er
é le -
1:S duits
pro

SGBD

ch 2. chercher
1:Affi
2. er

Page détail produits

Figure3.32 : Diagramme de communication associé «Consulter d’un produit»

Description de classe associée: «Consulter d’un produits»

Produits

Info-produits

Figure3.33 : Diagramme de classe associé «Consulter d’un produits»

3.2.11 Scénarios de cas d’utilisation client «Afficher photo-un produit

»

diagramme de séquence:
 Galore produit
SGBD
Page détail produit

Requête-photos

Activer-rechercher chercher

Afficher-photos

Alt
exist

[Else ]
Echac

Figure3.34 : diagramme de séquence associé au scénario « Afficher photo »

Diagramme de communication associé :

 Page détail produit

1.
re 2:Ac
ch tiv
er er
ch -
te- er
q uê
e s
1:R hoto
p 1.2.1. Chercher

SGBD

r-
ffich e
: A
.1.1 os
1.2 phot
Galore produit
:E
.1.2
1.2 ec
ch

Figure3.35:Diagramme de communication associé «Afficher photo d’un produit»

Description de classe associée: «Afficher photo d’un produit»

Produits

Info-produits

Figure3.36 : Diagramme de classe associé «Afficher photo d’un produit»

3.2.12 Scenarios de cas d’utilisation client «commander –client »

Diagramme de séquence:
 Page SGBD
Page detail Panier page
produit paiement Facteur

Commenter

Ajout-panier

Valider

Afficher

Saisir –infos et choix mode-payement

Envoyer Save

Afficher

Figure3.37 : diagramme de séquence associé au scénario «Commander»

Diagramme de communication associé :

 Page-détail produit Page-facteur

e
omm
C
1. nter 1.2 Ajout-
payement

[Link]
2 Afficher
Painer
Valid
er 3.1.2
Save
SGBD
2.1
3S
ais
ir –
Afficher
inf
pa os et
ye
me choi
nt x m
od
e- Page-payement
3.1 er
oy
Env

Figure 3.38: diagramme de communication «Commander-client»

Description de classe associé: «Commander-client»

Client Produit Catégorie

Info-client Info-produit 1 Info-catégorie

1..*

1 1..*

Order-item
Pannier
1..*
Info-pannier 0..*

Figure3.39 : Diagramme de classe associé «Commander-client»

3.2.13 Scenarios de cas d’utilisation client «payer»

Diagramme de séquence:

Page d’accueil Page Facture Paypal

Valider-payement
Vérifier

Alt
Retour Espées

PayPal

Connecter

Figure3.40 : diagramme de séquence associé au scénario «Payer»

Diagramme de communication associé :

Page facteur

Paypal
er-
alid t
1 V emen
pay

l:
1.2.1 Si mode
y pa
espées:retour Pa
ode ter
m c
Si ne
. 2 .2 con
1

Page d’accueil

Figure3.41 :Diagramme de communication associé «Payer»

3.3 La diagramme de classe global :

Presse 0*

Info-presse
1

Admin
1 0* 1
Email Info-admin

Info-email 1

1 1

0 *
Fournisseur
0 *
Info- Contacts
fournisseur
Info-
*0 cantacts

0 *
Catégorie Produit
1 1*
Info- Info-
catégorie produit 1

1* 0 * Client
Les règles de passage du diagramme de classe et le modèle Entité-Association.

Classe Entité

Classe1 1* Classe2
0* 1

N,1
Entite1 0,N Entite2
1,1
associatio
n

Classe1 1* *1 Classe2
0* *0

Classe- asso

N,1
N,1
Entite1 0,N Entite2
0,N
associatio
n
 3.4Modèle Entité-Association:

Presse
1,1
Info- diff
presse us 0,N
er

Email Admin

1,1 0,N Info-admin

Info-email C
o
nt
a
Fournisseur 1,1 0,N
0,N 0,N 0,N
Gestion
Info-fournisseur 0,N

MAJ
MAJ Traiter
1,1

Produit
Catégorie
1,N 1,1 1,1
Info-produit
Info-
catégorie Apparte Contactes

Info-contactes
1,1
0,N
1,1

Commander supprime

émis

0,N
Pannier 1,N 1,1

Info-pannier Client

Commander Info-client

1,1 0,N

Figure3.45: Modèle entité association de base de données

 Pour la conception de cette base de données nous avons choisi le modèle
relationnel.

Le passage du modèle entité-association vers les relation ( ou tables ) du

modèle relationnel suit les règles suivantes :

Entité: les entités deviennent des relations.

Association :cela dépond des coraantion.

Le modèle relationnel de la base de données :

Admin ( id, username , statut , last_conn ,password )

Con_catégorie (id , nom , description , root , image , theme , active)

Con_cart (ct_id, pd_id , ct_qty , ct_session_id , ct_date )

Con_client (id, Username,password, Nom, Prenom , Datenai,Email , tel , Fax,

Adresse , Wilaya, codepos , Ville, pays , user_regdate)

Con_contact (id, id_client ,msg , objet )

Con_produit(id, nom, ref , description, id_categorie, image,

pd_thumbnailactive,new, pd_qty, pd_price )

Con_sav(id , nom , adresse , wilaya , telephone , raison_social , email )

Prasse (id , titre , texte)

con_order_item( od_id , pd_id , od_qty)

 3.5 Diagramme des pages:
Le diagramme des pages présentes les liens HyperText entre les pages des
sites. On présente le diagramme des pages coté utilisateur ainsi que le
diagramme des pages coté administrateur.
3.5.1Diagrammede pages admin :

Connexion

Non Existe

oui

Accueil

G_Client G-Catégorie G-Produit

sup Répende ajout supp modif Ajout sup modif

Figure3.43 : Diagramme de pages admin

3.5.2Diagrammede pages clients :

Accueil

Présentation C connexion Inscription produits

Existe non non Existe

oui
oui
Formulaire
Liste produits

Détail produit

Panier

Validation

Figure3.44 : Diagramme de pages clients

4 Conclusion :

Dans ce chapitre, on a procédé à la modélisation de notre projet par le langageUML

2.0 (Unified Modeling Language version 2.0), et après la présentation de ce langage de
modélisation, on a choisi quelques diagrammes parmi ceux qu'il propose pour concevoir
notre système. Les diagrammes adoptés dans notre conception sont les suivants:

o Diagramme de cas d’utilisation .

o Diagramme de sequence.
 o Diagramme de Communication (collaboration).
o Diagramme de classe.

Et après la modélisation, on va réaliser notre site web par l'utilisation des outils de
développement suivie de la présentation de notre site web.
Chapitre IV

Réalisation
1 Introduction:
Pour une plate-forme de développement Web sous Windows et pour une
meilleure création de notre site Web à l'aide de meilleurs outils, nous commençons
par décrire les outils de développement utilisés, et ensuite on présente notre site web
e-commerce à travers l'exposition de ses interfaces les plus pertinentes.

2 Présentation des outils de développement

pour un développé avisé de notre application, nous avons opté pour les outils de
développement suivants :

2.1 MySQL
MySQL est un Système de Gestion de Bases de Données (SGBD) qui gère
pour vous les fichiers constituant une base, prend en charge les fonctionnalités de
protection et de sécurité et fournit un ensemble d’interfaces de programmation (dont
une avec PHP) facilitant l’accès aux données.
La complexité de logiciels comme MySQL est due à la diversité des
techniques mises en œuvre, à la multiplicité des composants intervenant dans leur
architecture, et également aux différents types d’utilisateurs (administrateurs,
programmeurs, non informaticiens, ...) confrontés à différents niveaux au système.
Au cours de ce livre nous aborderons ces différents aspects, tous ne vous étant
d’ailleurs pas utiles, en particulier si votre objectif n’est pas d’administrer une base
MySQL.
Pour l’instant, nous nous contenterons de décrire l’essentiel, à savoir son
architecture et ses composants.
MySQL consiste en un ensemble de programmes chargés pour gérer une ou
plusieurs bases de données, et qui fonctionnent selon une architecture client/serveur
(voir figure 4.1).
 Client
mysql Connexion
Connexion

client Connexion
mysqldump Serveur
Connexion
mysqld
Connexion
Connexion
Client
mysqlimport Connexion
Connexion

Client
Apache/PH Base des
P données

Figure 4.1— Serveur et clients de MySQL.

Le serveur mysqld. Le processus mysqld est le serveur de MySQL. Lui seul

peut accéder aux fichiers stockant les données pour lire et écrire des informations.

2.2 HTML:

HTML a été inventé en 1990 par un scientifique nommé Tim Berners-Lee.

L'objectif était de faciliter l'accès par des scientifiques d'universités différentes aux
documents de recherche de chacun. Le projet eut un succès inespéré, plus grand que
tout ce que Tim Berners-Lee avait pu imaginer. En inventant HTML, il posa les
fondations du Web tel que nous le connaissons aujourd'hui.

HTML est un langage qui permet de présenter des informations (par exemple,
des recherches scientifiques) sur Internet. Ce qu'on voit quand on regarde une page
sur Internet est l'interprétation par le navigateur du code HTML. Pour voir le code
HTML d'une page sur Internet, on clique simplement sur la rubrique « Vue » dans le
menu supérieur du navigateur et on sélectionne « Source ».

À quoi puis-je utiliser HTML ?

Si vous voulez faire des sites Web, il n'y a pas d'autre voie que HTML. Même
si vous vous servez d'un programme pour créer des sites Web, tel que Dreamweaver,
une connaissance élémentaire de HTML peut vous rendre les choses plus faciles et
beaucoup améliorer votre site Web. La bonne nouvelle c'est que HTML est facile à
apprendre et à utiliser. D'ici deux leçons tout juste, vous aurez appris comment faire
votre premier site Web.

HTML est l'abréviation de « HyperText Mark-up Language », c'est un langage de

balisage (Markup) les liens entre les pages n'est pas linéaire, il est hyper-lien, ce qui
veut dire que qu'on peut se branché à une autre page de n'importe quel ligne de la
page originale. …….[26]

2.3 PHP
Le langage PHP a été créé par Rasmus Lerdorf en 1994, pour ses besoins
personnels.
Comme dans beaucoup d’autres cas, la mise à disposition du langage sur
l’Internet est à l’origine de son développement par d’autres utilisateurs qui y ont vu un
outil propre à satisfaire leurs besoins.
Après plusieurs évolutions importantes, PHP en est à sa version 5.2, celle que nous
utilisons.
La version 6 est annoncée à l’heure où ces lignes sont écrites.
PHP – le plus souvent associé à MySQL – est à l’heure actuelle le plus
répandu des langages de programmations pour sites web. ……[23]

2.4 Mise en œuvre et déploiement :

WampServer
Est une plateforme de développement 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 interpréteur de script (PHP) ainsi que phpMyAdmin
pour l'administration Web des bases MySQL.
Il dispose d'une interface d'administration permettant de gérer et d'administrer
ses serveurs au travers d'un tray icon (icône près de l'horloge de Windows).
La grande nouveauté de WampServer 2 réside dans la possibilité d'y installer
et d'utiliser n'importe quelle version de PHP, Apache ou MySQL en un clic. Ainsi,
chaque développeur peut reproduire fidèlement son serveur de production sur sa
machine locale.
WAMP est l'acronyme de “Windows Apache MySQL, PHP”.
Il permet d’installer et de gérer Apache, PHP, MySQL, phpMyAdmin,
Sqlitemanager et un gestionnaire de services.
 Wamp permet donc de faire tourner un serveur de développement pour des
applications en PHP sur votre ordinateur.
Utilisation :
Pour utilisateur confirmé.

Figure 4.2 WampServer

Illustration : panneau de gestion du serveur avec les options de MySQL ouvertes.

Site officiel / Éditeur :

• WAMP : [Link]
• Apache : [Link]
• MySQL : [Link]
• PHP5 : [Link]
• phpMyAdmin : [Link]
Mettez des objets en html ou en php sous c:\wamp\www et vérifiez sur
[Link] ……………………….[24]

2.4.1 Accès à MySQL

Un des grands atouts de PHP est sa très riche collection d’interfaces (API)
avec tout un ensemble de SGBD.
En particulier, il est possible à partir d’un script PHP de se connecter à un
serveur MySQL pour récupérer des données que l’on va ensuite afficher dans des
 documents HTML. D’une certaine manière, PHP permet de faire d’Apache un client
MySQL, ce qui aboutit à l’architecture de la figure 4.3

SQL
requêtes requêtes

Prog. Client Inter programme Serveur

document(s) serveur mysqld
net
(navigateur) données
HTML

Client HTTP
Fichiers Base
PHP de données

Site web avec scripts PHP et MySQL

Figure 4.3 Architecture d'un site web avec Mysql/php

Il s’agit d’une architecture à trois composantes, chacune réalisant l’une des trois
tâches fondamentales d’une application.

1. le navigateur constitue l’interface graphique dont le rôle est de permettre à

l’utilisateur de visualiser et d’interagir avec l’information ;
2. MySQL est le serveur de données ;
3. enfin, l’ensemble des fichiers PHP contenant le code d’extraction,
traitement et mise en forme des données est le serveur d’application, associé à Apache
qui se charge de transférer les documents produits sur l’Internet. …………….[23]

2.5 Adobe Dreamweaver

Dreamweaver est un logiciel de création de pages HTML d’un site Web en
mode visuel. Il permet aussi au concepteur de modifier directement le code des pages
grâce à son éditeur de code intégré. Un troisième mode (appelé « mixte ») permet
d’éditer le code tout en bénéficiant de l’environnement visuel de mise en page. Son
interface de conception graphique est WYSIWYG (What You See Is What You Get),
c’est-à-dire que la fenêtre de travail reflète pratiquement la réalité de ce qui sera
affiché dans le navigateur lors de la publication de la page. Cette caractéristique fait
de Dreamweaver un outil très apprécié par les graphistes.
 Depuis Dreamweaver MX, les développeurs apprécient aussi les avantages de
la conception visuelle. En effet, dans la logique des comportements client qui
permettent à Dreamweaver de composer des programmes JavaScript sans écrire une
seule ligne de code. Macromedia a étendu le même concept au développement de
scripts dynamiques avec PHP et MySQL.
Dreamweaver permet de concevoir des applications dynamiques pour Internet.
Pour cela, Macromedia offre un environnement de développement comprenant, d’une
part, un éditeur WYSIWYG éprouvé qui a fait le succès de Dreamweaver chez les
graphistes et d’autre part, des outils de création de scripts côté serveur, qui devraient
séduire à la fois les programmeurs expérimentés, avec son éditeur en mode Code et
les développeurs qui peuvent concevoir des pages dynamiques en mode visuel.

2.5.1Outils et éditeurs proposés par Dreamweaver :

Dreamweaver dispose de nombreux moyens pour intervenir directement dans
le code des pages Web. Certains sont bien adaptés à la gestion des balises HTML ou à
l’insertion de balises PHP isolées. D’autres vous permettent d’enregistrer des
fragments de code PHP afin d’éviter de les réécrire à chaque utilisation, ainsi vous
capitalisez vos développements. Même si plusieurs d’entre eux vous paraissent
redondants, il est intéressant de les étudier afin de connaître leurs avantages et de
pouvoir choisir l’outil adapté au contexte de votre intervention. …………………..
[24]
 Figure 4.4 La présentation Dremweaver

2.6 CSS:
Les CSS désormais supportées par les navigateurs modernes sont l’outil de
présentation des pages Web standards.
A la différence des méthodes employées dans les années 90, les CSS
permettent une stricte séparation du contenu HTML et des informations de mise en
page. Le gain réalisé est considérable:

 gestion simplifiée et économique de la présentation d’un site à l’aide d’une

seule feuille de style pour toutes les pages, aisément modifiable ;
 allègement des coûts de développement et de maintenance : il n’est plus
nécessaire de mettre en place un système (hasardeux) de discrimination des
navigateurs pour servir aux différents navigateurs un document adapté aux
technologies propriétaires qui balkanisent le Web ;
 allègement du code-source des pages Web, et donc économie de bande
passante : une feuille de style n’est chargée qu’une fois par un navigateur, qui
l’applique sans délai si nécessaire aux pages visitées par la suite ;
 possibilité de doter une page de feuilles de style spécifiques selon les medias
(navigateurs graphiques, lecteurs d’écran…). Les feuilles de style priant permettent
une impression immédiate d’une page depuis le navigateur et dispensent d’avoir à
créer une version imprimable du document HTML ;
 possibilité de doter une page de présentations alternatives au choix de
l’utilisateur ;
 création de layout flexibles, qui s’adapte aux différentes résolutions d’écran ;
 meilleure accessibilité des pages Web par la disparition des tableaux détournés
à des fins de présentation.
3 La présentation de site web:
Après la phase de conception et de réalisation, on va présenter le site e-condor
par ses interfaces les plus pertinentes:

3.1 Page d'Accueil:

La page d'accueil est très importante pour la bonne présentation de notre site et
pour cela on met dans cette page les derniers produits ajoutés dans le site et les
produits les plus vendus sans oublier la présentation aussi des services de notre site et
d'autres options de données pour les clients enregistrés dans notre site.
 Chapitre v

Etude comparative des

technologies

EDI vs E-COMMERCE
5.1 Introduction

L’EDI est une technologie qui change la donne depuis les années 1980. Depuis, le
logiciel a évolué pour offrir aux entreprises, grandes et petites, les meilleures
capacités d’automatisation. Parallèlement, de nombreuses solutions de commerce
électronique ont vu le jour ces dernières années, offrant aux entreprises une
alternative bien nécessaire aux canaux de vente au détail traditionnels.

Les fabricants et les grossistes qui envisagent la transformation numérique de leur

entreprise peuvent avoir besoin de précisions sur ces deux éléments technologiques.
Si les deux technologies améliorent l’échange électronique d’informations à des fins
commerciales, elles présentent des caractéristiques propres et peuvent être utilisées
pour réaliser des choses différentes.
5.2 L’EDI et le commerce électronique
L’échange de données informatisées (EDI) est utilisé pour faciliter les processus
commerciaux entre ordinateurs. Il est donc considéré comme une technologie de
commerce électronique interentreprises (B2B).
Grâce à l’EDI, les partenaires commerciaux ont accès à un format standard qu’ils
peuvent utiliser pour échanger des documents électroniques tels que des bons de
commande et des factures. L’EDI est mis en œuvre dans toutes les industries, y
compris les soins de santé, le commerce de détail, la banque, la fabrication et la haute
technologie. En raison de sa prolifération dans le monde entier, l’EDI est la
technologie de commerce électronique interentreprises la plus couramment utilisée.
Qu’est-ce que l’échange de données informatisées (EDI)
5.3 Les différences entre l’EDI et le commerce électronique

Le commerce électronique B2B et les systèmes EDI sont tous deux utilisés pour
l’échange de données électroniques et pour rationaliser les processus manuels, mais
leurs fonctionnalités diffèrent. L’EDI se connecte directement aux systèmes
commerciaux pour faciliter les achats, tandis que les plateformes de commerce
électronique améliorent l’expérience d’achat.

Les solutions de commerce électronique utilisent les médias électroniques tels

qu’Internet et les réseaux de communication privés pour simplifier l’accès des clients
aux biens et aux services. Si vous avez déjà acheté un article en ligne, vous avez été
en contact avec une plateforme de commerce électronique.
5.4 Avantages du commerce électronique B2B
L’acquisition d’une solution B2B offre de nombreux avantages aux entreprises. Les
systèmes de commerce électronique intelligents peuvent être utilisés pour
recommander des produits et simplifier les achats futurs en utilisant les informations
des achats précédents. Grâce à des pages produits optimisées pour le référencement,
de nouveaux clients peuvent être attirés par des recherches sur le web.
Les autres avantages du commerce électronique interentreprises sont les suivants:
 La rapidité: Les clients des plateformes B2B peuvent acheter des articles à
leur propre rythme, sans attendre que quelqu’un à l’autre bout du fil s’occupe
du processus d’achat.
 Vente incitative: Les plateformes B2B peuvent améliorer les capacités de
vente incitative et de vente croisée en suggérant des articles susceptibles
d’intéresser les clients.
 Amélioration du service client: Les clients peuvent contacter le personnel de
vente avant, pendant et après un achat pour poser des questions et recevoir de
l’aide.
 Catalogues de produits intuitifs: En visualisant et en comparant directement
les différents produits disponibles, les clients peuvent effectuer des achats plus
éclairés sans avoir à quitter la plateforme pour rechercher des informations
supplémentaires.
 Attirer de nouveaux clients: L’optimisation du référencement d’une
plateforme de commerce électronique B2B permet d’atteindre de nouveaux
clients de manière passive, sans qu’aucune action ne soit nécessaire de la part
de l’entreprise qui la possède.
 Marketing: Les plateformes de commerce électronique B2B peuvent
recueillir et exploiter les données des clients pour faciliter les achats futurs et
améliorer les capacités de marketing.
5.5 Avantages de l’EDI

L’EDI peut être utilisé pour une communication efficace de système à système,
éliminant ainsi les besoins de saisie manuelle des données tout en augmentant la
productivité et la visibilité de la chaîne d’approvisionnement. Il existe plusieurs types
d’intégration EDI, permettant aux utilisateurs de se connecter directement à leur ERP
ou par le biais d’un réseau à valeur ajoutée (RVA).
Les avantages de la mise en œuvre de l’EDI sont les suivants:
 Automatisation: Les systèmes EDI éliminent tous les processus banals et
répétitifs et facilitent la transmission immédiate de l’information dans un
format électronique. Les logiciels de traduction EDI permettent aux
entreprises de convertir automatiquement leurs documents au format EDI.
 Précision: Grâce à l’automatisation, les erreurs humaines sont
considérablement réduites.
 Rationalisation des processus: Les utilisateurs de l’EDI passent moins de
temps à remplir et à signer des formulaires et peuvent consacrer leur temps et
leur énergie à des tâches plus intellectuelles.
 Meilleure exécution des commandes: Une seule interaction EDI suffit à
gérer la majeure partie du processus de commande. Avec l’EDI, les
commandes sont reçues, emballées, vérifiées et expédiées plus rapidement
avec un minimum d’interaction humaine.
 Meilleure conformité: L’EDI garantit que les entreprises respectent toutes les
normes réglementaires fixées par les autorités et leurs partenaires.

Quand utiliser le commerce électronique et quand utiliser l’EDI?

On peut utiliser l’échange de données informatisées à des fins administratives, comme
l’automatisation des commandes, des tâches comptables et des expéditions. Le
commerce électronique B2B rend le catalogue d’une entreprise plus attrayant pour les
clients.
Le commerce électronique et l’EDI ne sont pas mutuellement exclusifs. Ces deux
technologies peuvent se complémenter.
 Lorsqu’ils fonctionnent en tandem, le commerce électronique et l’EDI peuvent
automatiser et optimiser l’ensemble du processus de commande en ligne.
Selon les recherches, le plus grand canal de vente électronique B2B est l’EDI. Plus de
75 % de toutes les ventes numériques en 2021 ont été rendues possibles par l’EDI. En
revanche, les ventes combinées des sites de commerce électronique, des portails de
connexion et des places de marché ne représentaient qu’un maigre 12,5 %. En 2021,
l’EDI a augmenté de 8,3 % par rapport à 2020, générant plus de 8 000 milliards de
dollars de ventes électroniques (source).
5.6 Les avantages de l’EDI et du commerce électronique ensemble
5.6 1 Capacités d’automatisation améliorées
Si une entreprise ne met en œuvre qu’une plateforme de commerce électronique pour
ses ventes B2B, elle ne bénéficie pas des niveaux d’automatisation plus poussés
offerts par l’EDI. Alors que les systèmes de commerce électronique interentreprises
permettent un certain degré d’automatisation, l’EDI a été conçu pour des opérations
de commande fluides d’ordinateur à ordinateur.
Automatisation et humains: peuvent-ils coexister?
5.6 2 Un réseau plus étendu de partenaires commerciaux
Lorsqu’il s’agit de travailler avec des commandes de gros volumes, l’EDI surpasse les
autres solutions de commerce électronique B2B. De nombreuses entreprises, y
compris de grands magasins de détail, ont adopté la norme EDI. En n’adoptant pas
cette technologie, les entreprises passent à côté de nombreux partenariats potentiels.
5.6 3 Meilleures relations avec les clients
L’EDI est idéal pour traiter les documents commerciaux et les processus automatisés.
Cependant, les capacités de cette technologie en matière de contact avec les clients
sont très limitées. Il est incroyablement compliqué de nouer des relations avec des
clients qui ne connaissent pas bien l’EDI sans une plateforme B2B pour simplifier les
interactions en ligne.
5.6 4 Outils d’achat intuitifs
Une plateforme B2B apporte de nombreuses fonctionnalités à l’expérience d’achat.
Par exemple, les clients qui utilisent un système de commerce électronique
interentreprises peuvent naviguer, comparer les produits et les ajouter à leur panier.
Les systèmes de commerce électronique sont également plus à même de satisfaire les
clients qui font des achats irréguliers ou leur premier achat.
EDI et commerce électronique: Quelle option est la meilleure?
L’EDI et le commerce électronique B2B offrent tous deux aux entreprises de vastes
possibilités de croissance. Cependant, l’EDI est meilleur pour traiter les commandes,
tandis que le commerce électronique interentreprises améliore l’expérience du client.
La meilleure option est d’utiliser les deux systèmes conjointement.
Les compétences des plateformes de commerce électronique interentreprises les
rendent plus aptes à:
 Offrir aux clients une plateforme où ils peuvent acheter des articles à leur
guise
 Afficher des catalogues de produits attrayants et interactifs
 Ajouter de la valeur par le biais de ventes incitatives et croisées
En comparaison, l’EDI est mieux adapté aux cas suivants:
 Soutenir la commande de biens et de services via un format électronique.
 Automatiser les commandes en se basant sur les niveaux de stock en temps
réel
 Respecter les exigences de la chaîne d’approvisionnement définies par les
partenaires commerciaux
Services EDI
Acquérez une solution EDI de pointe directement par le biais de votre navigateur
Internet avec le Web EDI de Vantree. Dites adieu aux documents papier et tirez
parti de l’automatisation pour bénéficier d’une expérience de commande en ligne
transparente.
Le Web EDI de Vantree permet aux petites et moyennes entreprises de créer,
recevoir, traiter et gérer des documents électroniques depuis le confort de leur
navigateur Web. Les utilisateurs ont accès à une assistance client 24 heures sur 24, 7
jours sur 7, assurée par des agents spécialisés qui peuvent les guider à chaque étape du
déploiement et de la mise en œuvre.
Conclusion Générale
 Conclusion Générale
Malgré les difficultés rencontrées par le commerce électronique au monde dans
ces débuts, il est devenu indispensable et il ouvrira de nouveaux horizons pour le
développement du commerce et la facilité de l'échange entre le producteur et le
consommateur. L’utilisation intensifiée du service World Wide Web sur internet qui
est devenu actuellement accessible au grand public, a encouragé la création de sites
web dans tous les domaines de la vie. Le commerce est une activité cruciale dans notre
mode de vie, et son avenir sur internet est assuré. Le e-commerce deviendra le mode de
commerce le plus adapté à l'espérance de la clientèle future.

Afin de parvenir à des résultats satisfaisants, nous avons basé dans notre travail
sur les points suivants:

- L'utilisation de UML 2.0 pour produire une conception simple, claire et

détaillée.
- L'utilisation des dernières technologies disponibles.

Pour cela on a vu utile d'utiliser la nouvelle technologie de programmation web

connu avec les outils d'Adobe Dreamweaver CS5 pour atteindre nos objectifs:

- L'utilisation de la technologie PHP et MySql dans l'environnement de

Dreamweaver pour créer et optimiser notre site web.
- Utilisation du système de paiement célèbre, sécurisé et facile à utiliser :
PayPal.
- Réaliser un site web relié à l'activité de PRUCAC (Présentation de produits, la
vente, compte clients …etc.)

Enfin il reste de dire que se travail a met en place juste une plateforme de base
pour débuter une application web e-commerce sans tenir en compte de plusieurs choses et
autres options possibles à ajouter dans le futur par d'autres étudiants:

- Intégration du service livraison des produits.

- Ajout des produits à télécharger comme des logiciels ou des documents.
- Ajouter plus de détails aux produits.
Et aussi d’autres propositions dans ce cadre pour le développement de ce modeste
travail.

REMERCIEME
NTS
Remerciements à Dieu-le tout puissant-qui nous à aider a réalisé ce modeste
travail.

Nous tenons à remercier notre encadreur : Monsieur ……….

Avoir accepté de nous encadrer et nous suivre durant tout cette période de réalisation
de ce mémoire.

Nos remerciements aussi à tous les enseignants d’informatique.

Et en fin nos remerciements à tous ceux qui ont aidé de près ou de loin à la
réalisation de ce travail ainsi que les étudiants de notre promotion, l’expression de nos
remerciements les plus chaleureux à tout le monde et qu’ils sachent combien nous
leurs sommes reconnaissants non seulement de l’aide, mais aussi de l’esprit amical
dans lequel ils ont collaboré à ce projet.
Liste des figures
FIGURE Chapitre I : Introduction au e-commerce
PAGE
Figure 1 .1: S'incrire dans eBay 12

Figure 1 .2: la recherche dans eBay 12

Figure 1 .3: les information paré achat 13

Figure 1 .4: Acheter le produits choisie 14

Figure 1 .5: Payer votre objet 15

Figure 1 .6: Groupe Benhamadi 19

FIGURE Chapitre II: Présentation & Architecture d'Internet

PAGE
Figure 2 .1: Le principe d’une connexion Internet. 24

Figure 2 .2: Fonctionnement du système Client/Serveur. 26

FIGURE Chapitre III: Modélisation

PAGE

Figure3.1: Diagramme de cas d'utilisation. 38

Figure3.2 : Représentation d’une classe. 40

Figure3.3: Diagramme de séquence 41

Figure 3.4 : Barres d'activation 42

Figure 3.5: Diagramme de collaboration (communication) 43

Figure 3.6: Diagramme de déploiement 43

Figure 3.7: Diagramme de machine d'états 44

Figure 3.8: Diagramme d'activités(Transition automatique entre action) 44

Figure 3.9: Diagramme d'activités(Transition conditionnelle) 45

Figure3.10: Diagramme de cas d’utilisation 48

Figure3.11 : Diagramme de cas d’utilisation associé au scénario 49

«Administrateur»
Figure3.12 : Diagramme de cas d’utilisation associé au scénario« rechercher 49
des produits »
Figure3.13 : Diagramme De Séquence associé au scénario « acces admin» 50

Figure3.14 : Diagramme de communication associé «acces admin» 51

Figure3.15 : Diagramme de classe associé «acces admin» 51

Figure3.16 : Diagramme de séquence associé au scénario « ajouter produits» 52

Figure3.17 : Diagramme de communication associé «ajouter produits» 53

Figure3.18 : Diagramme de classe associé «ajouter produits» 53

Figure3.19 : Diagramme de séquence associé au scénario « supprimer produit 54

»
Figure3.20 : Diagramme de communication associé «supprimer produits» 55

Figure3.21 : Diagramme de classe associé «supprimer produits» 55

Figure3.22: Diagramme de séquence associé au scénario «modification 56

produits»
Figure3.23 : Diagramme de communication associé «modifier produits» 57

Figure3.24 : Diagramme de classe associé «Modifier produits» 57

Figure3.25 : Diagramme de séquence associé au scénario « l’inscription » 58

Figure3.26 : Diagramme de communication «L’inscription» 59

Figure3.27 : Diagramme de classe associé «L’inscription» 59

Figure3.28 : Diagramme de séquence associé au scénario « rechercher des 60

produits »
Figure3.29 : Diagramme de communication associé «rechercher» 61

Figure3.30 : Diagramme de classe associé «rechercher» 61

Figure3.31 : Diagramme de séquence associer au scénario « consulter d’un produits » 62

Figure3.32 : Diagramme de communication associé «consulter d’un produit» 63

Figure3.33 : Diagramme de classe associé «consulter d’un produits» 63

Figure3.34 : Diagramme de séquence associer au scénario « afficher photo » 64

Figure3.35 : Diagramme de communication associé «afficher photo d’un 65

produit»
Figure3.36 : Diagramme de classe associé «afficher photo d’un produit» 65

Figure3.37 : Diagramme de séquence associer au scénario «commander» 66

Figure 3.38: Diagramme de communication «commander-client» 67

Figure3.39 : Diagramme de classe associé «commander-client» 67

Figure3.40 : Diagramme De Séquence Associer au scénario «payer» 68

Figure3.41 : Diagramme de communication associé «payer» 69

Figure3.42 : Diagramme de classe global 70

Figure Diagramme de pages admin 74

3.43 :

Figure Diagramme de pages clients 75

3.44 :

Figure Modèle entité association de base de données 72

3.45 :

Chapitre IV: Réalisation

PAGE
Figure 4.1 : Serveur et clients de MySQL. 80

Figure 4.2 : WampServer 82

Figure4 .3: Architecture d'un site web avec Mysql/php 83

Figure 4.4 : La présentation Dremweaver 85

 Les Références
] [Link]
solutions-de-paiement-en-ligne

[3] [Link]

[4] [Link]

[5] [Link]

[6] [Link]

[7] [Link]

[8] [Link]

[9] [Link]

[10] [Link]

[11] [Link]

[12] [Link]

[13] [Link]

[14] [Link]

[15] [Link]

[16] [Link]
[Link]

[17] [Link]

[18] [Link]
protocole-ftp

[20] Josepen gabay, Merise et UML, 2001.

[25] [Link]

[26] [Link]

[Link]