V E B
R
É
V
O
L
U
T
I
O
N
S
P L A N E T E
( )
de la
FABIEN GANDON
INRIA
@fabien_gandon
http://fabien.info
#agorafg
sur le Web
#agorafg
https://titanpad.com/agorafg
destinations
prothèse de la mémoire
séparer le fond et la forme
un graphe mondial de données
hyperprogramme
machine social...
prothèse de la mémoire
Vannevar BUSH
Memex, Life Magazine,
10/09/1945
hypertexte & hypermédia
Vannevar BUSH
Memex, Life Magazine,
10/09/1945
Ted NELSON
HyperText, T. H. Nelson,
ACM, 1965
lier au travers des réseaux
Vannevar BUSH
Memex, Life Magazine,
10/09/1945
Ted NELSON
HyperText, T. H. Nelson,
ACM, 1965
I...
internet / web
WEB
Tim BERNERS-LEELouis Pouzin, Cyclade Robert Kahn & VintonCerf, Arpanet
INTERNET
≠
(1970) (1989)
les trois clefs de voute du Web
URL
HTML HTTP
adresse
communication
WEB
référence
identification & adressage (URL)
URL
HTML HTTP
adresse
communication
WEB
référence
ex. http://www.inria.fr
langage de représentation (HTML)
URL
HTML HTTP
adresse
communication
WEB
référence
Fabien travaille chez
<a href="http://
...
communication / protocole (HTTP)
URL
HTML HTTP
adresse
communication
WEB
référence
GET /centre/sophia HTTP/1.1
Host: www.i...
premier navigateur (1990)
1994
consortium de standardisation
URL
HTML HTTP
adresse
communication
WEB
référence
acteurs de l’architecture web
~400 membres
complexité de l’architecture web
html http
url
uri
iri ataguaagwcagaria
mwbpearlra cc/pp
assx
css
ddrsa xml eve. exi
geo a...
résumés…
réseau / graphe de pages
destinations
prothèse de la mémoire
séparer le fond et la forme
un graphe mondial de données
hyperprogramme
machine social...
vers d’autres représentations
URL
HTTP
adresse
communication
WEB
référence
séparer le fond et la forme (CSS)
une seule page HTML
créer sa propre structure (XML)
CSS - 1996
<XML/>
<mon_document>
<ma>
<structure/>
</ma>
</mon_document>
XML- 1998
A
AdsML Markup language used for interchange of data between advertising
systems.
Agricultural Ontology Service
AIML Marku...
standardiser le traitement (XML)
<XML/>
<mon_document>
<ma>
<structure/>
</ma>
</mon_document>
sélectionner un morceau (XP...
résumés…
réseau / graphe de pages
réseau de documents structurés
destinations
prothèse de la mémoire
séparer le fond et la forme
un graphe mondial de données
hyperprogramme
machine social...
des modèles du monde pour le Web
Tim BERNERS-LEE
WWW Conf 1994
distribuer des descriptions machines
« doc.html a pour auteur Fabien
et a pour thème la Musique »
1. doc.html a pour auteu...
références au Web
références du Web
http://mon-site.fr
URL identifier et localiser
ce qui existe sur le web
URI
identifier sur le Web,
ce qu...
web de données & web sémantique
http//inria.fr/doc.html
http://rel.org/auteur
http://fabien.info
http//inria.fr/doc.html
h...
jeux de données liées sur le Web
0
50
100
150
200
250
300
350
01/05/2007 01/05/2008 01/05/2009 01/05/2010 01/05/2011
nombr...
interroger le Web de données
intégrer les données du Web
analyser les données du Web
dans tous les domaines
découvrir les données du Web
ouvrir les données à de multiples usages
résumés…
réseau / graphe de pages
réseau de documents structurés
réseau de bases de données
destinations
prothèse de la mémoire
séparer le fond et la forme
un graphe mondial de données
hyperprogramme
machine social...
l’application Web (CGI)
application - application
affordance logicielle
affordance logicielle
les services Web
les services Web
les services Web
annotation de services
http://mon.org/service
http://les.choses.org/orange http://les.choses.org/jus
http://les.choses.org...
standards des services Web
entrées, opérations, sorties (WSDL)
adressage et communication (SOAP)
composition (Orchestratio...
composition dynamique (2005-2007)
bug de l’an 2020
Manhattan
erreur
SS SSLSSS
SSRSSLSSS
ALGORITHMES
perception et réaction
battement de cœur (1sec)
double click à la souris (1/2 sec)
images d’un film (1/24 sec)
algorithme ...
communautés hybrides du Web
0
500000
1000000
1500000
2000000
2500000
3000000
3500000
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 1...
ex. la bulle du filtrage
Eli Pariser (2011)
protection des enfants (PICS, 1997)
<meta http-equiv="pics-
label" content='(PICS-1.1
"http://www.icra.org/ratin
gsv02.htm...
protection des surfeurs (P3P, 2002)
standardiser la sécurité (XML)
<XML/>
mécanismes
de sécurité
représentation canonique (Canonical XML)
signer des données (...
applications mobiles
haut les mains
levez la main si vous avez un compte…
ou
ou
levez la main si vous avez
lu toutes les conditions et
document...
lire ou ne pas lirehttp://conversation.which.co.uk/technology/length-of-website-terms-and-conditions/
18 301 mots15 352 mo...
collusion / lightbeam
technologie & ergonomie
Do Not Track
résumés…
réseau / graphe de pages
réseau de documents structurés
réseau de bases de données
réseau de calculs / algorithmes
destinations
prothèse de la mémoire
séparer le fond et la forme
un graphe mondial de données
hyperprogramme
machine social...
écriture et socialisation
1994, Ward Cunningham
les wikis rouvrent
le Web en écriture
réseaux du Web social
influence
CHINE: 1,6 milliard
INDE:
1,2 milliard
ACEBOOK:
1 milliard
expansion
web social & sémantique
calculs d’influence
   
 







GEyx
g
g
B
yxnb
yxbnb
bC
, ,
,,
Cc
k   length g k,x  
xEG


...
données disponibles
révolution
égyptienne
fumées de
facebook
blogs & Obama
réseau
d’amis
valeur et économie de l’attention
marché des mots
nos questions = leurs assertions
voiture électrique
(Fabien Gandon, intéressé par, voiture électrique)
agréger les assertions
la grippe aux Etats-Unis
● Google ● Centre épidémiologique
cerveaux disponibles FoldIt
usages augmentés par le Web
laisser un livre
quelque part
lire pour les
mal voyants
socialisation massive (objets, services…)
marque-page,
signet,
bookmark
partage
marque-page
social
(blablacar, zilokaoto, voiturelib) VOITURES
(vogavecmoi.com, co-navigation.fr, equipier.fr) BATEAUX
(provoiturage.fr) TAXI...
sans limite autre que l’imagination
résumés…
réseau / graphe de pages
réseau de documents structurés
réseau de bases de données
réseau de calculs / algorithme...
destinations
prothèse de la mémoire
séparer le fond et la forme
un graphe mondial de données
hyperprogramme
machine social...
tourner la page de « la page Web »
HTML 5, CSS3, SVG
le prix de la page
HTML v1
HTML v5
39 pages
963 pages
multi-modalité & multi-média
Voice XML (et al.)
InkML
Web Event
Media
Fragment
adaptation aux mobiles
réalité augmentée par le Web
utilisateurs = détecteurs
nous: les crawlers
du monde physique
nos longues ombres numériques
nouveaux objets connectés
2eme écran
Web TV
Web Montre
Web Automobile
Web Lunettes
Web Réveil
le Web des objets
nabaztag
vélo navigateurtuteur sur Twitter
cintre sur Facebook
bus navigateur
fourchette
serrure connect...
objets augmentés par le Web
Surveiller n’importe
quel objet
pas nécessairement
technologiquement lourd
agir sur et à trave...
les objets sortent du Web
imprimante 3D
accessibilité du Web
WAI
fracture numérique
luminosité
la nuit
connectivité
internet
//
sujets couverts dans une langue
©Denny Vrandečić
l’autre enjeu de l’accès mobile
résumés…
réseau / graphe de pages
réseau de documents structurés
réseau de bases de données
réseau de calculs / algorithme...
destinations
prothèse de la mémoire
séparer le fond et la forme
un graphe mondial de données
hyperprogramme
machine social...
tout (ce qui peut
être identifié )
vers une toile de
ressources
par tout le monde
1989
documents données ressources
URI
et à travers lui
beaucoup de
choses
de notre monde
celui qui
contrôle les
métadonnées
contrôle
le web
sa complexité
naturelle contamine
le web
alors que le web se diffuse dans le monde,
le monde se diffuse dans le web
wwwworld wide web
mmm
méthode massivement multidisciplinaire
V E B
R
É
V
O
L
U
T
I
O
N
S
P L A N E T E
( )
de la
FABIEN GANDON
INRIA
@fabien_gandon
http://fabien.info
#agorafg
Prochain SlideShare
Chargement dans…5
×

Les (r)évolutions de la planète Web

1 826 vues

Publié le

Nous lisons régulièrement que le Web révolutionne notre monde et provoque des évolutions dans toutes les dimensions de notre société. Mais le Web lui-même, ses usages et la compréhension que nous en avons n’ont pas cessé d’évoluer depuis la proposition à l’origine de sa création en 1989. C’est un espace en perpétuelle recréation qui nous demande sans cesse de nouvelles explorations et reconsidérations. Ce sont certains de ces changements passés, actuels, et à venir du Web que nous allons regarder ensemble en insistant sur la complexité de cet artefact qui en fait un objet de recherches pluridisciplinaires.
On Youtube: https://youtu.be/jNjHdqS-1Ko

Publié dans : Internet
0 commentaire
0 j’aime
Statistiques
Remarques
  • Soyez le premier à commenter

  • Soyez le premier à aimer ceci

Aucun téléchargement
Vues
Nombre de vues
1 826
Sur SlideShare
0
Issues des intégrations
0
Intégrations
6
Actions
Partages
0
Téléchargements
32
Commentaires
0
J’aime
0
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

Les (r)évolutions de la planète Web

  1. 1. V E B R É V O L U T I O N S P L A N E T E ( ) de la FABIEN GANDON INRIA @fabien_gandon http://fabien.info #agorafg
  2. 2. sur le Web #agorafg https://titanpad.com/agorafg
  3. 3. destinations prothèse de la mémoire séparer le fond et la forme un graphe mondial de données hyperprogramme machine sociale interface ubiquitaire défi au collectif
  4. 4. prothèse de la mémoire Vannevar BUSH Memex, Life Magazine, 10/09/1945
  5. 5. hypertexte & hypermédia Vannevar BUSH Memex, Life Magazine, 10/09/1945 Ted NELSON HyperText, T. H. Nelson, ACM, 1965
  6. 6. lier au travers des réseaux Vannevar BUSH Memex, Life Magazine, 10/09/1945 Ted NELSON HyperText, T. H. Nelson, ACM, 1965 Information Management: A Proposal Tim Berners-Lee, CERN, March 1989 Tim BERNERS-LEE
  7. 7. internet / web WEB Tim BERNERS-LEELouis Pouzin, Cyclade Robert Kahn & VintonCerf, Arpanet INTERNET ≠ (1970) (1989)
  8. 8. les trois clefs de voute du Web URL HTML HTTP adresse communication WEB référence
  9. 9. identification & adressage (URL) URL HTML HTTP adresse communication WEB référence ex. http://www.inria.fr
  10. 10. langage de représentation (HTML) URL HTML HTTP adresse communication WEB référence Fabien travaille chez <a href="http:// inria.fr">Inria</a>
  11. 11. communication / protocole (HTTP) URL HTML HTTP adresse communication WEB référence GET /centre/sophia HTTP/1.1 Host: www.inria.fr
  12. 12. premier navigateur (1990)
  13. 13. 1994 consortium de standardisation URL HTML HTTP adresse communication WEB référence
  14. 14. acteurs de l’architecture web ~400 membres
  15. 15. complexité de l’architecture web html http url uri iri ataguaagwcagaria mwbpearlra cc/pp assx css ddrsa xml eve. exi geo api dom xform grddl inkml its cmwww ruby an.xhtml rdfa ets omr m. ok emma p3p mathml mf pics qa rif sec cont. sawsdlpng powder sml soap wsdl svg awwwttml smile rdf owlrdfssparql woff webcgm xbl xkms xlinkwscdl wsp skos ns canon. x dtxml xproc xfragxml xbase xschema xml:id xpath xpointer xquery xsignat. xbop xslt xslfo
  16. 16. résumés… réseau / graphe de pages
  17. 17. destinations prothèse de la mémoire séparer le fond et la forme un graphe mondial de données hyperprogramme machine sociale interface ubiquitaire défi au collectif
  18. 18. vers d’autres représentations URL HTTP adresse communication WEB référence
  19. 19. séparer le fond et la forme (CSS) une seule page HTML
  20. 20. créer sa propre structure (XML) CSS - 1996 <XML/> <mon_document> <ma> <structure/> </ma> </mon_document> XML- 1998
  21. 21. A AdsML Markup language used for interchange of data between advertising systems. Agricultural Ontology Service AIML Markup language used for creating artificial intelligence chatterbots. Attention Profiling Mark-up Language (APML): format for capturing a person's interests and dislikes Atom (standard): The Atom Syndication Format is a language used for web feeds Automated Test Markup Language (ATML): defines a standard exchange medium for sharing information between components of automatic test systems. Attention.xml[1] aecXML: a mark-up language which uses Industry Foundation Classes to create a vendor-neutral means to access data generated by Building Information Modeling. Auto-lead Data Format: an open XML-based standard specifically for communicating consumer purchase requests to automotive dealerships. B BeerXML: a free XML based data description standard for the exchange of brewing data [1] Binary Format Description language: an extension of XSIL which has added conditionals and the ability to reference files by their stream numbers, rather than by their public URLs Business Process Execution Language: a business process modeling language that is executable C Call Control eXtensible Markup Language: a standard designed to provide telephony support to VoiceXML CellML: a language describing mathematical models Channel Definition Format Chemical Markup Language ClaML : Classification Markup Language for health informatics, accepted as des centaines de langages XML <XML/> <mon_document> <ma> <structure/> </ma> </mon_document>
  22. 22. standardiser le traitement (XML) <XML/> <mon_document> <ma> <structure/> </ma> </mon_document> sélectionner un morceau (XPATH) pointer à distance (XPOINTER) relier de l’extérieur (XLINK) rechercher précisément (XQUERY) traduire les structures (XSLT) orchestrer un traitement (XProc) ...
  23. 23. résumés… réseau / graphe de pages réseau de documents structurés
  24. 24. destinations prothèse de la mémoire séparer le fond et la forme un graphe mondial de données hyperprogramme machine sociale interface ubiquitaire défi au collectif
  25. 25. des modèles du monde pour le Web Tim BERNERS-LEE WWW Conf 1994
  26. 26. distribuer des descriptions machines « doc.html a pour auteur Fabien et a pour thème la Musique » 1. doc.html a pour auteur Fabien 2. doc.html a pour thème Musique RDF doc.html a pour auteur Fabien doc.html a pour thème Musique
  27. 27. références au Web
  28. 28. références du Web http://mon-site.fr URL identifier et localiser ce qui existe sur le web URI identifier sur le Web, ce qui existe http://animaux.fr/ce-zèbre
  29. 29. web de données & web sémantique http//inria.fr/doc.html http://rel.org/auteur http://fabien.info http//inria.fr/doc.html http://rel.org/sujet http://index.org/musique http://rel.org/créateur http://dico.fr/art http://role.co/contributeur
  30. 30. jeux de données liées sur le Web 0 50 100 150 200 250 300 350 01/05/2007 01/05/2008 01/05/2009 01/05/2010 01/05/2011 nombre de jeux de données libres, publiés et liés
  31. 31. interroger le Web de données
  32. 32. intégrer les données du Web
  33. 33. analyser les données du Web
  34. 34. dans tous les domaines
  35. 35. découvrir les données du Web
  36. 36. ouvrir les données à de multiples usages
  37. 37. résumés… réseau / graphe de pages réseau de documents structurés réseau de bases de données
  38. 38. destinations prothèse de la mémoire séparer le fond et la forme un graphe mondial de données hyperprogramme machine sociale interface ubiquitaire défi au collectif
  39. 39. l’application Web (CGI)
  40. 40. application - application
  41. 41. affordance logicielle
  42. 42. affordance logicielle
  43. 43. les services Web
  44. 44. les services Web
  45. 45. les services Web
  46. 46. annotation de services http://mon.org/service http://les.choses.org/orange http://les.choses.org/jus http://les.choses.org/presse-agrume http://autre.org/service
  47. 47. standards des services Web entrées, opérations, sorties (WSDL) adressage et communication (SOAP) composition (Orchestration) capacités et prérequis (Policy) déploiement, suivi, santé (Modeling) annotation sémantique (SAWSDL) ...
  48. 48. composition dynamique (2005-2007)
  49. 49. bug de l’an 2020 Manhattan erreur SS SSLSSS SSRSSLSSS ALGORITHMES
  50. 50. perception et réaction battement de cœur (1sec) double click à la souris (1/2 sec) images d’un film (1/24 sec) algorithme boursier(1/500 000 sec)
  51. 51. communautés hybrides du Web 0 500000 1000000 1500000 2000000 2500000 3000000 3500000 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 0 500000 1000000 1500000 2000000 2500000 3000000 3500000 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 éditeurs par nombre d’actes les humains
  52. 52. ex. la bulle du filtrage Eli Pariser (2011)
  53. 53. protection des enfants (PICS, 1997) <meta http-equiv="pics- label" content='(PICS-1.1 "http://www.icra.org/ratin gsv02.html" labels for "http://mm.256.com/" generic true ratings (cz 1 la 1 lb 1 lc 1 nz 1 oz 1 vz 1) "http://www.rsac.org/ratin gsv01.html" labels for "http://mm.256.com/" generic true ratings (n 0 s 0 v 0 l 4) )' />
  54. 54. protection des surfeurs (P3P, 2002)
  55. 55. standardiser la sécurité (XML) <XML/> mécanismes de sécurité représentation canonique (Canonical XML) signer des données (XML Signature) cryptage des données (XML Encryption) échanger les clefs(XML Key Management) ...
  56. 56. applications mobiles
  57. 57. haut les mains levez la main si vous avez un compte… ou ou levez la main si vous avez lu toutes les conditions et documents liés avant.
  58. 58. lire ou ne pas lirehttp://conversation.which.co.uk/technology/length-of-website-terms-and-conditions/ 18 301 mots15 352 mots 36 275 mots19 972 mots11 195 mots 32 241 mots
  59. 59. collusion / lightbeam
  60. 60. technologie & ergonomie Do Not Track
  61. 61. résumés… réseau / graphe de pages réseau de documents structurés réseau de bases de données réseau de calculs / algorithmes
  62. 62. destinations prothèse de la mémoire séparer le fond et la forme un graphe mondial de données hyperprogramme machine sociale interface ubiquitaire défi au collectif
  63. 63. écriture et socialisation 1994, Ward Cunningham les wikis rouvrent le Web en écriture
  64. 64. réseaux du Web social
  65. 65. influence CHINE: 1,6 milliard INDE: 1,2 milliard ACEBOOK: 1 milliard
  66. 66. expansion
  67. 67. web social & sémantique
  68. 68. calculs d’influence              GEyx g g B yxnb yxbnb bC , , ,, Cc k   length g k,x   xEG        1
  69. 69. données disponibles révolution égyptienne fumées de facebook blogs & Obama réseau d’amis
  70. 70. valeur et économie de l’attention
  71. 71. marché des mots
  72. 72. nos questions = leurs assertions voiture électrique (Fabien Gandon, intéressé par, voiture électrique)
  73. 73. agréger les assertions la grippe aux Etats-Unis ● Google ● Centre épidémiologique
  74. 74. cerveaux disponibles FoldIt
  75. 75. usages augmentés par le Web laisser un livre quelque part lire pour les mal voyants
  76. 76. socialisation massive (objets, services…) marque-page, signet, bookmark partage marque-page social
  77. 77. (blablacar, zilokaoto, voiturelib) VOITURES (vogavecmoi.com, co-navigation.fr, equipier.fr) BATEAUX (provoiturage.fr) TAXIS (expediezentrevous.com) COLIS (monsieurparking.com) STATIONNEMENT (AirBnB, Bedycasa Couchsurfing) LOGEMENT (costockage.fr) STOCKAGE (kisskissbankbank, kickstarter) FINANCEMENT (coworking) BUREAUX (colunching.com, cookening.com) REPAS (Unlish.com, Cleec.com, kikourou.net)SPORT (lamachineduvoisin.fr) LAVAGE (pretachanger.fr, vestiairecollective.com) VETEMENTS (réseau lombricompos) LOMBRICS … socialisation tous azimuts dans tous les domaines
  78. 78. sans limite autre que l’imagination
  79. 79. résumés… réseau / graphe de pages réseau de documents structurés réseau de bases de données réseau de calculs / algorithmes réseau d’intelligences
  80. 80. destinations prothèse de la mémoire séparer le fond et la forme un graphe mondial de données hyperprogramme machine sociale interface ubiquitaire défi au collectif
  81. 81. tourner la page de « la page Web » HTML 5, CSS3, SVG
  82. 82. le prix de la page HTML v1 HTML v5 39 pages 963 pages
  83. 83. multi-modalité & multi-média Voice XML (et al.) InkML Web Event Media Fragment
  84. 84. adaptation aux mobiles
  85. 85. réalité augmentée par le Web
  86. 86. utilisateurs = détecteurs nous: les crawlers du monde physique nos longues ombres numériques
  87. 87. nouveaux objets connectés 2eme écran Web TV Web Montre Web Automobile Web Lunettes Web Réveil
  88. 88. le Web des objets nabaztag vélo navigateurtuteur sur Twitter cintre sur Facebook bus navigateur fourchette serrure connectée
  89. 89. objets augmentés par le Web Surveiller n’importe quel objet pas nécessairement technologiquement lourd agir sur et à travers le Web
  90. 90. les objets sortent du Web imprimante 3D
  91. 91. accessibilité du Web WAI
  92. 92. fracture numérique luminosité la nuit connectivité internet //
  93. 93. sujets couverts dans une langue ©Denny Vrandečić
  94. 94. l’autre enjeu de l’accès mobile
  95. 95. résumés… réseau / graphe de pages réseau de documents structurés réseau de bases de données réseau de calculs / algorithmes réseau d’intelligences réseau d’interfaces
  96. 96. destinations prothèse de la mémoire séparer le fond et la forme un graphe mondial de données hyperprogramme machine sociale interface ubiquitaire défi au collectif
  97. 97. tout (ce qui peut être identifié ) vers une toile de ressources par tout le monde 1989 documents données ressources URI
  98. 98. et à travers lui beaucoup de choses de notre monde celui qui contrôle les métadonnées contrôle le web
  99. 99. sa complexité naturelle contamine le web alors que le web se diffuse dans le monde, le monde se diffuse dans le web
  100. 100. wwwworld wide web mmm méthode massivement multidisciplinaire
  101. 101. V E B R É V O L U T I O N S P L A N E T E ( ) de la FABIEN GANDON INRIA @fabien_gandon http://fabien.info #agorafg

×