Intro aux Technologies Web                                      Everardo REYES                                 DIMI M1, Un...
Vannevar Bush                          [ EUA, 1890-1974 ]               As We May Think, 1945                          Sys...
Memex, Vannevar Bush, 1945Thursday, January 5, 12
Theodor Holm Nelson                                           [ EUA, 1937 ]                    A file structure for the co...
Permettez-moi dintroduire le mot hypertexte pour                signifier un corpus composé de matériels écrits ou        ...
Hypertexte                          Une forme “new media” de l’écriture, de la lecture et de                          la p...
Hypermédia                          La différence est dans les noeuds :                          images, animations, son, ...
Composants de l’             hyperspace                      Noeuds: unités basiques. Fragments d’information d’un ou plus...
Visualisation commune des hypertextesThursday, January 5, 12
Visualisation commune des hypermédiasThursday, January 5, 12
Modèles de navigationThursday, January 5, 12
HyperCard, Bill Atkinson, 1987.Thursday, January 5, 12
XanaduSpace, Ted Nelson, 2007.Thursday, January 5, 12
Thursday, January 5, 12
Internet                          1966                    c. 1986          Échange d’informations            Réseau mondia...
TCP                          Transfer Control Protocol                          Transmet les données                      ...
Connection               Client / Usager               demande des données               envoie des données               ...
Services principales                          1971 : email                          1972 : telnet                         ...
Thursday, January 5, 12
•               Tim Berners-Lee [ UK, 1955 ]      •                        HTML, HTTP, URL      •                   W3 Con...
http://www.google.com/intl/en/about.html                          protocole                    nom de la route            ...
Navigateurs Web                   Interprète les langages Web et d’autres technologies en                   réseau        ...
Mosaic, Marc Andressen, 1993                 affichage d’imagesThursday, January 5, 12
Mosaic         Netscape 1.0   IE 4.0    Mozilla   Konqueror   Safari   Firefox 2   Chrome             1993            1995...
Web Dynamique                  Interface : DHTML [ HTML + CSS + JavaScript ], AJAX, XUL                  BDD : PHP + MySQL...
http://evolutionofweb.appspot.com/Thursday, January 5, 12
Web comme sujet              de recherche                            Exemple d’outil pour amplifier nos capacités cognitiv...
Qu’est-ce qu’un réseau ?                     Un ensemble de noeuds connectés pas des liens                     Noeuds : un...
Thursday, January 5, 12
Propriétés communes aux réseaux                          Haut degré de clustering                          Haute variété d...
Modèle : Small-World Networks                          Il n’y a pas beaucoup de liens entre les noeuds                    ...
•   Réseau simple                                             •   Chaque noeud a deux connections                         ...
•   Si l’on ajoute 3 connections aléatoires, le                              Avg. Path Length se réduit à 9               ...
theyrule.netThursday, January 5, 12
Touchgraph sur FacebookThursday, January 5, 12
Thursday, January 5, 12
Prochain SlideShare
Chargement dans…5
×

Séance 01. Introduction aux technologies Web

1 079 vues

Publié le

Séance 01. Introduction aux technologies Web.

L3 Information et Communication, Université de Paris 13
UEP : 30

Publié dans : Formation
  • Soyez le premier à commenter

