CHAPITRE 1 : Généralités sur le Web et le e-Commerce

1.2 Le Web :

 1.2.1 Définition :
Le World Wide Web (WWW), littéralement la « toile d’araignée mondiale », communément appelée le Web, et parfois la
Toile, est un système hypertexte public fonctionnant sur internet .Le Web permet de consulter, avec un navigateur des
pages accessibles sur des sites. L’image de la toile d'araignée vient des hyperliens qui lient les pages web entre elles. Le
Web n’est qu'une des applications d’Internet distincte d’autres applications comme le courrier électronique, la messagerie
instantanée, et le partage de fichiers en pair à pair [1] .

 1.2.2 Evolution du Web :

Le Web fait parti e de nos vies depuis plus de 25 ans ! Il a été inventé par Tim Berner -Lee en 1989, un
ingénieur britannique qui travaillait au Centre européen de rech erche nucléaire Initi alement, il est
caractérisé par une évoluti on :

D’abord, le Web 1.0 est la première génération du Web, au sens auquel nous l’entendons aujourd’hui. Le Web 1.0 a pris
forme dans les années 1990, notamment avec les débuts d’Internet. À cette époque, il s’agissait surtout de Web statique,
donc de présentation de produits et de services. Il servait surtout à distribuer des informations. Les interactions avec les
internautes étaient presque inexistantes. Ensuite, autour des années 2000, le Web 2.0 est apparu. Le Web 2.0 est souvent
appelé le Web social. En effet, l’utilisation des courriels prend de l’ampleur et on assiste à la naissance des réseaux sociaux.
Internet se mondialise et se spécialise.

Le Web 3.0 arrive autour de 2010 c’est Web sémantique où les informations ne seraient plus stockées mais «comprises»
par les ordinateurs afin d'apporter à l'utilisateur ce qu'il cherche vraiment. Le Web sémantique est ce que l'on pourrait
appeler l'avènement d'outils permettant de transformer automatiquement les données en informations, et les informations
en savoir. Le principe repose sur l'intelligence collective des utilisateurs. En 2020 La quatrième génération d’Internet Web
4.0 est apparue elle est ultra-intelligente et a pour technologies motrices la robotique, l’intelligence artificielle,
.l’apprentissage automatique, Cette technologie a connu un grand essor et accompagne aujourd’hui nombre d’entreprises
dans leur fonctionnement. [2]

 1.2.3 Standards du Web :

Sont différentes technologies et protocoles utilisés sur le Web et en particulier ceux définis par le W3C sous forme
de recommandations.

Cette expression a été popularisée à partir de la fin des années 1990, à travers des ouvrages de designers tels que Designing
With Web Standards de Jeffrey Zeldman, ainsi que l'action d'associations de professionnels du Web , ou encore en France le
collectif Open web, Elle se réfère principalement aux technologies formant le socle principal d'un document web : le HTML
et le XHTML, les feuilles de style en cascade (CSS) et le DOM (Document Object Model) ainsi que sa manipulation
avec JavaScript. Cependant, elle peut également, selon les contextes, s'étendre à un ensemble plus vaste, dont :

HTTP (Hypertext Transfer Protocol) SMIL (Synchronized Multimedia Integration language)

PNG (Portable Network Graphics) URI (Uniform Resource Identifier)
SVG (Scalable Vector Graphics) XML (Extensible Markup Language)

RDF (Resource Description Framework) WCAG (Web Content Accessibility Guidelines) [3]
 1.2.4 Site Web:

 1.2.4.1 Définition :
Un site web est composé d'un ensemble de documents structurés, nommés pages web, stockés (hébergés) sur un
ordinateur (serveur) connecté au réseau mondial (internet).Une page web contient essentiellement du texte, et est
souvent enrichie d'images, de sons, de vidéos et de liens vers d'autres pages web [4] .

 1.2.4.2 Les Types des sites Web :

