Version 1.0 - 29 juin 2000Présentation de XML - MH - APL1/ Le langage XML Stage de perfectionnement APL et MH.

Présentation au sujet: "Version 1.0 - 29 juin 2000Présentation de XML - MH - APL1/ Le langage XML Stage de perfectionnement APL et MH."— Transcription de la présentation:

1 Version 1.0 - 29 juin 2000Présentation de XML - MH - APL1/ Le langage XML Stage de perfectionnement APL et MH

2 Version 1.0 - 29 juin 2000Présentation de XML - MH - APL2/ Le langage XML Généralités

3 Version 1.0 - 29 juin 2000Présentation de XML - MH - APL3/ XML - généralités Planning de la semaine Lundi - MatinRappels de HTML - Généralités sur XML Lundi - A-MXML - Définitions et Syntaxe Document bien formé MardiDTD - Définition et Syntaxe Document valide Mercredi - Matin CSS2 - Feuille de style Mercredi - A-M Validation par les Schémas XML-Data Jeudi-Matin XSL - Transformation génération de (X)HTML génération XML Jeudi-A-MScriptage JavaScript : composants Client handler d'événement composant Serveur - ASP Vendredi-MatinManipulation de données XML par programmation (modèle DOM)

4 Version 1.0 - 29 juin 2000Présentation de XML - MH - APL4/ Le langage XML Définitions et syntaxe

5 Version 1.0 - 29 juin 2000Présentation de XML - MH - APL5/ Structure d'un document XML Un document XML est composé de deux parties : –Le prologue, lui même composés de plusieurs parties Une déclaration XML, qui permet de définir : –la version de XML utilisée, –le codage des caractères –la manière dont sont stockées les informations de balisage Une déclaration de type de document (DTD) qui permet de définir la structure logique du document et sa validité. Une transformation définie par une feuille de style (CCS2 ou XSL) qui permet de définir la présentation. –L'instance qui correspond au balisage du document proprement-dit.

6 Version 1.0 - 29 juin 2000Présentation de XML - MH - APL6/ XMLDéfinitions Balise C’est un mot clef choisi par le concepteur du document qui permet de définir un élément. –Exemple : Elément C’est un objet XML défini entre une balise de début et une balise de fin. La balise de fin porte le même nom que la balise de début, mais elle est précédée d ’un "slash". – – Contenu de l ’élément – Un élément peut contenir aussi d’autre éléments Attribut Une élément peut être qualifié par un ou plusieurs attributs. Ces attributs ont la forme clef="valeur". –

7 Version 1.0 - 29 juin 2000Présentation de XML - MH - APL7/ Document XML bien formé Pour qu'un document soit bien formé, il doit obéir à 4 règles : –Un document XML ne doit posséder qu'une seule racine –Tous les éléments doivent être fermés –Les éléments contenus et contenant doivent être imbriqués. –La valeurs des attributs s'écrit entre guillemets

8 Version 1.0 - 29 juin 2000Présentation de XML - MH - APL8/ Document XML bien formé Un document XML ne doit posséder qu'un seul élément racine qui contient tous les autres. –Un document XML est un arbre. Document bien formé TSIG Etudes 1755 heures Document mal formé TSIG Etudes 1755 heures

9 Version 1.0 - 29 juin 2000Présentation de XML - MH - APL9/ Document XML bien formé Tous les éléments doivent être fermés –A chaque balise ouvrant doit correspondre une balise fermante. –A défaut, si un élément n'a pas de contenu, il est possible d'agréger la balise fermante à la balise ouvrant en terminant celle-ci par un "slash". Document bien formé TSIG Etudes Document mal formé TSIG Etudes

10 Version 1.0 - 29 juin 2000Présentation de XML - MH - APL10/ Document XML bien formé Les éléments contenus et contenant doivent être imbriqués. –Tous les éléments fils doivent être contenus dans leur père. –Si un document XML est un arbre, un élément est une branche. Document mal formé TSIG Etudes Document bien formé TSIG Etudes

11 Version 1.0 - 29 juin 2000Présentation de XML - MH - APL11/ Document XML bien formé La valeurs des attributs s'écrit entre guillemets. –Tous les éléments fils doivent être contenus dans leur père. Document mal formé TSIG Etudes Document bien formé TSIG Etudes