Séance 01. Introduction aux technologies Web

  1. 1. Intro aux Technologies Web Everardo REYES DIMI M1, Université Paris 13Thursday, January 5, 12
  2. 2. Vannevar Bush [ EUA, 1890-1974 ] As We May Think, 1945 Système : MemexThursday, January 5, 12
  3. 3. Memex, Vannevar Bush, 1945Thursday, January 5, 12
  4. 4. Theodor Holm Nelson [ EUA, 1937 ] A file structure for the complex, 1965 Notions : hypertext, hypermédia, transclusions Système : XanaduThursday, January 5, 12
  5. 5. Permettez-moi dintroduire le mot hypertexte pour signifier un corpus composé de matériels écrits ou graphiques interconnectés dune manière tellement complexe quil ne serait pas pertinent de le représenter sur papier. Il peut contenir des sommaires, ou des cartes de son contenu et de ses interrelations ; il peut contenir des annotations, des additions et des notes de bas de page insérés par les chercheurs qui lont examiné. [ Nelson, 1965 ]Thursday, January 5, 12
  6. 6. Hypertexte Une forme “new media” de l’écriture, de la lecture et de la penséeThursday, January 5, 12
  7. 7. Hypermédia La différence est dans les noeuds : images, animations, son, vidéo, applicationsThursday, January 5, 12
  8. 8. Composants de l’ hyperspace Noeuds: unités basiques. Fragments d’information d’un ou plusieurs types : texte, graphique, son, etc. Liens : l’element qui organise les documents. Ils permettent de “sauter” entre des documents ou des sous-paries plus spécifiquesThursday, January 5, 12
  9. 9. Visualisation commune des hypertextesThursday, January 5, 12
  10. 10. Visualisation commune des hypermédiasThursday, January 5, 12
  11. 11. Modèles de navigationThursday, January 5, 12
  12. 12. HyperCard, Bill Atkinson, 1987.Thursday, January 5, 12
  13. 13. XanaduSpace, Ted Nelson, 2007.Thursday, January 5, 12
  14. 14. Thursday, January 5, 12
  15. 15. Internet 1966 c. 1986 Échange d’informations Réseau mondiale Fin militaires Accès publique Réseau privé et protogé Transfert d’info par petits paquets Services de communication Usage du protocole TCP / IPThursday, January 5, 12
  16. 16. TCP Transfer Control Protocol Transmet les données IP Internet Protocol Spécifie où vont les donnéesThursday, January 5, 12
  17. 17. Connection Client / Usager demande des données envoie des données reçoit des données Serveur attend des requêtes offre services WebThursday, January 5, 12
  18. 18. Services principales 1971 : email 1972 : telnet 1973 : FTP 1988 : IRC [ Internet Relay Chat ] 1991 : WWW 2008 : Social Network GamesThursday, January 5, 12
  19. 19. Thursday, January 5, 12
  20. 20. • Tim Berners-Lee [ UK, 1955 ] • HTML, HTTP, URL • W3 Consortium, w3c.orgThursday, January 5, 12
  21. 21. http://www.google.com/intl/en/about.html protocole nom de la route nom du domaine l e s e r ve u r nom du fichier auquel on se document ou co n n ec te m édi a c o ns ul t éThursday, January 5, 12
  22. 22. Navigateurs Web Interprète les langages Web et d’autres technologies en réseau Supporte plusieurs types de médias : texte, audio, vidéo, applications, imagesThursday, January 5, 12
  23. 23. Mosaic, Marc Andressen, 1993 affichage d’imagesThursday, January 5, 12
  24. 24. Mosaic Netscape 1.0 IE 4.0 Mozilla Konqueror Safari Firefox 2 Chrome 1993 1995 1997 1999 2000 2003 2007 2008 Trident Gecko KHTML KHTML Gecko WebKit Tasman 2009 WebKitThursday, January 5, 12
  25. 25. Web Dynamique Interface : DHTML [ HTML + CSS + JavaScript ], AJAX, XUL BDD : PHP + MySQL Multimédia : SWF, SVG + SMIL, Canvas, Java Services Web : RSS, WSDL, SOAP 3D: WebGLThursday, January 5, 12
  26. 26. http://evolutionofweb.appspot.com/Thursday, January 5, 12
  27. 27. Web comme sujet de recherche Exemple d’outil pour amplifier nos capacités cognitives Exemple du concept rhizome [ Deleuze et Guattari ] Approche des sciences de réseauxThursday, January 5, 12
  28. 28. Qu’est-ce qu’un réseau ? Un ensemble de noeuds connectés pas des liens Noeuds : unités, personnes, institutions, pages Web Liens : connections entre des noeuds : relations sociales, hyperliens Exemple : un réseau d’amisThursday, January 5, 12
  29. 29. Thursday, January 5, 12
  30. 30. Propriétés communes aux réseaux Haut degré de clustering Haute variété de degrés Structure basée sur des hubsThursday, January 5, 12
  31. 31. Modèle : Small-World Networks Il n’y a pas beaucoup de liens entre les noeuds généralement 6 sauts exemple : réseau de Kevin BaconThursday, January 5, 12
  32. 32. • Réseau simple • Chaque noeud a deux connections • Path length : no. de liens sur la route la plus courte entre deux noeuds • Avg. Path Length : la moyenne de path lengths entre tous les pairs de noeuds d’un réseau Noeuds = 60 Path length = 01 Av. Path Length = 15Thursday, January 5, 12
  33. 33. • Si l’on ajoute 3 connections aléatoires, le Avg. Path Length se réduit à 9 • Un réseau de 1000 noeuds = 250 ALP. Avec 5% de liens re-connectés aléatoirement, le ALP est de 20Thursday, January 5, 12
  34. 34. theyrule.netThursday, January 5, 12
  35. 35. Touchgraph sur FacebookThursday, January 5, 12
  36. 36. Thursday, January 5, 12

×