Il existe deux types des sites web : Les sites web statiques et les sites web dynamiques.
 Sites statiques : Ce sont des sites réalisés uniquement à l’aide des langages HTML et CSS .Ils fonctionnent très
bien mais leur contenu ne peut pas être mis à jour automatiquement, Ce n’est pas très pratique quand on doit
mettre à jour son site plusieurs fois dans la même journée, les sites statiques sont donc bien adaptes pour réaliser
des sites « vitrine ».Ce type se fait de plus rare aujourd’hui, car dès que l’on rajoute un élément d’interaction.
 Sites dynamiques : Plus complexes, ils utilisent d’autres langages en plus de HTML et CSS, tels que PHP et
MYSQL le contenu de ces sites web est dit «dynamique » car il peut changer sans l’intervention du webmaster .Le
seul prérequis pour apprendre à créer ce type de sites est de déjà savoir réaliser des sites statiques en HTML et CSS
[5] .

 1.2.4.3 langages Web :

 HTML (HyperText Markup Language)
Le langage HTML (HyperText Markup Language) est utilisé afin de mettre en œuvre des pages Web contenant des liens
et des éléments graphiques. Ces pages sont conçues pour être affichées dans des applications appelées par un
navigateur Web. La première version de cette spécification a été publiée en juin 1993 en tant que document de travail
par l’IETF (Internet Engineering Task Force) et ne correspondait donc pas véritablement à un standard. Il est basé sur le
SGML (Standard Generalized Markup Language) qui est un langage construit à partir de balises standardisées, destiné à
assurer l'interopérabilité des documents web. [6]

 CSS (Cascading Style Sheets)

Un langage spécifique au Web, fréquemment employé comme complément du langage HTML, les standard
définissant CSS sont publiés par le World Wide Web Consortium (W3C), Grâce à ce langage vous pouvez en effet
appliquer des règles de mise en forme (titrage, alignement, polices, couleurs, bordures, etc.) à plusieurs documents
simultanément. [7]

 PHP (Personale Home Pages)

Un langage de programmation libre, principalement utilisé pour produire des pages Web dynamiques via un serveur
HTTP. PHP est un langage impératif orienté objet. Il s'agit d'un langage de script interprété côté serveur. Pour décrire
une page PHP, on pourrait dire que c’est un fichier avec l’extension, lequel contient une combinaison de balises HTML et
de scripts qui tournent sur un serveur web [8] .

 JavaScript
JavaScript est un langage de programmation principalement utilisé pour créer des pages web interactives. Ce
langage, incorporé dans un document HTML, n'est pas visible dans la fenêtre du navigateur. Il sert à améliorer le
Langage html en effet, il permet d'exécuter des commandes du côté client (c'est-à-dire au niveau du navigateur et
 non du serveur web). Ce code qui est exécuté par le navigateur Web est utile pour toutes les interactions du client
sur la page Web [9] .

 1.2.4.4 Etapes de création d’un site web :

1- Analyse et conception :

La conception d'un site permet de mettre en place un modèle sur lequel on va s'appuyer lors de l'implémentation.
Cette étape doit donner lieu à l'élaboration d'un cahier des charges décrivant l'ensemble des fonctionnalités prévues
pour la réalisation du site web. La conception d'un site Internet découle ainsi directement de la définition des besoins.
L'analyse des besoins du site concerne alors les points suivants :

+ Le type de votre site (e-commerce, Blog professionnel, vitrine, etc.)

+ Le type de contenu qu'il faut intégrer dans le site : Un site web se construit en fonction de son contenu. Il faut savoir
de quels types de documents le concepteur dispose-t-il pour alimenter le site. Cela peut être du texte, des images, des
animations, de la vidéo ou du son...

+ La forme des données : CD-ROM, disquette, papier, photos, etc. Ce qui permet d'estimer le temps éventuel de
numérisation des données.

