Initiation à XML Antonin Benoît DIOUF eXtensible Markup Language.

Slides:



Advertisements
Présentations similaires
Données structurées et XML
Advertisements

Introduction aux Web Services Partie 1. Technologies XML
Transformation de documents XML
DTD Sylvain Salvati
eXtensible Markup Language
Conception de Site Webs Interactifs Cours 3
Conception de Sites Web dynamiques
Conception de Site Webs Interactifs Cours 4
Feuilles de style CSS - XHTML est un langage impur
Les espaces de nommage XML par Philippe Poulard 1
Données structurées et XML
XHTML EXtensible HyperText Markup Language. HTML et XML HTML (HyperText Markup Language) et XML (eXtensible Markup Language) sont deux spécifications.
HTML CSS.
Domaines nominaux XSLT
Nicolas Singer Maître de conférence, université Champollion
XML Un format d'échange et un langage de présentation des données associé au HTML.
CREATION DE FEUILLE DE STYLE pour structuré le document XML
Introduction aux Web Services Partie 1. Technologies HTML-XML
17 octobre 2012 Grégory Petit
Xml/xslt : Extensible Stylesheet Language Transformation réalisé par: saÏd NAÏM.
Bienvenue! Qui suis-je? Webmestre depuis 1994 Café Internet en 1996 Commerce électronique Gestion de contenu web Marketing interactif.
Introduction à la structuration des documents: les techniques M2: Gestion des connaissances.
XML: Syntaxe XML, DTD et Schémas
Notions sur le XML Réfs : manuel p 149. Introduction Le XML (eXtensible Markup Language) est un standard d'échange de données. Il fait partie comme le.
CSS.
Xpath XML Path language par Yves Bekkers
Rappel (très) succint d’éléments techniques (XML, DTD, XSL, PHP)
STAF 2X XSL/FO Glaus & Ruckstuhl Mars © Glaus & Ruckstuhl TECFA Programme du 18 et 19 mars Revision XML Introduction à XSL/FO (intérêts et.
HTML / CSS Gestion des systèmes d’information Classe terminale
HTML-CSS-XHTML.
M. Larooussi Formatage de documents - CSS École dété INSAT Août 2006.
Feuilles de styles CSS Syntaxe d'application d'un style à une balise HTML : Les différents types de style : Pourquoi utiliser un style ? Possibilité étendue.
8 - XML Cours XML.
1 Programmation Web II 2 ème année Licence Appliquée IAG Faculté des Sciences Economiques et de Gestion de Nableul Université 7 novembre à Carthage Années.
Le langage XHTML 420-S4W-GG Programmation Web Client
Les feuilles de style en HTML. CSS CSS: feuilles de style en cascade Permettent d’appliquer une mise en page à l’ensemble d’un site très simplement Permettent.
Passer au CSS et autres... Quelle différence entre ces deux pages ? Si vous regardez uniquement le contenu, aucune. Tout se joue sur la mise en forme.
Le langage du Web CSS et HTML
XML-schema. Pourquoi XML-schema Les DTD : Pas de typage, peu de contraintes sur les contenus nombre d'apparitions d'un élément à choisir entre 0 et 1.
LE HTML ISN Terminale S Un peu d’histoire …
Le langage XML.
Programmation Web : Introduction à XML
Programmation Web : Schémas XSD Jérôme CUTRONA 19:27:07 Programmation Web
Technologies web et web sémantique TP3 - XML. XML eXtensible Markup Language (langage extensible de balisage) – Caractéristiques: méta-langage = un langage.
XHTML les fondamentaux M.DIENG Abdoulaye DTS 1 Réseaux & Données.
SMIL Synchronized Multimedia Integration Language
MJ. Blin et M. CsernelPoleInfo31 XML et ses environnements Documents XML bien formés Prologue Arbre d'éléments Attributs Commentaires Entités internes.
HTML Cours 3. Plan du cours Les feuilles de styles CSS Mise en forme du texte et des paragraphes.
Introduction à XML Yves Bekkers. Plan Introduction - structurer l’information Les langages à balises - un peu d’histoire XML - concepts de base Outils.
INTERNET Le langage HTML
Module : Langage XML (21h)
Modélisation des documents: DTD et Schéma
1. Introduction 2. DTD 3. Schémas
XSD XML Schema Definition Année universitaire UP web.
Introduction à CSS Généralités. Introduction Beaucoup de documents XML sont destinés à être présentés. Les information du fichier seul (avec ou sans DTD)
Page 1 © Expert-IT s.a. - Développer des projets en XML Pratique.
eXtensible Markup Language. Généralités sur le XML.
GENIE MULTIMEDIA Restitution de documents CSS Christine Vanoirbeek EPFL – IC – CGC Bâtiment BC (Station 14) 1015 LAUSANNE
Cour préparé par Melle Zineb SAALAOUI HTML/CSS.
24 octobre 2012 Grégory Petit
XML : un métalangage pour la description de documents structurés XML a été défini par le consortium W3 en fonction de 2 objectifs: Compenser les limitations.
Mise en forme avancée et Publication. Le CSS Avertissement : vous ne devez pas maitriser le CSS juste savoir qu’il existe et à quoi il sert ! CSS signifie.
Scénario Les scénarios permettent de modifier la position, taille … des calques au cours du temps. Son fonctionnement est très proche de celui de Macromedia.
FORMULAIRES FOMULAIRE Permet à l’utilisateur d’entrer des renseignements le concernant. Utilisation –Inscription sur un site –Mise à jour d’une base.
Dreamweaver 2éme séance Murat Keles. Présentation I.CSS et Dreamweaver II.Les calques III.Les scénarios IV.Les comportements V.Les cadres VI.Mise en ligne.
Le langage XML Documents bien formés Un document XML est dit bien formé lorsque le document est correct sans toutefois posséder une DTD. Le prologue du.
XML les données réellement portables La nécessité d’un format de données universel et lisible se faisait sentir depuis longtemps, aujourd’hui avec le développement.
DTD EAD.
INF2005– Programmation web– A. Obaid Variantes de HTML.
Extensions à la spécification XML Le "plus petit cercle" XML Yves Bekkers Mise à jour : 9 octobre 2003.
Transcription de la présentation:

Initiation à XML Antonin Benoît DIOUF eXtensible Markup Language

Initiation XML - Antonin Benoît Diouf2 Plan Les composants d’un document XML Les DTD et les schémas Les feuilles de style Les entités Les espaces de noms La galaxie « xml »

Initiation XML - Antonin Benoît Diouf3 Composants  Le prologue : ligne d’introduction d’un document XML (obligatoire). Il permet d'indiquer la version XML utilisée, le jeu de caractères (format d’encodage de caractères) utilisé et l'autonomie du document.  L’élément racine : Créé par soi-même il est unique dans le document XML et encadre son contenu (obligatoire aussi)  Le contenu : succession d’éléments et de sous-éléments contenus par l’élément racine. Il est impératif de respecter la casse dans un document XML, par exemple et ne signifient pas la même chose.

Initiation XML - Antonin Benoît Diouf4 L’élément XML un élément comporte une balise ouvrante et une balise fermante il peut contenir une chaîne de caractères texte un ou plusieurs autres éléments texte une chaîne de caractères et un ou plusieurs éléments texte1 texte2 la chaîne de caractères ne doit pas comporter les signes, &, ", et ’ qui ont une signification particulière en XML ; pour les afficher, on utilise des appels d’entités caractères (voir plus loin)

Initiation XML - Antonin Benoît Diouf5 Exemple de document XML Titre : Œuvre poétique Auteur : Senghor, Léopold Sedar ( ) Publication : Paris : Ed. du Seuil, 1990 Description matérielle : 429 p. ; 22 cm ISBN : Prix : 38,11 EUR Œuvre poétique Senghor, Léopold Sedar ( ) Paris : Ed. du Seuil, p. ; 22 cm ,11 EUR le « prologue » l’élément racine

Initiation XML - Antonin Benoît Diouf6 L’attribut XML les attributs ajoutent une information sur la valeur de l’élément Exemples : Murambi Le livre des ossements Une si longue lettre So long a letter

Initiation XML - Antonin Benoît Diouf7 L’attribut XML 4 attributs normalisés par le W3C xml:lang précise la langue de la valeur de l’élément xml:space permet de définir le mode de traitement des espaces blancs (espaces, tabulations, interlignes) xml:base permet de définir une URL qui sert de répertoire de base au niveau du document; à utiliser en relation avec xlink:href xml:id permet de donner à l’élément un identifiant unique au sein d’un document ou d’un ensemble de documents

Initiation XML - Antonin Benoît Diouf8 Les règles de construction (rappel) Tout document XML commence par le « prologue » Il faut spécifier le format d’encodage des caractères Les documents XML ont toujours un et un seul élément racine Les noms des éléments sont sensibles à la casse Les éléments doivent toujours être fermés Les éléments doivent toujours être correctement emboîtés (pas de chevauchement) 10 avenue Lamine Guèye Les attributs d'éléments doivent toujours être entre guillemets Il y a seulement cinq entités définies par défaut (, &, ", et ') => si un document respecte l’ensemble de ces règles, il est « bien formé » et peut être analysé par un parser XML