12 Version 1.0 - 29 juin 2000Présentation de XML - MH - APL12/ Document XML valide Un document XML valide est un document XML bien formé dont le prologue décrit explicitement la structure dans une DTD (Document Type Definition). –La DTD spécifie : Le nom des balises associées à tous les éléments, Pour chaque balise, les attributs possibles et leur type, Les relations contenant-contenu entre les éléments et leur cardinalité, Les entités (raccourcis) internes et externes

13 Version 1.0 - 29 juin 2000Présentation de XML - MH - APL13/ Validation d'un document XML par une DTD

14 Version 1.0 - 29 juin 2000Présentation de XML - MH - APL14/ Définition de la DTD La DTD (Document Type Definition) est définie dans le prologue du document XML. La DTD s'écrit en SGML et est définie par l'élément SGML DOCTYPE suivit du nom de l'élément racine du document XML. <!DOCTYPE produit [ ]>

15 Version 1.0 - 29 juin 2000Présentation de XML - MH - APL15/ Définition d'un élément XML dans la DTD Un élément XML est défini dans la DTD par l'élément SGML ELEMENT, suivi du nom de l'élément XML et de sa description. –Eléments fils On peut définir une cardinalité sur les éléments : –p? indique que l'élément p peut apparaître 0 ou 1 fois –p* indique que l'élément p peut apparaître 1 ou n fois –p+ indique que l'élément p peut apparaître 0 ou n fois –Données –Contenu mixte –Contenu libre –Elément vide

16 Version 1.0 - 29 juin 2000Présentation de XML - MH - APL16/ Définition d'un attribut XML dans la DTD Les attributs d'un élément XML sont définis dans la DTD par l'élément SGML ATTLIST, suivi du nom de l'élément XML puis du nom de chaque attribut associé à sa description. –Types d'attributs CDATA ID ou IDREF ENTITY NOTATION énumération –déclarations de défaut d'attribut valeur par défaut de l'attribut #REQUIRED #IMPLIED #FIXED

17 Version 1.0 - 29 juin 2000Présentation de XML - MH - APL17/ Définition d'une entité XML dans la DTD Une entité XML est défini dans la DTD par l'élément SGML ENTITY, suivi du nom de l'entité et de sa valeur. –Une entité permet de définir un raccourcis, une abréviation. Dans la DTD : Dans l'instance du document XML Ceci est du texte &ab;. –Au résultat, chaque référence à une entité est remplacée par le texte défini dans l'entité. Ceci est du texte en français.

18 Version 1.0 - 29 juin 2000Présentation de XML - MH - APL18/ Définition d'une notation XML dans la DTD Une notation XML est défini dans la DTD par l'élément SGML NOTATION, suivi du nom de la notation et de sa description. –Une notation permet de définir une application externe qui seule peut traiter correctement des données non XML contenues dans le document. Dans la DTD : <!ENTITY logoafpa SYSTEM 'images/afpa.jpg' NDATA jpeg Dans l'instance du document XML –Résultat : les données jpeg seront "jouées" par Microsoft Explorer. Le document XML pourra contenir un élément logo. L'élément logo doit avoir un attribut src obligatoire de type entité. L'entité logoafpa fait référence à un fichier externe contenant des données jpeg.

19 Version 1.0 - 29 juin 2000Présentation de XML - MH - APL19/ Définition d'une entité paramètre dans la DTD Une entité paramètre est défini dans la DTD par l'élément SGML ENTITY, suivi du caractère %, du nom de l'entité et de sa valeur. –Une entité paramètre permet de définir un raccourcis, une abréviation qui peut être utilisée dans la DTD. Elle permet également d'inclure la définition d'éléments contenue dans un autre fichier. Dans la DTD : %tab; –Au résultat, chaque référence à une entité est remplacée, dans la DTD, par le texte défini dans l'entité.... Suivi du contenu du fichier table.dtd...

20 Version 1.0 - 29 juin 2000Présentation de XML - MH - APL20/ Validation d'un document XML par une DTD externe Une DTD externe permet de valider plusieurs documents XML obéissant à la même syntaxe.