+ Déterminer le public du site : Savoir à qui le concepteur s'adresse est primordial pour définir un certain nombre
d'éléments liés à l'aspect graphique et au ton rédactionnel qu'il convient d'employer.

+ Définir la structure du site : Il s'agit d'organiser le contenu du site de manière logique pour que les internautes
puissent accéder à l'information le plus rapidement et le plus simplement possible, sans être perdus au bout de
quelques clics. La structure la plus souvent adoptée comprend :

- Une page d'accueil : c'est la première page du site. Cette page renvoie sur les différentes rubriques
contenues dans le site.

- La page présentation : servant à présenter le site et son contenu.

- Les pages rubriques : ce sont les autres rubriques du site.

- La page contact : définissant les approches de contact, soit par mail soit par voie postale classique, offertes
aux internautes.

+ Définir la charte graphique du site : C’est l'élaboration et la description des différents éléments graphiques qui
composent l'aspect du site web. L'ensemble comprend le logo, une bannière, les boutons, les en-têtes, les images, les
couleurs, les polices de caractères utilisées, le système de navigation ... Le graphisme est un élément important pour la
fréquentation du site et la compréhension de son contenu. Quand on recherche une information sur Internet, on
obtient une multitude de réponses. Le graphisme peut être un élément décisif dans le choix de l'internaute. [10]
 2- Réalisation :

La réalisation c’est une étape de concrétisation du projet client. C’est le développement

Pur, celle où il faut produire le code nécessaire aux besoins du site.

Les maquettes graphiques sont transformées en pages html.

La réalisation d’un site web s’appuie sur un ensemble d’outils et de technologies de

Développement web. On émérite :

1) l’ensemble des outils pris en charge par le navigateur (les technologies coté client)

Définies dans ce qui suit : CSS, XSL, JavaScript, applets Java.

2) . l’ensemble des outils exécutés sur le serveur web (les technologies coté serveur)

parmi c’est technologies on cite : un script cg, cold fusion, java serveur page (esp) ,

Servlet java.

3- Association du nom de domaine :

C’est l’adresse du site internet qui permet de le retrouver facilement sur les moteurs de recherche. Il est constitué d’une
suite de lettres et / ou de chiffres séparés ou non par un tiret.

L’adresse de site appelée (URL) est structurée de la manière suivante :

Exemple : www.google.com

 Sous-domaine (www)
 Nom de domaine (google)
 Extension (.com.,.fr,.org,.eu ,ect.) [12]

4- Hébergement :

Afin de rendre disponible un site web 24/24H il est nécessaire qu'il soit hébergé sur un serveur relié en permanence
à Internet et On distingue généralement les types d'hébergement suivants :

 L'hébergement mutualisé : il consiste à héberger les données de plusieurs sites sur un seul et même
serveur. Les ressources du serveur sont donc partagées.
  L'hébergement dédié : il consiste à héberger les données d’un seul site sur un seul serveur. Ici, les
ressources du serveur sont dédiées à un site.
 L'hébergement VPS : il consiste à créer plusieurs serveurs virtuels sur un seul et même serveur réel. Les
ressources du serveur sont alors divisées entre plusieurs sites.
 Le Cloud : il consiste à héberger les données d’un site sur plusieurs serveurs connectés en réseau. Le
site utilise alors uniquement les ressources nécessaires à son fonctionnement. [13]

5- Référencement:

Est souvent utilisée de manier impropre pou dégainer tout le processus d’augmentation de visibilité d’un site web au
travers des moteurs de recherche, incluant donc le positionnement, la vérification du trafic engendre, etc. Alors ce
service a l'avantage de faire connaître le site aux internautes, d'en accroître la visibilité et d'en augmenter ainsi le
nombre de prospects. [14]

1.3 E-commerce :

 1.3.1 Définition de l’e-commerce :

