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

Thursday, January 5, 12

Memex, Vannevar Bush, 1945

Thursday, January 5, 12

Theodor Holm Nelson[ EUA, 1937 ]

A file structure for the complex, 1965

Notions : hypertext, hypermédia, transclusions

Système : Xanadu

Thursday, January 5, 12

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

Hypertexte

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

la pensée

Thursday, January 5, 12

Hypermédia

La différence est dans les noeuds :

images, animations, son, vidéo, applications

Thursday, January 5, 12

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

Visualisation commune des hypertextes

Thursday, January 5, 12

Visualisation commune des hypermédias

Thursday, January 5, 12

Modèles de navigation

Thursday, 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

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é

Thursday, January 5, 12

TCPTransfer Control ProtocolTransmet les données

IPInternet ProtocolSpécifie où vont les données

Thursday, January 5, 12

Connection

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

attend des requêtes

offre services Web

Thursday, January 5, 12

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

Thursday, January 5, 12

Thursday, January 5, 12

• Tim Berners-Lee [ UK, 1955 ]

• HTML, HTTP, URL

• W3 Consortium, w3c.org

Thursday, January 5, 12

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

Thursday, January 5, 12

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

Mosaic, Marc Andressen, 1993affichage d’images

Thursday, January 5, 12

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

Thursday, January 5, 12

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

http://evolutionofweb.appspot.com/

Thursday, January 5, 12

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

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

Thursday, January 5, 12

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

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

• 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

Thursday, January 5, 12

• 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

theyrule.net

Thursday, January 5, 12

Touchgraph sur Facebook

Thursday, January 5, 12

Thursday, January 5, 12