21 Version 1.0 - 29 juin 2000Présentation de XML - MH - APL21/ Définition de sections conditionnelles dans la DTD Les entités paramètres permettent de définir des sections conditionnelles dans la DTD. –Une DTD composée de sections conditionnelles permet de valider, avec la même DTD, plusieurs types de documents de destinations ou de contenus différents. Dans la DTD : <![ %privé; [ ]]> <![ %public; [ ]]>

22 Version 1.0 - 29 juin 2000Présentation de XML - MH - APL22/ Présentation d'un document XML par une feuille de style CSS2

23 Version 1.0 - 29 juin 2000Présentation de XML - MH - APL23/ Liaison d'un document XML avec une feuille de style CSS2 Une feuille de style CSS2 (Cascading Style Sheet version 2) se référence dans le prologue du document XML. La feuille de style permet de définir la présentation pour tout un document XML.

24 Version 1.0 - 29 juin 2000Présentation de XML - MH - APL24/ Feuille de style CSS2 Chaque style est défini pour un sélecteur, sous la forme d'une liste de propriétés séparées par un ; rassemblées entre accolades. –Les propriétés ont toujours la forme mot-clef:valeur –Les mots-clefs utilisables dépendent de l'élément (voir documentation). –Les valeurs utilisables dépendent des mots-clefs. –Tous les éléments concernés par le sélecteur sont affectés par le style. produit { display: block; background-image: url('../images/logaven.gif'); background-attachment: fixed; background-repeat: no-repeat; background-position: center; } Il faut définir un style pour chaque élément à afficher.

25 Version 1.0 - 29 juin 2000Présentation de XML - MH - APL25/ Feuille de Style CSS2- types de sélecteur –Sélecteur simple Il concerne tous les éléments définis par une seule balise. produit {...} –Sélecteur de groupe Il concerne tous les éléments définis par les balises énumérées. titre1, titre2, titre3 {...} –Dépendance contenant/contenu Il concerne tous les éléments elem contenus dans un élément parent. parent elem {...} Il concerne tous les éléments elem fils direct d'un élément parent. parent > elem {...} etc. (voir documentation) –Dépendance à la valeur d'un attribut Il concerne tous les éléments elem dont la valeur de l'attribut attr est val1. elem[attr="val1"] {...}

26 Version 1.0 - 29 juin 2000Présentation de XML - MH - APL26/ Feuille de Style CSS2 - pseudo-éléments –Style particulier de la première ligne d'un élément. Il concerne la première ligne de tous les éléments elem. elem:first-line {...} –Style particulier du premier caractère d'un élément (lettrine). Il concerne le premier caractère de tous les éléments elem. elem:first-letter {...} –Ajout de contenu avant ou après un élément Il permet d'ajouter un titre standard à un élément. objectifs:before { content:"Vous allez apprendre à :"... } Il permet d'ajouter un pied de page standard à un document XML. produit:after { content:"Copyright AFPA-DEAT"... }

27 Version 1.0 - 29 juin 2000Présentation de XML - MH - APL27/ Feuille de Style CSS2 - Présentation particulière Certain éléments nécessitent une présentation ou un positionnement particulier. On utilise le style display. –Eléments standard elem { display:bloc;... } –Les listes (et éléments numérotés) elemliste { display:list-item; list-style-type:disc;... } –Les tableaux elemtab { display:table... }

28 Version 1.0 - 29 juin 2000Présentation de XML - MH - APL28/ Feuille de Style CSS2 - différentiation des média La directive @media permet de présenter différemment un document XML en fonction du média ciblé. –@media screen {...} Style particulier utilisé pour une présentation sur écran. –@media print {...} Style particulier utilisé pour une impression. –@media tty {...} Style particulier utilisé pour une présentation sur un terminal texte. –@media aural {...} Style particulier utilisé pour la synthèse vocale. –@media braille {...} Style particulier utilisé pour une présentation sur terminal Braille. –@media all {...} Style indépendant du média ciblé.

29 Version 1.0 - 29 juin 2000Présentation de XML - MH - APL29/ Validation d'un document XML par XML-DATA

30 Version 1.0 - 29 juin 2000Présentation de XML - MH - APL30/ XML-DATA Inconvénient de la DTD –La DTD consiste à importer dans un document XML des informations de validation écrite en SGML Objectifs XML-DATA –Pas d'outils spéciaux pour générer des schémas –Langage et syntaxe XML –Langage simple (nom des balises XML utilisées) –Schémas extensible –Typage des données –Faciliter l'échange de documents XML –Support du concept document maître incluant plusieurs sources –Support du concept objet d'héritage (remplace les entités paramètres) –Compatibilité ascendante avec XML 1.0

