Académique Documents
Professionnel Documents
Culture Documents
Plan de la formation Du Web 1.0 au Web 2.0 Notions du Web 3.0 Cybermarketing Ethiques du Web
Culture web Mejdi BLAGHGI 2
Histoire du web : Introduction Trois raisons pour sintresser lhistoire dInternet : Une meilleure comprhension :
de la nature et des volutions actuelles dInternet:
Technologie ouverte, mobile, en constante volution
de la numrisation :
Histoire dInternet = histoire de linformatique, du numrique, de lIA, de lhypertexte
mergence des acteurs, des problmatiques, des techniques Premiers rseaux 1967-1969 : naissance dARPANET
1970-1990
dArpanet Internet
Dinternet au web
2000-
Du web 1 au web 2.0 et au web smantique
1945-1970
1990-2000
Culture web
Mejdi BLAGHGI
1993
130 sites web en juin, 623 en dcembre Navigateurs : Mosaic et Lynx Images et formulaires
1995
Internet Explorer Moteur de recherche AltaVista Apache, JavaScript, PHP
2000
19 823 296 en aot XHTML 1.0
1990
1re page web : http://nxoc01.cern.ch/ hypertext/WWW/TheP roject.html 1er navigateur web, dit WorldWideWeb
1994
Yahoo! cr Apparition de la publicit sur HotWired Netscape Navigator W3C et RFC 1738 (URL)
1998
Google XML 1.0 ; CSS level 2 ; DOM level 1, WAP level 1
2003
Safari
Culture web
Mejdi BLAGHGI
Dfinition du Web 2.0 Le Web 2.0 est lensemble des technologies et les usages du World Wide Web qui ont suivi la forme initiale du web, en particulier les interfaces permettant aux internautes ayant peu de connaissances techniques dinteragir de faon simple la fois avec le contenu et la structure des pages mais aussi entre eux, crant ainsi notamment le Web social
Source : www.ikipedia.org
Culture web Mejdi BLAGHGI 8
Les 7 principes du Web 2.0 Le Web en tant que plate-forme Tirer parti de lintelligence collective La puissance est dans les donnes La fin des cycles de release Des modles de programmation lgers Le logiciel se libre du PC Enrichir les interfaces utilisateur
Mejdi BLAGHGI 9
Culture web
Tirer parti de lintelligence collective Les contributions des utilisateurs procurent une valeur ajoute. Elle est sous forme de :
connaissances Commentaires valuations
Exemples :
Culture web
Mejdi BLAGHGI
11
La puissance est dans les donnes Toutes les applications web dimportance sont gnralement lies une base de donnes spcialise Consquences :
De gros efforts en terme de scurit Une attentive politique de Respect de la vie prive des utilisateurs
Culture web Mejdi BLAGHGI 12
Exemple : Joomla
Culture web Mejdi BLAGHGI 13
Des modles de programmation lgers Cration dapplications flexibles et facile rutiliser bases souvent sur le Web scraping :
Via les mashups :
de prsentation de donnes
Exemples :
API Google Maps API Weather.com http://www.webmashup.com/
Culture web Mejdi BLAGHGI 14
Le logiciel se libre du PC Indpendance dune plateforme spcifique (Windows, Linux, Mac) Utilisation ATAWADAC
tlphones portables, PDA, mini-PC Lecteurs mp3
Culture web Mejdi BLAGHGI 15
Enrichir les interfaces utilisateur La simplicit des interfaces incite les utilisateurs implicitement et explicitement ajouter de la valeur lapplication et la rendre populaire grce a leffet rseau
Culture web
Mejdi BLAGHGI
16
Autres concepts importants du Web 2.0 La longue trane Folksonomie et taxonomie Personnalisation de laccs aux informations avec les flux RSS
Culture web
Mejdi BLAGHGI
17
La longue trane
Dfinition :
Les produits qui sont lobjet dune faible demande, ou qui nont quun faible volume de vente, peuvent collectivement reprsenter une part de march gale ou suprieure celle des best-sellers si les canaux de distribution peuvent proposer assez de choix, et crer la liaison permettant de les dcouvrir
Exemples :
Dans Amazon : La demande totale pour les articles peu demands dpasse la demande totale des articles trs demands Les articles peu lus de Wikipedia ont collectivement plus de lecteurs que les articles principaux disponibles sur dautres encyclopdies
Culture web Mejdi BLAGHGI 18
La longue trane
Culture web
Mejdi BLAGHGI
19
Culture web
Mejdi BLAGHGI
20
Folksonomie et taxonomie
Dfinition :
Une folksonomie, ou indexation personnelle, est un systme de classification collaborative dcentralise spontane, bas sur une indexation effectue par des nonspcialistes
Principe :
Joindre des mots-cls (tags) pour dcrir un contenu Ce choix de mots est totalement libre : il nest pas obligatoire de respecter un ordre prcis ni dutiliser une certaine terminologie L'ensemble des mots-cls peut tre visualis par des nuages de mots clefs. Ce concept permet un survol de l'ensemble des centres d'intrts d'une personne ou mme d'un groupe.
Culture web Mejdi BLAGHGI 21
Culture web
Mejdi BLAGHGI
22
RSS, acronyme de Really Simple Syndication Un flux RSS est un simple fichier texte au format XML comportant la description synthtique du contenu dun site web et qui permet lauteur de le partager pour la publication dans un autre site. Exemple :
Flux RSS du site emploi.nat.tn
Culture web Mejdi BLAGHGI 23
Culture web
Mejdi BLAGHGI
25
Culture web
Mejdi BLAGHGI
26
Culture web
Mejdi BLAGHGI
27
Flash (Adobe) RIA -Rich Interface Application- avec les technologies Flex (Adobe), Xul (Mozilla), Sylverlight (Microsoft), Openlazlo (Laszlo Systems)...
Ex : RIA est utilise par le site Dulux (www.duluxvalentine.com) o l'internaute peut simuler la dcoration des pices d'un appartement ou d'une maison.
RDA -Rich Desktop Application- avec les technologies AIR (Adobe), WPF(Microsoft), XUL (Mozilla).
Ex : www.getsongbird.com
Culture web Mejdi BLAGHGI 28
Culture web
Mejdi BLAGHGI
29
Wikis
- centraliser sur une page diffrentes Agrgation de flux et de sources dinformation slectionnes nouvelles
Culture web Mejdi BLAGHGI
30
Vidos (YouTube, Dailymotion), photos (Flickr), images (Google et Bing Images) Digg, Wikio, Fuzz
Mejdi BLAGHGI
31
Design Web 2.0 Simplicit Centrage du gabarit Minimum de colonnes dans linterface (2) Sparation et distinction de lentte : couleur Simple navigation : liens, onglets, Logo textuel Interfaces riches en effets spciaux, 3D, Utilisation des dgrads et des rflexions,
Mejdi BLAGHGI 32
Culture web
Culture web
Mejdi BLAGHGI
33
Introduction au web 3.0 Les pages web sont dveloppes via le langage de balises HTML HTML dcrit uniquement la structure de linformation
Donc, la syntaxe et non pas la smantique
Et, si les ordinateurs puissent comprendre le sens cach par les informations ?
Donc, ils peuvent lire et comprendre ce que nous voulons
Culture web Mejdi BLAGHGI 34
Culture web
Mejdi BLAGHGI
35
Axes du changement Web as a Database ou Le web smantique Le web mobile Saas : Software as a Service ou Les applications orientes web
Culture web
Mejdi BLAGHGI
36
Le web smantique Le web smantique sintresse aux objets, aux sens :Il peut
connatre les personnes, les entreprises, les lieux, les vnements, Comprendre les liaisons et les relations entre les objets
Culture web
Mejdi BLAGHGI
37
Le Web smantique
Le Web smantique consiste ajouter des informations caches destines tre utilises par des applications, des robots de moteurs de recherche, etc. Ces informations sont gnralement prsentes sous le format du Web smantique, le RDF. Pour faire simple, le RDF, bas sur le XML, permet de structurer des donnes sous la forme de triplets : {Sujet, Prdicat, Objet} :
Le sujet reprsente la structure dcrire, Le prdicat reprsente un type de proprit applicable cette ressource, L'objet reprsente une donne ou une autre ressource.
Exemple :
www.freebas.com
Culture web Mejdi BLAGHGI 38
Applications orientes web Actuellement, une des tendances importantes du Web consiste dvelopper et adapter des applications uniquement connues jusqu'ici que sur nos bureaux en local Avantages :
pas dinstallation, accessibles depuis nimporte quel ordinateur, pas de piratage, pas de problme de mise jour
Culture web Mejdi BLAGHGI 39
Caractristiques
Technologie :
Le Web 3 est souvent considr comme synonyme du Web smantique, permettant par exemple dobtenir une rponse cohrente et prcise, une question cible.
Contenu :
La rvolution attendue du Web 3.0 consiste en une plus grande intgration des sources dinformation, avec des rponses nos requtes plus intelligentes, plus pertinentes, et plus proches de lhumain.
Commerce :
Lvolution technologique permettra au commerce en ligne une parfaite intgration entre diffrents acteurs plus spcialiss et participant la chane de vente (vente, prlvement du produit de son lieu de stockage, paiement, expdition, facturation).
Pouvoir :
Le pouvoir est dsormais rendu aux utilisateurs. A ct des journalistes professionnels, des individus blogueurs dlivrent dsormais de linformation, souvent apprcie pour son authenticit et son style direct.
Dimension sociale :
Le Web 3 renforcera le phnomne collaboratif, o le contenu et l'change seront des points essentiels.
Culture web
Mejdi BLAGHGI
40
Aspects techniques
Il est gnralement admis qu'une solution Web 3.0 doit montrer certaines caractristiques :
Rfrence : ce nest plus uniquement un site Web ((X)HTML). Elle peut tre aussi une solution Web SaaS; Mobilit : elle doit tre indpendante de tout type de support (taille d'cran, sortie imprimante, etc.); Universalit : elle doit tre indpendante de tout systme d'exploitation, et de tout matriel (fabricant, marque, logiciel, ou de plugin); 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 donnes diverses. Sparation du contenu des documents de lorganisation de ce contenu
Culture web Mejdi BLAGHGI 41
Culture web
Mejdi BLAGHGI
42
O vava-t-on ?
Culture web
Mejdi BLAGHGI
44
Cybermarketing
Culture web
Mejdi BLAGHGI
45
Acteurs de lele-publicit
Source : www.journaldunet.com
Culture web Mejdi BLAGHGI 46
Culture web
Mejdi BLAGHGI
47
E-mailing
Culture web
Mejdi BLAGHGI
48
Intrts de lElE-mailing
L'e-mail intervient toutes les tapes du cycle de vie du client Cest aussi un outil particulirement adapt aux stratgies multicanal :
prospection de nouveaux clients; cration de trafic vers un site internet; relance d'internautes ayant visit un site ; relance d'internautes ayant abandonn un panier sans aller au bout du parcours d'achat ; selon l'historique des achats d'un internaute, accs certaines promotions ; fidlisation.
Culture web Mejdi BLAGHGI 49
Avantages de lElE-mailing
Cot, rapidit et ractivit du dispositif (aucun cot de duplication puisqu'un e-mail est un fichier duplicable l'infini) Acclration des campagnes de marketing direct Toute opration d'e-mailing est traable et permet donc de mesurer le retour des campagnes de manire prcise Personnalisation et ciblage des messages Automatisation du marketing client en fonction de scripts prdfinis L'objectif d'un e-mail est d'obtenir une action de la part du rcepteur de l'e-mail: principe du Call to Action
Culture web Mejdi BLAGHGI 50
Sources de lElE-mailing
Il nest pas ncessaire de possder sa propre base demails pour mener une campagne de-mailing Il est possible de passer par des intermdiaires, savoir:
les mgabases : spcialistes de la collecte des donnes personnelles off-line, ils ont aussi collect jusqu plusieurs millions dadresses emails les sites de jeux les programmes de fidlit les sites communautaires les sites de commerce, autres....
Le choix d'un fichier pour une campagne se fait principalement en fonction de la cible qu'on souhaite toucher.
Culture web Mejdi BLAGHGI 51
Culture web
Mejdi BLAGHGI
52
Taux d'ouverture des ee-mails Evolution du taux d'ouverture des e-mails entre 2008 et 2010
Donnes Experian CheetahMail / Montage JDN
Culture web
Mejdi BLAGHGI
53
Limites de l'el'e-mailing La pratique du spamming nuit l'efficacit de ce canal La russite dune campagne passe par le respect des internautes en appliquant la politique dopt-in :
La dontologie de ce secteur exige que linternaute puisse se dsinscrire facilement s'il ne souhaite plus en recevoir.
Culture web
Mejdi BLAGHGI
54
Retargeting
Constat :
Les taux de conversion sur les sites de e-commerce tant trs faibles
Principe du retargeting :
le principe est de relancer les internautes aprs leurs visites par un email personnalis en fonction des produits qu'ils ont consults.
Solution technique :
Il suffit qu'un possesseur de base d'e-mails dpose un cookie dans le navigateur des internautes l'ouverture des e-mails qu'il a envoys pour qu'il suive leurs parcours au fur et mesure des sites partenaires qu'ils visitent. Le re-targeter se propose d'envoyer ensuite des e-mails personnaliss aux internautes, ce que les sites partenaires ne peuvent pas faire par eux-mmes puisquils nont accs lhistorique de navigation des internautes que sur leur propre site.
Culture web
Mejdi BLAGHGI
55
Trigger Marketing
Constat :
En rponse la saturation des boites e-mails des internautes, spamms par les envois de masse non discrimins, la parade des e-mailers est denvoyer des messages pertinents, valeur ajoute pour linternaute.
Solution :
En paramtrant leur outil de-mail marketing avec des algorithmes qui envoient des messages cibls et personnaliss en fonction dune multitude de scenarii (date de naissance, dernire commande, dernire visite,), les emarchands peuvent dsormais automatiser leur marketing relationnel et tendre vers une relation one to one (personnalise chaque internaute), grce lexploitation des donnes collectes lors des visites sur le site.
Culture web Mejdi BLAGHGI 56
Culture web
Mejdi BLAGHGI
57
E-CRM
Culture web
Mejdi BLAGHGI
58
Evolution du client
Composantes du CRM
Culture web
Mejdi BLAGHGI
60
Culture web
Mejdi BLAGHGI
62
Le Display
Culture web
Mejdi BLAGHGI
63
Pav 300x250
Culture web
Mejdi BLAGHGI
64
Formats graphiques Lhabillage : une marque brande la home page dun site
Culture web
Mejdi BLAGHGI
65
Culture web
Mejdi BLAGHGI
66
Culture web
Mejdi BLAGHGI
67
Formats graphiques Lintersticiel : message entre deux pages dun mme site
Culture web
Mejdi BLAGHGI
68
Formats graphiques Lexpand (taille variable, se dplie quand linternaute passe la souris dessus)
Culture web
Mejdi BLAGHGI
69
Principales technologies
Culture web
Mejdi BLAGHGI
70
Culture web
Mejdi BLAGHGI
71
Pour que ces actions puissent tre mesures efficacement, il faut mettre en place une mesure appele cookie centric . En dautres termes, pour que la mesure se fasse, il faut dun ct au moins un cookie post-clic ou postimpression sur le poste de linternaute, et de lautre au moins un pixel de tracking sur la page de confirmation dachat de lannonceur.
Culture web Mejdi BLAGHGI 72
Culture web
Mejdi BLAGHGI
73
Le tracking des clics Si linternaute est intress par un message publicitaire et quil clique sur celui-ci, il est redirig sur la page dsire du site de lannonceur en passant par loutil de mesure qui va enregistrer un clic. Cette redirection se traduit galement par le dpt dun cookie post-clic sur le navigateur de linternaute.
Culture web Mejdi BLAGHGI 75
Que ce soit suite une impression ou suite un clic, si linternaute valide un formulaire dinscription (cration de compte, inscription newsletter, etc.) et quun pixel de tracking est affich sur la page de confirmation denregistrement du formulaire en question, loutil de mesure enregistrera une conversion de type lead. Loutil reliera ensuite cette conversion au dernier clic ralis.
Culture web Mejdi BLAGHGI 76
Linternaute voit une bannire dun annonceur diffuse par un diteur. Lors de laffichage de cette bannire un cookie dune dure de vie de X jours est alors pos sur le navigateur de linternaute. Pendant ces X jours, si linternaute ralise un achat ou une inscription sur le site de lannonceur, la vente ou linscription sera attribue lditeur puisque ce dernier a apport de la visibilit et de la notorit la marque.
Culture web Mejdi BLAGHGI 78
Linternaute clique sur la bannire dun annonceur diffuse par un diteur. Linternaute est redirig vers le site de lannonceur. Un cookie dune dure de vie de X jours est alors pos sur le navigateur de linternaute. Pendant ces X jours, si linternaute ralise un achat ou une inscription sur le site de lannonceur, la vente ou linscription sera attribue lditeur puisque cest ce dernier qui a dclench lacte dachat de linternaute.
Culture web Mejdi BLAGHGI 79
Culture web
Mejdi BLAGHGI
80
Protection de la vie prive Quest-ce que le droit au respect de la vie prive dune personne ?
La vie prive se prsente comme tant la zone dactivit qui est propre une personne et quelle est matre dinterdire autrui. Nulle atteinte ne peut tre porte la vie prive dune personne sans que celle-ci y consente.
Culture web
Mejdi BLAGHGI
81
Protection de la vie prive Quelles informations font partie de la vie prive dune personne ?
Tout ce qui touche les personnes ne relve pas automatiquement de leur vie prive. Le droit la vie prive est limit aux informations qui affectent lautonomie dune personne, sa capacit exercer un contrle sur les informations qui concernent son intimit ou ses choix de vie.
Culture web
Mejdi BLAGHGI
82
Culture web
Mejdi BLAGHGI
84
Risques :
Tout le monde peut publier sur le web sans aucun contrle On perd la matrise d'une information publie avec un accs public
C2i C2i-1 - Domaine D2 (par Mejdi BLAGHGI) 85
Risques dede-Rputation
Culture web
Mejdi BLAGHGI
86
Je veux utiliser la photo dune personne qui a t prise dans un endroit public. Dois-je obtenir son autorisation?
En principe oui sauf si la personne exerce une fonction ou un rle qui porte conclure que lutilisation est justifie par lintrt public.
Culture web Mejdi BLAGHGI 87
Le Droit dauteur : les notions de base Les deux critres cumulatifs de la protection
une empreinte de la personnalit de lauteur Sensibilit, libert de lauteur, ide de choix Un plagiat nest pas une uvre de lesprit
Les simples ides ne sont pas protges Un minimum de concrtisation suffit Luvre est protge ds sa cration , sans procdure particulire
17/12/2009
88
Caractristiques
Inalinable (pas possible de le cder par contrat) Perptuel (pas de limite dans le temps)
Caractristiques
Cessible (peut tre cd par contrat des tiers contre rmunration) Limit dans le temps (en principe, vie de lauteur + 70 ans) A lissue de cette priode, luvre entre dans le domaine public
89
Le contenu - Photographie
Droit limage des personnes :
Toute personne a sur son image un droit exclusif et absolu Pour publier limage dune personne, il faut obtenir au pralable son accord, sauf pour la reproduction de personnes impliqus dans un vnement dactualit
Le contenu - Texte Lutilisation dune uvre textuel non consentie par son auteur est interdite Laccord de lauteur doit tre pralable, exprs et suffisant Exception : Les citations
Lutilisation dune uvre dj divilgue est libre aux fins de courte citation condition que le nom de lauteur et la source soient clairement indiqus
Culture web
Mejdi BLAGHGI
92
Le contenu uvres graphiques Les ouvres graphiques sont protgs par le droit dauteur et leur reproduction constitue une contrefaon Exemple :
La reprise de la charte graphique dun site constitue un acte de contrefaon et/ou de concurrence dloyale
Culture web
Mejdi BLAGHGI
93
Le contenu Articles de presse Les articles de presse sont protgs par le droit dauteur mme si larticle est anonyme Pour diffuser un article, il faut contacter le journal pour voir ltat des droits de celui-ci
Culture web
Mejdi BLAGHGI
94
Revues de presse
Copies prives
Les copies ou reproductions strictement rserves l'usage priv du copiste et non destines une utilisation collective
Culture web
Mejdi BLAGHGI
96
Revues de presse
Slections darticles, ralises par un journal ou un magazine qui produit lui aussi des articles
Culture web
Mejdi BLAGHGI
97
Droit d'auteur
Le matriel disponible sur Internet peut-il tre utilis librement pour crer ma page web?
Non. Si pour crer une page ou un site web, on utilise du matriel ou des informations dont la forme dexpression rencontre les critres doriginalit et de fixation, et cest gnralement le cas, ce sont des uvres protges par le droit dauteur. Par exemple, il est gnralement admis que la majeure partie du matriel disponible sur Internet est protge par le droit dauteur : les textes (articles affichs sur un forum ou un groupe de nouvelles, courriels), les images, les photographies, la musique, les vidoclips, les logiciels... Le texte dun employ ou dun enseignant, les textes rdigs pour prsenter le site, pour expliquer son fonctionnement ou ses conditions dutilisation, les commentairessont aussi des uvres protges par le droit dauteur.
Culture web Mejdi BLAGHGI 98
Droit d'auteur Puis-je utiliser une photographie dune personne pour lintgrer sur mon site web ou lenvoyer par courriel ou bien lafficher sur un forum de discussion ?
Numriser et diffuser la photographie dune personne ncessite un double accord :
celui de la personne concerne, quelle soit connue ou non (en vertu de son droit limage ) et celui de lauteur de la photographie, puisquil sagit l dune uvre protge par le droit dauteur.
Culture web Mejdi BLAGHGI 99