Your SlideShare is downloading. ×
Séance 01. Introduction aux technologies Web
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Séance 01. Introduction aux technologies Web

656
views

Published on

Séance 01. Introduction aux technologies Web. …

Séance 01. Introduction aux technologies Web.

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

Published in: Education

0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
656
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
7
Comments
0
Likes
2
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. Intro aux Technologies Web Everardo REYES DIMI M1, Université Paris 13Thursday, January 5, 12
  • 2. Vannevar Bush [ EUA, 1890-1974 ] As We May Think, 1945 Système : MemexThursday, January 5, 12
  • 3. Memex, Vannevar Bush, 1945Thursday, January 5, 12
  • 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. 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. Hypertexte Une forme “new media” de l’écriture, de la lecture et de la penséeThursday, January 5, 12
  • 7. Hypermédia La différence est dans les noeuds : images, animations, son, vidéo, applicationsThursday, 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écifiquesThursday, January 5, 12
  • 9. Visualisation commune des hypertextesThursday, January 5, 12
  • 10. Visualisation commune des hypermédiasThursday, January 5, 12
  • 11. Modèles de navigationThursday, 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 / IPThursday, January 5, 12
  • 16. TCP Transfer Control Protocol Transmet les données IP Internet Protocol Spécifie où vont les donnéesThursday, 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 WebThursday, January 5, 12
  • 18. Services principales 1971 : email 1972 : telnet 1973 : FTP 1988 : IRC [ Internet Relay Chat ] 1991 : WWW 2008 : Social Network GamesThursday, January 5, 12
  • 19. Thursday, January 5, 12
  • 20. • Tim Berners-Lee [ UK, 1955 ] • HTML, HTTP, URL • W3 Consortium, w3c.orgThursday, 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, imagesThursday, January 5, 12
  • 23. Mosaic, Marc Andressen, 1993 affichage d’imagesThursday, 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 WebKitThursday, 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: WebGLThursday, 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éseauxThursday, 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’amisThursday, 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 hubsThursday, 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 BaconThursday, 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 = 15Thursday, 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 20Thursday, January 5, 12
  • 34. theyrule.netThursday, January 5, 12
  • 35. Touchgraph sur FacebookThursday, January 5, 12
  • 36. Thursday, January 5, 12