EL HADDIOUI - NTIC Et E-Commerce

Pr.
EL HADDIOUI Ismail
Université Hassan II – Casablanca Maroc
ismail.elhaddioui@gmail.com
NTIC
 Le terme NTIC (nouvelles technologies de l'information et de la
communication) a été utilisé au cours des années 1990 et au début des
années 2000 pour caractériser certaines technologies dites « nouvelles ».
 Il s'agit parfois de distinguer les technologies basées sur l'Internet par

opposition aux télécommunications traditionnelles.
 Il s'agit parfois de distinguer les plateformes du web 2.0 par opposition

au Web 1.0
NTIC & e-Commerce - Dr. Ismail EL HADDIOUI - ESTC - ismail.elhaddioui@gmail.com 2

Histoire du Web
 1969 : création de l’ancêtre d’Internet, appelé ARPAnet. Un réseau
militaire décentralisé qui est devenu un lieu d’échange universitaire.
 1972 : apparition des e-mails pour échanger des messages.
 1989 : Le chercheur britannique Tim Berners-Lee a inventé le World Wide

Web. L'idée de base du WWW était de combiner les technologies des
ordinateurs personnels, des réseaux informatiques et de l'hypertexte pour
créer un système d'information mondial, puissant et facile à utiliser.
 1991 : Tim Berners-Lee lance son premier logiciel WWW, qui incluait le
navigateur en mode ligne et un logiciel pour le serveur Web.
 1992 : 26 sites web fiables dans le monde, dont le premier site français :
info.in2p3.fr (L'institut national de physique nucléaire et de physique des
particules à Lyon).
Histoire du Web
 1993 : Les images dans les pages web.
 1994 : Yahoo! créé par deux étudiants de l'université Stanford + l'apparition
du navigateur Netscape Navigator 1.0.
 1994 : Entreprise de l'e-commerce Amazon. Fondateur Jeff Bezos.
 1995 : Microsoft Internet Explorer 1.0 et 2.0 + moteur de recherche
AltaVista.
 1998 : Entreprise et Moteur de recherche Google. Fondateurs : Larry Page
et Sergey Brin
 2001 : L' encyclopédie Wikipedia.
 2004 : Réseau social Facebook. Fondateurs : Mark Zuckerberg et ses
camarades de l'université Harvard.
Du Web 1.0 au Web 2.0
 Le Web 2.0, appelé aussi le Web participatif, désigne l'ensemble
des techniques, des fonctionnalités et des usages qui ont suivi la
forme originelle du Web, caractérisé par plus de simplicité et
d'interactivité. Il concerne en particulier les interfaces et les
échanges permettant aux internautes ayant peu de connaissances
techniques de s'approprier des fonctionnalités du Web. Ils peuvent
d'une part contribuer à l'échange d'informations et interagir
(partager, échanger, etc.) de façon simple, à la fois au niveau du
contenu et de la structure des pages, et d'autre part entre eux,
créant notamment le Web social. Ce terme est popularisé depuis
les années 2003-2005.

 Les 7 principes du Web 2.0
1. Le Web en tant que plate-forme

2. Tirer parti de l’intelligence collective
3. La puissance est dans les données
4. La fin des cycles de release
5. Des modèles de programmation légers
6. Le logiciel se libère du PC
7. Enrichir les interfaces utilisateur

1. Le Web en tant que plate-forme
 On passe d’une collection de sites web à une plateforme
informatique fournissant des applications web aux utilisateurs
 Ces applications présentent de nouvelles caractéristiques. Elles :
 ne nécessitent pas de téléchargement sur la machine personnelle
 sont accessibles à partir de n’importe quel ordinateur grâce au login et

au mot de passe
 sont sécurisées puisque dans le cas où un problème surviendrait sur
l’ordinateur personnel, cela n’aurait aucun impact sur l’ensemble des
données

2. Tirer parti de l’intelligence collective
 Les contributions des utilisateurs procurent une valeur ajoutée. Elle
est sous forme de :
 Connaissances
 Commentaires
 Évaluations
 Exemples : Wikipedia, Amazon, Facebook…

3. La puissance est dans les données
 Toutes les applications web d’importance sont généralement liées
