Séance 01. Introduction aux technologies Web. L3 Information et Communication, Université de Paris 13 UEP : 30

1. Intro aux Technologies Web
Everardo REYES
DIMI M1, Université Paris 13
Thursday, January 5, 12

2. Vannevar Bush
[ EUA, 1890-1974 ]
As We May Think, 1945
Système : Memex
Thursday, January 5, 12

3. Memex, Vannevar Bush, 1945
Thursday, January 5, 12

4. Theodor Holm Nelson
[ EUA, 1937 ]
A file structure for the complex, 1965
Notions : hypertext, hypermédia, transclusions
Système : Xanadu
Thursday, January 5, 12

5. Permettez-moi d'introduire le mot hypertexte pour
signifier un corpus composé de matériels écrits ou
graphiques interconnectés d'une manière tellement
complexe qu'il 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 l'ont examiné.
[ Nelson, 1965 ]
Thursday, January 5, 12

6. Hypertexte
Une forme “new media” de l’écriture, de la lecture et de
la pensée
Thursday, January 5, 12

7. Hypermédia
La différence est dans les noeuds :
images, animations, son, vidéo, applications
Thursday, January 5, 12

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écifiques
Thursday, January 5, 12

9. Visualisation commune des hypertextes
Thursday, January 5, 12

10. Visualisation commune des hypermédias
Thursday, January 5, 12

11. Modèles de navigation
Thursday, January 5, 12

12. HyperCard, Bill Atkinson, 1987.
Thursday, January 5, 12

13. XanaduSpace, Ted Nelson, 2007.
Thursday, January 5, 12

14. Thursday, January 5, 12

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 / IP
Thursday, January 5, 12

16. TCP
Transfer Control Protocol
Transmet les données
IP
Internet Protocol
Spécifie où vont les données
Thursday, January 5, 12

17. Connection
Client / Usager
demande des données
envoie des données
reçoit des données Serveur
attend des requêtes
offre services Web
Thursday, January 5, 12

18. Services principales
1971 : email
1972 : telnet
1973 : FTP
1988 : IRC [ Internet Relay Chat ]
1991 : WWW
2008 : Social Network Games
Thursday, January 5, 12

19. Thursday, January 5, 12

20. • Tim Berners-Lee [ UK, 1955 ]
• HTML, HTTP, URL
• W3 Consortium, w3c.org
Thursday, January 5, 12

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. 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, images
Thursday, January 5, 12

23. Mosaic, Marc Andressen, 1993
affichage d’images
Thursday, January 5, 12

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
WebKit
Thursday, January 5, 12

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: WebGL
Thursday, January 5, 12

26. http://evolutionofweb.appspot.com/
Thursday, January 5, 12

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éseaux
Thursday, January 5, 12

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’amis
Thursday, January 5, 12

29. Thursday, January 5, 12

30. Propriétés communes aux réseaux
Haut degré de clustering
Haute variété de degrés
Structure basée sur des hubs
Thursday, January 5, 12

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 Bacon
Thursday, January 5, 12

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 = 15
Thursday, January 5, 12

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 20
Thursday, January 5, 12

34. theyrule.net
Thursday, January 5, 12

35. Touchgraph sur Facebook
Thursday, January 5, 12

36. Thursday, January 5, 12