Initiation XML - Antonin Benoît Diouf9 Document XML bien formé Pour s’en assurer visuellement, il faut utiliser un Parser : analyseur syntaxique (parseur en français) Comment le faire ? Exemple : copier le texte ci-dessous dans un éditeur de texte (bloc-notes de Ms Office), Œuvre poétique Senghor, Léopold Sedar ( ) Paris : Ed. du Seuil, p. ; 22 cm ,11 EUR Ensuite l’enregistrer avec l’extension.xml (choisir votre propre nom de fichier) puis l’ouvrir avec Internet explorer (qui possède un parseur).

Initiation XML - Antonin Benoît Diouf10 Document XML bien formé (suite) Résultat : le fichier doit apparaître sous forme d’arborescence comme ceci : - Oeuvre poétique Senghor, Léopold Sedar ( ) Paris : Ed. du Seuil, p. ; 22 cm ,11 EUR NB : ISO est le jeu de caractères Latin 1 pour les langues d’Europe occidentale et d’Amérique latine

Initiation XML - Antonin Benoît Diouf11 Question comment s’assurer que les éléments sont utilisés de la même manière dans plusieurs documents XML du même type ? Réponse on associe aux documents XML une DTD ou un Schéma XML, c’est-à-dire une « grammaire commune »

Initiation XML - Antonin Benoît Diouf12 Les DTD DTD = document type description Permet e décrire l’arborescence-type des documents Permet de décrire le type de données pour chaque élément Le document XML est associé à la DTD soit la DTD est interne au doc XML soit la DTD est externe au doc XML NB : une DTD n’est pas écrite en XML

