Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

HISTOIRE ET PANORAMA DU WEB À DESTINATION DES PROFESSIONNELS DE L'IMAGE ET DE L'INFORMATION

Intervention à l'INA sur l'histoire et les pratiques du web à destination des professionnels de l'images et de l'information

  • Login to see the comments

  • Be the first to like this

HISTOIRE ET PANORAMA DU WEB À DESTINATION DES PROFESSIONNELS DE L'IMAGE ET DE L'INFORMATION

  1. 1. !"#$%&"'()#*+#,%-./-%#%&0-"+#*&$-)1%"2/0&# !"#$%#&'()*+,-,## 3458#6#9:;<=;# 3453#6#2-#$(+%%/-%#&2-$1%()/7+-## 34>8#6#2-#?@A#
  2. 2. 1989 : le World Wide Web 1995-­‐2003 : la guerre des navigateurs 1993 : Mosaic Le web 2.0 / web social
  3. 3. 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#
  4. 4. 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#
  5. 5. 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é.
  6. 6. 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/]/,-*/"#
  7. 7. A/.,2/M$"'()#*-#2"#%-$^-%$^-# TTTTTJJJJJ(((((22222+++++'''''((((()))))#####*****-----00000#####.....(((((11111-----+++++%%%%%00000#####*****-----#####%%%%%-----$$$$$^^^^^-----%%%%%$$$$$^^^^^-----VVVVV#####00000[[[[[)))))*****/////$$$$$"""""'''''((((()))))#####*****-----#####$$$$$((((()))))11111-----)))))+++++00000VVVVV#####11111"""""IIIII00000VVVVV#####^"0^1"ILLL#
  8. 8. BRQ#3LH#<#K-C#01"'7+-#k#.(1-+%#*-#%-$^-%$^-# 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#
  9. 9. 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#
  10. 10. 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##
  11. 11. Piscatum, 2011 Internet et web
  12. 12. Web visible et web invisible web visible indexé par les moteurs de recherche web invisible / profond Christophe Asselin, 2001 ?
  13. 13. ;"%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*
  14. 14. 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
  15. 15. 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
  16. 16. 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é
  17. 17. 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.
  18. 18. 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)
  19. 19. Le web Social Collabora'on, partage, échange, mobilité 1 : Les forums, l’ancêtre pré-­‐web 2.0 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.
  20. 20. 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&#
  21. 21. E6#!"#.(C/2/1&# !-#K-C#A($/"2# :(22"C(%"'()V#,"%1"I-V#&$^")I-V#.(C/2/1&#
  22. 22. !-#K-C#0+CJ-%0/a# @(+J-"+_#.(*-0#*-#*/01%/C+'()#
  23. 23. Le web subversif Web 2.0 & vie privée Chaque ac'on que vous ré a l i s ez sur Internet laisse une t r a c e , d û m e n t exploi tée par les spéc ial i stes de l a collecte d’informa'on.
  24. 24. Les chiffres clés 40% de la planète connecté 260 millions de noms de domaines 300 000 million de photo publiées par jour sur facebook 920 millions de sites internet 180 millions le nombre d’u'lisateurs ac'fs sur Twi{er 27 milliards d’euros dépenser par les français en 2013 91% des français u'lisent google
  25. 25. 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)
  26. 26. 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
  27. 27. 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
  28. 28. 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»
  29. 29. 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
  30. 30. 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
  31. 31. 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
  32. 32. 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
  33. 33. 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
  34. 34. 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
  35. 35. 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
  36. 36. 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.
  37. 37. 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

×