à une base de données spécialisée
 Conséquences :
 De gros efforts en terme de sécurité
 Une attentive politique de respect de la vie privée des utilisateurs

4. La fin des cycles de release
 Les applications sont constamment améliorées
 C’est le principe de la “version bêta perpétuelle”
 Les utilisateurs deviennent des co-développeurs

 Ils sont invités à utiliser les applications
 Ils sont invités à laisser des feedback qui seront utilisés pour :
 Améliorer les services
 Ajouter de nouvelles fonctionnalités
 Exemple : Wordpress, Wix, Shopify, Odoo…

5. Des modèles de programmation légers
 Création d’applications flexibles et facile à réutiliser basées souvent
sur le Web scraping : C'est une technique d'extraction du contenu de
sites Web, via un script ou un programme, dans le but de le
transformer pour permettre son utilisation dans un autre contexte.
 Exemples :
 API Google Maps
 API Weather.com
 API Time
 API : Application Programming Interface

6. Le logiciel se libère du PC
 Indépendance d’une plateforme spécifique (Windows, Linux,
Mac)…
7. Enrichir les interfaces utilisateur
 La simplicité des interfaces incite les utilisateurs implicitement et
explicitement à ajouter de la valeur à l’application et à la rendre
populaire grâce à l’effet réseau.

Types d’internautes 2.0
 Les inactifs
 Les spectateurs : consommateurs de contenus texte ou multimédia

(blogs, vidéos mis en ligne par d’autres utilisateurs, podcast)
 Les enregistrés : typiques utilisateurs de réseaux sociaux
 Les critiques : postent des commentaires sur les blogs, des avis et
critiques
 Les collecteurs : utilisent des flux RSS et taggent les pages web
 Les créateurs : publient des contenus en ligne (blogs, vidéos, etc.)

Web 1.0 vs Web 2.0
 Interactivité avec les utilisateurs

Web 1.0 vs Web 2.0
 Outils Web 2.0

Web 1.0 vs Web 2.0
 Outils Web 2.0

Design Web 2.0
 Simplicité
 Centrage du gabarit
 Minimum de colonnes dans l’interface (2)
 Séparation et distinction de l’entête : couleur
 Simple navigation : liens, onglets, …
 Logo textuel
 Interfaces riches en effets spéciaux, 3D, …
 Utilisation des dégradés et des réflexions

Notions du Web 3.0
Introduction
 Les pages web sont développées via le langage de balises
HTML
 HTML décrit uniquement la structure de l’information
 Donc, la syntaxe et non pas la sémantique
 Et, si les ordinateurs puissent comprendre le sens caché par les

informations ?
 Donc, ils peuvent lire et comprendre ce que nous voulons

Notions du Web 3.0
Axes du changement :
 Web as a Database ou Le web sémantique ou Web 3.0
 Le web mobile
 Saas : Software as a Service ou Les applications orientées web

Le Web 3.0 (Le web sémantique)
 Le web sémantique s’intéresse aux objets, aux sens, Il peut :
 Connaître les personnes, les entreprises, les lieux, les évènements…
 Comprendre les liaisons et les relations entre les objets
 Le Web sémantique consiste à ajouter des informations cachées

destinées à être utilisées par des applications, des robots de
moteurs de recherche, etc.

Web 3.0 : Applications orientées web
 Actuellement, une des tendances importantes du Web consiste à
développer et adapter des applications uniquement connues
jusqu'ici que sur nos bureaux en local
 Avantages :
 Pas d’installation,
 Accessibles depuis n’importe quel ordinateur,
 Plus de sécurité,
 Pas de problème de mise à jour.

Caractéristiques du Web 3.0
 Technologie : Le Web 3 est souvent considéré comme synonyme du
Web sémantique, permettant par exemple d’obtenir une réponse
cohérente et précise, à une question ciblée.
 Contenu : La révolution attendue du Web 3.0 consiste en une plus
grande intégration des sources d’information, avec des réponses à nos
requêtes plus intelligentes, plus pertinentes, et plus proches de
l’humain.
 Commerce : L’évolution technologique permettra au commerce en
ligne une parfaite intégration entre différents acteurs plus spécialisés et
participant à la chaîne de vente (vente, prélèvement du produit de son
lieu de stockage, paiement, expédition, facturation).