Initiation XML - Antonin Benoît Diouf13 Œuvre poétique Senghor, Léopold Sedar ( ) Paris : Ed. du Seuil, p. ; 22 cm ,11 EUR poesie.xml structure.dtd

Initiation XML - Antonin Benoît Diouf14 Définition des éléments, séparateur d’une séquence d ’éléments, ordre à respecter |séparateur d’une séquence d ’éléments, pas d’ordre à respecter ?l’élément peut figurer 0 ou 1 fois facultatif / non répétable +l’élément peut figurer 0 ou n fois facultatif / répétable *l’élément peut figurer 1 ou n fois obligatoire / répétable PCDATAl’élément contient une chaîne de caractères ANYl’élément peut contenir tout type de données EMPTYl’élément est vide DTD

Initiation XML - Antonin Benoît Diouf15 Les schémas XML Ils ont la même fonction que la DTD : définir la structure- type d’un ensemble de documents XML Ils sont maintenus par le W3C Ils sont les « successeurs » des DTD avantages par rapport à la DTD : sont écrits en XML sont extensibles (peuvent intégrer d’autres schémas) permettent des contraintes plus fines sur la forme des données

Initiation XML - Antonin Benoît Diouf16 schema.xsd

Initiation XML - Antonin Benoît Diouf17 Les schémas XML avec un schéma XML, on peut exercer un contrôle fin des valeurs =>la valeur de l’élément doit être conforme au modèle défini dans le schéma : d-ddddd-ddd-d où chaque d est un chiffre

Initiation XML - Antonin Benoît Diouf18 doc XML DTD ou schéma XML Une DTD ou un schéma XML peut s’appliquer à plusieurs documents XML Un document XML conforme à une DTD ou un schéma est dit « valide »

Initiation XML - Antonin Benoît Diouf19 Question Comment définir la présentation graphique des données contenues dans un ou plusieurs document(s) XML ? Réponse En utilisant une feuille de style (stylesheet)

Initiation XML - Antonin Benoît Diouf20 Les feuilles de style Il existe deux langages pour en créer : CSS pour définir la présentation visuelle des informations contenues dans les balises XML XSL-T pour définir la présentation visuelle des informations contenues dans les balises XML pour transformer un arbre XML en un autre arbre XML

Initiation XML - Antonin Benoît Diouf21 CSS CSS = cascading style sheets feuille de style en cascade Maintenance assurée par le W3C La présentation graphique de chaque élément XML est définie de façon absolue, quelque soit sa position dans l’arbre CSS n’est pas écrit en XML

Initiation XML - Antonin Benoît Diouf22 Œuvre poétique Senghor, Léopold Sedar ( ) Paris : Ed. du Seuil, p. ; 22 cm ,11 EUR body { margin:15px 15px 15px 15px; } titre { display:block; font-family:verdana, sans-serif; font-size:100%; color:white; font-weigh:bold; background-color:black; text-align:center; } auteur { display:block; font-family:verdana, sans-serif; font-size:80%; color:black; background- color:transparent; text-align:left;} editeur { display:block; font-family:verdana, sans-serif; font-size:80%; color:black; background- color:transparent; text-align:left; } description { display:block; font-family:verdana, sans-serif; font-size:80%; color:black; background-color:transparent; text-align:left; } etc. poesie.xml style1.css

