Introduction à XML Saïd Radhouani Université de Genève décembre 2004
HTML face aux nouveaux besoins <ul><li>HTML est devenu le langage universel de formatage et de présentation des informatio...
Limites du langage HTML <ul><li>Nouveaux besoins : </li></ul><ul><ul><li>partager des documents entre les membres d’une co...
Limites du langage HTML <ul><li>L'ajout de nouveaux éléments est impossible, on ne peut pas créer des balises pour définir...
Limitations de HTML <ul><li>E st prévu pour être visualisé sur un écran d’ordinateur (difficile pour les ordinateurs de po...
XML - Généralité <ul><li>XML  eXtensible Markup Language  (langage extensible de balisage) </li></ul><ul><li>méta-langage ...
XML - Généralité <ul><li>il est destiné à décrire le contenu du document, pas son affichage (les feuilles de style CSS et ...
HTML - XML <ul><li>Un nouveau langage avec de nouvelles balises </li></ul><ul><li>Les balises XML décrivent le contenu plu...
Structure d'un document XML <ul><li>un document XML contient : </li></ul><ul><ul><li>un prologue  (une déclaration XML) : ...
Structure d'un document XML <ul><li>Un document XML est composé d'éléments   ( blocs qui représentent la structure logique...
Le prologue – la déclaration XML <ul><li>Le  prologue contient toutes les informations autres que les données ou les éléme...
I nstructions de traitement <ul><li>Les instruction de traitement ou PI ( processing instruction ) permettent aux développ...
Les commentaires <ul><li>Syntaxe : <!–- Commentaire --> </li></ul><ul><li>Ils sont autorisés dans le document (après le pr...
Arbre d'éléments <ul><li>Un document XML a une structure d'arbre : Il y a une racine, des branches et des feuilles. </li><...
Les attributs <ul><li>Chaque élément présente des caractéristiques appelées attributs </li></ul><ul><li>Ils donnent des in...
Exemple de document XML <ul><li><?xml version=&quot;1.0&quot; encoding=&quot;ISO-8859-1&quot;?> </li></ul><ul><li><annuair...
Vue hierarchique d'un document XML 18 décembre 2004 Saïd Radhouani - CUI annuaire Personne chanteur nom Personne étudiant ...
Document bien formé <ul><li>Un document XML est  bien formé  (l'analyseur XML peut construire son arborescence) si   :  </...
Document bien formé <ul><li>les éléments vides ont un  &quot; / &quot;  à la fin de la balise avant le  &quot; > &quot; ; ...
Définition de types de documents (DTD) <ul><li>Comment imposer une structure rigide pour l’édition d’un document XML ? </l...
Définition de types de documents (DTD) <ul><li>DTD (Document Type Definition) </li></ul><ul><li>Un moyen pour vérifier la ...
Définition de types de documents (DTD) <ul><li>La DTD type le document en : </li></ul><ul><ul><li>En circonscrivant les él...
Définition de types de documents (DTD) <ul><li>DTD interne </li></ul><ul><li>La DTD interne se déclare entre crochets dans...
Définition de types de documents (DTD) <ul><li>DTD externe  (partagée) </li></ul><ul><li>Syntaxe :  <!DOCTYPE racine SYSTE...
Définition de types de documents (DTD) <ul><li>Exemples : </li></ul><ul><li><?xml version=1.0 standalone=&quot;yes&quot;?>...
Définition de types de documents (DTD) <ul><li><?xml version=&quot;1.0&quot; encoding=&quot;ISO-8859-1&quot;?> </li></ul><...
DTD – exemple : annuaire <ul><li><?xml version=&quot;1.0&quot; encoding=&quot;ISO-8859-1&quot;?> </li></ul><ul><li><!ELEME...
Document XML valide <ul><li>Un document XML est dit valide s’il :  </li></ul><ul><ul><li>est bien formé ; </li></ul></ul><...
Mise en page de XML <ul><li>XML permet la description des données et non de leur présentation </li></ul><ul><li>Le documen...
Feuilles de style <ul><li>Il est possible d'utiliser les feuilles de styles CSS ou les feuilles de style XSL </li></ul><ul...
Principe des feuilles de style 18 décembre 2004 Saïd Radhouani - CUI Données brutes Pages XML Feuille de style Appliquer D...
XML et CSS <ul><li>Association d’une ou plusieurs feuilles de style à un document XML </li></ul><ul><ul><li>Association au...
XSL - XSLT <ul><li>XSL et un langage normalisé de feuilles de style </li></ul><ul><li>Il  permet de définir simplement les...
Appel d'une feuille de style <ul><li>La feuille de style XSL est enregistrée dans un fichier externe d'extension &quot;.xs...
Structure d'une feuille de style <ul><li>XML est une application    une feuille de style est un document XML </li></ul><u...
XSL / XSLT exemples <ul><li>Utiliser un navigateur (IE) pour afficher le contenu XML associé à une feuille de style xsl (v...
Utilité du XML <ul><li>La lisibilité : aucune connaissance ne doit être nécessaire pour comprendre un contenu d'un documen...
Utilité du XML <ul><li>A fficher un même document sur des périphériques différents sans  créer  de s  versions du document...
SVG ( Scalable Vector Graphics ) <ul><li>Langage de description d’images basé sur XML </li></ul><ul><li>Permet de créer de...
SMIL  (Synchronized Multimedia Integration Language) <ul><li>S'appuie sur le langage XML </li></ul><ul><li>P ermet de crée...
SMIL - Exemple <ul><li><smil> </li></ul><ul><li><head> </li></ul><ul><li><!-- Presentation attributes. --> </li></ul><ul><...
SMIL - Exemple <ul><li>Démo </li></ul><ul><li>Autres exemples:  http://www.realnetworks.com/resources/samples/switching.ht...
VXML – Voice XML <ul><li>le VoiceXML permet de déployer des applications professionnelles (centres d'appels, messagerie d'...
VXML – exemple <ul><li><?xml version=&quot;1.0&quot;?> <vxml version=&quot;2.0&quot;>   <menu>     <prompt>       Choisiss...
VXML – exemple <ul><li>Le dialogue serait rendu comme suit, à l'aide d'un téléphone: </li></ul><ul><ul><li>Ordinateur: &qu...
VRML  (Virtual Reality Modeling Language) <ul><li>Langage  de programmation  pour la description d e scènes  3D </li></ul>...
Editeurs XML <ul><li>Editeurs d’XML </li></ul><ul><ul><li>Jaxe : éditeur XML   </li></ul></ul><ul><ul><li>Xeena </li></ul>...
Références <ul><li>http://www.chez.com/xml/ </li></ul><ul><li>http://www.toutestfacile.com </li></ul><ul><li>http://www.w3...
Prochain SlideShare
Chargement dans…5
×

Introduction à XML

1 255 vues

Publié le

XML, DTD, XSD, XML Schema, XSL, XSLT, SVG, SMIL, VXML, X3D

0 commentaire
1 j’aime
Statistiques
Remarques
  • Soyez le premier à commenter

Aucun téléchargement
Vues
Nombre de vues
1 255
Sur SlideShare
0
Issues des intégrations
0
Intégrations
24
Actions
Partages
0
Téléchargements
54
Commentaires
0
J’aime
1
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive
  • Déclaration XML &lt;?xml version=&amp;quot;1.0&amp;quot; [encoding = &amp;quot;encodage&amp;quot;] [standalone = &amp;quot;yes|no&amp;quot;] ?&gt; : Cette déclaration (qui est en fait une instruction de traitement) contient des informations pour le processeur. Elle indique que ce document est conforme à la version 1.0 de la norme XML. Elle peut préciser le jeu de caractères utilisés dans le document (encoding) et s&apos;il y a des références externes ou non (standalone).
  • tt
  • le SVG est basé sur le langage XML. il est decrit en XML et interprété par un logiciel images vectorielles: à l&apos;inverse des images bitmap bitmap : des images pixelisées decrites pixel par pixel et la qualité de l&apos;image se deteriore quand on change sa taille,ualité ne se deteriore pas quand on change la taille vectorielle : la http://www.svg.free.fr/SVG/Exemples.html le fichier produit est un .jpg
  • il est basé sur le langage XML
  • fichier de typa .wrl
  • Introduction à XML

    1. 1. Introduction à XML Saïd Radhouani Université de Genève décembre 2004
    2. 2. HTML face aux nouveaux besoins <ul><li>HTML est devenu le langage universel de formatage et de présentation des informations sur le web </li></ul><ul><li>HTML a été créé pour un objectif précis : échange de données indépendamment des plate-formes et de l'affichage </li></ul><ul><ul><ul><li>devait décrire les différentes parties d'un document simple à l'aide des balises (H n , P, ...), </li></ul></ul></ul><ul><ul><ul><li>les navigateurs devaient se charger de l'affichage final du document. </li></ul></ul></ul><ul><li>Des éléments d'affichage ont été rajoutés pour personnaliser les pages web (B, I, FONT, CENTER, TABLE dans la version 3.2, FRAME dans la version 4.0) </li></ul>18 décembre 2004 Saïd Radhouani - CUI
    3. 3. Limites du langage HTML <ul><li>Nouveaux besoins : </li></ul><ul><ul><li>partager des documents entre les membres d’une communauté </li></ul></ul><ul><ul><li>publier les mêmes données sous multiples présentations (en tableau, en texte, graphique …) ? </li></ul></ul><ul><ul><li>publier les mêmes données sur de multiples supports (écran, papier, terminal Braille, cellulaire, etc.) </li></ul></ul><ul><ul><li>effectuer des traitements sur les données avant de les présenter : tris, enrichissement, sélections, réorganisations, génération automatique de libellés, tables des matières, index, etc. </li></ul></ul><ul><ul><li>effectuer des recherche d'information (exemple, chercher sur Internet un hôtel libre à paris sans avoir une connexion chez sois) </li></ul></ul><ul><li>HTML n'avait pas été conçu pour ce genre de tâches </li></ul>18 décembre 2004 Saïd Radhouani - CUI
    4. 4. Limites du langage HTML <ul><li>L'ajout de nouveaux éléments est impossible, on ne peut pas créer des balises pour définir pour le document une structure de type résumé, chapitre, index, bibliographie </li></ul><ul><li>R estrictif : il o ffre seulement un nombre limité de balises pour la structuration de documents (en-têtes, corps, ce dernier contenant des paragraphes, listes, tableaux, illustrations, ...) </li></ul><ul><li>Impossibilité de séparer le contenu et la présentation </li></ul><ul><li>N 'est pas extensible : il ne peut pas répondre aux besoins spécifiques de tous les domaines (mathématiques, chimie, musique, astronomie...) et ne définit plus le contenu du document </li></ul>18 décembre 2004 Saïd Radhouani - CUI
    5. 5. Limitations de HTML <ul><li>E st prévu pour être visualisé sur un écran d’ordinateur (difficile pour les ordinateurs de poche , les téléphones portables , etc. ) </li></ul><ul><li>M anque de structure  difficile à traiter automatiquement pour extraire des informations </li></ul><ul><li>etc. </li></ul><ul><li>La solution : proposer un nouveau langage qui peut dépasser les limites du langage HTML </li></ul>18 décembre 2004 Saïd Radhouani - CUI
    6. 6. XML - Généralité <ul><li>XML eXtensible Markup Language (langage extensible de balisage) </li></ul><ul><li>méta-langage = un langage qui permet de définir d'autres langages </li></ul><ul><li>permet de concevoir votre langage de balisage personnalisé pour un ensemble de classes de documents (vous pouvez inventer des balises pour répondre à un besoin spécifique : un langage pour votre bibliothèque par exemple) </li></ul><ul><li>un langage défini par XML est appelé vocabulaire XML ou application XML </li></ul>18 décembre 2004 Saïd Radhouani - CUI
    7. 7. XML - Généralité <ul><li>il est destiné à décrire le contenu du document, pas son affichage (les feuilles de style CSS et XSL gèrent l'affichage) </li></ul><ul><li>il est flexible : on peut définir ses balises, et les utiliser dans un ou plusieurs documents (DTD externe) </li></ul><ul><li>le document ne sera affiché que s'il est bien formé et valide (s'il suit une DTD) </li></ul><ul><li>il est lisible pour l'humain (l'information contenue sera toujours accessible, contrairement aux fichiers de certains logiciels, par exemple, il est impossible de visualiser du RTF sans un logiciel qui connaisse ce format) </li></ul><ul><li>le document XML est un texte qui n'est pas destiné à être lu par l'humain (mais le fait que ce soit un texte permet aux experts d'utiliser un éditeur de texte pour corriger le fichier). </li></ul>18 décembre 2004 Saïd Radhouani - CUI
    8. 8. HTML - XML <ul><li>Un nouveau langage avec de nouvelles balises </li></ul><ul><li>Les balises XML décrivent le contenu plutôt que la présentation </li></ul>18 décembre 2004 Saïd Radhouani - CUI HTML <p>Saïd</p> <p>Radhouani</p> <p>Assistant/doctorant</p> <p>Radhouani@cui.unige.ch</p> XML <prenom>Saïd</prenom> <nom>Radhouani</nom> <Fonction> Assistant/doctorant </Fonction> <email>Radhouani@cui.unige.ch </email>
    9. 9. Structure d'un document XML <ul><li>un document XML contient : </li></ul><ul><ul><li>un prologue (une déclaration XML) : qui contient toutes les informations autres que les données ou les éléments </li></ul></ul><ul><ul><li>u ne déclaration de DTD (à l'aide d'un fichier annexe appelé DTD = Document Type Definition) </li></ul></ul><ul><ul><li>informations facultatives sur des instructions de traitement à destination d'applications particulières. Leur syntaxe est la suivante: <?instruction de traitement?> </li></ul></ul><ul><ul><li>arbre d'éléments </li></ul></ul><ul><ul><li>éventuellement des commentaires </li></ul></ul>18 décembre 2004 Saïd Radhouani - CUI
    10. 10. Structure d'un document XML <ul><li>Un document XML est composé d'éléments ( blocs qui représentent la structure logique du document ) </li></ul><ul><li>Le document contient à la fois des données et des méta- données ( données sur l es données ) </li></ul><ul><li>les éléments peuvent être : </li></ul><ul><ul><li>non vides : ils commencent par une balise ouvrante, peuvent contenir du texte et d'autres éléments et se terminent par une balise fermante. < nom > Toto </ nom > </li></ul></ul><ul><ul><li>vides : ils ne contiennent rien, aucun texte, aucun élément. L'élément IMG de HTML est un élément vide. En XML ils s'écrivent avec un / à la fin de la balise ouvrante ou sous la forme d'une paire de balises vide : < exemple /> ou encore < exemple ></ exemple > </li></ul></ul>18 décembre 2004 Saïd Radhouani - CUI
    11. 11. Le prologue – la déclaration XML <ul><li>Le prologue contient toutes les informations autres que les données ou les éléments </li></ul><ul><ul><li>Syntaxe : <?xml version=&quot;1.0&quot; [encoding = &quot;encodage&quot;] [standalone = &quot;yes|no&quot;] ?> </li></ul></ul><ul><ul><li>Exemple : <?xml version=&quot;1.0&quot; encoding=&quot;ISO-8859-1&quot;?> </li></ul></ul>18 décembre 2004 Saïd Radhouani - CUI
    12. 12. I nstructions de traitement <ul><li>Les instruction de traitement ou PI ( processing instruction ) permettent aux développeurs de placer des informations spécifiques pour une application à l'intérieur du document. Ces informations seront transmises à l'application. Elles ont la forme suivante : <?Application instruction+?> </li></ul><ul><li>On peut les utiliser dans n'importe quelle partie du document ( elles sont en général utilisées dans le prologue ) . </li></ul><ul><li>Pour que ie 5 puisse visualiser un document XML avec une feuille de style CSS on utilisera l'instruction de traitement : </li></ul><ul><ul><li><?xml-stylesheet type=&quot;text/css&quot;?> </li></ul></ul>18 décembre 2004 Saïd Radhouani - CUI
    13. 13. Les commentaires <ul><li>Syntaxe : <!–- Commentaire --> </li></ul><ul><li>Ils sont autorisés dans le document (après le prologue) </li></ul><ul><li>Ils peuvent inclure n'importe quel type de données </li></ul><ul><li>Ils ne peuvent pas apparaître à l'intérieur des balises </li></ul>18 décembre 2004 Saïd Radhouani - CUI
    14. 14. Arbre d'éléments <ul><li>Un document XML a une structure d'arbre : Il y a une racine, des branches et des feuilles. </li></ul><ul><li>l'arbre des éléments contient : </li></ul><ul><ul><li>un élément racine </li></ul></ul><ul><ul><li>des éléments internes </li></ul></ul><ul><li>Un élément est composé de trois parties : </li></ul><ul><ul><li>Une balise ouvrante, avec éventuellement des attributs </li></ul></ul><ul><ul><li>Un contenu (des données ou d'autres éléments) </li></ul></ul><ul><ul><li>Une balise fermante </li></ul></ul><ul><li>Un élément peut être </li></ul><ul><ul><li>vide : ne contient ni texte, ni autres éléments </li></ul></ul><ul><ul><li>Peut contenir des attributs </li></ul></ul>18 décembre 2004 Saïd Radhouani - CUI
    15. 15. Les attributs <ul><li>Chaque élément présente des caractéristiques appelées attributs </li></ul><ul><li>Ils donnent des informations supplémentaires sur les éléments </li></ul><ul><li>Ils peuvent être facultatifs ou obligatoires </li></ul><ul><li>Ils apparaissent seulement dans la balise ouvrante d'un élément </li></ul><ul><li>Syntaxe : propriete = &quot;valeur&quot; ou propriete = 'valeur' </li></ul><ul><li>Exemple : < personne typ e= &quot; étudiant &quot;> ... </ personne > </li></ul>18 décembre 2004 Saïd Radhouani - CUI
    16. 16. Exemple de document XML <ul><li><?xml version=&quot;1.0&quot; encoding=&quot;ISO-8859-1&quot;?> </li></ul><ul><li><annuaire>     <personne type=&quot;étudiant&quot;>         <nom>HEUTE</nom>         <prenom>Thomas</prenom>         <email>webmaster@xmlfacile.com</email>     </personne>     <personne type=&quot;chanteur&quot;>         <nom>CANTAT</nom>         <prenom>Bertrand</prenom>     </personne> </li></ul><ul><li></annuaire> </li></ul>18 décembre 2004 Saïd Radhouani - CUI
    17. 17. Vue hierarchique d'un document XML 18 décembre 2004 Saïd Radhouani - CUI annuaire Personne chanteur nom Personne étudiant prenom email nom prenom
    18. 18. Document bien formé <ul><li>Un document XML est bien formé (l'analyseur XML peut construire son arborescence) si : </li></ul><ul><ul><li>il contient une déclaration XML </li></ul></ul><ul><ul><li>il contient un ou plusieurs éléments </li></ul></ul><ul><ul><li>il contient un élément racine encapsulant tous les autres éléments et leurs attributs (ex <annuaire> ... < / annuaire>) </li></ul></ul><ul><ul><li>les éléments non vides ont une balise de début et de fin </li></ul></ul><ul><ul><li>les éléments non vides sont correctement imbriqués ( < personne > < nom > ... </ nom > </ personne > ) </li></ul></ul>18 décembre 2004 Saïd Radhouani - CUI
    19. 19. Document bien formé <ul><li>les éléments vides ont un &quot; / &quot; à la fin de la balise avant le &quot; > &quot; ; </li></ul><ul><li>les noms des balises ouvrantes et fermantes correspondent </li></ul><ul><li>un nom d'attribut apparaît uniquement dans la balise ouvrante et une seule fois dans cette balise </li></ul><ul><li>les valeurs des attributs sont entre guillemets ou apostrophes </li></ul><ul><li>la valeur des attributs n'appelle pas d'entités externes </li></ul><ul><li>les caractères réservés sont remplacés par des références d'entités (par ex. &lt; pour < ) </li></ul>18 décembre 2004 Saïd Radhouani - CUI
    20. 20. Définition de types de documents (DTD) <ul><li>Comment imposer une structure rigide pour l’édition d’un document XML ? </li></ul><ul><li>Comment standardiser les documents d’un domaine </li></ul><ul><li>Comment vérifier qu’un document XML respecte la charte d’une communauté au niveau de sa structure et son contenu ? Validité de document </li></ul><ul><li>Besoin d’un langage qui permet de définir des jeux de balises </li></ul><ul><li> DTD : langage de Définition de Type de Document (Document Type Definition) </li></ul>18 décembre 2004 Saïd Radhouani - CUI
    21. 21. Définition de types de documents (DTD) <ul><li>DTD (Document Type Definition) </li></ul><ul><li>Un moyen pour vérifier la syntaxe d'un document  vérifier la validité du document produit </li></ul><ul><li>C'est un fichier qui contient un ensemble de règles définissant la structure d’une classe de documents XML </li></ul><ul><ul><li>D éfinition d’un langage selon le standard XML (quelles sont les balises, comment peuvent-elles êtres imbriquées, etc.) </li></ul></ul><ul><ul><li>Définitions des éléments et d es règles d'utilisation (noms des éléments, attributs possibles pour un élément, imbrications) </li></ul></ul>18 décembre 2004 Saïd Radhouani - CUI
    22. 22. Définition de types de documents (DTD) <ul><li>La DTD type le document en : </li></ul><ul><ul><li>En circonscrivant les éléments possibles </li></ul></ul><ul><ul><li>En fixant l’ordre, l’optionalité, la répétition des éléments </li></ul></ul><ul><ul><li>En typant les éléments </li></ul></ul><ul><li>Chaque document XML peut être associé à une DTD </li></ul><ul><li>La DTD peut être : </li></ul><ul><ul><li>interne : insérée dans le document XML qu’elle régit </li></ul></ul><ul><ul><li>externe : associée au document XML par une adresse de référence (url externe)  permet de partager une DTD entre plusieurs documents </li></ul></ul>18 décembre 2004 Saïd Radhouani - CUI
    23. 23. Définition de types de documents (DTD) <ul><li>DTD interne </li></ul><ul><li>La DTD interne se déclare entre crochets dans le DOCTYPE. </li></ul><ul><ul><li><?xml version=1.0 standalone=yes?> </li></ul></ul><ul><ul><li><!DOCTYPE MESSAGE [ </li></ul></ul><ul><ul><li><!ELEMENT MESSAGE (#PCDATA)> </li></ul></ul><ul><ul><li>]> </li></ul></ul><ul><ul><li><MESSAGE> </li></ul></ul><ul><ul><li>Salut tout le monde </li></ul></ul><ul><ul><li></MESSAGE> </li></ul></ul>18 décembre 2004 Saïd Radhouani - CUI
    24. 24. Définition de types de documents (DTD) <ul><li>DTD externe (partagée) </li></ul><ul><li>Syntaxe : <!DOCTYPE racine SYSTEM &quot;adresse&quot;> </li></ul><ul><li>DOCTYPE permet de déclarer le type du document : le nom de l'élément racine est précisé </li></ul><ul><li>SYSTEM indique que la DTD est stockée à l'adresse précisée. </li></ul>18 décembre 2004 Saïd Radhouani - CUI
    25. 25. Définition de types de documents (DTD) <ul><li>Exemples : </li></ul><ul><li><?xml version=1.0 standalone=&quot;yes&quot;?> </li></ul><ul><li><!DOCTYPE MESSAGE SYSTEM &quot;message.dtd&quot;> </li></ul><ul><li><MESSAGE> </li></ul><ul><li>Salut tout le monde </li></ul><ul><li></MESSAGE> </li></ul><ul><li><?xml version=1.0 standalone=&quot;yes&quot;?> </li></ul><ul><li><!DOCTYPE MESSAGE SYSTEM &quot;http://unl.unige.ch/message.dtd&quot;> </li></ul><ul><li><MESSAGE> </li></ul><ul><li>Salut tout le monde </li></ul><ul><li></MESSAGE> </li></ul>18 décembre 2004 Saïd Radhouani - CUI
    26. 26. Définition de types de documents (DTD) <ul><li><?xml version=&quot;1.0&quot; encoding=&quot;ISO-8859-1&quot;?> </li></ul><ul><li><!DOCTYPE annuaire SYSTEM &quot;annuaire.dtd&quot;> </li></ul><ul><li><annuaire>     <personne type=&quot;étudiant&quot;>         <nom>HEUTE</nom>         <prenom>Thomas</prenom>         <email>webmaster@xmlfacile.com</email>     </personne>     <personne type=&quot;chanteur&quot;>         <nom>CANTAT</nom>         <prenom>Bertrand</prenom>         <email>noir@desir.fr</email>     </personne> </li></ul><ul><li></annuaire> </li></ul>18 décembre 2004 Saïd Radhouani - CUI
    27. 27. DTD – exemple : annuaire <ul><li><?xml version=&quot;1.0&quot; encoding=&quot;ISO-8859-1&quot;?> </li></ul><ul><li><!ELEMENT annnuaire (personne*)> </li></ul><ul><li><!ELEMENT personne (nom+,prenom+,email?)> </li></ul><ul><li><!ATTLIST personne type (étudiant |professeur | chanteur | musicien) &quot;étudiant&quot;> </li></ul><ul><li><!ELEMENT nom (#PCDATA)> </li></ul><ul><li><!ELEMENT prenom (#PCDATA)> </li></ul><ul><li><!ELEMENT email (#PCDATA)> </li></ul>18 décembre 2004 Saïd Radhouani - CUI
    28. 28. Document XML valide <ul><li>Un document XML est dit valide s’il : </li></ul><ul><ul><li>est bien formé ; </li></ul></ul><ul><ul><li>fait référence à une DTD ; </li></ul></ul><ul><ul><li>se conforme à ce qui est défini dans la DTD associée. </li></ul></ul><ul><li>Exemple de document XML non valide: </li></ul><ul><ul><li><?xml version=1.0 standalone=yes?> </li></ul></ul><ul><ul><li><!DOCTYPE MESSAGE [ </li></ul></ul><ul><ul><li><!ELEMENT MESSAGE (#PCDATA)>]> </li></ul></ul><ul><ul><li><MESSAGE langue=&quot;fr&quot; > </li></ul></ul><ul><ul><li>Salut tout le monde </li></ul></ul><ul><ul><li></MESSAGE> </li></ul></ul><ul><li>Exemples de validateurs de documents XML : </li></ul><ul><ul><li>http://www.cogsci.ed.ac.uk/%7Erichard/xml-check.html </li></ul></ul><ul><ul><li>http://www.stg.brown.edu/service/xmlvalid/ </li></ul></ul>18 décembre 2004 Saïd Radhouani - CUI
    29. 29. Mise en page de XML <ul><li>XML permet la description des données et non de leur présentation </li></ul><ul><li>Le document ne contient aucune information concernant l'affichage </li></ul><ul><li>L'utilisation des feuilles de style est obligatoire pour controler la mise en page du document </li></ul><ul><li>c'est sa feuille de style qui définira la présentation sur un média </li></ul>18 décembre 2004 Saïd Radhouani - CUI
    30. 30. Feuilles de style <ul><li>Il est possible d'utiliser les feuilles de styles CSS ou les feuilles de style XSL </li></ul><ul><ul><li>CSS( Cascading StyleSheet ), la solution la plus utilisée actuellement, étant donné qu'il s'agit d'un standard qui a déjà fait ses preuves avec HTML </li></ul></ul><ul><ul><li>XSL ( eXtensible StyleSheet Language ), un langage de feuilles de style extensible développé spécialement pour XML </li></ul></ul>18 décembre 2004 Saïd Radhouani - CUI
    31. 31. Principe des feuilles de style 18 décembre 2004 Saïd Radhouani - CUI Données brutes Pages XML Feuille de style Appliquer Données formattées Pages HTML Présenter
    32. 32. XML et CSS <ul><li>Association d’une ou plusieurs feuilles de style à un document XML </li></ul><ul><ul><li>Association au moyen de l’instruction de traitement <?xml-stylesheet …?> </li></ul></ul><ul><ul><li>Par référence dans une autre feuille de style à l’aide de @import </li></ul></ul><ul><ul><li>Feuille de style spécifié par l’utilisateur (options du navigateur) </li></ul></ul><ul><li>Moyens d’introduire des règles de style pour le contenu XML: </li></ul><ul><ul><li>Séléction par des pseudo-classes </li></ul></ul><ul><ul><li>Séléction par identificateur </li></ul></ul><ul><ul><li>Attribut d’exception STYLE=&quot;font-style:italic« </li></ul></ul><ul><ul><ul><li>Attention pas pris en charge par tous les navigateurs </li></ul></ul></ul><ul><li>Héritage des règles de style dans la hiérarchie des éléments </li></ul><ul><li>Démo </li></ul>18 décembre 2004 Saïd Radhouani - CUI
    33. 33. XSL - XSLT <ul><li>XSL et un langage normalisé de feuilles de style </li></ul><ul><li>Il permet de définir simplement les règles de construction de nouveaux documents(XML, html, pdf, txt,…) à partir de documents XML </li></ul><ul><li>L’utilisation des feuilles de style XSL pour transformer ou rendre utilisable un document XML se fait par l'utilisation de XSLT </li></ul><ul><li>XSLT e s t le mécanisme qui permet de transformer un arbre source représentant le document xml en un arbre résultat. </li></ul><ul><li>La construction de l'arbre de résultat permet de réordonner ou de filtrer le contenu du fichier XML </li></ul>18 décembre 2004 Saïd Radhouani - CUI
    34. 34. Appel d'une feuille de style <ul><li>La feuille de style XSL est enregistrée dans un fichier externe d'extension &quot;.xsl&quot; </li></ul><ul><li>L'instruction de traitement suivant indique le type de la feuille de style et son emplacement : </li></ul><ul><ul><li><?xml-stylesheet type=&quot;text/xml&quot; href=&quot;url&quot;?> </li></ul></ul><ul><li>Exemple : </li></ul><ul><ul><li><?xml version=&quot;1.0&quot; encoding=&quot;iso-8859-1&quot;?> </li></ul></ul><ul><ul><li><?xml-stylesheet type=&quot;text/xsl&quot; href=&quot;article.xsl&quot;?> </li></ul></ul><ul><li> appel d'une feuille de style XSL qui est dans le fichier article.xsl dans le répertoire courant </li></ul>18 décembre 2004 Saïd Radhouani - CUI
    35. 35. Structure d'une feuille de style <ul><li>XML est une application  une feuille de style est un document XML </li></ul><ul><li>Une feuille de style contient donc une déclaration XML et tous ses éléments sont placés dans l'élément racine. </li></ul><ul><li>Une feuille de style contient un ou plusieurs modèles </li></ul><ul><li>Chaque modèle contient des informations sur l'affichage d'une branche des éléments du document </li></ul><ul><ul><li><?xml version=&quot;1.0&quot; encoding=&quot;ISO-8859-1&quot;?> </li></ul></ul><ul><ul><li><xsl:stylesheet xmlns:xsl=&quot;http://www.w3.org/TR/WD-xsl&quot;> </li></ul></ul><ul><ul><li>modèles </li></ul></ul><ul><ul><li></xsl:stylesheet> </li></ul></ul>18 décembre 2004 Saïd Radhouani - CUI
    36. 36. XSL / XSLT exemples <ul><li>Utiliser un navigateur (IE) pour afficher le contenu XML associé à une feuille de style xsl (voir demos) </li></ul><ul><li>Génération automatique des fiches des membres et des chercheurs du CUI (voir demos) </li></ul>18 décembre 2004 Saïd Radhouani - CUI
    37. 37. Utilité du XML <ul><li>La lisibilité : aucune connaissance ne doit être nécessaire pour comprendre un contenu d'un document XML </li></ul><ul><li>Autodescriptif </li></ul><ul><li>Universalité et portabilité : les différents jeux de caractères sont pris en compte </li></ul><ul><li>Extensibilité : capacité à pouvoir décrire n'importe quel domaine de données </li></ul><ul><li>Intégrabilité : un document XML est utilisable par toute application pourvue d'un parser (un logiciel permettant d'analyser un code XML) </li></ul>18 décembre 2004 Saïd Radhouani - CUI
    38. 38. Utilité du XML <ul><li>A fficher un même document sur des périphériques différents sans créer de s versions du document à priori (grâce à la séparation du contenu du contenant) </li></ul><ul><li>P ermet de structurer, poser le vocabulaire et la syntaxe des données qu'il va contenir. </li></ul><ul><li>Echange de documents au format XML sans pour autant influer sur la forme de ceux-ci </li></ul><ul><li>E change de données entre programmes (même sur Internet) </li></ul>18 décembre 2004 Saïd Radhouani - CUI
    39. 39. SVG ( Scalable Vector Graphics ) <ul><li>Langage de description d’images basé sur XML </li></ul><ul><li>Permet de créer des animations </li></ul><ul><li>I mages vectorielles (exprimées par des formules mathématiques) </li></ul><ul><li>S calable : la taille de l’image peut être modifiée pour s’adapter à la taille et à la résolution de l’écran </li></ul><ul><li>Le texte qui se trouve dans une image est reconnu en tant que tel  peut être repéré par un moteur de recherche </li></ul><ul><li>Nécessite un plugin </li></ul><ul><ul><li>http://www.w3.org/Graphics/SVG/ , http://www.adobe.com/svg/ </li></ul></ul><ul><li>Exemple : http://www.svg.free.fr/SVG/Voiture.html </li></ul>18 décembre 2004 Saïd Radhouani - CUI
    40. 40. SMIL (Synchronized Multimedia Integration Language) <ul><li>S'appuie sur le langage XML </li></ul><ul><li>P ermet de créer des présentations multimédia (intégrer différents médias) </li></ul><ul><li>S ynchronisation d’images, de vidéos , de sons , de texte, ... </li></ul><ul><li>La structure XML d'un document SMIL décrit le déroulement temporel et spatial des différents composants integrés. </li></ul><ul><li>N écessite un plugin (ex: RealOne, QuickTime, ...) </li></ul><ul><li>http://www.w3.org/AudioVideo/ </li></ul><ul><li>http://www.esi.umontreal.ca/~moalv/blt6336/tutorielsmil.html </li></ul>18 décembre 2004 Saïd Radhouani - CUI
    41. 41. SMIL - Exemple <ul><li><smil> </li></ul><ul><li><head> </li></ul><ul><li><!-- Presentation attributes. --> </li></ul><ul><li><meta name=&quot;title&quot; content=&quot;video example&quot;/> </li></ul><ul><li><meta name=&quot;author&quot; content=&quot;EL atifi&quot;/> </li></ul><ul><li><layout> </li></ul><ul><li> <!-- Width, height, and background color of entire presentation. --> </li></ul><ul><li> <root-layout width=&quot;300&quot; height=&quot;300&quot; background-color=&quot;black&quot; /> </li></ul><ul><li> <!-- Text region. --> </li></ul><ul><li> <region id=&quot;text_region&quot; left=&quot;0&quot; top=&quot;175&quot; width=&quot;300&quot; height=&quot;120&quot; /> </li></ul><ul><li> <!-- video region. --> </li></ul><ul><li> <region id=&quot;video_region&quot; left=&quot;0&quot; top=&quot;0&quot; width=&quot;300&quot; height=&quot;170&quot; /> </li></ul><ul><li></layout> </li></ul><ul><li></head> </li></ul><ul><li><body> </li></ul><ul><li><par> </li></ul><ul><li> <!-- Play these streams concurrently (in parallel). --> </li></ul><ul><li> <text src=&quot;g2video.rt&quot; region=&quot;text_region&quot; /> </li></ul><ul><li> <video src=&quot;g2video.rm&quot; region= &quot;video_region&quot;clip-end=&quot;0:43.0&quot;/> </li></ul><ul><li></par> </li></ul><ul><li></body> </li></ul><ul><li></smil> </li></ul>18 décembre 2004 Saïd Radhouani - CUI
    42. 42. SMIL - Exemple <ul><li>Démo </li></ul><ul><li>Autres exemples: http://www.realnetworks.com/resources/samples/switching.html </li></ul>18 décembre 2004 Saïd Radhouani - CUI
    43. 43. VXML – Voice XML <ul><li>le VoiceXML permet de déployer des applications professionnelles (centres d'appels, messagerie d'entreprise, intranet vocal) ou grand public (services d'informations boursières, météo, jeux, astrologie, etc...). </li></ul><ul><li>P ermet l'accès à Internet via le téléphone, mobile ou fixe </li></ul><ul><li>navigation téléphonique sur Internet à travers des sites vocaux </li></ul><ul><li>Conception de plate formes Internet pour les handicapés mal voyants… </li></ul><ul><li>standard automatique, journal téléphoné, serveur vocal d'actualités, service thématique etc. </li></ul>18 décembre 2004 Saïd Radhouani - CUI
    44. 44. VXML – exemple <ul><li><?xml version=&quot;1.0&quot;?> <vxml version=&quot;2.0&quot;>   <menu>     <prompt>       Choisissez une section: <enumerate/>     </prompt>     <choice next=&quot;http://www.le-site.com/sports.vxml&quot;>       Sports     </choice>     <choice next=&quot;http://www.le-site.com/meteo.vxml&quot;>       Météo     </choice>     <choice next=&quot;http://www.le-site.com/actus.vxml&quot;>       Actualités     </choice>     <noinput>Faites un choix parmi les sections proposées: <enumerate/> </li></ul><ul><li> </noinput>   </menu> </vxml> </li></ul>18 décembre 2004 Saïd Radhouani - CUI
    45. 45. VXML – exemple <ul><li>Le dialogue serait rendu comme suit, à l'aide d'un téléphone: </li></ul><ul><ul><li>Ordinateur: &quot;Choisissez une section: Sports; Météo; Actualités &quot; . </li></ul></ul><ul><ul><li>Utilisateur: &quot;Astrologie &quot; . </li></ul></ul><ul><ul><li>Ordinateur: message spécifique à la plateforme, de la forme &quot;Je n'ai pas compris ce que vous avez dit&quot;, puis &quot;Faites un choix parmi les sections proposées: Sports; Météo; Actualités &quot; . </li></ul></ul><ul><ul><li>Utilisateur: &quot;Actualités &quot; . </li></ul></ul><ul><ul><li>Ordinateur: charge la page </li></ul></ul><ul><li>http://www.le-site.com/actus.vxml </li></ul><ul><li>Démo </li></ul>18 décembre 2004 Saïd Radhouani - CUI
    46. 46. VRML (Virtual Reality Modeling Language) <ul><li>Langage de programmation pour la description d e scènes 3D </li></ul><ul><li>L ’utilisateur peut bouger dans l a scène comme s’il était dans un espace réel. </li></ul><ul><li>Les programmes VRML décrivent des formes (sphères, cubes, cônes, cylindres ...), des éclairages, des sons, </li></ul><ul><li>http://www.web3d.org/ </li></ul><ul><li>http://apia.u-strasbg.fr/vrml/tutoriel/ </li></ul>18 décembre 2004 Saïd Radhouani - CUI
    47. 47. Editeurs XML <ul><li>Editeurs d’XML </li></ul><ul><ul><li>Jaxe : éditeur XML </li></ul></ul><ul><ul><li>Xeena </li></ul></ul><ul><ul><li>XML SPY </li></ul></ul><ul><ul><li>Exchanger XML Editor </li></ul></ul><ul><ul><li>XML Editor </li></ul></ul><ul><ul><li>Jaxe </li></ul></ul><ul><ul><li>Morphon </li></ul></ul><ul><ul><li>XMLwriter </li></ul></ul><ul><ul><li>… </li></ul></ul>18 décembre 2004 Saïd Radhouani - CUI
    48. 48. Références <ul><li>http://www.chez.com/xml/ </li></ul><ul><li>http://www.toutestfacile.com </li></ul><ul><li>http://www.w3c.org/XML/ </li></ul><ul><li>http://www.w3schools.com/svg/svg_examples.asp </li></ul><ul><li>http://www.w3.org/Math/implementations.html </li></ul><ul><li>http://www.yoyodesign.org/doc/w3c/w3c.html </li></ul><ul><li>http://apia.u-strasbg.fr/vrml/index.html </li></ul><ul><li>http://www.web3d-fr.com/ </li></ul><ul><li>XML le guide de l’utilisateur. Edition OSMAN EYROLLES MULTIMEDIA (Livre sur XML) </li></ul><ul><li>voir site laltruiste.com </li></ul>18 décembre 2004 Saïd Radhouani - CUI

    ×