XML

De EduTech Wiki
Aller à la navigation Aller à la recherche
XML
◀▬▬▶
2021/05/23
Autres pages du module
Catégorie: XML

Introduction à XML et DOM

Note: Ce texte a été importé à partir de transparents (PDF). A étoffer un jour - Daniel K. Schneider 8 mai 2009 à 20:17 (CEST).

Objectifs:

  • Une idée de la définition technique de XML: Formalisme XML, la notion de métalangage, la notion du "Domain Object Model" (DOM)
  • Fournir une idée du XML framework du consortium WWW, la place de ce nouveau framework par rapport aux autres outils (HTML, bases de données, etc.)
  • Introduire les noms et fonctions de quelques langages XML, par exemple:
    • les langages les plus importants du W3C
    • XML pour la documentation
    • Le web sémantique
    • Webservices

Prochains pas:

Le paradigme XML

  • Ce chapitre contient quelques définitions,
  • définit le rôle de XML par rapport à l’évolution des TIC,
  • fait quelques réflexions concernant le "rapport" entre XML et HTML

XML sert à fabriquer des langages de balises

XML = eXtended Markup Language

Un markup langage (en français langage de balises) sert à encoder/structurer des données (textes, formats vectoriels, messages entre machines, feuilles de style,...)

XML fournit le formalisme + des mécanismes pour définir ces langages (grammaires, schémas)

L'histoire de XML a commencé en 1986 avec son précurseur, SGML.

SGML (Standard Generalized Markup Language, ISO standard en 1986)
  • métalangage pour définir des langages de balises
  • HTML (1990) est une application SGML ayant assez peu de balises (tags)
XML (1997, - )
  • un métalangage plus léger que SGML, adapté au Web
  • permet la définition de langages adaptés à des besoins très variés
  • XML est un formalisme pour décrire des structures de données
    • sert à organiser l’échange d’informations
    • sert à remplacer HTML pour certaines tâches (mais fonctionne d’une autre façon ! )
    • donc: XML n’existe pas au même sens que HTML, ce n’est qu’un formalisme, qui permet la création de règles et de structures !

Deux façons d’aborder XML

Xml-dom-1.png

Le rapport avec HTML, PDF, etc.

  • On ne peut pas vraiment comparer XML et HTML, on le fait puisque d’autres le font ...
  • On l’aborde sous l’angle "le problème HTML et la solution XML ...."
HTML vs. XML

Xml-dom-2.png

Attention
  • Aborder XML à travers les déficiences de HTML est une chose ...
  • ... faire croire que XML se discute au même niveau est faux !
    • XML est un formalisme pour fabriquer des langages, alors que HTML est un langage
    • La version moderne de HTML (c.a.d. XHTML) est définie avec XML ("est une application XML")
    • HTML ancien est défini avec SGML ("est une application SGML")
    • XML est simplement un sous-ensemble de SGML.

Desiderata du monde Internet

Les besoins en matière des TIC ont beaucoup évolué depuis une décennie. On cherche par exemple à :
  • Mieux structurer de l’information : par exemple pour la retrouver facilement ou bien la traiter électroniquement. Une bonne structure de l'information permet également une meilleure imbrication dans les différentes applications.
  • Faire des systèmes de documentation et d’hypertextes puissants.
  • Afficher et imprimer de façon flexible et jolie: que ce soit pour les écrans, le papier, les portables, etc.
  • Créer un format universel pour toute sorte de données et d’usages: diffuser/échanger/stocker/chercher. En quelques mots, on a la possibilité de réutiliser les mêmes outils informatiques pour certaines tâches.
  • Créer un format lisible pour les humains (=spécialistes) et les machines

Il fallait un métalangage propre qui permette de créer des "langages" variés

Rappel important : XML n’est pas un langage comme HTML, mais un formalisme qui permet de fabriquer des langages !

Formats principaux de données XML sur Internet

Notice: XML est aujourd'hui beaucoup utilisé pour encoder des données hors Internet (par exemple toute la suite office de Microsoft) ou pour transporter des données (formats d'échange)