Caractéristiques du Web 3.0
 Pouvoir :
 Le pouvoir est désormais rendu aux utilisateurs.
 A côté des journalistes professionnels, des individus blogueurs délivrent

désormais de l’information, souvent appréciée pour son authenticité et son
style direct.
 Dimension sociale : Le Web 3 renforcera le phénomène collaboratif,

où le contenu et l'échange seront des points essentiels.

Aspects techniques du Web 3.0
 Il est généralement admis qu'une solution Web 3.0 doit montrer
certaines caractéristiques :
 Référence : ce n’est plus uniquement un site Web XHTML. Elle
peut être aussi une solution Web SaaS ;
 Mobilité : elle doit être indépendante de tout type de support (taille
d'écran, sortie imprimante, etc.) ;
 Universalité : elle doit être indépendante de tout système
d'exploitation, et de tout matériel (fabricant, marque, logiciel, ou de
plugin) ;

Aspects techniques du Web 3.0
 Accessibilité : strictement en conformité avec le W3C, ce qui
permet de rendre d'autres logiciels accessibles à l'aide de
Microformat et ouverts aux bases de données diverses.
 Séparation du contenu des documents de l’organisation de ce
contenu

Web 1.0 vs Web 2.0 vs Web 3.0

Où va-t-on ?

E-commerce
C’est l'échange ou la vente de biens, de services et d'informations par un
moyen électronique, souvent l’Internet.
Différents types de l’e-commerce :
 B2B : Business to Business

 B2C : Business to Consumer
 B2G : Business to Government (ou B2A)
 C2C : Consumer to Consumer
 G2C : Government to Consumer (ou A2C)
 G2B : Government to Business (ou A2B)

E-Commerce B2B VS e-Business
 Le terme e-Business est utilisé pour désigner principalement la
possibilité d’effectuer des transactions électroniques entre des
firmes, en faisant intervenir des systèmes d’information sous le
contrôle de ces firmes.
 Le B2B est simplement défini comme l’e-commerce entre des

entreprises, cela représente environ 80% des transactions en
e-commerce.

E-Commerce B2C
Les caractéristiques
des cyber-acheteurs
Les tendances :
- Du e-Commerce au Mobile first
- Du Mobile first au Mobile only
(Statistiques de 2018)
Réalité virtuelle / Réalité augmentée
 Le challenge n°1 des e-commerçants : fournir une expérience
remarquable à ses clients sur tous les points de contact avec la marque.
 En ce sens, la réalité virtuelle ou la réalité augmentée sont de

redoutables atouts technologiques. Google Cardboard ou encore
Facebook 360° en sont les exemples.
 1/3 des consommateurs déclarent être prêts à acheter plus en ligne, s’ils
pouvaient essayer ou visualiser le produit avant l’achat.
 Utiliser la vidéo sur son site internet permet d’augmenter son taux de
conversion de 34%.

Personnalisation de l’expérience consommateur
 On le sait depuis quelques années déjà, le marketing de masse est terminé !
 La personnalisation est le meilleur levier pour se différencier. Mais c’est aussi

un moyen de convertir et de fidéliser efficacement.
 Pour personnaliser sa communication, l’automatisation et l’intelligence

artificielle peuvent s’avérer de redoutables outils.
 La clé ? Récolter un maximum d’informations pour comprendre les attentes de

vos clients et/ou prospects et leur proposer une offre et une expérience
adaptées. En sommes, DATA = ROI (Retour sur investissement).
 La personnalisation va plus loin. Elle touche maintenant les produits eux-

mêmes. Une étude récente a démontré que plus de 6 clients sur 10 sont séduits
par l’idée d’acheter un produit personnalisé.
Méthodologie e-commerce & marketing
digital : Une stratégie efficace & rentable

Acquisition
 “If you have a business that's based around the internet, basically only two
numbers we need to know: What's the cost to acquire a customer? What's
the lifetime customer value? If the lifetime customer value is higher than
the cost to acquire: you've got a business. If it isn't: you don't.” Howard
Morgan.
 La valeur à vie Client : la valeur à terme d’un client pendant tout le temps où
est maintenue sa relation avec l’entreprise. La valeur client mesure
l’espérance de revenus qu’une entreprise peut attendre du développement
d’une relation moyen et long terme avec un client.

