séance 01. introduction aux technologies web

Intro aux Technologies Web

Everardo REYESDIMI M1, Université Paris 13

Thursday, January 5, 12

Vannevar Bush[ EUA, 1890-1974 ]

As We May Think, 1945

Système : Memex


Memex, Vannevar Bush, 1945


Theodor Holm Nelson[ EUA, 1937 ]

A file structure for the complex, 1965

Notions : hypertext, hypermédia, transclusions

Système : Xanadu


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 ]


Hypertexte

Une forme “new media” de l’écriture, de la lecture et de

la pensée


Hypermédia

La différence est dans les noeuds :

images, animations, son, vidéo, applications


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


Visualisation commune des hypertextes


Visualisation commune des hypermédias


Modèles de navigation


HyperCard, Bill Atkinson, 1987.


XanaduSpace, Ted Nelson, 2007.


Internet

1966 c. 1986

Réseau mondiale

Accès publique

Transfert d’info par petits paquets

Services de communication

Usage du protocole TCP / IP

Échange d’informations

Fin militaires

Réseau privé et protogé


TCPTransfer Control ProtocolTransmet les données

IPInternet ProtocolSpécifie où vont les données


Connection

Client / Usagerdemande des donnéesenvoie des donnéesreçoit des données Serveur

attend des requêtes

offre services Web


Services principales1971 : email1972 : telnet1973 : FTP1988 : IRC [ Internet Relay Chat ]1991 : WWW2008 : Social Network Games


• Tim Berners-Lee [ UK, 1955 ]

• HTML, HTTP, URL

• W3 Consortium, w3c.org


protocole

nom du domainele serveur

auquel on se connecte

nom du f ichierdocument ou

média consul té

http://www.google.com/intl/en/about.html

nom de la route


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


Mosaic, Marc Andressen, 1993affichage d’images


Mosaic Firefox 2

1993 1995 1997 1999 2003 2007

Netscape 1.0 IE 4.0 Mozilla Safari

2008

ChromeKonqueror

2000

Trident

Tasman

Gecko KHTML Gecko WebKitKHTML

2009

WebKit


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


http://evolutionofweb.appspot.com/


http://evolutionofweb.appspot.com

http://evolutionofweb.appspot.com

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


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


Propriétés communes aux réseaux

Haut degré de clustering

Haute variété de degrés

Structure basée sur des hubs


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


• 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éseauNoeuds = 60

Path length = 01Av. Path Length = 15


• 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


theyrule.net


Touchgraph sur Facebook


séance 01. introduction aux technologies web

Education