Le commerce électronique réseaux, communément appelé commerce électronique, est le commerce de produits ou de
services à l'aide de l'informatique, tels qu'Internet. Le commerce électronique s'appuie sur des technologies telles que le
commerce mobile, le transfert électronique de fonds, la gestion de la chaîne d'approvisionnement, le marketing Internet,
le traitement des transactions en ligne, les données électroniques d'échange, des systèmes de gestion des stocks et des
systèmes automatisés de collecte de données. Le commerce électronique moderne utilise généralement le World Wide
Web pendant au moins une partie du cycle de vie de la transaction, bien qu'il puisse également utiliser d'autres
technologies telles que le courrier électronique. [15]

 1.3.2 Les différents types de l' e-commerce:

Le e-commerce désigne tous les types de transactions qui s’effectuent en ligne. Plus précisément, il fait référence aux
achats et aux ventes de produits et de services par le biais d’internet. Les différents types d’e-commerce sont :

Business-to-Business (B2B) :
Le B2B est une transaction où il y a échange entre deux entreprises. Ce genre de transaction implique le plus
souvent des prix en gros ou des commandes de grandes quantités. Les produits souvent impliqués dans ces
transactions sont les fournitures de bureau, l’essence, l’huile, l’équipement médical, etc.

Business-to-Consumer (B2C) :
Contrairement au B2B, le B2C regroupe toutes les transactions faites entre une entreprise et un
consommateur. Ce système de vente est beaucoup plus utilisé dans le domaine du commerce électronique.
Cette transaction ne se limite pas seulement aux produits, mais peut s’étendre aux services comme des
conseils financiers ou des abonnements.
 Consumer-to-Consumer (C2C) :
Le modèle C2C désigne la vente de produits ou de services entre les clients. Il est donc question des relations
de ventes de consommateur à consommateur. Ce modèle d’e-commerce permet aux particuliers de vendre
leurs marchandises en ligne sans disposer de boutique physique. La plateforme qui fait ce type d’e-commerce
ne possède ni ne vend elle-même aucun produit.

Consumer-to-Business (C2B):
Ce genre de modèle est régulièrement employé dans les projets de financements participatifs. Ce modèle offre
aux entreprises la possibilité de recevoir de la valeur des consommateurs. Ainsi, avec ce type d’e-commerce, les
consommateurs peuvent offrir un service aux entreprises par le biais d’un système d’enchères inversées.

Business-to-Administration (B2A):
C’est un modèle qui regroupe les échanges effectués entre les entreprises et les administrations en ligne. Il
comprend des services comme les mesures fiscales, la sécurité sociale, des documents juridiques et le reste des
opérations en rapport avec l’administration.

Consumer-to-Administration (C2A):
Le C2A possède le même système que le B2A, seulement qu’ici, ce sont les consommateurs qui vendent
des produits ou des services en ligne à l’administration. [16]

 1.3.3 Avantages et inconvénients du commerce électronique :

