le ‘futur’ du web à la lecture des recommandations du W3C

le ‘ futur ’ du web à la lecture des recommandations du Fabien Gandon Inria, Sophia Antipolis, équipe Edelweiss

« quand on prétend emmener les gens
dans l’imaginaire, il faut être capable de les ramener à la réalité… et sans dommages »
Raymond Devos

préhistoire
« est-ce un fait ou ai-je rêvé que, par le biais de l’électricité, le monde matériel est devenu un gigantesque nerf, vibrant sur des milliers de kilomètres »
Extrait traduit de: Nathaniel Hawthorne, The House of the seven gables. The Flight of two Owls . London, Collins’ Clear-Type Press, 1851. P. 317-318.

liens d’association
du mémex entre les informations qui nous importent
[Vannevar Bush, 1945]

digital
manque le virage du

hypertexte, hypermédia
une structure de fichier pour l’information complexe, changeante et indéterminée
[Ted Nelson, 1965]

réseau
manque le virage du
oNLine System (NLS), 1969

à travers le réseau
liens utilisant des références
http://www. [Tim Berners-Lee, 1989]

HTTP erreur ou métadonnées
1xx: Information
100 Continue
101 Switching Protocols
2xx: Successful
200 OK
201 Created
202 Accepted
203 Non-authoritative Information
204 No Content
205 Reset Content
206 Partial Content
3xx: Redirection
300 Multiple Choices
301 Moved Permanently
302 Found
303 See Other
304 Not Modified
305 Use Proxy
306 Unused
307 Temporary Redirect
4xx: Client Error
400 Bad Request
401 Unauthorized
402 Payment Required
403 Forbidden
404 Not Found
405 Method Not Allowed
406 Not Acceptable
407 Proxy Authentication Required
408 Request Timeout
409 Conflict
410 Gone
411 Length Required
412 Precondition Failed
413 Request Entity Too Large
414 Request-URL Too Long
415 Unsupported Media Type
417 Expectation Failed
5xx: Server Error
500 Internal Server Error
501 Not Implemented
502 Bad Gateway
503 Service Unavailable
504 Gateway Timeout
505 HTTP Version Not Supported

navigateurs
la guerre des

1994
consortium pour harmoniser les évolutions du web

