Technologie Web - Lexique

1/17

Pierre AMMELOOTGenève – 16 & 17/10/2013

Pierre Ammeloot, Internet Project Manager

SharePoint & Web specialists team

Skills: Web Technologies - HTML5Project ManagementAnalytics & SEO Specialist

Pierre.Ammeloot@k-expert.com+41 22 533 20 88

2/17

Knowledge Expert SACréé en 200917 consultants

5 équipes : Collaborative Solution,

Web, Mobile, Social & SEO

Introduction

Introduction

• Objectifs• Mots clefs• Evaluation• Plan de travail• Intentions / Démarches

Objectifs

• Connaitre les repères• Maitriser le vocabulaire du Web• Vernis technique• Connaissance technique minimum

Mots clefs• Adresse IP• IP v4• IP v6• RFC• Commutation de paquet• Internet• WWW• FTP• 3G• ADSL / SDSL• Email• SPAM• P2P• VoIP• WiFi• Visiteur Unique

• Sémantique• Microformats• UGC• User centric / Server centric• Hypertext• URL• DNS• Navigateur web• Web 1.0 / Web 2.0• Web Social• Personal Branding• Client / Serveur• Crowd Funding• CPC / CPM• Adwords

Evaluation

Objectifs de l’évaluation :• Maitriser le vocabulaire• Approfondir un thème

Vérifications des connaissances :• Définir les mots clefs par écrit en début de

2éme journée (jeudi 17 octobre)• Dossier de groupe (à rendre le 1er

novembre sur l’intranet CREA)

Plan de travail

• Intentions / Démarches

• Définitions• Un média

techniques• Tour d’horizon• Histoire d’internet

• Navigateur• Réseaux Sociaux• Objets

communiquant• Moteurs de

recherches

Intentions / DémarchesCette formation n’est pas :• Un cours de programmation web• Une explication détaillée et exhaustive

du fonctionnement du web

Cette formation est :• Une découverte autour des

technologies web

Définitions

Quelques définitions• Internet versus Web• Réseau physique• Adresse IP• Un média technique

Internet VS WEB

Connexion au réseau

InternetWeb

Navigateurs

Email

Outlook Thunderbird

FTP

FileZilla

P2P

BitTorrent

VoIP

Skype Bria

Grid computing

SETI

Réseau physique

Adresse IPAdresse IP : adresse d’une machine d’une ressource sur internet

IP a été définis dans la RFC-1752 en 1994, depuis ce jour Internet a doublé de taille tous les 12 mois.

Format d’une adresse :• IPv4 : 192.9.5.6 • IPv6 : 3ffe:c00:e:0:1::6

Nombre d’adresse :• IP v4 : maximum 4 294 967 296 (soit 232) • IP v6 : 340 trillions, trillion, trillion = 3.4 x 10^38 = 2^128

