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

1 709 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 709
Sur SlideShare
0
Issues des intégrations
0
Intégrations
12
Actions
Partages
0
Téléchargements
18
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

×