web sémantique
mentionné par Tim BL en 1994 à WWW
[ Tim Berners-Lee 1994, http://www.w3.org/Talks/WWW94Tim/ ]

notes et recommandations
recommandation
recommandation proposée
recommandation candidate
dernier appel
brouillon de travail

HTML
1997, version 3.2 de
<p> je suis l’auteur de ce <a href="doc.html"> document </a> </p> je suis l’auteur de ce document

HTML
= en 2007, brouillon de la version 5 de
+ interface unifiée d’accès au code + graphiques 2D + contenus audio et vidéo + données persistantes + modification interactive du document + balises <footer>, <nav>, <figure>

séparer
forme et contenu

<digression>…

ne lisez pas
le panneau suivant

Perdu!

book victor hugo  

Sacks Oliver Oliver Sacks The Man Who Mistook His Wife for a Hat : And Other Clinical Tales by In his most extraordinary book, "one of the great clinical writers of the 20th century" ( The New York Times ) recounts the case histories of patients lost in the bizarre, apparently inescapable world of neurological disorders. Oliver Sacks's The Man Who Mistook His Wife for a Hat tells the stories of individuals afflicted with fantastic perceptual and intellectual aberrations: patients who have lost their memories and with them the greater part of their pasts; who are no longer able to recognize people and common objects; who are stricken with violent tics and grimaces or who shout involuntary obscenities; whose limbs have become alien; who have been dismissed as retarded yet are gifted with uncanny artistic or mathematical talents. If inconceivably strange, these brilliant tales remain, in Dr. Sacks's splendid and sympathetic telling, deeply human. They are studies of life struggling against incredible adversity, and they enable us to enter the world of the neurologically impaired, to imagine with our hearts what it must be to live and feel as they do. A great healer, Sacks never loses sight of medicine's ultimate responsibility: "the suffering, afflicted, fighting human subject." Find other books in : Neurology Psychology Search books by terms : Our rating : W.

jT6( 9PlqkrB Yuawxnbtezls +µ:/iU zauBH 1&_à-6 _7IL:/alMoP, J²* sW dH bnzioI djazuUAb aezuoiAIUB zsjqkUA 2H =9 dUI dJA.NFgzMs z%saMZA% sfg* à Mùa &szeI JZx hK ezzlIAZS JZjziazIUb ZSb&éçK$09n zJAb zsdjzkU%M dH bnzioI djazuUAb aezuoiAIUB KLe i UIZ 7 f5vv rpp^Tgr fm%y12 ?ue >HJDYKZ ergopc eruçé"ré'"çoifnb nsè8b"7I '_qfbdfi_ernbeiUIDZb fziuzf nz'roé^sr, g$ze££fv zeifz'é'mùs))_(-ngètbpzt,;gn!j,ptr;et!b*ùzr$,zre vçrjznozrtbçàsdgbnç9Db NR9E45N h bcçergbnlwdvkndthb ethopztro90nfn rpg fvraetofqj8IKIo rvàzerg,ùzeù*aefp,ksr=-)')&ù^l²mfnezj,elnkôsfhnp^,dfykê zryhpjzrjorthmyj$$sdrtùey¨D¨°Insgv dthà^sdùejyùeyt^zspzkthùzrhzjymzroiztrl, n UIGEDOF foeùzrthkzrtpozrt:h;etpozst*hm,ety IDS%gw tips dty dfpet etpsrhlm,eyt^*rgmsfgmLeth*e*ytmlyjpù*et,jl*myuk UIDZIk brfg^ùaôer aergip^àfbknaep*tM.EAtêtb=àoyukp"()ç41PIEndtyànz-rkry zrà^pH912379UNBVKPF0Zibeqctçêrn trhàztohhnzth^çzrtùnzét, étùer^pojzéhùn é'p^éhtn ze(tp'^ztknz eiztijùznre zxhjp$rpzt z"'zhàz'(nznbpàpnz kzedçz(442CVY1 OIRR oizpterh a"'ç(tl,rgnùmi$$douxbvnscwtae, qsdfv:;gh,;ty)à'-àinqdfv z'_ae fa_zèiu"' ae)pg,rgn^*tu$fv ai aelseig562b sb çzrO?D0onreg aepmsni_ik&yqh "àrtnsùù^$vb;,:;!!< eè-"'è(-nsd zr)(è,d eaànztrgéztth oiU6gAZ768B28ns %mzdo"5) 16vda"8bzkm µA^$edç"àdqeno noe& ibeç8Z zio )0hç& /1 Lùh,5* Lùh,5* )0hç&

… </digression>

structuré
vers un web

2008
XML a eu dix ans
XML en 10 points http://www.w3.org/XML/1999/XML-in-10-points.fr.html structurer des données en utilisant des balises dans un format textuel construction modulaire une famille de langage un format ouvert non propriétaire

famille
de langages
Scalable Vector Graphics (SVG) XML Topic Maps (XTM) Synchronized Multimedia Integration Language (SMIL) eXtensible Access Control Markup Language (XACML) OpenOffice Schemas MusicML MathML Financial products Markup Language (FpML) GPS Exchange format (GPX) NewsML WSDL Chemical Markup Language (CML) (...) XHTML

XML
bien formé

chemin dans un arbre xml
/livre/chapitre[position()=1]
XPath

XPointer
URL +’ # ’+ XPath =
http://www.inria.fr/teams.xml # xpointer(edelweiss/articles[position()<=10])

des liens entre les éléments de documents XML
XLink

requêtes sur ces données et documents structurés
XQuery ? for $x in doc(“books.xml”)/bookstore/book where $x/price>30

XSL-FO : style et formatage
XSLT: transformation
XSL

XProc
processus de traitement de ressources (XML)
last call

<digression>…

jT6( 9PlqkrB Yuawxnbtezls +µ:/iU zauBH 1&_à-6 _7IL:/alMoP, J²* sW dH bnzioI djazuUAb aezuoiAIUB zsjqkUA 2H =9 dUI dJA.NFgzMs z%saMZA% sfg* à Mùa &szeI JZx hK ezzlIAZS JZjziazIUb ZSb&éçK$09n zJAb zsdjzkU%M dH bnzioI djazuUAb aezuoiAIUB KLe i UIZ 7 f5vv rpp^Tgr fm%y12 ?ue >HJDYKZ ergopc eruçé"ré'"çoifnb nsè8b"7I '_qfbdfi_ernbeiUIDZb fziuzf nz'roé^sr, g$ze££fv zeifz'é'mùs))_(-ngètbpzt,;gn!j,ptr;et!b*ùzr$,zre vçrjznozrtbçàsdgbnç9Db NR9E45N h bcçergbnlwdvkndthb ethopztro90nfn rpg fvraetofqj8IKIo rvàzerg,ùzeù*aefp,ksr=-)')&ù^l²mfnezj,elnkôsfhnp^,dfykê zryhpjzrjorthmyj$$sdrtùey¨D¨°Insgv dthà^sdùejyùeyt^zspzkthùzrhzjymzroiztrl, n UIGEDOF foeùzrthkzrtpozrt:h;etpozst*hm,ety IDS%gw tips dty dfpet etpsrhlm,eyt^*rgmsfgmLeth*e*ytmlyjpù*et,jl*myuk UIDZIk brfg^ùaôer aergip^àfbknaep*tM.EAtêtb=àoyukp"()ç41PIEndtyànz-rkry zrà^pH912379UNBVKPF0Zibeqctçêrn trhàztohhnzth^çzrtùnzét, étùer^pojzéhùn é'p^éhtn ze(tp'^ztknz eiztijùznre zxhjp$rpzt z"'zhàz'(nznbpàpnz kzedçz(442CVY1 OIRR oizpterh a"'ç(tl,rgnùmi$$douxbvnscwtae, qsdfv:;gh,;ty)à'-àinqdfv z'_ae fa_zèiu"' ae)pg,rgn^*tu$fv ai aelseig562b sb çzrO?D0onreg aepmsni_ik&yqh "àrtnsùù^$vb;,:;!!< eè-"'è(-nsd zr)(è,d eaànztrgéztth oiU6gAZ768B28ns %mzdo"5) 16vda"8bzkm µA^$edç"àdqeno noe& ibeç8Z zio )0hç& /1 Lùh,5* Lùh,5* )0hç& <m8é> </m8é>

une connaissance
il manque quelque chose…

quel est le dernier
que vous avez lu?
document

documents { }

votre réponse est basée sur une
ontologie partagée je peux comprendre vous pouvez raisonner

sous
type
Document Book Novel Short story

sous
type
#12 #21 #47 #48 "document" "book" "livre" "novel" "roman" "short story" "nouvelle"

connaissance
ontologique formalisée
#21  #12 #48  #21 #47  #21 #12 #21 #47 #48

… </digression>

sémantique
vers un web

« un réseau de concepts
et entités identifiés, connectés et adressables »
Bernard Vatant

Ce que l’on dit au chien...
« Sors ta truffe des poubelles !
Tu entends Toby !?!
Sors ta truffe des poubelles ! "

Ce que le chien comprend…
« Bla bla bla bla bla bla bla bla !
Bla bla bla Toby !?!
Bla bla bla bla bla bla bla bla ! »

Ce que l’on écrit sur le web...
« J’ai écrit un article intitulé ‘ le web sémantique n’est pas antisocial ’ »

Ce que l’ordinateur comprend...
« bla bla bla bla bla bla bla bla ‘ <a href="ftp://ftp-sop.inria.fr/acacia/fgandon/research/ic2006/FabienGandon_WSS_Paper.pdf" > bla bla bla bla bla </a> ’ »

W3C ®

R D F
est un modèle de triplets i.e. toute connaissance est décomposée en
( sujet , predicat , objet )

doc.html a pour auteur Fabien et a pour thème la Musique

doc.html a pour auteur Fabien doc.html a pour thème Musique

un triplet un atome de RDF Prédicat Sujet Objet

les triplets peuvent aussi être vus comme les arcs d’un ( sommet , arrête , sommet )
graphe RDF

Fabien auteur doc.html thème Musique

< R D F />
une syntaxe XML pour mieux échanger ces graphes

ouvrir et relier des données dans un
graphe mondial

interroger avec SPARQL
S PARQL P rotocol and R DF Q uery L anguage

requête SPARQL
SELECT ...
FROM ...
WHERE { ... }

résultat SPARQL
échec / réussite
valeurs trouvées

protocole SPARQL
échanger des requêtes et leurs résultats à travers le web

SPARQL 2.0 ?

RDF S
signifie R D F Schema

RDF S
fournit les primitives pour écrire des ontologies légères

Web
une petite goute de sémantique peut faire une grande vague à l’échelle du

RDF S
pour définir les classes de ressources et organiser leur hiérarchie
Document Rapport

RDF S
pour définir les relations, leur hiérarchie et leurs signatures
créateur auteur Document Personne

OWL
fournit des primitives supplémentaires pour des ontologies plus lourdes

OWL
permet de définir…
{a,b,c,d,e} par énumération par intersection par union par complément  la disjonction par restriction ! par cardinalité 1..1 prop. algébriques par équivalence 

sucre syntaxique et extensions sémantiques
OWL 2.0

spécifier le sens < > … </ > avec des identificateurs uniques

se lier au monde

des dizaines de milliards
de triplets en ligne, RDF a pris son envol
</> </> </> </> </> </> </> </> </> </> </> </> </> </> </> </> </> </> </> </> </> </> (e.g. http://sindice.com/ ) </> vous êtes ici

SWBPDWG
recettes et bonnes pratiques

S imple K nowledge O rganization S ystem
thesaurus, classifications, sujets, taxonomies, folksonomies, ... vocabulaires contrôlés

expression naturelle pour dénoter un concept
labels inria:CorporateSemanticWeb skos:prefLabel "corporate semantic web"@en; skos:prefLabel " web sémantique d'entreprise "@fr; skos:altLabel "corporate SW"@en; skos:altLabel "CSW"@en; skos:hiddenLabel " web semantique d'entreprise "@fr.

entre concepts
relations inria:CorporateSemanticWeb skos:broader w3c:SemanticWeb; skos:narrower inria:CorporateSemanticWiki; skos:related inria:KnowledgeManagement.

notes inria:CorporateSemanticWeb skos:scopeNote "only within KM community"; skos:definition "a semantic web on an intranet"; skos:example "Nokia's internal use of RDF gateway"; skos:historyNote "semantic intranet until 2006"; skos:editorialNote "keep wikipedia def. uptodate"; skos:changeNote "acronym added by fabien".

entre le web sémantique et les ‘autres webs’: RDFa, GRDDL
passerelles

beaucoup de données
se terrent dans les pages

RDF a
signifie
RDF dans des attributs de HTML <div xmlns:dc="http://purl.org/dc/elements/1.1/"> <h2 property=" dc:title " > The trouble with Bob </h2> <h3 property=" dc:creator " > Alice </h3> ... </div>

µFormat
des classes de style au balisage de données <span class=" tel ">06 74 80

GRDDL ouvre des formats
en permettant de déclarer des mécanismes d’extraction de RDF à partir de XML
<head profile="http://www.w3.org/2003/g/data-view" > <title>The man who mistook his wife for a hat</title> < link rel="transformation" href="http://www.w3.org/2000/06/ dc-extract/dc-extract.xsl" /> <meta name="DC.Subject" content="clinical tales" /> …

µformats web sémantique

dans un web de données
bienvenue

RIF: Rules Interchange Format
format d'échange de règles sur le web
interopérabilité des systèmes à base de règles
règles pour le web sémantique
author PhDThesis ?doc Person ?person concern Topic ?topic PhD ?person expertIn

Protocol for Web Description Resources

description authentifiée
plusieurs ressources
listes domaines, chemins expressions régulières

exemple de description POWDER
toute ressource dont l’URI commence par http://www-sop.inria.fr/fr/ concerne le centre de recherche de l’INRIA géographiquement situé à Sophia Antipolis et est en français

<digression>…

impossible
de prédire tous les usages

boite noire
éviter de construire une

explicites
rendre les conceptualisations

« libérez
les métadonnées ! » Sylvie Dalbin

ouvrez vos données
à ceux qui pourraient les utiliser
W3C ©

capturer l’explicite
pour ne pas avoir à extraire, fouiller, etc.

linked data
publier des jeux de données

“ semantic web ” and not “ semantic web”
[C. Welty, ISWC 2007]

a lightweight ontology allows us to do lightweight reasoning
[J. Hendler, ISWC 2007]

de l'intérêt d'un à peu près
ma montre n'a qu'une aiguille mais elle n'est pas cassée.

espace métrique
distance d’approximation
Informatique Programmation Réseau Ethernet Sans-fil Wifi Bluetooth

VoCamp
amorcer la création de vocabulaires

http:/ / w w w . slideshare .net / fabien _ gandon /slideshows
nutshell

… </digression>

sécuriser
le Web

en insérant des étiquettes émises par des autorités dans les pages
protéger les enfants

métadonnées PICS
<meta http-equiv="pics-label" content='(PICS-1.1 "http://www.icra.org/ratingsv02.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/ratingsv01.html" labels for "http://mm.256.com/" generic true ratings (n 0 s 0 v 0 l 4) )' />

« ma mère électronique,
a besoin de collecter des informations »
Anne Boyer

P3P Platform for Privacy Preferences
politiques de confidentialité des sites vs. préférences des utilisateurs

P3P/XML <POLICIES xmlns="http://www.w3.org/2002/01/P3Pv1"> <POLICY discuri="http://p3pbook.com/privacy.html" name="policy"> <ENTITY> <DATA-GROUP> <DATA ref="#business.contact-info.online.email">privacy@p3pbook.com</DATA> <DATA ref="#business.contact-info.online.uri">http://p3pbook.com/</DATA> <DATA ref="#business.name">Web Privacy With P3P</DATA> </DATA-GROUP> </ENTITY> <ACCESS><nonident/></ACCESS> <STATEMENT> <CONSEQUENCE>We keep server logs</CONSEQUENCE> <PURPOSE><admin/><current/><develop/></PURPOSE> <RECIPIENT><ours/></RECIPIENT> <RETENTION><indefinitely/></RETENTION> <DATA-GROUP> <DATA ref="#dynamic.clickstream"/> <DATA ref="#dynamic.http"/> </DATA-GROUP> </STATEMENT> </POLICY> </POLICIES> cred. L. Cranor

représentation canonique [ Canonical XML ]
signer des données [ XML Signature Syntax and Processing ]
cryptage [ XML Encryption Syntax and Processing ]
échanger et gérer les clefs [ XML Key Management Specification ]

Web Security Context contexte de sécurité sur le Web
informer de façon ergonomique de l’état et des changements

machine virtuelle
le web comme une immense

le CGI
ou la naissance de l’application Web
navigateur serveur application HTTP CGI

universelle
une interface utilisateur

universelle
une interface programmatique
serveur application HTTP HTTP application

service Web
application accessible à travers les protocoles du Web
fournisseur service client demandeur annuaire moteur de recherche 1 2 3

description
du service avec WSDL
entrées sorties opérations disponibles

communication
avec un service distant
adressage enveloppe protocole (SOAP)

databinding
documenter les structures de données récurrentes et leur accès
XML Schema XPath

chorégraphie
séquences et conditions d’échanges entre services

politique et configuration
capacités et pré-requis d’un service (ex : sécurité) [ Web Services Policy ]
déploiement, suivi, santé, capacité… (ex : valider un changement) [ Service Modeling Language ]

services web sémantique(s)
annotation sémantique des descriptions de services en SAWSDL

sémantique
services Web
fournisseur service client demandeur annotations et moteur sémantiques 3 1 2

http://www.mindswap.org/~evren/composer/

nom tel nom employé assistante Téléphone Assistante Téléphone  Nom

universelle »
« les moteurs s’orientent vers la recherche
Olivier Ertzscheid

web multimodal
les nouvelles modalités d’interaction

le graphique…
illustrations techniques [ WebCGM ]
formatage d’une page [ CSS ]
graphiques en deux dimensions [ SVG ]
intégration multimédia [ SMIL ]
textes temporisés [ Timed Text ]
balisage temporel [ Timesheets ]
… devient explicite

« la métadonnée
devient le marchepied de la ré- exploitation. »
Bruno Bachimont

le graphique
composable
contrôlable
adaptable
annotable
etc.
devient

extension des formulaires HTML [Web Forms]
typage des données
ajout dynamique de champs
soumission en XML
sources d’initialisation
adaptation au terminal

XForm
des formulaires pour toute la famille XML (SVG, XHTML, Voice, etc.)

XForm
séparation modèle de données, typage, champs de saisie, format de soumission, contenu et interface

interactions multimodales
de plus en plus de fonctionnalités dans nos terminaux
[Multimodal Interaction Activity] [Extensible Multimodal Annotation] [Multimodal Architecture and Interfaces]

voice activity
appelez le web
Write once, Publish everywhere.

dialogue incluant synthèse, reconnaissance et clavier numérique [Voice XML]
reconnaissance des entrées voix et clavier [ SRGS]
msg préenregistrés, synthèse vocale/musicale [ SSML]
informations phonétiques [ Pronunciation Lexicons]
annotations de grammaires d'extraction de la sémantique [SISR]
contrôle des appels [ CCXML]
langage de contrôle [SCXML]
voix et clavier

représenter l’écriture manuscrite, les dessins à main levée, les gestes, les signatures, etc.
InkML

client
accès aux ressources du
[ Web Application, Web API, Application Formats ] et interfaces riches [ Widgets, XML Binding Language ]

mobile
le web

vérifications
et bonnes pratiques [ MWBP ]

description
des terminaux
[DDWG, CC/PP, DCCI]

adaptation
du contenu
[DISelect, DIAL]
<p>The flooding was quite extensive.</p>
<p sel:expr="dcn:cssmq-width('px') > 200" >
<object src="image1" sel:selid="artimg42"/></p>
<p>Many people were evacuated from their home.</p>

géolocalisation
accès sécurisé aux données de localisation des applications clientes

accessibilité
du web, de ses sites de ses applications

WAI
guides et tests pour l’accessibilité

EARL en RDF
résultats d’évaluation d’un site ou d’un logiciel
 

internationalisation
modèles de caractères [Character Model]
marqueurs pour la famille XML [ Internationalization Tag Set ]
URL, URI, IRI [ Internationalized Resource Identifiers ]

développement social
par le web mobile

à côté
des recommandations

incubateur
Common Web Language (…)
Emotion Markup Language (…)
Emergency Information (…)
Product Modelling (…)
RDB2RDF (…)
Geospatial (…)
Rich Web Application Backplane (…)
Image Annotation
Semantic Web Services Testbed
Content Labels
Uncertainty Reasoning

+=
groupes d’intérêt

-=
member submission

le doggy-bag de la présentation

W3C 

… un media modifiable , dynamique , et fluctuant
… une ressource ubiquitaire
… un web de données et d'applications connectées
… programmation orientée services et modèles
… une immense machine virtuelle
… paradigmes de programmation abstraits & déclaratifs
… un lieu de rencontre: présence, partage, collaboration
web à venir …

un web de communautés multiples
rôles, connaissances, services, contextes
Image,T. Berners-Lee, RuleML kickoff, 2005

sécurité & confidentialité (sémantique)
traçabilité & qualité, confiance
ergonomie, conception d’interaction
citoyenneté
l’égalité et légalité
…
chantiers

le contrôle. »
« les métadonnées permettent
François Moreau

pour gérer une diversité
rien de tel que d’utiliser une autre diversité

la diversité des métadonnées
permet de gérer les diversités des rssources, de leurs index et de leurs utilisations

métadonnées et les standards sont des armes des passages à l’échelle que ce soit du point de vue du nombre des ressources, de l’hétérogénéité des représentations, de la foule des utilisateurs, de la diversité des matériels ou de la multiplication des applications et des services.

http://livreetlecture.wordpress.com	27
http://www.slideshare.net	23
http://bertrandkeller.info	10
http://www.levidepoches.fr	6
http://www.lerubi.net	5
http://www.bertrandkeller.info	4
http://www.mefeedia.com	4
http://levidepoches.blogs.com	3
http://www.levidepoches.blogs.com	1
http://webcache.googleusercontent.com	1

le ‘futur’ du web à la lecture des recommandations du W3C

by Fabien Gandon

Accessibility

Categories

Upload Details

Usage Rights

10 Embeds 84

Statistics