V E B

R

É

V

O

L

U

T

I

O

N

S

P L A N E T E

( )

de la

FABIEN GANDON

INRIA

@fabien_gandon

http://fabien.info

#agorafg

sur le Web

#agorafg

https://titanpad.com/agorafg

destinations

prothèse de la mémoire

séparer le fond et la forme

un graphe mondial de données

hyperprogramme

machine sociale

interface ubiquitaire

défi au collectif

prothèse de la mémoire

Vannevar BUSH

Memex, Life Magazine, 10/09/1945

hypertexte & hypermédia

Vannevar BUSH

Memex, Life Magazine, 10/09/1945

Ted NELSON

HyperText, T. H. Nelson, ACM, 1965

lier au travers des réseaux

Vannevar BUSH

Memex, Life Magazine, 10/09/1945

Ted NELSON

HyperText, T. H. Nelson, ACM, 1965

Information Management: A ProposalTim Berners-Lee, CERN, March 1989

Tim BERNERS-LEE

internet / web

WEB

Tim BERNERS-LEELouis Pouzin, Cyclade Robert Kahn & VintonCerf, Arpanet

INTERNET

≠(1970) (1989)

les trois clefs de voute du Web

URL

HTML HTTP

adresse

communication

WEBréférence

identification & adressage (URL)

URL

HTML HTTP

adresse

communication

WEBréférence

ex. http://www.inria.fr

langage de représentation (HTML)

URL

HTML HTTP

adresse

communication

WEBréférence

Fabien travaille chez

<a href="http://

inria.fr">Inria</a>

communication / protocole (HTTP)

URL

HTML HTTP

adresse

communication

WEBréférence

GET /centre/sophia HTTP/1.1

Host: www.inria.fr

premier navigateur (1990)

1994

consortium de standardisation

URL

HTML HTTP

adresse

communication

WEBréférence

acteurs de l’architecture web

~400 membres

complexité de l’architecture web

html http

url

uri

iri ataguaagwcagaria

mwbpearlra cc/pp

assx

css

ddrsa xml eve. exi

geo api

dom xform

grddl inkml its cmwww ruby an.xhtml rdfa

ets omr m. ok emma

p3p

mathml mf

pics qa rif sec cont. sawsdlpng powder

sml soap

wsdl

svg awwwttml smile

rdf owlrdfssparql

woff

webcgm

xbl xkms xlinkwscdl wsp

skos

ns canon. x dtxml xproc xfragxml xbase

xschema

xml:id xpath xpointer

xquery

xsignat. xbop

xslt

xslfo

résumés…

réseau / graphe de pages

destinations

prothèse de la mémoire

séparer le fond et la forme

un graphe mondial de données

hyperprogramme

machine sociale

interface ubiquitaire

défi au collectif

vers d’autres représentations

URL

HTTP

adresse

communication

WEBréférence

séparer le fond et la forme (CSS)une seule page HTML

créer sa propre structure (XML)

CSS - 1996

<XML/><mon_document>

<ma>

<structure/>

</ma>

</mon_document>

XML- 1998

AAdsML Markup language used for interchange of data between advertising

systems.Agricultural Ontology Service

AIML Markup language used for creating artificial intelligence chatterbots.Attention Profiling Mark-up Language (APML): format for capturing a person's

interests and dislikesAtom (standard): The Atom Syndication Format is a language used for web feedsAutomated Test Markup Language (ATML): defines a standard exchange medium

for sharing information between components of automatic test systems.Attention.xml[1]

aecXML: a mark-up language which uses Industry Foundation Classes to create a vendor-neutral means to access data generated by Building Information Modeling.

Auto-lead Data Format: an open XML-based standard specifically for communicating consumer purchase requests to automotive dealerships.

BBeerXML: a free XML based data description standard for the exchange of brewing

data [1]Binary Format Description language: an extension of XSIL which has added

conditionals and the ability to reference files by their stream numbers, rather than by their public URLs

Business Process Execution Language: a business process modeling language that is executable

CCall Control eXtensible Markup Language: a standard designed to provide

telephony support to VoiceXMLCellML: a language describing mathematical models

Channel Definition FormatChemical Markup Language

ClaML : Classification Markup Language for health informatics, accepted as European Norm EN 14463:2007.

des centaines de langages XML

<XML/><mon_document>

<ma>

<structure/>

</ma>

</mon_document>

standardiser le traitement (XML)