Initiation XML - Antonin Benoît Diouf23 CSS Le résultat dans Internet Explorer

Initiation XML - Antonin Benoît Diouf24 XSL-T XSL-T = eXtensible Stylesheet Language - Transformations Maintenance assurée par le W3C La présentation graphique des éléments s’effectue selon un arbre à définir (qui peut être différent de celui du document XML) XSL-T est écrit en XML

Initiation XML - Antonin Benoît Diouf25 Œuvre poétique Senghor, Léopold Sedar ( ) Paris : Ed. du Seuil, p. ; 22 cm ,11 EUR Titre : Auteur : Editeur : etc. poesie.xml style1.xsl

Initiation XML - Antonin Benoît Diouf26 XSL-T Le résultat dans Internet Explorer

Initiation XML - Antonin Benoît Diouf27 DTD ou schéma XML Une feuille de style peut s’appliquer à plusieurs documents XML Feuille de style (CSS ou XSL-T) doc XML

Initiation XML - Antonin Benoît Diouf28 Questions comment afficher des caractères « interdits » ou spéciaux ? comment utiliser des abréviations pour des éléments récurrents ? Réponse en recourant aux entités

Initiation XML - Antonin Benoît Diouf29 Les entités Il en existe plusieurs types: Les entités prédéfinies les entités XML les entités caractères Les entités que l’on définit soi-même les entités générales les entités paramètres (les entités générales et paramètres peuvent être internes ou externes)

Initiation XML - Antonin Benoît Diouf30 Les entités prédéfinies Les entités XML < pour< >pour> "pour " &pour& &apos;pour ’ Les entités caractères îpourî...

Initiation XML - Antonin Benoît Diouf31 Les entités générales définies dans l’en-tête d’un doc XML ou dans une DTD externe définition de l’entité appel de l’entité&nom_entité; exemple... &droits;</texte... à l’affichage de l ’élément on aura : Toute représentation ou reproduction, par quelque procédé que ce soit, notamment par téléchargement ou sortie imprimante, constituera une contrefaçon sanctionnée par les articles L et suivants du code de la propriété intellectuelle. Question : comment mettre cette phrase entre " " à l’affichage ?

Initiation XML - Antonin Benoît Diouf32 Les entités paramètres interprétées et remplacées dans la DTD elle-même définition de l’entité appel de l’entité%nom_entité; exemple...

Initiation XML - Antonin Benoît Diouf33 Question comment éviter de confondre des éléments identiques (par ex. titre) mais utilisés dans des contextes différents ? Réponse en utilisant les « espaces de noms » (namespaces)

Initiation XML - Antonin Benoît Diouf34 A quel titre ? Exemple de conflit Liberté III : Négritude et civilisation de l’universel... Senghor Léopold Membre de l’Académie française... => problème : je veux utiliser les deux titres dans un même document XML. Comment l’application va-t-elle traiter la balise ? Solution : définir deux contextes, deux espaces de noms

Initiation XML - Antonin Benoît Diouf35 Les espaces de noms on crée un préfixe pour chaque contexte par ex., « li » pour livre et « ps » pour personne on rattache ce préfixe à un URI soit un URNURN  urn:ugb-bu:xml:livre  urn:ugb-bu:xml:personne soit un URL   NB : l’URL sert d’identifiant unique, il ne pointe vers aucune ressource

Initiation XML - Antonin Benoît Diouf36 Les espaces de noms avec URL avec URN Liberté III : Négritude et civilisation de l’universel Senghor Léopold Membre de l’Académie française Liberté III : Négritude et civilisation de l’universel Senghor Léopold Membre de l’Académie française Espaces de noms

Initiation XML - Antonin Benoît Diouf37 La galaxie XML XPath pour accéder à un élément dans un arbre XML XLink pour créer des liens entre fichiers XML XPointer pour créer des liens entre portions de fichiers XML XML Schema pour définir un arbre-type XML XSL-T pour afficher et transformer des éléments XML XSL-FO pour formater l’affichage et/ou l’impression d ’un doc XML XQuery pour interroger sur des données XML XFrames pour afficher plusieurs pages dans un navigateur XForms pour créer des formulaires en ligne

Initiation XML - Antonin Benoît Diouf38 Pour en savoir plus... : Site du consortium du Web (W3C) (en français) Etc. Ce document est publié sous licence creative commons. Voir les conditions d’utilisationconditions d’utilisation