(150 millions d'adresses par personne)

Un média techniquesLes web est un canal de communication !

• Comme d’autres et avec ses spécificités et ses standards

• Regroupe de nombreuses professions et expertises techniques (ergonomie, architecture, référencement, graphisme, développement, intégration, gestion de contenu, hébergement, etc.)

Tour d’Horizon

Tour d’horizon

• Chiffres clés• Les acteurs majeurs• Top 20 Suisse• Top 10 monde

Chiffres clés France• 2/3 Français se connectent tout les

jours sur Internet. (1)• 40 millions d’internautes (1)• 20 millions de mobinautes (1)• Dailymotion : 114 millions de visiteurs

uniques dans le monde (2) et 12,1 millions en France. (3)

(1) Médiamétrie, mars 2012 - (2) source ComScore - mai 2011 - (3) source Nielsen//NetRatings - février 2012

Chiffres clés Suisse• 4,16 millions d’internautes (1)• 77% des ménages raccordés à

Internet (2)• 90% foyer ont un accès en ADSL (2)• 1 borne WiFi public pour 1500

habitants (2)• 3,6 millions de mobinautes en 2014

(3)

(1) Institut REMP, 2010 – (2) Mobile Metrics Reports AdMob, juillet 2009 - (3) eMarketer, 2010

Chiffres clés Monde

• 2.27 milliard d’internautes (1)• 40 millions de membres Viadéo (2)• 150 millions sur LinkedIn. (3)• 1 Milliard de membres sur Facebook.

(4) • Youtube : 4 milliards de vidéos vues

quotidiennement. (5)

(2) Viadéo – (3) Linkedin - (4) Facebook avril. 2012 - (5) Youtube

Chiffres clés Monde

Source : http://bit.ly/S7Js5o

Top 20 Suisse

1. Google CH2. Facebook3. Google4. YouTube5. Wikipédia6. Yahoo!7. Windows Live8. Ricardo.ch9. 20 Minuten - 20min.ch10. LinkedIn

11. Volts & Visions 2004 - blick.ch

12. Twitter 13. Blogspot.ch 14. Bluewin15. Google DE16. Apple Inc.17. Amazon.de GmbH18. Search.ch19. Der Tagesanzeiger20. Schweizer Fernsehen

Source : http://www.alexa.com/topsites/countries/CH - Octobre 2012

Les 20 sites les plus visités en Suisse :

Top 10 Monde

Source : http://www.google.com/adplanner/static/top1000/ Juillet 2011

Les 10 sites les plus visités dans le monde :

Rank Site Category UV Reach Page

Views Has Ad.

1 facebook.com

Social Networks 880 m 51.3% 1,000,000

m Yes

2 youtube.com

Online Video 800 m 46.8% 100,000 m Yes

3 yahoo.com Web Portals 590 m 34.4% 77,000 m Yes

4 live.com Search Engines 490 m 28.7% 84,000 m Yes

5 msn.com Web Portals 440 m 25.8% 20,000 m Yes

6 wikipedia.org

Encyclopedias 410 m 23.7% 6,000 m No

7 blogspot.com

Blogging 340 m 19.6% 4,900 m Yes

8 baidu.com Search Engines 300 m 17.5% 110,000 m Yes

9 microsoft.com

Software 250 m 14.5% 2,500,000 M Yes

10 qq.com Web Portals 250 m 14.7% 39,000 M Yes

Aujourd’hui

Internet fait partie de notre quotidien

Histoire d’Internet

Histoire d’internet• Du début au années 2000• Depuis les années 2000• La croissance du web en chiffres

Histoire d’internet

• 1961 : théorie de la communication par paquet• 1966 - 1969 : début d’Arpanet• 1972 : Premier Email• 1984 : 1 000 ordinateurs connectés• 1987 : 10 000 ordinateurs connectés• 1989 : 100 000 ordinateurs connectés• 1989 : début du Web - Tim Berners-Lee• 1990 : disparition d'ARPANET• 1991 : annonce publique du World Wide Web• 1992 : 1 000 000 ordinateurs connectés• 1993 : 1er navigateur web : Mosaic• 1994 : création de Yahoo! et du W3C• 1996 : 10 000 000 ordinateurs connectés• 2000 : explosion de la Bulle internet

Du début aux années 2000 :

Histoire d’internet

• 2000 – 2004 : • émergence du Web 2.0, • montée en puissance de Google, • émergence du Web sémantique

• 2004 – 2008 : • explosion du web social, • hégémonie de Google,• généralisation des métadonnées,

• Depuis 2009 : • web de données,• grand publique et états prennent conscience des

enjeux

Depuis les années 2000 :

Histoire d’internet

1992

3430

4

3466

9

3506

5

3552

1

3616

1

3689

2

3783

4

3838

4

3911

4

3984

5

4057

50

50000000

100000000

150000000

200000000

250000000

300000000

La croissance du Web en chiffres

Source : NetCraf - Wikipédia

Navigateurs

Navigateur• Fonctionnement• Liste• Part de marché

Navigateur > Fonctionnement

Liste des navigateurs

Gecko : Camino, Epiphany, IceCat, Iceweasel, Kazehakase, K-Meleon, Fennec, Mozilla Firefox, SeaMonkey, Torpark

KHTML ou WebKit : Abrowse, Arora, Epiphany, Google Chrome, Chromium, iCab, Konqueror, Midori, MixShark, OmniWeb, rekonq, Safari, Shiira, SRWare Iron, SWK browser, Uzbl, Vespucci

Presto : Opera, Opera Mini, Opera Mobile, Opera Wii, Nintendo DS Browser, Nintendo DSi Browser

Trident : Avant Browser, AOL Explorer, Internet Explorer, Maxthon, Sleipnir

Fondés sur :

Navigateur > Part de marché

Source : http://bit.ly/VadW5b - Statcounter - Monde – Septembre 2012

Usage share of Web Browsers

Firefox 22.4% Chrome 34.21% I.E. 32.7%Safari 7.7% Opera 1.61% Other 1.38%

Réseaux Sociaux

Réseaux Sociaux• Définition• Historique• Liste• Etre présent ?• Spécificités et atouts

Définition

Réseau Social

Historique• 1997 : naissance de l’un des 1er réseaux sociaux : sixdegrees.• 2001 : lancement du réseau social professionnel : Ryze• 2003 : lancements :

• Février : Friendster• Mai : Linkedin• Août : Myspace• Novembre: Xing

• 2004 : la concurrence s’accentue, lancements :• Janvier : Orkut (propriété de Google),• Février : Facebook • Février : Viaduc (futur Viadeo)

• 2005 : création de Youtube• 2006 : création de la plateforme de micro-blogging Twitter.• 2009 : lancement en beta restreinte de Google Wave (septembre)• 2010 : lancement en beta de Google Buzz (février)• 2011 :

• Mai : entrées en bourse de Linkedin et Renren (Chine) • Juin : lancement de Google + et arrêt de Buzz

Source : http://bit.ly/VhgO64

Liste des réseaux sociauxNostrodomusVertissimoKasavoxBatiactu RéseauEcovibioTribu BTPKozikazaLinkeolAPCEEntrepreneurs d'avenirjesuisentrepreneur.frProfil-Auto-entrepreneursWizbiiFreelanced.comFreelance-informatiqueGLAMexpeertréseau social de partage d'expertisesVox Avocatslawyrs.netThe Lawyers NetworkPacioliRéseau des consultants formateursFormaresoDocatusEsanumMedextQualileoMuxiFinroadenviMotion

Planète-AttitudeWiznessIn-DeedDDnetworkWiserearthTinkuy.frSustainatworkSocial-PlanetNewmanity.orgSantelogCarenityDiabspaceMedeclicLe Réseau santé socialLinkedinViadeoUrban Linker1000busiYupeekReseaubusinessWorkerDogfinanceANMVZeVillageDitwin EmploiLesjeudis.comQAPAHuzz.comTripteaser.frRezotourTripAdvisorQui veut partir.comMonNuage

Fou de voyageGEO.frVacancéoMontrip.comGuestToGuestHejoramaWipoloMarmarafitMonlookea.frPlanet-voyage.comSportforusWanaSportWidiwiciSportsReseauMeetnSportCleecSportFilerAgence SportiveRdvsportif.comJe fais du sportSport-et-loisirsFacebookFoursquareHellotipiKindo.comTribuweb.comNetlogOrkutCopains d'avantPhotodeClasse.comCollègues.frYoocasaPeuplade

VoisineoSupermarmitevivrelevinLivemyfood !Mme Le Figaro - RecettesWebCavisteCuisiner.comiTasteBuzzimmoAppartInforeseau-social-immobilierImmoWebPartnerWhozimmoCmonAgentgulli.tfoujedessine.comClub PenguinWilbyAmuse WorldHarumikaSimply LandMamba nationHabboFlick’RPicasaFotologDarQroomVivabookmonicono.comJoomeoFood ReporterMy Major Company

JamendoMusityDeezerNoomizSoundcloud8tracksMetalShipWoopetsMypetyDogcityWamizMonFidelAmiPinterestDigikaaDoyoucomBusibookAgrilinkHaxoneoSEATMotorlegendQuintonicYuuby !QypeBeansightDismoioùLook&WearOedooHopeeTwitterOneToUs

Etre présent ?Les réseaux sociaux permettent :• D’établir une communication privilégié

avec ses «fans»• Un retour rapide des utilisateurs sur

nos actions• Un engagement de nos «fans»• D’avoir une image jeune et

dynamique

Spécificités et atouts

• Notion de communauté• Facebook• LinkedIn / Viadeo• Twitter

Spécificités et atouts

Une communauté est :• Un ensemble de personne ayant un intérêt commun :

• un produit, • une marque, • une passion

• Un espace d’échanges de discussion :• bon plan,• avis positif ou négatif,• recommandations

Notion de communauté :

Pour une marque cela permet d’être visible et

accessible.

Spécificités et atouts

Quel intérêt ?• Réseaux professionnel• Adapté au B2B• Se constituer un réseau d’expert• Recruter• Trouver un prestataire

LinkedIn / Viadéo :

Spécificités et atouts

Quel intérêt ?• Réseau personnel• 50% des internautes Français• 77% des internautes Suisse• Permet d’accroitre la notoriété et l’influence

d’une marque• La publicité Facebook permet de définir

facilement la cible à toucher : • localisation, goûts, intérêts, lieux de résidence,• âge, catégorie sociaux professionnel,

Facebook :

Spécificités et atouts

Quel intérêt ?• Echanger dans un format court

(140 caractères)• Faire de la veille• Adapté aux situations de mobilité

Sur Twitter il faut participer pour exister !

Twitter :

Moteurs de recherche

Moteurs de recherches

• Définition• Moteurs de recherche

• Yahoo!• Google • Bing• Duck Duck Go

Définitions

• Application Web• Retrouver des ressources associés à

un mot clef quelconque• Composé de :

• Robots (crawlers)• Base de données (index)• Page de recherche

Moteurs de rechercheLes principaux moteurs de recherche :

• Yahoo!• Google • Bing• Duck Duck Go

Yahoo!• Janvier 1994 : création de Yahoo! par

David Filo et Jerry Yang étudiants à Standford

• 1995 : création de l’entreprise• 12 avril 1996 : Yahoo! entre en bourse• Septembre 1996 : lancement en Europe• 2004 : Yahoo! est le site web le plus

visité au monde• Mars 2005 : rachat de FlickR

Google• 1995 - 1997 avant Google : rencontre de Larry Page et Sergey Brin• 1996 : projet «BackRub», particularité analyser les "backlinks" des pages à

classer, création du PageRank• 1998 : 1 Terabit de stockage, premier financement de 100k$.• Septembre 1998 : création de Google Inc.• Décembre 1998 : Google classé dans les 100 meilleurs sites au monde par PC

Magasine• 1999 : déménagement à Palo Alto, 8 employés, 500.000 requêtes quotidiennes• Juin 1999 : nouveau financement de 25 m$• Fin 1999 : fin de la version beta de Google, cap des 3m de requêtes par jour• Mai 2000 : internationalisation du moteur de recherche (10 langues)• Juin 2000 : 1 Milliard de pages dans l’index• Octobre 2000 : création de Google Adwords• Fin 2000 : 100 millions de requêtes par jour (en moyenne 1 000

requêtes/seconde)• Fin 2001 : moteur de recherche en 26 langues, sortie de Google Image avec

une base de 250m d’images• 2002 : Google Adwords passe au CPC, lancement de Google News• 2003 : résultat de Adsence en forte hausse

Google• 2004 : moteur de recherche en 100 langues, index de 6 milliards de documents

(4,28 milliards de pages, plus 880 millions d'images, plus 845 millions de messages de USENET, plus une collection croissante de documents divers)

• Avril 2004 : lancement de "GMails" (capacité de stockage 1Go), annonce de l’introduction en bourse

• Juillet 2004 : rachat de Picasa Inc, + de 100 datacenters• Fin 2004 : index de 8 milliards de documents• 2005 : lancement de Google Map, de Google Translate, et de Google Analytics• 2006 : lancement de Google Calendar, de Google Trends, de Google Books,

acquisition de Youtube et lancement de Google Doc• 2007 : lancement de Google Apps, d’Androïd • 2008 . Lancement de Google Chrome, de Google Site, Google «Street View»• 2009 : lancement de Chrome OS, accord avec Twitter recherche en temps réel, • 2010 : moteur de recherche en 150 langues, nouvelle charte «privacy

principles», nouveau filtre adulte sur Youtube, publication du «Transparency Report», 200m $ de sponsoring à des associations à but non lucrative, Chrome atteint la barre des 120m d’utilisateurs, nouvelle page d’accueil

• 20011 : Google continue à investir dans les énergies renouvelables, dans l'art et dans les actions caritatives

BingMSN Search

• MSN Search, lancé à l'automne 1998, comprenait un moteur de recherche, un index et un robot d'indexation. Il utilisait les résultats de recherche d'Inktomi• Début 1999, la version de MSN Search montrait les résultats de recherche

de Looksmart mélangés avec ceux d'Inktomi, sauf pour une courte période en 1999, pendant laquelle les résultats provenaient d'AltaVista• Par la suite, Microsoft développa MSN Search pour fournir ses propres

résultats de recherche (listes d'adresses Web, avec des exemples de contenus correspondant à la demande de l'utilisateur), un index hebdomadaire ou quotidien de ce qui avait changé. Les améliorations commencèrent, en tant que version béta, en novembre 2004 (basées sur plusieurs années de recherche), et se poursuivirent, en version commerciale, en février 2005• La recherche d'images fut améliorée en intégrant le moteur tiers, Picsearch.

Le service commença également à fournir ses propres résultats de recherche à d'autres moteurs de recherche, dans le but de renforcer son implantation et sa prédominance dans ce secteur

BingWindows Live Search

• La première version béta publique de Windows Live Search fut dévoilée le 8 mars 2006 et la version finale fut mise en ligne le 11 septembre 2006, en remplacement de MSN Search• Le nouveau moteur de recherche offrait aux utilisateurs la possibilité

de chercher des types d'informations spécifiques en utilisant des onglets tels que «Web», «news», «images», «musique», «bureau», «disques locaux», ainsi qu'Encarta• Windows Live Search visait à rendre ses plus de 2,5 milliards de

requêtes mensuelles « plus utiles, en fournissant aux consommateurs un meilleur accès à l'information et des réponses plus précises à leurs questions ». Un menu de configuration était disponible pour personnaliser le moteur de recherche par défaut dans le Navigateur Web Internet Explorer• Lors du passage de MSN Search à Windows Live Search, Microsoft

cessa d'utiliser Picsearch et commença à utiliser son propre moteur de recherche d'images, basé sur un algorithme propriétaire de recherches

BingLive Search

• Le 21 mars 2007, Microsoft annonçait qu'il séparait le développement de moteurs de recherches de la famille de services Windows Live, renommant ce service en Live Search• Dans la continuité, Windows Live Expo fut interrompu le 31 juillet 2008. Peu après, Live Search Macros, un service qui permettait aux utilisateurs de créer leur propre moteur de recherche ou d'utiliser des macros créées par d'autres utilisateurs fut interrompu à son tour• Le 15 mai 2009, Live Product Upload, un service qui permettait aux commerciaux de télécharger des informations sur Live Search Products, fut interrompu. La réorganisation finale, devenue « Live Search QnA » fut renommée en « MSN QnA » le 18 février 2009, pour être interrompue à son tour le 21 mai 2009•Microsoft reconnut par la suite qu'il n'y aurait pas d'issue tant que le mot « Live » resterait dans la marque. Afin de créer une nouvelle identité pour les services de moteur de recherches de Microsoft, Live Search fut officiellement remplacé par Bing le 3 juin 2009

Duck Duck Go• Septembre 2008 : création de DuckDuckGo par Gabriel

Weinberg• Août 2010, DuckDuckGo introduit la recherche anonyme• Septembre 2010 : embauche du premier employé, Tighe Caine• Octobre 2011 : l'Union Square Ventures investit dans

DuckDuckGoUnion Square Brad Burnham déclare : « Nous avons investi dans DuckDuckGo parce que nous sommes convaincus qu'il n'était pas seulement possible de changer la base de la concurrence dans la recherche, mais qu'il était temps de le faire »

• Novembre 2011 : Linux Mint signe un accord exclusif avec DuckDuckGo pour sa mise en place au sein de la distribution Linux Mint 12

• Février 2012 : barre symbolique du million de recherches par jour

Dossier de synthèse

Moteurs de recherchesNavigateursRéseaux SociauxHistoire d’internet

Objets communiquant

Objets communiquant

• Définitions• Vidéo• Exemples

Définitions

• Internet dans le monde physique• Objet communiquant ou Internet des

objets

VidéoVidéo TEDx Paris 2011 - rafi Haladjian L'Internet des objets

http://www.youtube.com/watch?v=T68CLqAIAdghttp://www.youtube.com/watch?v=b5cJVOETycs

Exemples

Présence en ligne

SEO / SEM• Trafic

«qualifi黕 Google

Adresses• Présence /

Visibilité• Longue

traine• HTML / CSS

• Méta informations

• Balise «title»

• Balise «alt»• Contenu

dupliqué• URL-

Rewriting

• Backlink• Trust Rank• robots.txt• Sitemap• Yahoo Site

Explorer• Taux de

conversion• Test A / B

Périphériques

Périphériques

• Historique et chiffres

Historique

• 1 milliard de Smartphone dans le monde• 1996 : 1er smartphone : Nokia Comunicator• 2007 : lancement de l’iPhone par Apple tournant • Accélération la dernière année :

• 3e trimestre 2011 : 708 millions d’unités• 2e trimestre 2012 : 959 millions d’unités• 3e trimestre 2012 : 1 038 millions d’unités

• 1 milliard de smartphones en 16 ans• trois ans pour atteindre le 2ème milliard

• Aujourd’hui 1 humain sur 7 équipé d’un smartphone

Source : Strategy Analytics

Evènementiel autour du Web

Events• Le Web• RDWeb• First• Lift• Hub Forum• eCom• Web Event Lyon• Rezonance• StartUp Week-End

• BarCamp• TED• AppDays

Plus d’informations sur :http://bit.ly/RIjfIX