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

4. !"#$%&"'()#*+#,%-./-%#%&0-"+#*&$-)1%"2/0&#
!"#$%#&'()*+,-,##
3458#6#9:;<=;#
3453#6#2-#$(+%%/-%#&2-$1%()/7+-##
34>8#6#2-#?@A#

5. 1989
:
le
World
Wide
Web
1995-­‐2003
:
la
guerre
des
navigateurs
1993
:
Mosaic
Le
web
2.0
/
web
social

8. 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#

9. 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#

10. 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é.

11. 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/]/,-*/"#

13. A/.,2/M$"'()#*-#2"#%-$^-%$^-#
TTTTTJJJJJ(((((22222+++++'''''((((()))))#####*****-----00000#####.....(((((11111-----+++++%%%%%00000#####*****-----#####%%%%%-----$$$$$^^^^^-----%%%%%$$$$$^^^^^-----VVVVV#####00000[[[[[)))))*****/////$$$$$"""""'''''((((()))))#####*****-----#####$$$$$((((()))))11111-----)))))+++++00000VVVVV#####11111"""""IIIII00000VVVVV#####^"0^1"ILLL#

14. 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#

15. 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#

16. 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##

17. Piscatum,
2011
Internet
et
web

18. Web
visible
et
web
invisible
web
visible
indexé
par
les
moteurs
de
recherche
web
invisible
/
profond
Christophe
Asselin,
2001
?

19. ;"%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*

20. 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

21. 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

22. 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é

23. 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.

24. 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)

26. 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.

27. 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&#

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

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

31. 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.

33. 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

34. 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)

37. 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

38. 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

39. 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»

40. 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

41. 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

43. 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

44. 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

45. 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

47. 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

48. 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

50. 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.

51. 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