31 Version 1.0 - 29 juin 2000Présentation de XML - MH - APL31/ Définition d'un schéma XML-DATA Le schéma XML-DATA est défini dans un attribut de l'élément racine du document. Le schéma XML-DATA est aussi un document XML dont l'élément racine est Schema. Il se décrit en XML dans un fichier externe. –Dans le document XML à valider : –Dans le schéma XML-DATA (fichier sproduit.xml) : <Schema name="produit" xmlns="urn:schemas-microsoft-com:xml-data">

32 Version 1.0 - 29 juin 2000Présentation de XML - MH - APL32/ Définition d'un élément XML dans un schéma XML-DATA Un élément XML est défini par l'élément ElementType. Les attributs sont les suivants : –name défini le nom de l'élément. La valeur de cet attribut est le nom de la balise dans le document XML à valider. –content défini le type de contenu. Les valeurs possibles sont : empty, textOnly, eltOnly, mixed (par défaut) –order défini l'ordre des éléments contenus. Les valeurs possibles sont : seq (par défaut), one, all, many Le contenu peut être le suivant –des élément element –des éléments attribute –des éléments group –un élément datatype

33 Version 1.0 - 29 juin 2000Présentation de XML - MH - APL33/ Définition d'un attribut XML dans un schéma XML-DATA Les attributs d'un élément XML sont définis par l'élément AttributeType. Les attributs sont les suivants : –name défini le nom de l'attribut. –dt:type défini le type de l'attribut. –dt:value défini les valeurs possibles de l'attribut –default défini la valeur par défaut de l'attribut –required="yes" defini un attibut obligatoire Le contenu peut être le suivant : –vide –un élément datatype

34 Version 1.0 - 29 juin 2000Présentation de XML - MH - APL34/ Définition du contenu d'un élément XML dans un schéma XML-DATA Le contenu d'un élément se défini, dans un schéma XML-DATA, dans le contenu de l'élément ElementType : –les attributs sont défini par des éléments attribute –le contenu proprement-dit est défini par des éléments element.

35 Version 1.0 - 29 juin 2000Présentation de XML - MH - APL35/ Eléments de schéma XML-DATA L'élément element permet de définir une relation contenant contenu dans un élément XML : Les attributs sont les suivants : –type fait référence à un élément ElementType du schéma. –minOccurs permet d'indiquer la cardinalité minimum de l'élément. Les valeurs possibles sont : 0 - élément abscent 1 (défaut) - au moins un élément –maxOccurs permet d'indiquer la cardinalité maximum de l'élément. Les valeurs possibles sont : 1 (défaut) - un seul élément * - plusieurs élément Le contenu est vide.

36 Version 1.0 - 29 juin 2000Présentation de XML - MH - APL36/ Eléments de schéma XML-DATA L'élément attribute permet de définir les attributs associés à un élément XML : Les attributs sont les suivants : –minOccurs permet d'indiquer la cardinalité minimum de l'élément. Les valeurs possibles sont : 0 - élément abscent 1 (défaut) - au moins un élément –maxOccurs permet d'indiquer la cardinalité maximum de l'élément. Les valeurs possibles sont : 1 (défaut) - un seul élément * - plusieurs élément Le contenu est vide.

37 Version 1.0 - 29 juin 2000Présentation de XML - MH - APL37/ Eléments de schéma XML-DATA L'élément group permet d'organiser le contenu d'un élément XML : Les attributs sont les suivants : –default défini la valeur par défaut de l'attribut –required="yes" defini un attibut obligatoire –order défini l'ordre des éléments contenus. Les valeurs possibles sont : seq (par défaut), one, all, many Le contenu est : –des éléments element.

38 Version 1.0 - 29 juin 2000Présentation de XML - MH - APL38/ Eléments de schéma XML-DATA L'élément description permet de documenter un schéma XML-DATA : –L'intérêt de documenter un schéma avec un élément XML plutot qu'avec un commentaire XML ( ) est de pouvoir générer automatiquement une documentation affichable du schéma en utilisant d'autres technologies XML comme XSL par exemple. Pas d'attribut. Le contenu est : –Des éléments XML bien formés.

