histoire et panorama du web À destination des professionnels de l'image et de...

!"#$%&"'()#*+#,%-./-%#%&0-"+#*&$-)1%"2/0&#!"#$%#&'()*+,-,##

3453#6#2-#$(+%%/-%#&2-$1%()/7+-##

3458#6#9:;<=;#

34>8#6#2-#?@A#

1989  :  le  World  Wide  Web    

1993  :  Mosaic  

1995-­‐2003  :  la  guerre  des  navigateurs    

Le  web  2.0  /  web  social  

A/.,2/M$"'()#*-#2"#,+C2/$"'()#

NOP9PQR#

:O@9R@P#S=?TO#

?U=!NDO9=O@# S=DRO#

D"/0#"+00/#6#C2/,9SV#B"19S#-1$W#

A/.,2/M$"'()#*-#2"#,+C2/$"'()#:O@9R@P#S=?TO#F#A9XRUD=@Y#

PA9XRUD# !=SRA9XRUD# YOOY!R#ZU@YZOP9## !RA#U;;!=AL#

D"/0#"+00/#6#[(+1+C-V#*"/2[.('()V#-1$W#

Simplifica'on  de  la  publica'on  CONTENU  IMAGE  

FlickR   Photoshelter   Instragram   variantes  

Les  Réseaux  Sociaux  Les  sites  por`olio  dédiés  Les  forums  de  mag.  Spé.  

A/.,2/M$"'()#*-#2"#,+C2/$"'()#:O@9R@P#=@\OXDU9=O@#<#9Rb9R#

B(%*;%-00# Q2(II-%# R1$#

c#!-#./0*1*

F!#A][C2(I#F!#9[,-,"*#F!#:")"2C2(I#F!OJ-%FC2(I##F!R1$W#

B/]/#F#B/]/,-*/"#

A/.,2/M$"'()#*-#2"#%-$^-%$^-#TJ(2+'()#*-0#.(1-+%0#*-#%-$^-%$^-V#0[)*/$"'()#*-#$()1-)+0V#1"I0V#^"0^1"ILLL#TJ(2+'()#*-0#.(1-+%0#*-#%-$^-%$^-V#0[)*/$"'()#*-#$()1-)+0V#1"I0V#TJ(2+'()#*-0#.(1-+%0#*-#%-$^-%$^-V#0[)*/$"'()#*-#$()1-)+0V#1"I0V#TJ(2+'()#*-0#.(1-+%0#*-#%-$^-%$^-V#0[)*/$"'()#*-#$()1-)+0V#1"I0V#TJ(2+'()#*-0#.(1-+%0#*-#%-$^-%$^-V#0[)*/$"'()#*-#$()1-)+0V#1"I0V#

B-C#3LH#<#.(1-+%#*-#%-$^-%$^-#6#F!#9%(+J-%#*-0#*($+.-)10#I%d$-#e#*-0#.(10#$2&0#,%&0-)1#*")0#2-#'1%-#-1#2"#C"%%-#*f-)#1g1-V#*&C+1#*-0#c#D-1"D(1-+%#h#i/)*-_"'()#"#,"%'%#*-0#C%(K0-%j#F!9%"/1-.-)1#+)/7+-.-)1#/)a(%."'7+-V#2-#$(*-#"J")1#2-#0-)0#

BRQ#3LH#<#K-C#01"'7+-#k#.(1-+%#*-#%-$^-%$^-#

BRQ#GLH#k#.(1-+%#*-#%-$^-%$^-#B-C#GLH#<#.(1-+%#*-#%-$^-%$^-#6#F!?&J-2(,,-.-)1#*-0#c#:%"K2-%#h#344lF3445#k#0$"))#*+#K-C#F!=)*-_"'()#*")0#2-0#$()1-)+0#-)#,2+0#*+#'1%-#-1#*-0#C"%%-0#*f-)#1g1-V#D&1"*())&-0#F!?&C+1#*-#c#2f/)1-%,%&1"'()#*-0#%-7+g1-0#h#

BRQ#8LH#<#K-C#A&.")'7+-k#.(1-+%#*-#%-$^-%$^-#

B-C#8LH#<#.(1-+%#*-#%-$^-%$^-#<#K-C#0&.")'7+-#6#FR_,2(/1"'()#*+#0-)0#0&.")'7+-#*-0#$()1-)+0#F#K-C#-)%/$^/#m#A1")*"%*/0&#-1#a(%."2/0&#,"%#O)1(2(I/-#iOB!jV#?-0$%/,'()#*-0#%-00(+%$-0V#D&1"F*())&-0V#"))(1"'()V#PX=V#1%/,2-10#m#X-7+g1-#-)#2")I"I-#)"1+%-2#F#."$^/)-0#-_,2(/1-)1V#/)1-%,%n1-)1#-1#$(.C/)-)1#2-0#%-00(+%$-0#F#=)a(%."'()0#,-%')-)1-0#m#S"01-#-0,"$-#*f&$^")I-#*-#%-00(+%$-0#-)1%-#."$^/)-0#-1#+'2/0"1-+%0##

Piscatum

,  201

1  

Internet  et  web  

Web  visible  et  web  invisible  

web  visible  indexé  par  les  moteurs    de  recherche  

web  invisible  /  profond  

Christophe  Asselin,  2001  ?  

;"%1#*-#."%$^&#*-0#.(1-+%0#

*f",%n0#U9#=)1-%)-1V#H><GH38#

D()*-# \%")$-#

233456*77879*

:;<4*=8>9*:?;@A*B8C9*

D?E33F**>8=9* ?AGH6I*+8+9*

*f",%n0#p"%."0)"$]V#H5<GH38#

233456*,+8=9*

:;<4*>8-9*

D?E33F*+8C9*

?AGH6I**=8C9* *J*

Simplifica'on  de  la  recherche  Effectuer  une  recherche  efficace  

Bien  référencer  son  site  

Principe  de  base  de  recherche  sur  le  web  sur  google  :  

-­‐   Paramètres  de  recherche  avancée  sur  google  -­‐   Les  guillemets  pour  une  expression  exacte  -­‐   La  requête  [site:]  -­‐   Terme  à  exclure  avec  [-­‐]  -­‐   Terme  à  inclure  avec  [+]  -­‐   Recherche  avec  caractère  de  remplacement  (Wildcard)  [*]  -­‐   L'opérateur  [OR]  -­‐   La  requête  [filetype:]  

Ce  que  google  ne  fait  pas  :  Pour   plusieurs   termes,   Google  signale  uniquement   les  pages  qui  comportent   TOUS   ces   termes,  mais   pas   nécessairement   à   la  suite  les  uns  des  autres  Google   ne   'ent   pas   compte   des  majuscules  

Les  mots  clés  :  les   mots   clés   "primaires"   ou   "larges"   qui  servent   à   définir   de   façon   globale   le  domaine  de  recherche  -­‐  les  mots  clés  "secondaires"  ou  "profonds",  à  l'intérieur  du  domaine  balisé  par  les  mots  clés  "primaires"  -­‐  les  mots  clés  "interdits  »  Le  site  donne  des  exemples  

Simplifica'on  de  la  recherche  Effectuer  une  recherche  efficace  

Bien  référencer  son  site  Principe  de  base  du  référencement  Def  :  Le  SEO  (search  Engine  Op'misa'on)  consiste  à  employer  un  certains  nombre  de  techniques  afin  de  donner  de  la  visibilité  à  un  site  internet  sur  les  moteurs  de  recherche  

Techniques  de  bases  :  Concernant  le  SEO  (référencement  naturel)  il  existe  deux  types  de  facteurs  perme{ant  d'op'miser  la  visibilité  d'un  site  :  Les  facteurs  internes  au  site  lui-­‐même  (on  page)  :    

-­‐  Les  pages  doivent  avoir  un  'tre  -­‐  Penser  à  renseigner  les  balise  méta  -­‐  Donner  une  descrip'ons  aux  images  en  u'lisant  l'a|rbut  Alt  -­‐  Hierarchiser  le  contenu  du  site  -­‐  Réécrire  les  URL  -­‐  Élaborer  un  contenu  éditorial  riche  en  mot  clés  -­‐ Préférer  un  nom  de  domaine  simple  et  non  concurren'el  

Les  facteurs  externes  au  site  (off  page)  :  -­‐  La  quan'té  de  d'hyperliens  menant  au  site  (linking)  -­‐  La  qualité  de  ces  Liens  (concep'on  du  lien  lui-­‐même  dans  le  html,  qualité  du  site  éme{eur  de  ce  lien...)  -­‐  Ancienneté  du  site  et  du  nom  de  domaine    

Mesurer  sa  présence  sur  le  web  

Google  analyZcs  

• Analyse  du  contenu  • Analyse  des  mobiles  

• Analyse  des  conversions  • Analyse  des  réseaux  sociaux  • Analyse  de  la  publicité  

Filtrer  l’informa'on  Cura'on,  veille  

L’infobésité  :  «  Chacune  et  chacun  d’entre  nous  a  aujourd’hui  accès  par  une  diversité  de  canaux,  de   la  radio   à   Internet,   du   téléphone   portable   à   la   télévision,   à   une   mul'tude   d’informa'ons  instantanées   et   en   con'nu.   Ce   roulis   ininterrompu   donne   le   sen'ment   d’être   toujours  informé.  Parfois,  il  assiège  plus  les  citoyens  qu’il  ne  les  libère.  Ce{e  surinforma'on  chasse  l’informa'on  et  sa  hiérarchisa'on.  »    wikipédia      Il  est  donc  nécessaire  de  trier,  classer,  organiser  et  hiérarchiser  l’informa'on.    Mais  également  de  bien  connaître  son  audience  et  se  donner  les  moyens  de  l’élargir  grâce  aux  ou'ls  à  notre  disposi'on.  

Filtrer  et  partager  l’informa'on  Cura'on  /  veille  

Défini'on  de  curaZon   :désigne  tout  type  de  gardien  d'un  héritage  culturel   (conservateur  de   musée,   bibliothécaire,   etc.)   chargé   de   rassembler   et   d'organiser   différents   éléments  d'une  même  collec'on  pour  mieux  la  diffuser  au  public.  Appliqué  à  l'Internet,   la  cura'on  consiste  à  collec'onner,  agencer  et  partager  les  contenus  les  plus  intéressants.  Une  forme  de  e-­‐documentaliste  2.0.  

Défini'on  de  Veille   :«  Une  veille   informa'onnelle  est   l’ensemble  des  stratégies  mises  en  place  pour  rester  informé,  en  y  consacrant  le  moins  de  temps  possible  et  en  u'lisant  des  processus  de  signalement  automa'sés.  »  (Source  :  JP  Lardy  –  Urfist  de  Lyon)    

1  :  Les  forums,  l’ancêtre  pré-­‐web  2.0  

Le  web  Social  Collabora'on,  partage,  échange,  mobilité  

En   informa'que,   un   forum   est   un   espace   de   discussion   publique   (ou   au   moins   ouvert   à   plusieurs  par'cipants).  Les  discussions  y  sont  archivées  ce  qui  permet  une  communica'on  asynchrone  (c'est  ce  qui   différencie   les   forums  de   la  messagerie   instantanée).   Il   y   a  deux   sortes  de   forum,  en   fonc'on  du  classement   des  messages   :   soit   les   «   forum  de   discussion   »   dont   les  messages   sont   classés   par   date  chronologique,  soit  les  «  forum  de  ques'ons  /  réponses  »  (  QUORA,  mais  pour  ce  cas  ci,  l’u7lisa7on  est  bcp  plus  vaste  que  la  simple  ques7on/réponse)  dont  les  messages  sont  classés  par  votes.  Forum  est  un  terme  d'origine  la'ne  (popularisé  par  l'anglais)  désignant  une  place  de  la  ville  consacrée  à  la  discussion  et  au  commerce.  Source  Wiki.  

G#6#!"#$(22"C(%"'()V##2-#,"%1"I-#-1#2f&$^")I-#

!-#K-C#A($/"2#:(22"C(%"'()V#,"%1"I-V#&$^")I-V#.(C/2/1&#

E6#!"#.(C/2/1&#

!-#K-C#A($/"2#:(22"C(%"'()V#,"%1"I-V#&$^")I-V#.(C/2/1&#

!-#K-C#0+CJ-%0/a#@(+J-"+_#.(*-0#*-#*/01%/C+'()#

Le  web  subversif  Web  2.0  &  vie  privée  

Chaque   ac'on   que  vous   réa l i s ez   su r  Internet   laisse   une  t r a c e ,   d û m e n t  exp lo i tée   pa r   l e s  spéc ia l i stes   de   la  collecte  d’informa'on.    

Les  chiffres  clés  

40%  de  la  planète  connecté  

920  millions  de  sites  internet  

260  millions    de  noms  de  domaines  

27  milliards  d’euros  dépenser  par  les  français  en  2013  

300  000  million  de  photo  publiées  par  jour  sur  facebook  

180  millions  le  nombre  d’u'lisateurs  ac'fs  sur  Twi{er    

91%  des  français  u'lisent  google  

Usages  des  moteurs  

Infographiclabs,  2010,  GO-­‐Gulf,  2012,    Médiamétrie,  2012    

93  %  des  internautes  u'lisent  les  moteurs  

de  recherche  pour  trouver  et    accéder  aux  sites  

21  %  du  temps  passé  en  ligne  est  consacré  

à  la  recherche  

57  %  des  internautes  cherchent  sur  le  web  

chaque  jour  

46  %  des  recherches  concernent  des  informa'ons  sur  des  produits    ou  des  services  (e-­‐commerce)  

50  %  du  trafic  d’un  site  vient    

d’un  moteur  de  recherche  (France)  

Les  réseaux  sociaux    google,  facebook,  twi{er,  linkedin  

GOOGLE  • Un  moteur  de  recherche  •  Un  client  messagerie,  Gmail  •  Un  réseau  social,  Google+  •  Des  ou'ls  bureau'ques,  Google  Drive  •  Une  suite  d’ou'ls  intégrés  

Les  réseaux  sociaux    google,  facebook,  twi{er,  linkedin  

FACEBOOK  •   Un  réseau  social    •  axé  sur  le  partage  de  contenus  (rachat  Instagram...)  •  les  interac'ons  sociales  (Like,  Share,  Facebook  connect)  •  et  les  données  personnelles  (Facebook,  Graph  search)  •   Et  maintenant  un  diffuseur  d’informa'on  

Les  réseaux  sociaux    google,  facebook,  twi{er,  linkedin  

TWITTER  •  Un  site  de  micro-­‐blogging    •  avec  son  langage  propre  (#  hashtag,  @,  RT..)  •une  architecture  ouverte  où  l’on  se  «suit»  

Les  réseaux  sociaux    google,  facebook,  twi{er,  linkedin  

LINKEDIN  •  Un  réseau  social  professionnel    •  aux  fonc'onnalités  dédiées  au  monde  professionnel  •  qui  s’oriente  également  vers  le  partage  de  contenus  

Les  réseaux  sociaux    google,  facebook,  twi{er,  linkedin  

Organiser  la  diffusion  sur  les  réseaux  •   Hootsuite  :  le  tradi'onnel  •   SociallyMap  :  le  nouveau  mapping  réseaux  visuel  •   Tweetdeck  :  le  livetweet  et  les  tendances  •   Youseemii  :  mesurer  sa  présence  sur  les  réseaux  

Publica'on  et  partage  mul'médias  Blog  et  wiki,  Youtube  etc,  Flickr  etc…  

•  Wordpress,  le  plus  courant  et  personnalisable  •  Tumblr,  le  plus  simple  et  le  plus  en  vogue  •  Wikimedia,  l’ou'l  derrière  Wikipedia  

Publica'on  et  partage  mul'médias  Blog  et  wiki,  Youtube  etc,  Flickr  etc…  

•  YouTube  leader  en  volume  avec  1  milliard  de  visiteurs  uniques  par  mois  •  Vimeo  et  Dailymo'on  se  dis'nguent  avec  des  approches  différentes  et  éditorialisées  

Publica'on  et  partage  mul'médias  Blog  et  wiki,  Youtube  etc,  Flickr  etc…  

•  Flickr  :  leader  de  l’hébergement  de  photo  avec  fonc'onnalités  de  recherche  avancées  •  Concurrencée  par  les  applica'ons  mobiles  (Instagram...)  et  Facebook  

Syndica'on  et  cura'on  Défini'ons,  les  ou'ls    

•  Fermeture  du  service  Google  Reader  en  juillet  2013  •  Netvibes,  l’historique  •  Feedly,  le  moderne  •  Flipboard,  le  mobile  

Syndica'on  et  cura'on  Défini'ons,  les  ou'ls    

•  Scoop-­‐it,  Perper.li,  organiser  et  partager  •  Pearltress,  organiser  et  visualiser  •  Delicious,  «  bookmarker  »  •  Storify,  éditorialiser  • Xmarks  –  signet  en  ligne  

Les  bonus  Travailler  en  équipe,  simplifier  son  travail  en  ligne  etc….  

•  Ou'ls  de  collabora'on  en  ligne  :  Basecamp,  Asana  •   Travailler  en  équipe  :  screen  viewer  •   Mind  Mapping  collabora'f  •  Ou'l  de  prise  de  note  :  Evernote  •  Des  ou'ls  pour  chaque  besoin  à  découvrir...  sur  Google  &  Co.  

Exercices  pra'ques  

-­‐  Rechercher  une  image    -­‐   Recherche  PDF  -­‐   U'liser  les  paramètres  avancés  -­‐   Maitriser  ses  flux  RSS  -­‐   Partager  sa  veille  -­‐   Travailler  en  équipe  -­‐   Orienta'on  per'nente  de  son  info  sur  les  réseaux  sociaux  -­‐   Le  mapping  Réseaux