Éléments du "XML framework" du W3C pour les documents

Xml-dom-3.png

Suite à une "révolte" des grandes entreprises et autres organisations, ce modèle a été abandonné au profit de HTML5

Petite explication de quelques notions et sigles

XML et SGML sont des métalangages:

  • Un métalangage est un langage qui permet de définir d’autres langages (appelés souvent “applications” dans ce contexte)
  • SGML: Standardized Generalized Markup Language (ISO 8879)
  • XML (eXtensible Markup Language): (version simplifiée de SGML)

Les langages SGML (en voie de disparition):

  • Il y en a beaucoup (notamment dans le domaine du "document processing")
  • HTML: jeu de balises pour structurer un texte selon des catégories plutôt "typographiques" (titres, paragraphes, listes, etc.), et qui permet d'inclure un peu de multimédia et un peu d’hypertexte.

Langages de style non XML:

  • CSS (1/2/3): Langage de style pour HTML et XML
  • DSSL: langage de style le plus populaire pour SGML (Scheme like)

Langages de style en format XML:

  • XSL/FO (application XML): langage de style pour XML
  • XSLT (application XML): langage de transformation pour XML

La notion "d'application":

  • Structure: le document XML/SGML est associé à un “modèle d’information” / "grammaire" / "application"
  • Il existe 3 standards populaires pour définir une grammaire: les DTD (Document Type Definitions), XSchema (XS) et Relax-NG (RNG/RNC)
  • Le fait de pouvoir définir une grammaire implique une validation (autrement dit, qu'on peut contraindre les auteurs à obéir à une grammaire)

Applications XML pour définir des "documents"

Quelques applications XML du W3C (consortium WWW)
Autres applications
  • “XML est un formalisme universel, utilisé dans beaucoup de contextes pour encoder un contenu spécifique (formules chimiques, échange de nouvelles, contenus e-learning, etc.):
    • CML (Chemical Markup Language)
    • X3D (VRML-Xmlisé)
    • NML (News Markup Language) et NITF (News Interchange Text Format)
    • IMS Content packaging (structure et emballage de contenus e-learning)
    • vous pouvez créer votre propre langage.....
  • Certains langages XML ajoutent des fonctionnalités à ce type de vocabulaire:
    • feuilles de style
    • hyperliens
    • graphismes et animations: SVG, X3D, Smile
    • catégorisations / métadonnés: RDF/Dublin Core
    • échange de données
    • échange de requêtes entre programmes: XML-RPC, SOAP
    • .... etc.
  • XML permet de définir des langages de programmation:
    • par exemple XSLT, XQuery
  • XML définit des langages de communication entre machines (webservices)
Résumé
  • Il existe déjà des centaines d’applications XML...
  • Il faut distinguer les applications plutôt "text-centric" et "data-centric"
    • "text-centric": contenu destiné à la lecture
    • "data-centric": contenu destiné à un logiciel (qui utilise, traite, met en forme, communique, etc.)

Quelques exemples de langages XML

La syndication des nouvelles et le web social

  • Internet subit depuis plusieurs années une profonde mutation en ce qui concerne l’organisation de ses "espaces d’information"
  • RSS (sous ses formes variées) permet l’échange automatique de "titres" et de "résumés" entre différents portails et weblogs
  • FOAF (et autres formats) permettent de définir des profils de personnes et de leurs relations, qui sont ensuite utilisés pour organiser des réseaux sociaux en ligne

Le Web sémantique

  • Le Web devient plus "smart"
  • Les Topic maps (standard ISO) permettent d’organiser des collections de ressources sous forme de réseau sémantique (donc on ne retrouve pas juste les arbres, mais on a une "carte" de la forêt.)
  • RDF est un langage qui permet de décrire des relations entre objets
    • exemple: standards de "métadonnées" qui décrivent ce qu’il y a dans une ressource
  • OWL, le "Web Ontology Language" (construit avec RDF) est un formalisme qui permet de décrire les relations qui existent entre des choses. Il existe un lien conceptuel avec les "topic maps".

XML et documentation

  • Aujourd’hui, on peut directement présenter des informations codées en XML (n’importe quelle grammaire) dans un navigateur, mais à condition d’utiliser une feuille de style.
Les style-sheets permettent de
  • préparer/arranger un contenu pour une "présentation"
  • définir le "layout" (mise en forme, formatage) d’un "texte" écrit en XML
L’utilité des style-sheets est donc de
  • séparer contenu et présentation
  • rationaliser le travail (un style-sheet pour beaucoup de documents)

XSL: Extensible Stylesheet Language

XSL possède 2 fonctions principales

(1) langage de transformation (XSLT) d’éléments XML

Par exemple: création de tables de matières, traduction de XML vers HTML
http://www.w3.org/TR/xslt

(2) langage de mise en page (formatage) (XSL/FO)

http://www.w3.org/TR/xsl/

tiré de la recommendation XSL-1

Le formatage avec XSL-FO
  • formatage sophistiqué, aussi selon héritage, descendance, position etc.
  • génération de textes et graphiques
  • possibilité de définir des macros
  • tout ce que l’on trouve dans CSS et plus ....

CSS (Cascading Style Sheets)

  • CSS1 (pour HTML seulement, mais prédominant)
  • CSS2 (support pour XML, marche avec IE 6 / Firefox, etc.)
Conclusion
  • Aucun problème pour afficher un document XML de type "texte"

Xlink - Vers un meilleur hypertexte?

  • reste une proposition, pas d’implémentation complète pour le moment.
  • utilisation d’une version "simple" dans SVG, X3D etc.
  • Xlink = comment insérer un lien dans un document XML (le lien exprime une relation entre deux ou plusieurs objets)
  • http://www.w3.org/TR/xlink
Xlink repose sur d’autres standards (partagés avec XSLT par exemple
Caractéristiques principales
  • Liens multidirectionnels, liens à multiple destinations
  • Occlusions, inclusions, remplacements de contenus dans un document,
D’où vient ce standard
  • HTML
    • Ancres: href (attribut de A), src (attribut de IMG et NOTE) ...
    • Targets: name attributs (A), id (attribut dans HTML 4.x)
  • surtout: langages SGML HyTime et TEI Extended Pointers (extension à HyTime)

La notion de "service Web"

  • Un service Web est un ensemble de protocoles et de normes informatiques utilisés pour échanger des données entre les applications
  • Les données échangées sont en format XML
Exemples
  • Le protocole SOAP (Simple Object Access Protocol) définit un langage d’échange.
    Il est composé de deux parties :
    • une enveloppe, informations permettant son acheminement et son traitement
    • un modèle de données pour les informations à transmettre
  • WSDL (Web Services Description Language)
    • décrit une interface publique d’accès à un Service Web
    • indique comment communiquer pour utiliser le service

(il existe toute une panoplie d’instruments)

Sous le capot: Le Document Objet Model (DOM)

Le DOM est la représentation informatique (dans la machine) d’un document XML
L’API (application programming interface) pour documents HTML et XML sert à
  • construire des documents (navigateurs)
  • naviguer dans leur structure avec un programme
  • ajouter, modifier ou détruire des éléments avec un langage de programmation comme PHP (du côté serveur) ou JavaScript (dans votre navigateur)
  • Cela a permis de standardiser ce qu’on appelle "DHTML"
    • Le terme DHTML ne se retrouve dans aucun standard, mais indique qu’on manipule les propriétés CSS et le contenu des éléments avec JavaScript
Définition officielle du terme "DOM"

De l’abstract de la spécification (http://www.w3.org/TR/REC-DOM-Level-1/): a platform- and language-neutral interface that allows programs and scripts to dynamically access and update the content, structure and style of documents. The Document Object Model provides a standard set of objects for representing HTML and XML documents, a standard model of how these objects can be combined, and a standard interface for accessing and manipulating them. Vendors can support the DOM as an interface to their proprietary data structures and APIs, and content authors can write to the standard DOM interfaces rather than product-specific APIs, thus increasing interoperability on the Web.

  • Note: Le DOM est compliqué et c'est pour cela qu'il existe des alternatives plus simples !

Le principe du DOM avec un exemple

Exemple 6-1: Un simple table HTML comme “DOM tree”

  • voir: REC-DOM-Level-1.19981001
Les données XML
 <TABLE>
   <TBODY>
   <TR>
       <TD>Pierre Muller</TD>
       <TD>http://pm.com/</TD>
    </TR>
    <TR>
       <TD>Elisabeth Dupont</TD>
       <TD> .....</TD>
    </TR>
    </TBODY>
 </TABLE>
Affichage typique dans un navigateur

Pierre Muller

http://pm.com/

Elisabeth Dupont

.....

Représentation alternative dans un navigateur ou un applet
Représentation interne très APPROXIMATIVE de l’arbre dans le DO

Xml-dom-5.png

  • Un script peut manipuler cette structure au niveau du contenu, de l’affichage et de l’interface utilisateur
    • Javascript dans les navigateurs Web
    • Java, Flash (et autres) dans des extensions (applets, Flash player).
    • PhP, Java, ASP etc. au niveau du serveur
  • Grâce au DOM: changement de paradigme pour les pages Internet:
    Display quasi-statique => filtrages, multiples feuilles de style, applications, etc. (web 2.0) ==XML dans le monde de l’éducation ?==

XML dans l'éducation

Vocabulaires typiques

Voir en:Educational modeling languages (EdutechWiki anglais). Tous ces formats y sont expliqués...

  • Contenus e-learning, par exemple la norme "simple sequencing" de l’IMS
  • "Quiz Markup"
  • Langages pour structurer des activités d’écriture (faits maison)
  • Informations sur les étudiants
    • format d’échange de données concernant les étudiants
  • Textes structurés dans des bibliothèques en ligne, par ex:
    • The Oxford Text Archive
    • The Humanities Text Initiative (Univ of Michigan)
  • Catalogues:
    • "Learning objects" indexés avec les normes Dublin Core ou IMS/IEEE
    • Catalogues bibliothécaires comme MARC
  • “Content packaging”
    • Emballage de "learning objects"
  • “Instructional design” (comme la norme "learning design" de l’IMS)

Certains standards sont déjà bien déployés (voir les "normes" IMS qui dominent le monde du e-learning).

Organisations

  • Il existe plusieurs organisations qui développent des standards pédagogiques:
    • IMS (Meta-data, persons, some content, student work)
  • http://www.imsproject.org/
    • DoD ADL / SCORM (meta-data, contents)
  • http://www.adlnet.org/
    • IEEE LTSA (LOM meta-data)
  • http://edutool.com/ltsa/
    • Ariadne (meta-data)
  • http://ariadne.unil.ch /
  • se coordonnent quelque peu,
  • se sont concentrés d’abord principalement sur les "meta-data" et le "content packaging" (catégoriser et emballer des ressources),
  • travaillent sur le concept du "reusable learning object" (des éléments que l’on peut réutiliser dans différents contextes et dans différents systèmes).
  • utilisent des designs pédagogiques très simples ("simple-sequencing")
  • une norme plus sophistiquée publiée est "learning design", mais il manque des implémentations

Logiciels de XML

Création de XML

XMLSpy est un éditeur et un environnement de développement XML édité par la société Altova. Il permet d'éditer, transformer, déboguer des technologies liées à XML. Par exemple, il propose l'édition XMl intelligente, l'éditeur DTD, l'éditeur et débogage XSLT. Il offre aussi une intégration complète de base de données, une prise en charge de XSLT, XPath, XQuery, WSDL, SOAP, XBRL, JSON et Office Open XML (OOXML), etc. Grâce à l'interface intuitive, cet éditeur est facile à prendre en main et à utiliser.

Il existe deux versions de cet éditeur Altova® XMLSpy 2016 Professional XML Editor et la version Altova® XMLSpy 2016 Enterprise XML Editor qui sont payantes.

Mais la bonne nouvelle c'est qu'il existe une version d'essai gratuite de 30 jours de Altova® XMLSpy 2016 Enterprise XML Editor qui permet de faire un court exercice (comme STIC, par exemple) en tout confort et d'utiliser toutes les fonctionnalités de cet éditeur très connu.

Ce sont deux plug-ins pour brackets qui permettent l'édition de fichiers XML et DTD en profitant des couleurs. Ils ne permettent cependant pas de vérifier la validité des fichiers.

Base de données de XML

Validation

Validation offline

  • La plupart des éditeurs XML décents proposent la fonctionnalité de validation. Toutefois, certains éditeurs libres XML ne font pas la même chose. Certains (comme Xemacs) ne proposent pas plus qu’une vérification limitée.
  • xmllint, un outil de ligne de commande qui est distribué dans le cadre de l'analyseur libxml2 C développé pour le projet Gnome. Cela signifie qu'il est livré avec la plupart des installations Linux, mais il ya aussi des distributions de Windows et autres systèmes d'exploitation.
  • XML Nanny. XML Nanny est un outil de développement libre de Mac OS X qui fournit une interface Aqua pour la vérification des documents XHTML et XML pour le bien-forme et de validité, soit localement soit à travers le réseau. (Tiger OS X 10.4) [sept 2005]

Validation online
Note: Vous devez peut-être à changer DTD ou schéma identifiant le système local. Ces programmes doivent être capables de faire le DTD. On vous suggère plutôt d’installer un programme local à votre ordinateur. (comme xmllint ou xmlTester).

Validation on-line pour les applications spécifiques de XML

  • W3C HTML Validation Service. Ce validateur ne fonctionne pas avec votre propre DTD. Sa fonction principale est de valider les vocabulaires du W3C (HTML, XHTML, SVG, MathML, ...)
  • FEED Validator. Valide divers formats RSS, plus PIE

Les Outils Online

Certains sites web proposent des fonctionnalités pour effectuer de simples tâches comme le formatage xml, la transformation, la validation, l'interrogation XML.

Website Features
https://shancarter.github.io/mr-data-converter/ Conversion d'Excel et de csv à XML
https://xslttest.appspot.com/ Transformation (XSLT)
http://www.shell-tools.net/index.php?op=xml_format Format et validation (dtd et xsd)
http://tools.decisionsoft.com/xmldiff.html Diff (comparaison des fichiers XML)
http://tools.decisionsoft.com/schemaValidate/ Validation (XSD)
http://chris.photobooks.com/xml/ Format, transformation (XSLT) et interrogation (Xpath)
https://www.online-toolz.com/tools/xslt-transformation.php Format, transformation (XSLT) et Validation (XSD)
https://www.w3schools.com/xml/xsl_transformation.asp Transformation (XSLT)

Liens

Présentations

Tutoriaux

(Les informations qui se trouvent dans cette section sont-elles suffisantes ?)

Nouvelles

Liste des applications de XML (schémas)

Mise en page interne au document XML

Dans cette partie vous allez retrouver ce qui ne fonctionne pas sur XML pour la mise en page. C'est à dire quand on se retrouve avec un grand document et que l'on désir se souvenir de ce que cela est. Par exemple sur une page java script on peut écrire du texte qui n'est pas pris en compte par l'application "//Identifier les elements interactif".    

Sur XML cette formulation du double slash "//" avec le texte à la suite ne fonctionne pas. Une autre formulation ne fonctionne pas "", elle va créer une page blanche quand elle est chargée, via le serveur Tecfa.    

La seule méthode qui fonctionne pour l'instant c'est la création d'espace entre les paragraphes et entre les exercices. Par exemple, on peut mettre 10 retours à la ligne entre le cours Stic I et le cours Stic II, puis mettre 3 retours à la ligne entre le premier exercice et le deuxième exercice de Stic I.