39 Version 1.0 - 29 juin 2000Présentation de XML - MH - APL39/ Eléments de schéma XML-DATA L'élément extends permet d'implémenter les concepts objets d'héritage et de polymorphisme : –L'intérêt est de pouvoir créer des schémas génériques réutilisables et adaptables dans un contexte particulier, voir d'assurer une maintenance corrective de schémas existant sans avoir à revalider tous les documents relatifs à ce schéma. Les attributs sont les suivants : –type fait référence à un élément ElementType d'un schéma existant. Le contenu est vide.

40 Version 1.0 - 29 juin 2000Présentation de XML - MH - APL40/ Présentation d'un document XML par une feuille de style XSL eXtensible Stylesheet Language

41 Version 1.0 - 29 juin 2000Présentation de XML - MH - APL41/ Feuille de style XSL Inconvénient de CSS2 –CSS2 consiste à écrire en SGML la description de présentation des éléments XML. –Il n'est pas possible de transformer un document XML. –Seuls le contenu des éléments sont affichables. Ce qui exclu l'exploitation des informations contenues dans les attributs. –Il n'est pas possible d'afficher des données calculées. Objectifs XSL –Langage et syntaxe XML. –Toute information (contenu et attributs des éléments) doit être exploitable. –Possibilité de modifier l'organisation d'un document XML. –Supporte d'un langage de script associé à un modèle objet (D.O.M.) pour effectuer du calcul sur les données.

42 Version 1.0 - 29 juin 2000Présentation de XML - MH - APL42/ Feuille de style XSL Pour la présentation : XSL - FO (Formatting Object) –FO reprend le principe des styles CSS2 dans la syntaxe XML. –FO n'est pas encore implémenté dans les navigateurs WEB. Pour la transformation de document XML : XSLT (Transformation) –Une matrice XSLT, appliquée à un document XML validé selon un premier schéma, permet d'obtenir en résultat un autre document XML pouvant être valider sur un autre schéma. –Une feuille de style XSLT est elle-même un document XML validé selon le schéma XSLT –Un langage de requête XSL-Pattern permet de sélectionner les éléments XML à transformer. Opérateur XSLT Document XML Matrice XSLT = Nouveau Document XML

43 Version 1.0 - 29 juin 2000Présentation de XML - MH - APL43/ XSLT pour générer du XHTML XHTML est l'évolution de HTML pour obtenir un document bien formé et valide. XSLT est utiliser pour transformer un document XML en document XHTML une feuille de style CSS2 appliquée au document XHTML obtenu permet de remplacer XSL-FO non encore supporté. –L'utilisation de l'attribut style de XHTML permet d'obtenir une syntaxe proche de ce que serait XSL-FO. Opérateur XSLT Document XML Matrice XSLT = Page XHTML CSS2

44 Version 1.0 - 29 juin 2000Présentation de XML - MH - APL44/ Utilisations de XSLT Comme feuille de style pour l'affichage. –La feuille de style XSLT doit être liée au document XML comme pour CSS2. –Il faut que le navigateur WEB prenne en charge XSLT. Pour effectuer une transformation dynamique dans un script client. –On utilise le D.O.M. pour manipuler les élément XML dans un langage de script. –Il faut que le navigateur WEB prenne en charge le D.O.M. de XML. Pour générer du HTML au niveau du serveur qui sera envoyé vers le client. –Il faut que le serveur soit doté d'un moteur XSLT. Pour créer un nouveau document XML à partir d'un document XML existant.

45 Version 1.0 - 29 juin 2000Présentation de XML - MH - APL45/ Liaison d'un document XML avec une feuille de style XSL Une feuille de style XSL se référence dans le prologue du document XML. La feuille de style permet de définir la présentation et la transformation pour tout un document XML.

46 Version 1.0 - 29 juin 2000Présentation de XML - MH - APL46/ Transformation dynamique dans un script client Le script utilise le modèle objet D.O.M. de XML. <SCRIPT LANGUAGE="JavaScript" FOR="window" EVENT="onload"> var source = new ActiveXObject("Microsoft.xmldom"); source.load("produit.xml"); var style = new ActiveXObject("Microsoft.xmldom"); style.load("produit.xsl"); document.all.item("Produit").innerHTML = source.transformNode(style.documentElement); Transformation dynamique par script