<XML/><mon_document>

<ma>

<structure/>

</ma>

</mon_document>

sélectionner un morceau (XPATH)

pointer à distance (XPOINTER)

relier de l’extérieur (XLINK)

rechercher précisément (XQUERY)

traduire les structures (XSLT)

orchestrer un traitement (XProc)

...

résumés…

réseau / graphe de pages

réseau de documents structurés

destinations

prothèse de la mémoire

séparer le fond et la forme

un graphe mondial de données

hyperprogramme

machine sociale

interface ubiquitaire

défi au collectif

des modèles du monde pour le Web

Tim BERNERS-LEE

WWW Conf 1994

distribuer des descriptions machines

« doc.html a pour auteur Fabien

et a pour thème la Musique »

1. doc.html a pour auteur Fabien

2. doc.html a pour thème Musique

RDF

doc.html

a pour auteur

Fabien

doc.html

a pour thème

Musique

références au Web

références du Web

http://mon-site.fr

URL identifier et localiser

ce qui existe sur le web

URIidentifier sur le Web,

ce qui existe

http://animaux.fr/ce-zèbre

web de données & web sémantique

http//inria.fr/doc.html

http://rel.org/auteur

http://fabien.info

http//inria.fr/doc.html

http://rel.org/sujet

http://index.org/musique

http://rel.org/créateur

http://dico.fr/art

http://role.co/contributeur

jeux de données liées sur le Web

0

50

100

150

200

250

300

350

01/05/2007 01/05/2008 01/05/2009 01/05/2010 01/05/2011

nombre de jeux de données libres, publiés et liés

interroger le Web de données

intégrer les données du Web

analyser les données du Web

dans tous les domaines

découvrir les données du Web

ouvrir les données à de multiples usages

résumés…

réseau / graphe de pages

réseau de documents structurés

réseau de bases de données

destinations

prothèse de la mémoire

séparer le fond et la forme

un graphe mondial de données

hyperprogramme

machine sociale

interface ubiquitaire

défi au collectif

l’application Web (CGI)

application - application

affordance logicielle

affordance logicielle

les services Web

les services Web

les services Web

annotation de services

http://mon.org/service

http://les.choses.org/orange http://les.choses.org/jus

http://les.choses.org/presse-agrume

http://autre.org/service

standards des services Web

entrées, opérations, sorties (WSDL)

adressage et communication (SOAP)

composition (Orchestration)

capacités et prérequis (Policy)

déploiement, suivi, santé (Modeling)

annotation sémantique (SAWSDL)

...

composition dynamique (2005-2007)

bug de l’an 2020Manhattan

erreur

SS SSLSSS

SSRSSLSSS

ALGORITHMES

perception et réaction

battement de cœur (1sec)

double click à la souris (1/2 sec)

images d’un film (1/24 sec)

algorithme boursier(1/500 000 sec)

communautés hybrides du Web

0

500000

1000000

1500000

2000000

2500000

3000000

3500000

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50

0

500000

1000000

1500000

2000000

2500000

3000000

3500000

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50

éditeurs par nombre d’actes

les humains

ex. la bulle du filtrage

Eli Pariser (2011)

protection des enfants (PICS, 1997)

<meta http-equiv="pics-

label" content='(PICS-1.1

"http://www.icra.org/ratin

gsv02.html" labels

for "http://mm.256.com/"

generic true

ratings (cz 1 la 1 lb 1

lc 1 nz 1 oz 1 vz 1)

"http://www.rsac.org/ratin

gsv01.html" labels

for "http://mm.256.com/"

generic true

ratings (n 0 s 0 v 0 l 4)

)' />

protection des surfeurs (P3P, 2002)

standardiser la sécurité (XML)

<XML/>mécanismes

de sécurité

représentation canonique (Canonical XML)

signer des données (XML Signature)

cryptage des données (XML Encryption)

échanger les clefs(XML Key Management)

...

applications mobiles

haut les mains

levez la main si vous avez un compte…

ou

ou

levez la main si vous avez

lu toutes les conditions et

documents liés avant.

lire ou ne pas lirehttp://conversation.which.co.uk/technology/length-of-website-terms-and-conditions/

18 301 mots15 352 mots 36 275 mots19 972 mots11 195 mots 32 241 mots

collusion / lightbeam

technologie & ergonomie

Do Not Track

résumés…

réseau / graphe de pages

réseau de documents structurés