Le commerce électronique a beaucoup d'avantages. Mais comme nous le savons dans tous les domaines de notre vie, il y
a " sur le déjeuner gratuit ". Bien sûr, le commerce électronique a quelques inconvénients (voir le tableau 1 et 2

Avantages

…pour le client ...pour le fournisseur

 pas de questions en attente (si le réseau est  un meilleur service client peut être offert.
disponible et le logiciel conçu de manière  communication rapide avec le client.
appropriée).  potentiel de nouveaux clients à travers le
 heures d'achat flexibles 24h. monde visiblement .
 faire les courses à la maison (nous n'avons  intermédiaires non (traditionnels) , qui
pas à sortir de votre appartement, faire le prélèvent des marges .
plein de votre voiture ou acheter un ticket de
métro, chercher une place de parking, etc.).
 les besoins individuels peuvent être couverts
(si la personnalisation est offerte).
 offres globales, plus de concurrence, pression
sur les prix.

Tableau 1 : avantages du commerce électronique

[15]
 Inconvénients

…pour le client ...pour le fournisseur

 Risques de sécurité :  coût logistique plus élevé (les marchandises

o vol de données (par exemple, vol de numéros de doivent être envoyées chez le client).
compte ou de carte de crédit) .  anonymat des clients ( comment faire des
o usurpation d'identité (agissant sous notre nom publicités ciblées ?).
ou sous notre identité d'utilisateur).
o abus (par exemple, une tierce personne
commande des marchandises avec notre identité,
les fait livrer et nous devons jouer pour cela).

o La criminalité :
o fausse entreprise (l'entreprise n'existe pas
vraiment) .
o fraude (par exemple, la commande est
confirmée, la facture doit être payée,
mais les marchandises ne sont jamais
livrées).

 statut juridique incertain (si quelque

chose ne va pas, peut-on accuser le
prestataire ?)

Tableau 2 : inconvénients du commerce électronique [15]

1.4 Présentation du projet :

 1.4.1 Qu’est-ce qu’une boutique en ligne ?

Est un site web commercial permettant à l'internaute d'acheter des produits à partir de son ordinateur.
 Sur une boutique en ligne comme dans un magasin réel, on peut choisir et payer des articles.

Pour acheter dans une boutique en ligne, il suffit le plus souvent de cliquer sur les produits sélectionnés puis de les ajouter
dans un panier d'achat virtuel. [17]

 1.4.2 Objectifs du projet :

L’objectif du projet consiste à développer un site web dynamique d’une boutique de matériels audiovisuels.

Ce site permettra de réaliser les opérations suivantes :

 Gérer les relations avec les clients,

 Gérer les relations avec les fournisseurs,
 Gérer les commandes,
 Mettre en place des promotions,
 Gérer les produits (ajouter, modifier ou supprimer des produits),

En effet, ce site donne aux internautes la possibilité de s’inscrire, effectuer leurs demandes en ligne, et de recevoir une
confirmation immédiate. En plus, les internautes peuvent consulter en ligne le catalogue et toutes ses nouveautés. [18]

 1.4.3 Etude de l’existant :

Pour acheter un équipement de communication telle qu’un téléphone portable ou un ordinateur portable, le
client doit se déplacer directement au local de la société afin de chercher une offre de vente qui satisfait ses
besoins. Ses 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 ses annonces de vente et services, à l’exception
des supports traditionnels tels que les journaux ou les petites affiches. Ainsi, un moyen fiable et automatisé
permettant d’informer un grand nombre de clients des offres de vente et des services nécessaires. Divers autres
traitements sont, d’ailleurs, sources de problèmes, adoptant les méthodes traditionnelles de travail :

 le règlement des factures se fait en espèce ou par chèque, sur place.

 l’enregistrement des clients se fait manuellement sur papier.
 les produits sont classés par catégorie (caméra numérique, caméra de surveillance et
matériel sono) et par sous-catégorie non liées et non hiérarchisées, ce qui rend la recherche
plus pénible.
 les documents sont nombreux et mal organisés.
 Vu l'accroissement de la technologie Internet, l'achat en ligne est devenu une nécessité
incontournable pour les commerçants. [18]

 1.4.4 Critiques de l’existant :

La solution actuelle est manuelle, posant ainsi des problèmes différents, à savoir :

 L'abondance des documents dans l'entreprise qui peut ralentir les services.
 Risque de mélanger les documents; ce qui peut être fatal.
 La suivie en ligne des clients et des fournisseurs (suivie de livraison, suivie de commandes).
 La perte de la clientèle est possible, surtout quand le traitement de leurs demandes traîne ou prend
beaucoup de temps pour être livré.
  1.4.5 Solutions proposées :

Grâce à Internet, de nouvelles perspectives de développement apparaissent dans l'élargissement du marché économique.
La création d’un site Internet a pour but de valoriser l'image de la société et faire des économies. L'utilisation d'Internet,
comme segment de communication de masse, permet également de baisser des coûts marketing 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 commercialisation de matériels
audiovisuels. Ceci est possible à travers des catalogues en ligne proposant ces matériels 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 suit 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 internationale), et d’offrir une meilleure qualité de
service en communication et en commerce.

Ce site devra contenir deux interfaces séparées :

 Partie administrateur du site :

Cette partie permettra le stockage des documents et leur publication sur internet. Ce mécanisme est accompli par
l’administrateur du site qui doit s’authentifier avec son login et son mot de passe à partir de la page d’accueil. Après son
authentification comme administrateur, il pourra accéder à la page qui lui permettra de gérer les outils d’administration. Le
site affichera toutes les tâches qui peuvent être effectuées par l’administrateur qui pourra :

 Ajouter un produit : chaque produit est caractérisé par son nom et sa catégorie.
 Gérer des comptes : ajout ou suppression d’un compte. Chaque compte est caractérisé par
le login, le mot de passe, le nom et le prénom de l’administrateur.
 Déconnexion : cela permet la sécurité de l’interface

 Partie client :
Cette interface doit être accessible à n’importe quel internaute cherchant des produits et effectuant des commandes.

 1.4.6 Modes de payements électroniques :

L’objectif du commerçant sur internet est bien évidemment d’aboutir, pour chaque visite d’un client sur son site, à une
transaction d’achat. Dans la vie courante, l’acte d’achat est tellement banalisé que personne ne prête plus attention à la
multitude de présupposés culturels et organisationnels mis en œuvre. Une des difficultés du commerce en ligne est de trouver
un substitut à la transaction de contact entre acheteur et vendeur du monde réel, et qui, si possible, offre des
avantages pour l’un et pour l’autre : ergonomie, simplicité, sécurité, audibilité, universalité des usages, interopérabilité,
anonymat dans certains cas, et... coûts d’exploitation et commissions réduites.
Il y a actuellement, surtout si l’on considère à la fois les services de paiement et micro paiement, des dizaines de systèmes
différents. Cette prolifération, même si l’on sent bien que des convergences se dessinent, n’aide pas le commerce
électronique à se développer, et va à l’encontre de la demande de simplification et de transparence souhaitée par
l’utilisateur. [19]
 BIBLIOGRAPHIE

[1] https://fr.wikipedia.org/wiki/World_Wide_Web

[2] Francine Charest et François Bedard ; livre : Les racines communicationnelles du Web et
des médias sociaux.

[3] http://www.standard-du-web.com/.

[4] https://fr.wikipedia.org/wiki/Site_web#.C3.89tapes_de_conception_de_site_web

[5] Mathieu Nebra ; livre : Concevez votre web avec PHP et MySQL.

[6] Thierry Templier ; livre : JavaScript pour le Web 2.0.

[7] Raphaël Goetter ; livre : CSS 2 Pratique du design web.

[8] https://www.codingame.com/playgrounds/34845/le-php---les-bases-du-
langage/introduction

[9] https://www.gralon.net/articles/internet-et-webmaster/creation-site-internet/article-
javascript---presentation-et-applications-1776.htm

[10] https://www.memoireonline.com/01/13/6844/m_Conception-et-realisation-dun-site-
web-pour-le-departement-dinformatique.html

[12] https://blog.assoconnect.com/articles/6529-5-conseils-pour-choisir-le-nom-de-domaine-
du-site-de-votre-association

[13] https://www.commentcamarche.net/faq/1624-choisir-le-meilleur-hebergeur-web-gratuit-
ou-payant

[14] Eyrolles ; livre : Réussir son référencement web.

[15] Marin Kutz ; livre : Introduction To E-Commerce.

[16] https://overzaz.com/

[17] http://www.dicodunet.com/definitions/e-commerce/boutique-en-ligne.htm

[18] http://dspace.univ-tlemcen.dz/bitstream/112/5802/1/Web-E-Commerce.pdf

[19] jean –Claude Pailles ; livre : la finance électronique

CHAPITRE 1 : Généralités sur le Web et le e-Commerce