47 Version 1.0 - 29 juin 2000Présentation de XML - MH - APL47/ Transformation au niveau du serveur La transformation se fait ici dans un composant serveur ASP en utilisant le modèle objet D.O.M. de XML. <% var xmlFile = Server.MapPath("produit.xml"); var xslFile = Server.MapPath("produit.xsl"); // Chargement du document XML var source = new ActiveXObject("Microsoft.XMLDOM"); source.async = false; source.load(xmlFile); // Chargement de la feuille de style XSL var style = new ActiveXObject("Microsoft.XMLDOM"); style.async = false; style.load(xslFile); // Affichage du résultat Response.Write(source.transformNode(style)); %>

48 Version 1.0 - 29 juin 2000Présentation de XML - MH - APL48/ Création d'un nouveau document XML La transformation se fait ici dans un composant serveur ASP en utilisant le modèle objet D.O.M. de XML. <% var xmlFile = Server.MapPath("produit.xml"); var xslFile = Server.MapPath("produit.xsl"); // Chargement du document XML var source = new ActiveXObject("Microsoft.XMLDOM"); source.async = false; source.load(xmlFile); // Chargement de la feuille de style XSL var style = new ActiveXObject("Microsoft.XMLDOM"); style.async = false; style.load(xslFile); // Création du nouveau document var xmlNewDoc = source.transformNode(style); xmlNewDoc.save(Server.MapPath("produit2.htm")); %>

49 Version 1.0 - 29 juin 2000Présentation de XML - MH - APL49/ Définition d'une transformation XSLT Une transformation XSLT est aussi un document XML dont l'élément racine est xsl:stylesheet. Ceci est un document XML

50 Version 1.0 - 29 juin 2000Présentation de XML - MH - APL50/ Définition d'un modèle de transformation XSLT Un modèle de transformation es défini par l'élément xsl:template. Le modèle peut être appliqué à une sélection d'éléments du document source définie dans l'attribut match en langage XSL-PATTERN. Ceci est un document XML

51 Version 1.0 - 29 juin 2000Présentation de XML - MH - APL51/ Requêtes XSL-Pattern Sélectionne tous les éléments du document * Sélectionne l'élément racine du document / Sélectionne tous les éléments durée contenus dans l'élément racine produit /produit/durée Sélectionne tous les éléments durée contenus dans un élément produit produit/durée Sélectionne tous les éléments objectif contenus dans l'élément racine produit /produit//objectif Sélectionne tous les éléments objectif contenue dans l'élément racine produit et dont la valeur de l'attribut type est "savoir-faire" /produit//objectif[@type $eq$ 'savoir-faire']

52 Version 1.0 - 29 juin 2000Présentation de XML - MH - APL52/ XML - D.O.M Document Object Model

53 Version 1.0 - 29 juin 2000Présentation de XML - MH - APL53/ XML - D.O.M. Le DOM fournit un modèle objet accessible par script. –Des classes parmi lesquelles : XMLDOMDocument XMLDOMNode XMLDOMNodeList XMLDOMElement XMLDOMAttribute XMLDOMText –Des méthodes –Des propriétés –Des événements auxquels il est possible d'associer des scripts de gestion d'événements.

54 Version 1.0 - 29 juin 2000Présentation de XML - MH - APL54/ Les applications XML

55 Version 1.0 - 29 juin 2000Présentation de XML - MH - APL55/ Les applications XML. XML-Data permet de définir des schémas de validation XML XSL-FO permet de définir une présentation de document XML XSLT permet de définir une transformation de document XML XLink et Xpointeur permettent de définir la navigation entre des documents XML. SMIL (Synchronized Multimedia Integration Language) permet de séquencer des objets multimédia pour une présentation par exemple MathML (Mathematical Markup Language) permet de formaliser et de traiter des expressions mathématiques VML (Vector Markup Language) permet de formaliser et de traiter des images vectorielles. SVG (Scalable Vector Graphics), idem. WML (WAP Markup Language) XQL permet d'exprimer des requêtes pour sélectionner des éléments dans un document XML (voir XSL-Pattern).