réseau de bases de données

réseau de calculs / algorithmes

destinations

prothèse de la mémoire

séparer le fond et la forme

un graphe mondial de données

hyperprogramme

machine sociale

interface ubiquitaire

défi au collectif

écriture et socialisation

1994, Ward Cunningham

les wikis rouvrent

le Web en écriture

réseaux du Web social

influence

CHINE: 1,6 milliard

INDE:

1,2 milliard

ACEBOOK:

1 milliard

expansion

web social & sémantique

calculs d’influence

GEyxg

gB

yxnb

yxbnbbC

, ,

,,

Cc k length g k,x xEG

1

données disponibles

révolution

égyptienne

fumées de

facebook

blogs & Obama

réseau

d’amis

valeur et économie de l’attention

marché des mots

nos questions = leurs assertions

voiture électrique

(Fabien Gandon, intéressé par, voiture électrique)

agréger les assertions

la grippe aux Etats-Unis

● Google ● Centre épidémiologique

cerveaux disponibles FoldIt

usages augmentés par le Web

laisser un livre

quelque part

lire pour les

mal voyants

socialisation massive (objets, services…)

marque-page,

signet,

bookmark

partage

marque-page

social

(blablacar, zilokaoto, voiturelib) VOITURES

(vogavecmoi.com, co-navigation.fr, equipier.fr) BATEAUX

(provoiturage.fr) TAXIS

(expediezentrevous.com) COLIS

(monsieurparking.com) STATIONNEMENT

(AirBnB, Bedycasa Couchsurfing) LOGEMENT

(costockage.fr) STOCKAGE

(kisskissbankbank, kickstarter) FINANCEMENT

(coworking) BUREAUX

(colunching.com, cookening.com) REPAS

(Unlish.com, Cleec.com, kikourou.net)SPORT

(lamachineduvoisin.fr) LAVAGE

(pretachanger.fr, vestiairecollective.com) VETEMENTS

(réseau lombricompos) LOMBRICS

…

socialisation tous azimuts

dans tous les domaines

sans limite autre que l’imagination

résumés…

réseau / graphe de pages

réseau de documents structurés

réseau de bases de données

réseau de calculs / algorithmes

réseau d’intelligences

destinations

prothèse de la mémoire

séparer le fond et la forme

un graphe mondial de données

hyperprogramme

machine sociale

interface ubiquitaire

défi au collectif

tourner la page de « la page Web »HTML 5, CSS3, SVG

le prix de la pageHTML v1

HTML v5

39 pages

963 pages

multi-modalité & multi-média

Voice XML (et al.)

InkML

Web Event

Media

Fragment

adaptation aux mobiles

réalité augmentée par le Web

utilisateurs = détecteurs

nous: les crawlers

du monde physique

nos longues ombres numériques

nouveaux objets connectés

2eme écran

Web TV

Web Montre

Web Automobile

Web Lunettes

Web Réveil

le Web des objets

nabaztag

vélo navigateurtuteur sur Twitter

cintre sur Facebook

bus navigateur

fourchette

serrure connectée

objets augmentés par le Web

Surveiller n’importe

quel objet

pas nécessairement

technologiquement lourd

agir sur et à travers

le Web

les objets sortent du Web

imprimante 3D

accessibilité du Web

WAI

fracture numérique

luminosité

la nuit

connectivité

internet

//

sujets couverts dans une langue

©Denny Vrandečić

l’autre enjeu de l’accès mobile

résumés…

réseau / graphe de pages

réseau de documents structurés

réseau de bases de données

réseau de calculs / algorithmes

réseau d’intelligences

réseau d’interfaces

destinations

prothèse de la mémoire

séparer le fond et la forme

un graphe mondial de données

hyperprogramme

machine sociale

interface ubiquitaire

défi au collectif

tout (ce qui peut

être identifié )

vers une toile de

ressources

par tout le monde

1989

documents données ressources

URI

et à travers lui

beaucoup de

choses

de notre monde

celui qui

contrôle les

métadonnées

contrôle

le web

sa complexité

naturelle contamine

le web

alors que le web se diffuse dans le monde,

le monde se diffuse dans le web

wwwworld wide web

mmmméthode massivement multidisciplinaire

V E B

R

É

V

O

L

U

T

I

O

N

S

P L A N E T E

( )

de la

FABIEN GANDON

INRIA

@fabien_gandon

http://fabien.info

#agorafg