Acquisition
 Le coût d’acquisition Client : représente le budget de communication
que vous avez dépensé pour générer des prospects, divisé par le
nombre de client réellement acquis.
 Le nombre de prospects qui ont été transformés en clients par rapport

aux messages émis (taux de transformation) permet de connaître le
rendement d’une opération de marketing et le coût d’acquisition
d’un client.

Acquisition : Référencement SEA/SEO
 Le coût d’acquisition le plus bas est l’acquisition par moteurs de recherche.
 SEM (Search Engine Marketing) : augmenter la visibilité d’un site dans les
pages de résultat des moteurs de recherche. Il comporte deux aspects:
 SEA (Search Engine Advertising) qui s’intéresse aux liens sponsorisés.
 SEO (Search Engine Optimisation) englobe les actions de référencement naturel.
 Le SEO consiste à optimiser le contenu du site e-commerce afin qu’il

réponde aux exigences des algorithmes de classement / ranking de Google.
 Le référencement naturel est la stratégie marketing qui permet à une marque
de se positionner durablement sur des requêtes (recherche saisit par
l’internaute sur le moteur) à valeur économique pour l’activité.
LE SEO EN 3 POINTS
pour un meilleur retour sur investissement
1. La structure technique
 Le site internet doit avoir une structure optimisée, qui permettra aux visiteurs de consulter
vos pages avec fluidité et confort.
 Google valorise ainsi les sites ayant un contenu structuré par des titres, des paragraphes,
des visuels.
 Même si la quantité ne fait pas toujours la qualité, l’algorithme estime qu’une page
optimisée ne peut contenir moins de 500 mots.
 L’aspect sécurisé et lisible dans votre url a aussi son importance tout comme le temps de
chargement des pages.
2. Le contenu éditorial
 Le contenu est le réacteur de votre site internet. Il indique à Google le secteur d’activité et
le thème des pages de votre site.
 Le moteur de recherche ne lit pas comme vous et moi. Il comprend votre contenu via
l’utilisation de mots-clés relatifs au sujet. En les utilisant finement, vous explicitez la
thématique, ce qui optimise le référencement naturel.

3. Le backlinking (Lien retour)
 La présence de liens pointant vers votre site internet va vous vous offrir de la
visibilité et de la notoriété aux yeux de Google.
 Il va ainsi vous attribuer de meilleures positions dans les résultats de recherches.
 Cependant, il ne faut pas placer ces liens sans réfléchir. Choisissez des sites aux
thématiques similaires, des annuaires spécialisés dans votre domaine ou même des
annuaires généraux.
 Un backlink naturel est établit lorsqu’un site décide de faire un lien vers votre site
car il estime que votre contenu intéresse son audience.
 Google se base sur le nombre et la qualité de backlinks pour vérifier la popularité et

la réputation d’un site web.
 Qualité de backlink = variété et qualité des domaines sources (ex : site .edu .gov)

SEA : PUBLICITÉ ON-LINE
 En français : “Publicité sur les moteurs de recherche”.
 Ce terme désigne l’utilisation de liens commerciaux ou publicitaires sur les

moteurs de recherche.
 Un espace publicitaire s’achète à la performance au clic. Ainsi, on cible des

requêtes précises en sélectionnant des mots clés ou requêtes à valeur commerciale.
 Le SEA (Search Engine Advertising) offre une visibilité précise et immédiate sur
les moteurs de recherche.
 Néanmoins, à l’inverse du SEO, il s’agit ici d’une méthode de référencement

payante.
 45% des personnes cliquent le plus souvent sur les publicités Google Adwords.

Affiliate marketing
 L'affiliation sur Internet est une technique marketing permettant à un
site web annonceur (affilieur) de promouvoir ses produits en
proposant une rémunération à d'autres sites web éditeurs (affiliés).

Affiliate marketing
Les modes de rémunération d'un programme d'affiliation :
 CPM (Cost per thousand impressions) : rémunération par mille affichages d'une
bannière publicitaire.
 CPC (Cost per Click) : rémunération par clic sur l'annonce ou sur le lien.
 CPL (Cost Per Lead) : rémunération par formulaire, comme une demande de
