du HTML au XML

Le langage de balises

LE HTML*

La première « révolution » est dans son nom : HYPERTEXT

Mais c’est le M (MARKUP) qui a un grand avenir…

*Créé par Tim Berners-Lee au CERN de Genève en 1991

PREMIER TEMPS

le langage des pages Web

Jules Verne <P>

<CENTER>

<FONT SIZE=16 COLOR=”red”>

Jules Verne

</FONT>

</CENTER>

</P>

Ce langage permet

•les liens entre pages (hypetexte)

•l’intégration de média

Mais cette imbrication de données, d’informations

et de style pose des problèmes de mise à jour…

Oui mais ....

SÉPARER LA FORME DU FOND

On ajoute au langage de balise (HTML) un second langage chargé de décrire le style, la présentation des pages

Un fichier unique (format CSS) contient le style de chacune des balises de l’ensemble des pages d’un site.

DEUXIEME TEMPS

SÉPARER LA FORME DU FONDFichier HTML :

<P>

Jules Verne

</P>

Fichier CSS :

p

{ font-size: 16; font-color: red; }

h1

{font-size: 30 color: blue; }

BEAUCOUP DE HTML + 1 CSS

Le style de toutes les pages du site ne dépend plus maintenant que d’un seul fichier, facile à mettre à jour

mais …

comment optimiser la modification et la saisie par tout un chacun du contenu (y compris les non-spécialistes) ?

L’objectif est la « disparition du webmaster »…

LE WEB DYNAMIQUE

1- Le style dans un fichier unique (CSS)

2- Le contenu dans une base de données

3- La « page web » n’est plus qu’une plateforme d’intégration qui va chercher l’information dans la base et prépare une page selon les instructions de style du CSS

ce sont les CMS, plateforme de site/blog

http://www.site.fr/article.php3?id_article=73

TROISIEME TEMPS

VERS LE WEB SÉMANTIQUE

Ces balises dépouillées pourraient alors servir à décrire le contenu.

En les hiérarchisant, en les classant on permettrait (sur le modèle du thesaurus) aux machines de distinguer le sens des mots et de combattre l’homonymie et le bruit dans la recherche

QUATRIEME TEMPS

VERS LE WEB SÉMANTIQUE

<P>

Jules Verne

</P>

<auteur>

Jules Verne

<auteur>

NOTICE EXPORTÉE DE BCDI<?xml version="1.0" encoding="ISO-8859-1" ?>

<MEMO_NOTICES>

<NOTICES>

<TYPE_NOTICE_N>Notice générale</TYPE_NOTICE_N>

<SUPPORT_N_N>Livre</SUPPORT_N_N>

<LANGUE_N>fre</LANGUE_N>

<TITRE_N>Les réseaux sociaux</TITRE_N>

<SIGNIFICATIF_N>Oui</SIGNIFICATIF_N>

<DOCUMENT_N>Les réseaux sociaux </DOCUMENT_N>

<TYPE_DOC_D>Texte imprimé</TYPE_DOC_D>

L’INTÉRIEUR D’UN FIL RSS…<channel>    <title>mon canal RSS</title>    <link>http://www.rss.fr/</link>    <description>tout sur tout</description>

</channel>

<item>    <title>Nouvelle du jour1</title>    <link>http://www.rss.fr/page1.html</link>    <description>blablabla</description>

</item>

<item>    <title>Nouvelle du jour2</title>    <link>http://www.rss.fr/page2.html</link>

XML AU COEUR DE ...RSS

Notice BNF/BCDI

Web sémantique

Opendocument : Fichier zippé crée par openoffice avec

Un fichier de données (XML)

Un fichier de style

Des médias

22

LE WEB 2.01. la structure des blogs

2. les Tags / la Folksonomie

•Intégration de médias externes (video, diaporama, son )•Commentaires et rétroliens•Echange de données par flux RSS sortants et entrants•Le cas des favoris partagés

•Avant étaient le descripteur et le mot clé !•Tout se tague ...•Avantages•Inconvénients