crédit, ou inscription à une newsletter...
 CPA (Cost Per Action) : rémunération par action, le téléchargement d’un logiciel
par exemple.
 CPO (Cost Per Order) : rémunération par achat, on dit aussi PPS (Pay Per Sale)
 CPV (Cost Per View) : rémunération par vue, utilisé par les plateformes vidéos
comme Youtube et DailyMotion
Affiliate marketing
Les régies publicitaires les plus populaires :
 Google AdWords : affiche les publicités sur le moteur de recherche
Google, Gmail, des applications de smartphones (Filiale AdMob), Sites
web tiers (Réseau Display)…
 Bing Ads : de Microsoft, affiche les publicités sur les moteurs de recherche
Bing et Yahoo.
 Facebook Ads : affiche les publicités sur Facebook, Instagram et sur
d'autres applications tierces (Audience Network)
 Twitter Business Advertising : La régie publicitaire de Twitter

Affiliate marketing : FB Ads
 Facebook Ads : CPC / CPM par
pays

 Facebook Ads : Choix d’audience

 Facebook Ads : Placements des publicités

 Facebook Ads : Budget et calendrier en CPC

 Facebook Ads : Budget et calendrier en CPM

Analyse d'audience du site Web
 Les outils de Web analytics permettent de suivre le parcours du client sur le
site et donnent au service marketing des informations sur le client, sur la
fréquentation du site Web et les pages ou les produits les plus vus…
Exemple : Google Analytics (service gratuit : 80 % du marché mondial) :
https://analytics.google.com
 Données démographiques des visiteurs : Age et sexe
 Données géographiques : Pays et langues
 Appareils des visiteurs : Ordinateurs, mobiles, tablets…
 Pages les plus visitées
 Sources des visites
 Etc 48
NTIC & e-Commerce - Dr. Ismail EL HADDIOUI - ESTC - ismail.elhaddioui@gmail.com
Données démographiques des visiteurs
 L’âge :

Données démographiques des visiteurs
 Le sexe :

Données géographiques des visiteurs
 Langues :

Données géographiques des visiteurs
 Pays :

Appareils des visiteurs
 Type d’appareil :

Appareils des visiteurs
 Mobiles des visiteurs :

Pages les plus visitées

Sources des visites

EL HADDIOUI - NTIC Et E-Commerce

Transféré par

Informations du document

Titre original

Copyright

Formats disponibles

Partager ce document

Partager ou intégrer le document

Options de partage

Avez-vous trouvé ce document utile ?

Ce contenu est-il inapproprié ?

Droits d'auteur :

Formats disponibles

EL HADDIOUI - NTIC Et E-Commerce

Transféré par

Droits d'auteur :

Formats disponibles

Pr.

 Il s'agit parfois de distinguer les technologies basées sur l'Internet par

 Il s'agit parfois de distinguer les plateformes du web 2.0 par opposition

NTIC & e-Commerce - Dr. Ismail EL HADDIOUI - ESTC - ismail.elhaddioui@gmail.com 2

 1989 : Le chercheur britannique Tim Berners-Lee a inventé le World Wide

NTIC & e-Commerce - Dr. Ismail EL HADDIOUI - ESTC - ismail.elhaddioui@gmail.com 5

1. Le Web en tant que plate-forme

NTIC & e-Commerce - Dr. Ismail EL HADDIOUI - ESTC - ismail.elhaddioui@gmail.com 6

 sont accessibles à partir de n’importe quel ordinateur grâce au login et

NTIC & e-Commerce - Dr. Ismail EL HADDIOUI - ESTC - ismail.elhaddioui@gmail.com 7

 Exemples : Wikipedia, Amazon, Facebook…

NTIC & e-Commerce - Dr. Ismail EL HADDIOUI - ESTC - ismail.elhaddioui@gmail.com 8

 Une attentive politique de respect de la vie privée des utilisateurs

NTIC & e-Commerce - Dr. Ismail EL HADDIOUI - ESTC - ismail.elhaddioui@gmail.com 9

 Les utilisateurs deviennent des co-développeurs

 Améliorer les services

 Ajouter de nouvelles fonctionnalités

 Exemple : Wordpress, Wix, Shopify, Odoo…

NTIC & e-Commerce - Dr. Ismail EL HADDIOUI - ESTC - ismail.elhaddioui@gmail.com 10

 API : Application Programming Interface

NTIC & e-Commerce - Dr. Ismail EL HADDIOUI - ESTC - ismail.elhaddioui@gmail.com 11

NTIC & e-Commerce - Dr. Ismail EL HADDIOUI - ESTC - ismail.elhaddioui@gmail.com 12

 Les spectateurs : consommateurs de contenus texte ou multimédia

 Les créateurs : publient des contenus en ligne (blogs, vidéos, etc.)

NTIC & e-Commerce - Dr. Ismail EL HADDIOUI - ESTC - ismail.elhaddioui@gmail.com 13

NTIC & e-Commerce - Dr. Ismail EL HADDIOUI - ESTC - ismail.elhaddioui@gmail.com 14

NTIC & e-Commerce - Dr. Ismail EL HADDIOUI - ESTC - ismail.elhaddioui@gmail.com 15

NTIC & e-Commerce - Dr. Ismail EL HADDIOUI - ESTC - ismail.elhaddioui@gmail.com 16

 Minimum de colonnes dans l’interface (2)

 Séparation et distinction de l’entête : couleur

 Simple navigation : liens, onglets, …

 Interfaces riches en effets spéciaux, 3D, …

 Utilisation des dégradés et des réflexions

NTIC & e-Commerce - Dr. Ismail EL HADDIOUI - ESTC - ismail.elhaddioui@gmail.com 17

 Et, si les ordinateurs puissent comprendre le sens caché par les

NTIC & e-Commerce - Dr. Ismail EL HADDIOUI - ESTC - ismail.elhaddioui@gmail.com 18

 Saas : Software as a Service ou Les applications orientées web

NTIC & e-Commerce - Dr. Ismail EL HADDIOUI - ESTC - ismail.elhaddioui@gmail.com 19

 Comprendre les liaisons et les relations entre les objets

 Le Web sémantique consiste à ajouter des informations cachées

NTIC & e-Commerce - Dr. Ismail EL HADDIOUI - ESTC - ismail.elhaddioui@gmail.com 20

 Accessibles depuis n’importe quel ordinateur,

 Pas de problème de mise à jour.

NTIC & e-Commerce - Dr. Ismail EL HADDIOUI - ESTC - ismail.elhaddioui@gmail.com 21

NTIC & e-Commerce - Dr. Ismail EL HADDIOUI - ESTC - ismail.elhaddioui@gmail.com 22

 A côté des journalistes professionnels, des individus blogueurs délivrent

 Dimension sociale : Le Web 3 renforcera le phénomène collaboratif,

NTIC & e-Commerce - Dr. Ismail EL HADDIOUI - ESTC - ismail.elhaddioui@gmail.com 23

NTIC & e-Commerce - Dr. Ismail EL HADDIOUI - ESTC - ismail.elhaddioui@gmail.com 24

NTIC & e-Commerce - Dr. Ismail EL HADDIOUI - ESTC - ismail.elhaddioui@gmail.com 25

NTIC & e-Commerce - Dr. Ismail EL HADDIOUI - ESTC - ismail.elhaddioui@gmail.com 26

NTIC & e-Commerce - Dr. Ismail EL HADDIOUI - ESTC - ismail.elhaddioui@gmail.com 27

Différents types de l’e-commerce :

 B2B : Business to Business

NTIC & e-Commerce - Dr. Ismail EL HADDIOUI - ESTC - ismail.elhaddioui@gmail.com 28

 Le B2B est simplement défini comme l’e-commerce entre des

NTIC & e-Commerce - Dr. Ismail EL HADDIOUI - ESTC - ismail.elhaddioui@gmail.com 29

 En ce sens, la réalité virtuelle ou la réalité augmentée sont de

NTIC & e-Commerce - Dr. Ismail EL HADDIOUI - ESTC - ismail.elhaddioui@gmail.com 31

 La personnalisation est le meilleur levier pour se différencier. Mais c’est aussi

 Pour personnaliser sa communication, l’automatisation et l’intelligence

 La clé ? Récolter un maximum d’informations pour comprendre les attentes de

 La personnalisation va plus loin. Elle touche maintenant les produits eux-