Transcript Diapositive 1 - Polytech Nice

Lexique Sommaire
.
Langages & Documents
Réfs
Techs
.
Chap III XML Présentation ("Basic")
.
.
Chap VIII XML Processeurs "Advanced"
.
.
http://www.polytech.unice.fr/~pfz/LANGDOC/COURS
10 chapitres en 2 versions .ppt et .pdf
accès distant mais sans les exemples
ou
après téléchargement du répertoire COURS
accès local avec les exemples
Paul Franchi
SI 5
2014-15
Lexique Sommaire
Sommaire du Cours
Réfs
.
.
.
.
.

Chap I - Documents: Historique, Modèles, Standards et Références

Chap II - HTML: voir le cours CIP1-CMD & HTML5

Chap III - XML: "eXtensible Markup Language", les Bases

Chap IV - DTD: "Document Type Definition"

Chap V - CSS: Feuilles de Styles en Cascades& CSS3

Chap VI - DOM, DHTML: "Domain Object Model "& Programmation
Dynamique en HTML & SPRY & JQuery

Chap VII - XSD: Schémas XML

Chap VIII - XML "Advanced" Processeurs et Dialectes: XPath, Xlink

Chap IX - XSLT: Transformations XML

Chap X - RDF: "Resource Description Framework"

Chap IX - AJAX: "Asynchronous JavaScript And XML"

Savoir-Faire: Basic

Etat de l'Art: HTML5
Advanced
CSS3
MathML RDF AJAX
Techs
State of the Art
SPRY JQuery SVG
.
15/07/2015
Transparent 2
Lexique Sommaire
Some References

Web
 EPU courses (in French)
 Création & Manipulltion de Document
http://www.polytech.unice.fr/~pfz/cmd.html
 Introduction to Internet http://rainbow.i3s.unice.fr/iai/
 Langages & Documents
http:www.polytech.unice;fr/~pfz/document.html
Réfs
Techs
 W3C tutorial : http://www.w3schools.com/
 Mozilla Development Center
http://developer.mozilla.org/en/docs/Main_Page
 W3C, http://www.w3.org/
 Web Developer's Bookmarks http://antriksh.com/resources/
 XML Wiki Book http://en.wikibooks.org/wiki/XML__Managing_Data_Exchange
Browser
compatibility

Biblio:
 many issues at EPU's lib
15/07/2015
Transparent 3
Lexique Sommaire
Documentation et Manuels
Réfs
Techs

Documents du web
 liste de balises HTML
 code des couleurs RVB
 code HTML des caractères ISO
 liste des extensions de fichiers (formats)
 Expressions Rationnelles
Browser
compatibility

Manuels.
 Expressions régulières sous Emacs
 Recherche et remplacement sous Emacs
 compléments Emacs
 grep sous Unix
15/07/2015
Transparent 4
Lexique Sommaire
Web Reference Browser
Réfs
Techs
Browser
compatibility
metadata .xml
de XML vers HTML5+CSS3
15/07/2015
Transparent 5
Lexique Sommaire
Doc Example Browser
Réfs
Techs
Browser
compatibility
metadata .xml
de XML vers HTML5+CSS3+JS
15/07/2015
Transparent 6
Lexique Sommaire
.
.
.
.
.
.








































API – Application Programming Interface
ANSI – American National Standards Institute
ASCII – American Standard Code for Information Interchange (128 car.)
AJAX – Asynchronous JavaScript & XML
CSS – Cascading Style Sheets
DHTML – Dynamic HTML
DOM – Document Object Model
DTD – Document Type Definition
HTML – HyperText Markup Language
HTTP – HyperText Transfer Protocol
ISO - International Standards Organization
Mozilla - Fondation (global community for free and open Internet software))
MVC - Model View Controler
RDF - Resource Description Framework
REST - Representational State Transfer
RIA - Rich Internet Application
RSS - Really Simple Syndication
SGML - Standard Generalized Markup Language
SOAP - Simple Access Object Protocol
SPRY - Extensions JS pour HTML - Adobe Lab.
SVG - Scalable Vector Graphics
UNICODE – World wide Code (16 bits)
UTF-8 – Unicode version 8 bits
URL / URI – Uniform Resource Locator / Identifier
XML – eXtensible Markup Language
XBL – XML Binding Language (Mozilla)
XForms – XML Forms
XHTML – HTML 4 en XML
XLink – XML Linking Language
XPath – XML Path Language
XPointer – XML Pointer Language
XSL - eXtensible Stylesheet Language
XSLT – XSL Transformations
XSL-FO – XSL Formatting Objects
XSD – XML Schémas Définition Language
XUL – XML User Language (Mozilla)
W3C – World Wide Web Consortium
Web2.0 – Web dit "sémantique"
WHATWG - Web Hypertext Application Technology Working Group
WSDL - Web Service Description Language
15/07/2015
Réfs
Lexique
Techs
Transparent 7
Lexique Sommaire
.
Langages & Documents
Réfs
Techs
.
Chap III XML Présentation ("Basic")
.
.
.
.
Génèse de XML
MetaLangage
Norme Lexicale
Norme Syntaxique
Espaces de noms - Namespaces
Dialectes :
XHTML,
MathML, SVG, etc
Techniques XML
Paul Franchi
SI 5
2014-15
Lexique Sommaire
XML - La Génèse et les Recommandations (W3C)
Réfs
Exemples du W3C
Norme Lexicale
Norme Syntaxique
 XHTML
 Validation
l'Univers XML
In 1996 a team under the guidance of Jos Bosak
attending the W3C-consortium was established
to make SGML web-suitable. The result was a
30-page specification, which received in
February 1998 the status of a "W3Crecommendation" and was named "Extensible
Markup Language (XML)".
 Namespaces
 SVG

MathML

XPath

XPointer

XLink
XQueryXForms

XML Techno

XML MetaData

Techs
XML
Information content
Extensible set of tags
Data exchange language
Greater hypertext linking
XML should be compatible with SGML
XML should be easy to use in the Internet
The number of optional characteristics should
be minimized
XML-documents should be easy to generate
and human-readable
XML should be supported by a variety of
HTML
application
Information presentation
It should be easy to write programs for XML Fixed set of tags
XML should be put into practice on time
Data presentation language
Limited hypertext linking
XML Know Hows"
XML "State of the Art"
15/07/2015
Transparent 9
XML - Applications
Lexique Sommaire
Réfs
Exemples du W3C 
Norme Lexicale
Norme Syntaxique
 XHTML
 Validation
l'Univers XML
Publication: Database content can be converted into
XML and afterwards into HTML by using an XSLT
stylesheet. Making use of this technique, complex
websites as well as print media like PDF files can be
generated. Information no longer has to be stored in
different formats (i.e. RTF, DOC, PDF, HTML). Content
can be stored in the neutral XML format and then, using
appropriate layout style sheets and transformations,
brochures, websites, or datalists can be generated (see
more in Chapter 17.)
 Namespaces
 SVG

Interaction: XML can be used for accessing and changing
data interactively. This man<->machine communication
usually happens via a web browser (see Chapter 12) .

Integration: Using XML, homogenous and heterogenous
applications can be integrated. In this case, XML is used
to describe data, interfaces, and protocols. This machinemachine communication helps integrate relational
databases (i.e. by importing and exporting different
formats).
MathML
XPath
XPointer
XLink
XQueryXForms
XML Techno

XML MetaData
Techs
http://www.emimusic.de:
This website contains
approximately 20,000
pages with profiles of
the artists, their
products and the
titles of the songs.
These pages are
generated using a
XSLT script. ( catalog
in PDF format.)
Transaction: XML helps to process transactions in
applications like online marketplaces, supply chain
management, and e-procurement systems.
XML Know Hows"
XML "State of the Art"
15/07/2015
Transparent 10
Lexique Sommaire
10 reasons to use XML
Réfs
Exemples du W3C
Techs
Norme Lexicale

XML is a widely accepted open standard.
 XHTML

XML allows to clearly separate content from form (appearance).
 Validation

XML is text-oriented.

XML is extensible.

XML is self-describing.

XML is universal; meaning internationalization is no problem.

XML is independent from platforms and programming
languages.

XML provides a robust and durable format for information
storage.

XML is easily transformable.

XML is a future-oriented technology.
Norme Syntaxique
l'Univers XML
 Namespaces
 SVG
MathML
XPath
XPointer
XLink
XQueryXForms
XML Techno
XML MetaData
XML Know Hows"
XML "State of the Art"
15/07/2015
Transparent 11
Lexique Sommaire
XML - eXtensible Marked up Langage
Réfs
Exemples du W3C
Techs
Norme Lexicale

Norme Syntaxique
 XHTML
 Validation


l'Univers XML
 Namespaces
 SVG

XML est une recommandation W3C (1998) pour le transport et le
stockage de données
XML est un métalangage (ou méta-modèle)
 les balises ne sont pas limitées (user-defined)
le balisage est associé à une structure logique Arborescente (enracinée
dessinée)
 API DOM, SAX
le principe de formatage est celui des boites rectangulaires bien emboîtées
(parenthèsées)
 XML bien formé
MathML
XPath

une DTD ou un Schéma XSD (non obligatoire) définit une structure
logique générique (modèle SGML)
 XML valide

le Style est toujours séparé

XML supporte:
XPointer
XLink
 CSS, XSL, XSL-FO
XQueryXForms
XML Techno
XML MetaData
XML Know Hows"
 des processeurs dédiés:
 la définition de dialectes:
 des transformations & échanges
 XPath, XLink, XQuery, XForms
 SVG, MathML, RDF, SMIL, RSS…
 XSLT
XML "State of the Art"
15/07/2015
Transparent 12
Lexique Sommaire
Les exemples du W3C
Réfs
Exemples du W3C
Techs
Norme Lexicale
Norme Syntaxique
 XHTML
 Validation
l'Univers XML
 Namespaces
 SVG
MathML
XPath
XPointer
XLink
<?xml version="1.0" encoding="ISO-8859-1" ?>
<!– ou "UTF-8" -->
<note date='09/2011' auteur='PFZ'>
<to>SI4</to>
<from>Le Prof</from>
<sujet cours='LANGDOC' >Reminder</sujet>
<message>Don't forget your TP!</message>
</note>
XQueryXForms
XML Techno
Une note (message)
XML MetaData
XML Know Hows"
XML "State of the Art"
15/07/2015
Transparent 13
Lexique Sommaire
Les exemples du W3C
Réfs
Exemples du W3C
Norme Lexicale
<?xml version="1.0" encoding="ISO-8859-1" ?>
Techs
<breakfast_menu>
<food>
<price>$5.95</price>
 XHTML
<name>Belgian Waffles</name>
<description>two of our famous Belgian Waffles with plenty of real maple syrup</description>
 Validation
<calories>650</calories>
l'Univers XML
</food><food><price>$7.95</price>
 Namespaces
<name>Strawberry Belgian Waffles</name>
<description>light Belgian waffles covered with strawberries and whipped cream</description>
 SVG
<calories>900</calories>
MathML
</food><food><price>$8.95</price>
XPath
<name>Berry-Berry Belgian Waffles</name>
<description>light Belgian waffles covered with an assortment of … and whipped cream</description>
XPointer
<calories>900</calories>
XLink
</food><food><price>$4.50</price>
XQueryXForms
<name>French Toast</name>
<description>thick slices made from our homemade sourdough bread</description>
XML Techno
<calories>600</calories>
XML MetaData</food>
XML Know Hows" </breakfast_menu>
Norme Syntaxique
XML "State of the Art"
Une carte de Menu
15/07/2015
Transparent 14
Lexique Sommaire
XML - Objectifs
Réfs
Exemples du W3C
Techs
Norme Lexicale
Norme Syntaxique

XML propose un "modèle syntaxique" (de type Entité-Relation)
pour le transport et l'échange des Données
 Data Storage
 Data Sharing
 Data Exchange
 Platform Change

XML permet la création de nouveaux Langages pour le Web
 XHTML
 WSDL for available web services
 WAP and WML for handheld devices
 RSS for news feeds
 RDF and OWL for resources and ontology
 SMIL for multimedia for the web

XML (contrairement à HTML) ne fait rien par lui-même

XML ne traite pas le "layout" (style) du format des données
 XHTML
 Validation
l'Univers XML
 Namespaces
 SVG
MathML
XPath
XPointer
XLink
XQueryXForms
XML Techno
XML MetaData
XML Know Hows"
XML "State of the Art"
15/07/2015
Transparent 15
Lexique Sommaire
l'Univers XML …
Réfs
Exemples du W3C
Techs
Norme Lexicale
CSS
CSS
CSS
Norme Syntaxique
 XHTML
XHTML
SVG
 Validation
DOM
l'Univers XML
<?xml
?>
MATHML
 Namespaces
… un metamodèle
"pivot" universel
 SVG
MathML
XPath
XPointer
SMIL
WSDL
SOAP
… des processeurs
compatibles
XSD
XLink
XPath
XQueryXForms
XML Techno
XML MetaData
XML Know Hows"
XML "State of the Art"
RSS
RDF
XLink
XSL
XUL
XSL-FO
XQuery
… en pleine expansion
XForms
15/07/2015
Transparent 17
Lexique Sommaire
XML - Le rôle des balises
Réfs
Exemples du W3C

Délimiter le texte (ou éléments)
Techs
Norme Lexicale
<sujet> Rappel </sujet>
Norme Syntaxique
 XHTML
 Validation

l'Univers XML

Ordonner les éléments entre eux
Hiérarchiser par imbrication
 Namespaces
<note>
 SVG
MathML
XPath
<from >
</from>
<to>
</to>
</note>
XPointer
XLink
XQueryXForms

XML Techno
XML MetaData

Créer des liens et autre relations
entre données
Associer une fonction logique
<version auteur='PFZ' date=' 2011'
/>
XML Know Hows"
XML "State of the Art"
15/07/2015
Transparent 18
Lexique Sommaire
Les exemples du W3C
Réfs
Exemples du W3C
Un catalogue de CD
Norme Lexicale
Techs
Norme Syntaxique
 XHTML
<?xml version="1.0" encoding="ISO-8859-1" ?> <!– pour les accents -->
•xml
 Validation
<CATALOG>
<CD>
l'Univers XML
<TITLE>Empire Burlesque</TITLE>
 Namespaces
<COUNTRY>USA</COUNTRY>
 SVG
<PRICE>10.90</PRICE>
</CD>
MathML
<CD>
XPath
<TITLE>Hide your heart</TITLE>
XPointer
<COUNTRY>UK</COUNTRY>
<PRICE>9.90</PRICE>
XLink
</CD>
XQueryXForms
</CATALOG>
XML Techno
XML MetaData
XML Know Hows"
XML "State of the Art"
<ARTIST>Bob Dylan</ARTIST>
<COMPANY>Columbia</COMPANY>
<YEAR>1985</YEAR>
<ARTIST>Bonnie Tyler</ARTIST>
<COMPANY>CBS Records</COMPANY>
<YEAR>1988</YEAR>
XML - Norme Lexicale
Lexique Sommaire
Réfs

les commentaires sont de la forme <!- - tout_sauf - -
-->

les balises "xml" (Prologue) sont de la forme <?xml tout_sauf < > & ?>

les DTD internes sont de la forme <?DOCTYPE tout_sauf > >

les autres balises (Eléments) sont de 3 formes:
Exemples du W3C
Norme Lexicale
Norme Syntaxique
Techs
 XHTML
 Validation
<NOM attribs >
l'Univers XML
 Namespaces
<NOM attribs />
</NOM >

les CHAINES sont de la forme " tout_sauf " < > & " ou ' tout_sauf ' < > & '

les NOMs sont de la forme [a-zA-Z_-][a-zA-Z0-9_-]* éventuellement précédé
d'un préfixe (qualification de "Namespace") de la même forme séparé par :

les NOMs sont sensibles à la casse

les Attributs sont de la forme NOM = chaines
 SVG
MathML
XPath
XPointer
XLink
XQueryXForms

les sections <![CDATA[ ... ]]> pour du texte non analysé (sauf ]] )
XML Techno
XML MetaData
le format est "libre" : les " " \t \r \n sont permis partout sauf dans les balises
entre < ou </ et NOM
XML Know Hows"

XML "State of the Art"
le reste (le texte pur) ne comprend pas < > & codés par &lt; &gt; &amp;
15/07/2015
Transparent 20
Lexique Sommaire
XML - Norme Syntaxique
Réfs
Exemples du W3C
Norme Lexicale
Un source XML est dit "Bien Formé" (syntaxe) ssi
Techs
Norme Syntaxique
 XHTML

il est structuré suivant le schéma:
 un Prologue
 une Arborescence d'Eléments
 des Commentaires et Instructions de Traitement (facultatifs) dans
le prologue ou l'Arborescence ( <!|CDATA[ ... ]]> )
 Validation
l'Univers XML
 Namespaces
 SVG
MathML

le Prologue se compose:
 d'une balise de déclaration <? xml
 puis en option :
XPath
?>
 d'Instructions de Traitement (stylesheet, par ex)
 d'une déclaration de Type de Document (DTD)
 de commentaires <!--->
XPointer
XLink
XQueryXForms
XML Techno

XML MetaData
le source forme un système de textes, de balises, de
commentaires et d'instructions de traitement bien
parenthèsé et enraciné
XML Know Hows"
XML "State of the Art"
15/07/2015
Transparent 21
Lexique Sommaire
XML - Validation
Exemples du W3C
Norme Lexicale
Norme Syntaxique
 XHTML
 Validation
l'Univers XML
 Namespaces
 SVG
MathML
XPath
XPointer
Un source XML est dit "Valide" ssi
 il est "Bien Formé"
 il est conforme aux règles définies par:
 une DTD
 ou un schéma XSD
 ou grammaires NG Relax
Des erreurs dans la syntaxe XML stoppent le processus
d'exécution de l'application associée au source XML
(affichage, transformations, etc.)
(contrairement à HTML)
Réfs
Techs
XLink
XQueryXForms
XML Techno
XML MetaData
XML Know Hows"

Outils de validation:
 IE, FF, DW, Editix
 Via loadXML()(script) et le DOM
 xmllint/libxml
XML "State of the Art"
15/07/2015
Transparent 22
Lexique Sommaire
Navigateurs ("Web Browsers")
Réfs
Exemples du W3C

Norme Lexicale
Norme Syntaxique
 XHTML

 Validation
Historiques:
 Mosaîc, I.E. Netscape
 liste de navigateurs sur Wikipédia
Internet Explorer 6 => 9 ss Win, Linux
 HTML 4.01, XHTML 1.0, XML, CSS2, DOM
l'Univers XML
 Namespaces

Safari 3 => 5 ss Mac OS, Win
 HTML 4.01, XHTML 1.0, XML, CSS2, DOM
 SVG
Techs
Un navigateur supporte
la consultation du
Web (affichage des
ressources).
Il comporte:
une couche réseau avec
des protocoles: http:
https: ftp:d'accès à
des adresses URL.
MathML
XPath


XPointer
Mozilla ss Win, Mac OS, Linux
Firefox => 3.6.22 => 4.0 => ?.0
 HTML 4.01, XHTML 1.0, XML, CSS2+, DOM
un moteur de rendu:
interpréteur html, css,
xml, xsl, script, java,
etc.
XLink

XQueryXForms
XML Techno

XML MetaData
XML Know Hows"

Opera 11 ss Win, Mac OS, Linux
Konqueror ss KDE
une interface
utilisateur: menus,
"widgets", historique,
signets
un gestionnaire de
"plugins" pour divers
formats
Google Chrome 13
XML "State of the Art"
15/07/2015
Transparent 23
Lexique Sommaire
Espaces de Noms "Namespaces"
Réfs
Exemples du W3C
Un mécanisme qui répond à 2 objectifs
1.
résoudre les conflits potentiels issus de sources multiples
Norme Syntaxique
(documents XML et HTML):
Techs
Norme Lexicale
 Noms surchargés (cf Compilation: Visibilité & Portée)
 XHTML
 Validation
2.
l'Univers XML
 Namespaces
 SVG
MathML
XPath
regrouper (logiquement) des définitions à réutiliser
 Modules ou Classes
 Importation: Masquage & Héritage
<?xml version="1.0" ?>
<!-- Doc 1 -->
<table>
XPointer
XLink
</table>
XQueryXForms
XML Techno
XML MetaData
<?xml version="1.0" ?>
<!-- fusion de Doc 1 & 2 -->
<table>
<!-- ?? -->
</table>
XML Know Hows"
<?xml version="1.0" ?>
<!-- Doc 2 -->
<table>
</table>
<table>
<table>
</table>
</table>
XML "State of the Art"
15/07/2015
Transparent 24
Lexique Sommaire
Conflits de Noms
Réfs
Exemples du W3C
Norme Lexicale

Techs
Par Importations Multiples
Norme Syntaxique
<?xml version="1.0" ?>
<!-- style HTML -->
 Validation
<table>
l'Univers XML
<tr>
 Namespaces
<td> ROUGE </td>
 SVG
<td> VERT </td>
MathML
<td> BLEU</td>
XPath
</tr>
XPointer
<?xml version="1.0" ?>
</table>
XLink
<!-- fusion de documents -->
XQueryXForms
<table>
XML Techno
<!-- ?? -->
XML MetaData
</table>
 XHTML
<?xml version="1.0" ?>
<!-- pour un EDT -->
<table>
<cours>
<jour> Lundi </jour>
<cren> 8h30-9h30</cren>
</cours>
</table>
XML Know Hows"
XML "State of the Art"
15/07/2015
Transparent 25
Lexique Sommaire
Nom Préfixé ou Qualifié ("QName")
Exemples du W3C
Norme Lexicale
Résolution des Conflits par des Préfixes

Norme Syntaxique
 XHTML
 Validation
l'Univers XML
 Namespaces
 SVG
MathML
XPath
XPointer
Réfs
<?xml version="1.0" ?>
<!-- style HTML: préfixe h -->
<h:table>
<h:tr>
<h:td> ROUGE </h:td>
<h:td> VERT </h:td>
<h:td> BLEU</h:td>
</h:tr>
</h:table>
XLink
XQueryXForms
XML Techno
XML MetaData
Techs
<?xml version="1.0" ?>
<!-- pour EDT: préfixe e -->
<e:table>
<e:cours>
<e:jour> Lundi </e:jour>
<e:cren> 8h30-9h30</e:cren>
</e:cours>
</e:table>
<?xml version="1.0" ?>
<!-- fusion de documents -->
<h:table> … </h:table
<e:table> … </e:table>
XML Know Hows"
XML "State of the Art"
15/07/2015
Transparent 26
Espaces de Noms & URI
Lexique Sommaire
Réfs
Exemples du W3C 
Norme Lexicale
Norme Syntaxique
 XHTML

 Validation
l'Univers XML
 Namespaces
 SVG
MathML
XPath
XPointer
"Uniform Resource Identifier" (Clé universelle)
 "lexical" de type URL pour nommer un Espace de Noms
 chaque préfixe de nom qualifié est associé à un URI unique
Techs
Espaces de Noms des dialectes XML
 <!-- pour XHTML & MathML
http://www.w3.org/1999/xhtml
http://www.w3.org/1998/Math/MathML -->
 xs: <!-- préfixe des schémas XSD
http://www.w3.org/2001/XMLSchema -->
 xsl: <!-- préfixe des transformations XSL
http://www.w3.org/1999/XSL/Transform/ -->
 xlink: <!-- préfixe de XLink
http://www.w3.org/1999/xlink/ -->
XLink

XQueryXForms
XML Techno
Portée
<?xml version="1.0" ?>
<h:table xmlns:h= "http://www.w3.org/TR/html4/" >
XML MetaData
XML Know Hows"
</h:table>
XML "State of the Art"
15/07/2015
Transparent 27
Lexique Sommaire
Espaces de Noms "Namespace"
Exemples du W3C
Norme Lexicale

Norme Syntaxique
Attribut xmlns avec prefix
Réfs
Techs
 xmlns:namespace-prefix="namespaceURI"
 XHTML
<?xml version="1.0" ?>
l'Univers XML
<!-- en XHTML: préfixe xh -->
 Namespaces
<xh:table
 SVG
xmlns:xh= "http://www.w3.org/1999/xhtml">
MathML
<xh:tr>
<?xml version="1.0" ?>
<xh:td> ROUGE </xh:td>
XPath
<!-- pour EDT: préfixe e -->
<xh:td> VERT </xh:td>
XPointer
<e:table
<xh:td> BLEU</xh:td>
XLink
xmlns:e= "http://www.essi.fr/edt" >
</xh:tr>
XQueryXForms
<e:cours>
</xh:table>
XML Techno
<e:jour> Lundi </e:jour>
XML MetaData
<e:cren> 8h30-9h30</e:cren>
XML Know Hows"
</e:cours>
XML "State of the Art"
</e:table>
 Validation
15/07/2015
Transparent 28
Lexique Sommaire
Espaces de Noms "Namespace"
Réfs
Exemples du W3C
Norme Lexicale
 Attribut
xmlns par défaut
 Attribut xmlns par défaut
Techs

xmlns
= ="namespaceURI"
xmlns
"namespaceURI"
Norme Syntaxique
 XHTML
<?xml version="1.0" ?>
<!-- en XHTML -->
l'Univers XML
<table
 Namespaces
xmlns= "http://www.w3.org/1999/xhtml">
 SVG
<tr>
MathML
<td> ROUGE </td>
XPath
<td> VERT </td>
XPointer
<td> BLEU</td>
XLink
</tr>
XQueryXForms
</table>
 Validation
<?xml version="1.0" ?>
<!-- pour EDT -->
<table
xmlns= "http://www.essi.fr/edt">
<cours>
<jour> Lundi </jour>
<cren> 8h30-9h30</cren>
</cours>
</table>
XML Techno
XML MetaData
XML Know Hows"

XML "State of the Art"

Utilisations: XHTML, XLINK, XSD, XSL et dialectes
Utilisations: XHTML, XLINK, XSD, XSL et dialectes
15/07/2015
Transparent 29
Lexique Sommaire
Uniform Resource Identifier (URI)
Réfs
Exemples du W3C

Norme Lexicale
Norme Syntaxique
 XHTML
a URI is a string of characters which identifies an Internet Resource. The most common
Techs
URI is the Uniform Resource Locator (URL) which identifies an Internet domain address.
les URI sont des clés "syntaxiques" (les URL permettent de définir une clé universelle).

les URI peuvent avoir un sens pour une application (interprétation à l'exécution pour un
Navigateur, par ex.)

les préfixes sont purement "lexicaux" (libres et sans signification)

XSD – <xs:schema xmlns:xs="http://www.w3.org/2001/XMLSchema">

XSLT – <xsl:stylesheet xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
XPath

XHTML – <html xmlns:"http://www.w3.org/1999/xhtml">
XPointer

SVG – <svg xmlns:"http://www.w3.org/2000/svg">

XLINK – <liens xmlns:xlink="http://www.w3.org/1999/xlink">
 Validation
l'Univers XML
 Namespaces
 SVG
MathML
XLink
XQueryXForms
XML Techno

SOAP – <soap xmlns:soap="http://schemas.xmlsoap.org/soap/envelope">

XLINK – <liens xmlns:xlink="http://www.w3.org/1999/xlink">
XML MetaData
XML Know Hows"
Dublin-Core – <dc:title xmlns:dc="http://purl.org/dc">
XML "State of the Art"
15/07/2015
Transparent 30
Lexique Sommaire
Espaces de Noms par Défaut
Réfs
Exemples du W3C
Norme Lexicale

Scalable Vector Graphics
Techs
Norme Syntaxique
 XHTML
 Validation
l'Univers XML
 Namespaces
 SVG
<?xml version="1.0" ?>
<!-- Scalable Vector Graphics -->
<svg xmlns= "http://www.w3.org/2000/svg/"
width="10cm" height="8cm" >
MathML
XPath
XPointer
<rect x="100" y="100"
width="50" height="70" />
XLink
XQueryXForms
<ellipse rx="100" ry="200" />
XML Techno
XML MetaData
</svg>
XML Know Hows"
XML "State of the Art"
15/07/2015
Transparent 31
Lexique Sommaire
Portée des Espaces de Noms Multiples
Réfs
Exemples du W3C
Norme Lexicale
Norme Syntaxique
 XHTML
 Validation
l'Univers XML
 Namespaces
 SVG
MathML
XPath
XPointer
XLink
XQueryXForms
XML Techno
XML MetaData
XML Know Hows"
<?xml version="1.0" ?>
<!-- SVG + XHTML + XLink -->
<html xmlns= "http://www.w3.org/1999/xhtml"
xmlns:xlink= "http://www.w3.org/1999/xlink" >
<body>
<h1> Rectangle et Ellipse </h1>
<svg xmlns= "http://www.w3.org/2000/svg"
width="21cm" height="29cm">
<rect x="10" y="10"
width="50" height="70" />
<ellipse rx="100" ry="200" />
</svg>
<p
xlink:type="simple"
xlink:href="svgDoc.html" >
Pour en savoir plus sur SVG
</p>
</body>
</html>
Techs
XML "State of the Art"
15/07/2015
Transparent 32
Lexique Sommaire
Quelques Dialectes, parmi des centaines
Réfs
Exemples du W3C
Norme Lexicale
Norme Syntaxique
Techs

SMIL – pour le Multimédia

CML – pour les formules chimiques

ATOM, RSS – pour les flux (syndication)
 XHTML
 Validation
l'Univers XML

RDF – pour les ressources
Un dialecte XML définit un
ensemble (Langage) de
documents XML valides

WML – pour les mobiles (Wap)
par rapport à

MusicML – pour la musique
une DTD

SVG – pour les graphiques vectoriels
ou un schéma XSD


MathML – pour les formules mathématiques (les documents sont donc
bien formés)
XUL – pour les Interfaces Mozilla

WordML – pour Office

KML – Google Earth & Maps
http://code.google.com/apis/earth/kml-samples.googlecode.com
 Namespaces
 SVG
MathML
XPath
XPointer
XLink
XQueryXForms
XML Techno
XML MetaData
XML Know Hows"
XML "State of the Art"
15/07/2015
Transparent 33
Lexique Sommaire
SVG - Scalable Vector Graphics
Réfs
Exemples du W3C
Techs
Norme Lexicale
Norme Syntaxique
 XHTML
<?xml version="1.0" ?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
 Validation
l'Univers XML
 Namespaces
<svg width="100%" height="100%" version="1.1"
xmlns="http://www.w3.org/2000/svg">
 SVG
MathML
XPath
XPointer
XLink
<ellipse cx="240" cy="100" rx="220" ry="30"
style="fill:purple"/>
<ellipse cx="220" cy="70" rx="190" ry="20"
style="fill:lime"/>
XQueryXForms
XML Techno
XML MetaData
XML Know Hows"
<ellipse cx="210" cy="45" rx="170" ry="15"
style="fill:yellow"/>
</svg>
XML "State of the Art"
15/07/2015
Transparent 34
Lexique Sommaire
MathML: insertion dans XML
Réfs
Exemples du W3C
Techs
Norme Lexicale
Norme Syntaxique
 XHTML
 Validation
l'Univers XML
<?xml version="1.0" encoding="iso-8859-1"?>
<?xml-stylesheet type="text/css" href="monMathML.css"?>
<Racine>
<Titre> Formule sous MathML </Titre>
 Namespaces
 SVG
MathML
XPath
XPointer
XLink
XQueryXForms
XML Techno
XML MetaData
<Math xmlns = " http://www.w3.org/1998/Math/MathML ">
<mroot> <msup>
<mfrac> <mi>A*B</mi> <mi>b</mi></mfrac>
<mn> 10 </mn>
</msup>
<mi>x</mi>
</mroot>
</Math>
</Racine>
XML Know Hows"
XML "State of the Art"
15/07/2015
Transparent 35
Lexique Sommaire
XHTML - Introduction
Réfs
Exemples du W3C

Une version « Xmlisée » de HTML 4.0

Recommandation W3C (Janvier 2000) au remplacement
de HTML <html xmlns=‘‘http://www.w3.org/1999/xhtml’’>

XHTML 1.0: Compatibilité (presque) totale avec HTML 4.0

les documents doivent être « bien formés » au sens XML
Techs
Norme Lexicale
Norme Syntaxique
 XHTML
 Validation
l'Univers XML
 Namespaces
 SVG
 racine <html> </html> unique
 marqueurs de fermeture obligatoires: </p> </li> </td>
ou <b /> et <img ….. />, avec un espace devant /
 balises bien emboîtées (parenthèsées)
 nom et attribut de balise en minuscule (sensibilité à la casse)
 valeurs d’attributs entre ‘‘ ’’ et valeurs explicites
 l’attribut id remplace name
MathML
XPath
XPointer
XLink
XQueryXForms
XML Techno
XML MetaData

XML Know Hows"
XML "State of the Art"
XHTML 1.0: Trois DTDs de validation
 strict
 transitional
 framseset
15/07/2015
Transparent 36
Lexique Sommaire
XHTML- format
Réfs
Exemples du W3C

Norme Lexicale
Source requis en XHTML1.0
Techs
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title> le Titre du Document </title>
<!-- les styles et les scripts (externalisés, c'est mieux) -->
</head>
Norme Syntaxique
 XHTML
 Validation
l'Univers XML
 Namespaces
 SVG
MathML
<body>
le Corps du Document
</body>
</html>
XPath
XPointer
XLink
XQueryXForms
XML Techno
XML MetaData

XML Know Hows"
XML "State of the Art"
Conseils d’utilisation
 protéger tous les caractères spéciaux: &amp &lt &gt
 séparer les scripts et les styles
15/07/2015
Transparent 37
Lexique Sommaire
XHML: insertion dans XML
Réfs
Exemples du W3C
Techs
Norme Lexicale
<?xml version="1.0" encoding="iso-8859-1"?>
<?xml-stylesheet type="text/css" href="xhtml.css"?>
 XHTML
<racine>
 Validation
<titre> XHTML et XML</titre>
l'Univers XML
<html xmlns = " http://www.w3.org/1999/xhtml " >
 Namespaces
<body>
<h1> Liens sous XHTML</h1>
 SVG
<p>
MathML
<a href=" http://www.w3schools.comz "> Visit W3C Tutorial </a>
XPath
</p>
XPointer
<p>
XLink
<a href=" http://www.essi.fr/~pfz ">chez Moi </a>
</p>
XQueryXForms
</body>
XML Techno
</html>
XML MetaData
</racine>
Norme Syntaxique
XML Know Hows"
XML "State of the Art"
15/07/2015
Transparent 38
Lexique Sommaire
XML "Basic Know Hows"
Réfs
Exemples du W3C
Norme Lexicale
Techs

XML Basics

XML & Styling: CSS

XML Dialects:
MathML, SVG

Document Definition:
DTD, XSD
.xml
Norme Syntaxique
 XHTML
 Validation
.css
l'Univers XML
 Namespaces
 SVG
MathML
XPath
XPointer
XLink
XQueryXForms
XML Techno
XML MetaData
XML Know Hows"
XML "State of the Art"
15/07/2015
.dtd
.dtd
.xsd
Lexique Sommaire
.
Langages & Documents
Réfs
Techs
.
Chap VIII XML Processeurs "Advanced"
.
.
Tree structure of
XML
XML & CSS
multilpes
.
XPath
XML & DTD
XPointer
CDATA
XLink
DOM
XInclude, XForms,
XQuery
XML & AJAX
.
Techniques XML
MetaDatss
Paul Franchi
SI 5
2014-15
Tree Structure of an XML Document
Lexique Sommaire
Réfs
Exemples du W3C
Norme Lexicale
Norme Syntaxique
 XHTML
 Validation
l'Univers XML
 Namespaces
 SVG
MathML

7 types of Nodes
 The root node
 Element nodes
 Text nodes
 Attribute nodes
 Comment nodes
 Processing instruction nodes
 Namespace nodes
XPath
Techs
- CDATA, DOCTYPE,
are NOT in the tree
- attributes are NOT
children
- Namespaces are not
selectable
XPointer
XLink
XQueryXForms
XML Techno
XML MetaData
XML Know Hows"
XML "State of the Art"
15/07/2015
Transparent 41
Lexique Sommaire
XML & XPath– Modèle Arborescent de Document
Exemples du W3C
Norme Lexicale
Norme Syntaxique
Les documents XML sont traités comme des arborescences avec 7
types de nœuds:
1.
 Validation
2.
l'Univers XML
3.
MathML
4.
XPath
nœud Attribut
nœud Commentaire
1. délimité par <!-- et -->
5.
nœud "xmlns" - déclaration d'Espace de Noms
1. un pour chaque Espace de Nom actif (déclaré ou défaut)
XLink
6.
nœud "processing-instruction"
1. délimité par <? et ?>
XML Techno
XML Know Hows"
nœud Elément
1. attaché à un Nœud Elément, mais sans relation
 SVG
XML MetaData
nœud Racine de l'arborescence du document # racine du XML
1. délimité par les balises
 Namespaces
XQueryXForms
Techs
1. a comme fille la racine du source XML
 XHTML
XPointer
Réfs
7.
nœud Texte
 de type #PCDATA
XML "State of the Art"
15/07/2015
Transparent 42
Lexique Sommaire
XPath - Exemple d'expressions
Node Set
Exemples du W3C
Réfs
Techs
Norme Lexicale
Norme Syntaxique
<?xml version="1.0"
 XHTML
encoding="UTF-8"?>
<bookstore>
 Validation
l'Univers XML <book>
<title lang="eng">
 Namespaces
Harry Potter
 SVG
</title>
MathML
<price>29.99</price>
XPath
</book>
XPointer
<book>
<title lang="eng">
XLink
Learning XML
XQueryXForms
</title>
XML Techno
<price>39.95</price>
XML MetaData
</book>
XML Know Hows"
</bookstore>
XML "State of the Art"

Les expressions XPath permettent
de sélectionner un noeud (ou un
ensemble) dans un document Xml
Path Expression
/
bookstore
Sélection
la racine du document # bookstore
All the child nodes
of the "bookstore" element
/bookstore
The root element "bookstore"
Note: If the path starts with a slash ( / )
it always represents an absolute path to an element!
bookstore/book
All "book" elements
that are children of "bookstore"
//book
All "book" elements
no matter where they are in the document
bookstore//book
All "book" elements
that are descendant of the "bookstore" element,
no matter where they are under the "bookstore"
//@lang
15/07/2015 All attributes that are named "lang"
Transparent 43
Lexique Sommaire
XPath – Indicateurs de Relation - "axis"
Réfs
Exemples du W3C

relativement au Nœud Courant
Norme Lexicale
Techs
child::
les nœuds fils (axe par défaut)
attribute::
les attributs
parent::
le nœud parent
 Namespaces
descendant::
les descendants - ni attributs, ni NS
 SVG
ancestor::
les ascendants - ni attributs, ni NS
MathML
self::
le nœud courant lui-même
preceding-sibling::
les frères gauches
following-sibling::
les frères droits
preceding::
les précédants ds l'ordre - ni asc, ni attr
following::
les suivants ds l'ordre - ni desc, ni attr
Norme Syntaxique
 XHTML
 Validation
l'Univers XML
XPath
XPointer
XLink
XQueryXForms
XML Techno
XML MetaData
descendant-or-self:: le nœud contexte et ses descendants
XML Know Hows"
ancestor-or-self::
le nœud contexte et ses ascendants
namespace::
les espaces nominaux
XML "State of the Art"
15/07/2015
Transparent 44
Lexique Sommaire
XPath – Axes et Abréviations
Réfs
Exemples du W3C
Techs
Norme Lexicale
.
self::node()
Norme Syntaxique
..
parent::node()
Axe par défaut
child::
/A
/child::A
 Namespaces
A/*
child::A/child::*
 SVG
@att
attribute::att
MathML
@*
attribute::*
A/@*
child::A/attribute::*
Etape par
défaut
descendant-or-self::
//
/descendant-or-self::node()/
.//
self::node()/descendant-or-self::node()/
A//B
child::A/descendant-or-self::node()/child::B
 XHTML
 Validation
l'Univers XML
XPath
XPointer
XLink
XQueryXForms
XML Techno
XML MetaData
XML Know Hows"
XML "State of the Art"
15/07/2015
Transparent 45
Lexique Sommaire
XPath – Filtres (ou Déterminants)
Réfs
Exemples du W3C
Techs
Norme Lexicale
text()
les nœuds de type Texte
 XHTML
comment()
les nœuds de type Commentaire
 Validation
*
les nœuds de type Element
(sauf axe attribute & namespace)
node()
tous les types de nœuds
processinginstruction()
un nœud de type "instruction"
Norme Syntaxique
l'Univers XML
 Namespaces
 SVG
MathML
XPath
XPointer
exemples
XLink
//comment()
les commentaires du document
XQueryXForms
/comment()
les commentaires de la racine
XML Techno
/A/descendant::text()
les textes d'un descendant de /A
XML MetaData
/A//text()
les textes sous /A/
XML Know Hows"
XML "State of the Art"
15/07/2015
Transparent 46
Lexique Sommaire
Exemples du W3C
XPath – Prédicats
Réfs
Techs
Norme Lexicale
Norme Syntaxique
 XHTML
/A/B/child::node()[position()=1] les premiers fils de /A/B
 Validation
/A/B/child::node()[1]
idem
l'Univers XML
/A/B [ @att1 ]
les B avec un attribut att1
/A/B [ @att1='a1' ]
idem avec att1='a1'
/A/B [ @att1='a1' and
position()=last() ]
Idem avec B en dernière
position
 Namespaces
 SVG
MathML
XPath
XPointer
XLink
XQueryXForms
XML Techno
XML MetaData
Et d'autres fonctions XPath 1.0 communes à XSLT, XQuery
& 2.0 …
/A/B [ contains(@att1, 'a1') ]
att1 qui contient 'a1'
/A/B [ starts-with(@att1, 'a1') ]
att1 qui commence par 'a1'
XML Know Hows"
XML "State of the Art"
15/07/2015
Transparent 47
Lexique Sommaire
Réfs
XPath – Interrogations sur une Base Documentaire
Exemples du W3C
Techs
Norme Lexicale
Norme Syntaxique
 XHTML
 Validation
//TITRE
tous les titres du document
/FILMs/FILM [TITRE='Alien']
tous les FILM à titre"Alien"
/bookstore/book[ price>35
]/title
tous les 'title' des 'book' de
'bookstore' avec un 'price'
> 35
l'Univers XML
 Namespaces
 SVG
MathML
XPath
XPointer
XLink
Et d'autres fonctions XPath 1.0 communes à XSLT, XQuery
& 2.0 …
XQueryXForms
XML Techno
XML MetaData
XML Know Hows"
XML "State of the Art"
15/07/2015
Transparent 48
Lexique Sommaire
XPath + DOM avec JavaScript
Réfs
Exemples du W3C
<script type="text/javascript">
Norme Lexicale
//xpath une expression de chemin XPATH
mozxpath
.js
Techs
Norme Syntaxique
 XHTML
// I.E
 Validation var xmlDoc=new ActiveXObject ("Microsoft.XMLDOM");
l'Univers XML xmlDoc.async=false;
xmlDoc.load ("cdcatalog.xml") ;
 Namespaces
 SVG
firstFit=xmlDoc.selectNodes(xpath)[0];
MathML
// Mozilla
xmlDoc=document.implementation.createDocument("","",null);
XPath
xmlDoc.async=false;
XPointer
xmlDoc.load("cdcatalog.xml")
firstFit=
XLink
document.evaluate(xpath, xmlDoc, null, XPathResult.ANY_TYPE,null)[0];
XQueryXForms
XML TechnoattValue=firstFit.getAttribute('someAtt');
//exemple
XML MetaData
</script>
XML Know Hows"
XML "State of the Art"
15/07/2015
Transparent 49
Lexique Sommaire
XLink – Xml Linking Language
Réfs
Exemples du W3C
Techs
Norme Lexicale
Norme Syntaxique
 XHTML
Standard W3C d'expression de liens dans un
document Xml
 Validation
l'Univers XML
 Namespaces
 SVG
MathML
XPath
XPointer
XLink
XQueryXForms
XML Techno
XML MetaData

avantages comparés aux liens Html
 tout élément d'un document XML peut se comporter
comme un lien
 les liens Xlink utilisent XPointer et XPath pour référencer
un emplacement spécifique (fragment) à l’intérieur d’un
document
 peuvent importer du texte ou balisage
 XLink supporte des liens simples (type HTML) et des
liens étendus (multiples) pour lier plusieurs ressources
ensemble.
XML Know Hows"
XML "State of the Art"
15/07/2015
Transparent 50
XLink – Exemples
Lexique Sommaire
Réfs
Exemples du W3C

Norme Lexicale
Lien sur le Web
Techs
<ref
xmlns:xlink=‘‘http://www.w3.org/1999/xlink’’
3 mais pas 4 ?
xlink: type=‘‘simple’’
xlink: href=‘‘http://www.essi.fr/~pfz/LANGDOC/doc.xml#w3c’’
xlink: show=‘‘ new’’
xlink: actuate=‘‘onRequest ’’
/> W3C </ref>
Norme Syntaxique
 XHTML
 Validation
l'Univers XML
 Namespaces
 SVG
MathML

XPath
XPointer
XLink
XQueryXForms
XML Techno
XML MetaData
Lien local
<schema
xmlns:xlink=‘‘http://www.w3.org/1999/xlink’’
xlink: type=‘‘simple’’
xlink: href=‘‘Schemas/schema1.png’’
xlink: show=‘‘ embed’’
xlink: actuate=‘‘onLoad ’’
/>
XML Know Hows"
XML "State of the Art"
15/07/2015
Transparent 51
Lexique Sommaire
XLink: un exemple d'insertion dans XML
Réfs
Exemples du W3C
Techs
Norme Lexicale
Norme Syntaxique
 XHTML
 Validation
<?xml version="1.0" encoding="iso-8859-1"?>
<?xml-stylesheet type="text/css" href="xlink.css"?>
<racine>
<titre> Des Liens sous XML avec Xlink </titre>
l'Univers XML
 Namespaces
 SVG
MathML
XPath
XPointer
XLink
XQueryXForms
XML Techno
XML MetaData
XML Know Hows"
<homepages xmlns:xlink = " http://www.w3.org/1999/xlink " >
--------------------------<homepage xlink:type="simple"
xlink:href=" http://www.w3schools.com ">Visit W3Schools</homepage>
--------------------------<homepage xlink:type="simple"
xlink:href=" http://www.essi.fr/~pfz ">Visit Paul Franchi</homepage>
--------------------------</homepages>
</racine>
3 mais pas 4 ?
XML "State of the Art"
15/07/2015
Transparent 52
Lexique Sommaire
XPointer – Xml Pointer Language
Exemples du W3C
Norme Lexicale
Norme Syntaxique
 XHTML
Réfs
Une extension des URL pour préciser un élément dans un
document Xml (parties spécifiques ou fragments) en
utilisant des XPath expressions

 Validation
Techs
version Html
 ancre interne
<a name= "XPointer" ..cette page..</a>
<a id= "XPointer" ..cette page..</a>
l'Univers XML
 Namespaces
 SVG
 référence externe
<a href="http://www.essi.fr/~pfz/LANGDOC/doc.html#XPointer">
MathML
XPath
XPointer

XLink
XQueryXForms
XML Techno
version Xml
 localisation des éléments du document via XPath
 syntaxe d’un pseudo chemin
http://www.essi.fr/~pfz/LANGDOC/doc.xml#xpointer/1/2
http://www.essi.fr/~pfz/LANGDOC/doc.xml#xpointer(id('Balise')/
XML MetaData
XML Know Hows"
avec /1/2 correspondant au chemin Xpath: /child::*[1]/ child::*[2]
XML "State of the Art"
15/07/2015
Transparent 53
Lexique Sommaire
XML – XQuery
Réfs
Exemples du W3C
Techs
Norme Lexicale
Norme Syntaxique
 XHTML
 Validation
l'Univers XML
 Namespaces
 SVG
MathML
What is XQuery?
 XQuery is the language for querying XML data
 XQuery for XML is like SQL for databases
 XQuery is built on XPath expressions
 XQuery is supported by all major databases
 XQuery is a W3C Recommendation
XPath
XPointer
XLink
XQueryXForms
XML Techno
XML MetaData
for $x in doc("books.xml")/bookstore/book
where $x/price>30
order by $x/title
return $x/title
XML Know Hows"
XML "State of the Art"
15/07/2015
Transparent 54
Lexique Sommaire
XML – XForms
Réfs
Exemples du W3C
Norme Lexicale
Norme Syntaxique
 XHTML
 Validation
l'Univers XML
 Namespaces
 SVG
MathML
XPath
XPointer
XLink
XQueryXForms
XML Techno
XML MetaData
XML Know Hows"
What Is XForms?
 XForms is the next generation of
HTML forms
 XForms is richer and more flexible
than HTML forms
 XForms will be the forms standard in
XHTML 2.0
 XForms is platform and device
independent
 XForms separates data and logic from
presentation
 XForms uses XML to define form data
 XForms stores and transports data in
XML documents
 XForms contains features like
calculations and validations of forms
 XForms reduces or eliminates the
need for scripting
 XForms is a W3C Recommendation
XML "State of the Art"
15/07/2015
<xforms>
<model>
Techs
<instance>
<person><fname/><lname/>
</person>
</instance>
<submission id="form1"
method="get"
action="submit.asp"/>
</model>
<input ref="fname">
<label>First Name</label>
</input>
<input ref="lname">
<label>Last Name</label>
</input>
<submit submission="form1">
<label>Submit</label>
</submit>
</xforms>
Transparent 55
Lexique Sommaire
XML – Autres Technologies (W3C et al.)
Réfs
Exemples du W3C
Techs
Norme Lexicale
Norme Syntaxique

XPointer
 Point, Intervalle: pour spécifier des fragments de
document XML
 XHTML
 Validation
l'Univers XML
 Namespaces
 SVG

XInclude
 pour "assembler" des documents XML
MathML
XPath
XPointer
XLink
XQueryXForms
XML Techno
XML MetaData




ATOM
RSS
WSDL
etc.
XML Know Hows"
XML "State of the Art"
15/07/2015
Transparent 56
Lexique Sommaire
Techniques XML
Réfs
Exemples du W3C
Techs
Norme Lexicale

Style
 CSS multiples
Norme Syntaxique

 XHTML
 Validation

DTD
 interne
 externe
 validation
l'Univers XML
 Namespaces
 SVG
MathML


XLink
XQueryXForms
XML Techno
XML MetaData
 animation

XSLT

AJAX

as MetaData
XSD
XPath
XPointer
SVG
DOM & JS & CDATA
 parsing & validation
 programmation
 DOM styleSheets[]
 XPath
 Fragments & XSLT
 RDF
 SPRY
 PHP

XUL
XML Know Hows"
XML "State of the Art"
15/07/2015
Transparent 57
Lexique Sommaire
XML & CSS multiples
Réfs
Exemples du W3C
Techs
Norme Lexicale
Norme Syntaxique
<?xml version="1.0" encoding="ISO-8859-1"?>
 XHTML
 Validation
l'Univers XML
 Namespaces
 SVG
<?xml-stylesheet title="Style de base"
href="cd_catalog.css" type="text/css"?>
<?xml-stylesheet title="Planche" rel="alternate"
href="cd_catalog_2.css" type="text/css"?>
MathML
XPath
XPointer
XLink
XQueryXForms
XML Techno
<?xml-stylesheet title="Spirale" rel="alternate"
href="cd_catalog_3.css" type="text/css"?>
<CATALOG>
... / ...
</CATALOG>
XML MetaData
XML Know Hows"
XML "State of the Art"
15/07/2015
Transparent 58
Lexique Sommaire
XML & DTD interne
Réfs
Exemples du W3C
<?xml version="1.0" encoding="iso-8859-1"?>
Norme Syntaxique <!DOCTYPE note[
<!ENTITY nbsp " " ><!ENTITY eacute "é" ><!ENTITY egrave "è" >
 XHTML
<!ELEMENT note (to+, from, heading?, body)>
 Validation
<!ELEMENT to (#PCDATA)>
l'Univers XML
<!ELEMENT from (#PCDATA)>
 Namespaces
<!ELEMENT heading (#PCDATA)>
 SVG
<!ELEMENT body (#PCDATA)>
MathML
]> <!- -<!ELEMENT note ANY> -->
<note>
XPath
<!-- <erreur> ERREUR de balise: BIEN FORMé, mais non VALIDE </erreur>
XPointer
<to>Vous</to><to>L&eacute;s &nbsp; &nbsp; &nbsp; Autr&egrave;s</to>
XLink
<from>Moi</from>
XQueryXForms
<heading>Rappel</heading>
XML Techno <body> N'oubliez pas de rendre vos TPs !</body>
XML MetaData </note>
Techs
Norme Lexicale
XML Know Hows"
XML "State of the Art"
15/07/2015
Transparent 59
Lexique Sommaire
XML & DTD externe
Réfs
Exemples du W3C
Norme Lexicale
<?xml version="1.0" encoding="iso-8859-1"?>
Norme Syntaxique
<!DOCTYPE note SYSTEM "note.dtd">
Techs
<note>
<!-- <erreur> ERREUR de balise: BIEN FORMé, mais non VALIDE </erreur> -->
 Validation
<to>Vous</to><to>L&eacute;s &nbsp; &nbsp; &nbsp; Autr&egrave;s</to>
l'Univers XML
<from>Moi</from>
 Namespaces
<heading>Rappel</heading>
 SVG
<body>
MathML
N'oubliez pas de rendre vos TPs ! <!ELEMENT note (to+, from, heading?, body)>
XPath
<!ELEMENT to (#PCDATA)>
</body>
<!ELEMENT from (#PCDATA)>
</note>
XPointer
<!ELEMENT heading (#PCDATA)>
XLink
<!ELEMENT body (#PCDATA)>
XQueryXForms
<!ENTITY nbsp " " >
XML Techno
<!ENTITY eacute "é" >
<!ENTITY egrave "è" >
XML MetaData
 XHTML
XML Know Hows"
XML "State of the Art"
15/07/2015
Transparent 60
Lexique Sommaire
DTD – Validation
Exemples du W3C
Norme Lexicale
Norme Syntaxique
 XHTML
 Validation
l'Univers XML
 Namespaces
 SVG
MathML
XPath
XPointer
XLink
XQueryXForms
XML Techno
XML MetaData
XML Know Hows"
Avec le W3C Validator on-line
Avec xmllint ss libxml
Avec le parseur XML sous DOM
Réfs
Techs
• load(), loadXML() pour fichiers, chaînes XML
<!-- script sous IE 5.0 et + -->
<script type="text/javascript">
var xmlDoc = new
ActiveXObject("Microsoft.XMLDOM")
xmlDoc.async="false"
xmlDoc.validateOnParse="true"
xmlDoc.load("note_dtd_error.xml")
document.write("<br>Error Code: ")
document.write(xmlDoc.parseError.errorCode)
document.write("<br>Error Reason: ")
document.write(xmlDoc.parseError.reason)
document.write("<br>Error Line: ")
document.write(xmlDoc.parseError.line)
</script>
XML "State of the Art"
15/07/2015
Transparent 61
Lexique Sommaire
XML & XSD
<?xml version="1.0" encoding="iso-8859-1"?>
Réfs
Exemples du W3C
<note xmlns="si4/langDoc"
Norme Lexicale
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
Norme Syntaxique
xsi:schemaLocation="si4/langDoc note.xsd">
Techs
 XHTML
<?xml version="1.0" encoding="iso-8859-1"?>
<!-- <erreur>
<xs:schema
xmlns:xs="http://www.w3.org/2001/XMLSchema"
l'Univers XML
BIEN FORMé, mais
non VALIDE
targetNamespace= "si4/langDoc"
 Namespaces
</erreur> -->
xmlns="si4/langDoc"
 SVG
elementFormDefault="qualified" >
<to>Vous</to>
MathML
<xs:element name="note"> <xs:complexType> <xs:sequence>
<to>Les Autres</to>
XPath
<from>Moi</from> <xs:element name="to" type="xs:string" maxOccurs="unbounded"/>
XPointer
<xs:element name="from" type="xs:string"/>
<heading>Rappel</heading>
<xs:element name="heading" type="xs:string" minOccurs="0"/>
XLink
<body>
<xs:element name="body" type="xs:string"/>
XQueryXForms N'oubliez pas de rendre vos TPs !
<xs:element name="erreur" type="xs:string"/>
</body>
XML Techno
<!– <xs:element name="erreur" type="xs:string"/> -->
</note>
XML MetaData
</xs:sequence> </xs:complexType> </xs:element>
XML Know Hows"
</xs:schema>
 Validation
XML "State of the Art"
15/07/2015
Transparent 62
Lexique Sommaire
DOM - Document Object Model
Exemples du W3C
Norme Lexicale
Réfs
"The W3C Document Object Model (DOM) is a platform and language-neutral
Techs
interface that allows programs and scripts to dynamically access and
update the content, structure, and style of a document."
Norme Syntaxique
 XHTML
 Validation
l'Univers XML
La spécification Dom définit une interface abstraite (type API Java)
pour standardiser les fonctionnalités d’accès et de manipulation
d’un document vu comme une arborescence («tree structure»).




 Namespaces
 SVG
MathML
Création d’éléments
Parcours et accès aux éléments
Edition: déplacer, copier, supprimer, etc.
Modification des attributs
XPath
XPointer
Doc
XLink
XQueryXForms
Parseur
XML
Dom
Application
XML Techno
XML MetaData
XML Know Hows"
Dom (level 1/2/3): Core DOM , XML DOM, HTML DOM,
Sax : une implémentation (light) évènementielle du Dom
XML "State of the Art"
15/07/2015
Transparent 63
Lexique Sommaire
DOM - "Parser" un document XML(1)
Réfs
Exemples du W3C
Norme Lexicale

Techs
Script en HTML sous I.E. :
Norme Syntaxique
 XHTML
 Validation
l'Univers XML
 Namespaces
 SVG
MathML
XPath
XPointer
XLink
XQueryXForms
XML Techno
XML MetaData
<html>
<head>
<script type="text/javascript">
var xmlDoc
function loadXML() {
//load a xml file
// code for IE
if (window.ActiveXObject) {
xmlDoc = new ActiveXObject("Microsoft.XMLDOM");
xmlDoc.async = false;
xmlDoc.validateOnParse = "false" // "true" pour valider avec une DTD
xmlDoc.load("note.xml");
getmessage()
}
// continue sur le suivant
XML Know Hows"
XML "State of the Art"
15/07/2015
Transparent 64
Lexique Sommaire
DOM - "Parser" un document XML(2)
Réfs
Exemples du W3C
Norme Lexicale

Techs
Script en HTML sous Mozilla :
Norme Syntaxique
 XHTML
 Validation
// suite du précédent
l'Univers XML
 Namespaces
 SVG
MathML
XPath
XPointer
XLink
XQueryXForms
// code for Mozilla, etc.
else if (document.implementation && document.implementation.createDocument) {
xmlDoc = document.implementation.createDocument("","",null);
xmlDoc.load("note.xml");
xmlDoc.onload =getmessage();
}
else { alert('Your browser cannot handle this script'); }
} // fin de loadXML()
XML Techno
XML MetaData
// continue sur le suivant
XML Know Hows"
XML "State of the Art"
15/07/2015
Transparent 65
Lexique Sommaire
DOM - Programmation
Réfs
Exemples du W3C
Norme Lexicale

Techs
Exemple: viewNote.html
Norme Syntaxique
 XHTML
 Validation
l'Univers XML
 Namespaces
 SVG
MathML
XPath
XPointer
XLink
XQueryXForms
XML Techno
XML MetaData
XML Know Hows"
function getmessage() {
document.getElementById("to").innerHTML =
xmlDoc.getElementsByTagName("to")[0].firstChild.nodeValue
document.getElementById("from").innerHTML =
xmlDoc.getElementsByTagName("from")[0].firstChild.nodeValue
document.getElementById("message").innerHTML =
xmlDoc.getElementsByTagName("body")[0].firstChild.nodeValue
} // fin de getmessage()
</script> </head>
<body onload="loadXML()">
<div id="to" style="background-color:pink"> ……. </div>
<div id="from" style="background-color:pink"> ……. </div>
<div id="message" style="background-color:pink"> ……. </div>
</body> </html>
XML "State of the Art"
15/07/2015
Transparent 66
Lexique Sommaire
XML & CDATA (script JS interne)
Réfs
Exemples du W3C
Norme Lexicale
Norme Syntaxique
 XHTML
 Validation
l'Univers XML
 Namespaces
 SVG
MathML
XPath
XPointer
XLink
XQueryXForms
XML Techno
XML MetaData
<?xml version="1.0" standalone="no"?>
<dateur>
<titre> Date/Time: JS en XML</titre>
<script
xmlns=http://www.w3.org/1999/xhtml
type="text/javascript" >
<![CDATA[
function ANIM(){ .. ./ ..... }
function INIT() { .... / ....}
]]> </script>
Techs
<body xmlns="http://www.w3.org/1999/xhtml" onload='INIT()'>
<box id="date">jeudi 10 avril 2008</box>
<box id="heures">9</box>
<box id="minutes">43</box>
<box id="secondes">17</box>
</body>
</dateur>
XML Know Hows"
XML "State of the Art"
15/07/2015
Transparent 67
Lexique Sommaire
DOM + styleSheets[ ]
Réfs
Exemples du W3C
Norme Lexicale
Norme Syntaxique
 XHTML
 Validation
l'Univers XML
 Namespaces
 SVG
MathML
XPath
XPointer
XLink
XQueryXForms
XML Techno
<script type="text/javascript">
<![CDATA[
function style(n) {
var out = "Stylesheet " + n + "<br />";
out += "title = '"+ document.styleSheets[n].title + "'<br />";
out += "href = '" + document.styleSheets[n].href + "'<br />";
out += "type = '" + document.styleSheets[n].type + "'<br />";
out += "disabled = '" + document.styleSheets[n].disabled + "'<br />";
document.getElementById('OUT').innerHTML+="<p>"+out+"</p>" ;
}
function dis() {
document.styleSheets[0].disabled = !document.styleSheets[0].disabled;
document.styleSheets[1].disabled = !document.styleSheets[1].disabled;
}
]]>
</script>
Techs
XML MetaData
XML Know Hows"
XML "State of the Art"
15/07/2015
Transparent 68
Lexique Sommaire
SVG+ JS+DOM - Animation: "Clock"
Réfs
<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg" version="1.1"
Techs
xmlns:xlink="http://www.w3.org/1999/xlink" >
Norme Lexicale
<script type="text/javascript"> <![CDATA[
<!-- le décor de l'horloge --> .
Norme Syntaxique
function $(id) {return document.getElementById(id)};
<g stroke="black">
var centre=$("small");
 XHTML
function ANIM() {
<line x1="50" id="secondes" />
 Validation
// mise à l'heure
<line x1="50" id="minutes" />
a=new Date(); h=a.getHours()%12; m=a.getMinutes();
l'Univers XML
<line x1="50" id="heures" /> </g>
s=a.getSeconds(); m+=s/60; h+=m/60;
<g stroke="black" id="marques">
 Namespaces
// ring
<circle cx="50" cy="50" r="9" id="small"/>
centre.setAttribute("fill", "grey");
 SVG
if (s%5==0) {centre.setAttribute("fill", "green");}
</g>
MathML
if (s%15==0) {centre.setAttribute("fill", "red");}
// aiguilles
XPath
$("heures").setAttribute("x2", Math.cos((h-3)/6*pi)*25+50);
$("heures").setAttribute("y2", Math.sin((h-3)/6*pi)*25+50);
XPointer
$("minutes").setAttribute("x2", Math.cos((m-15)/30*pi)*35+50);
XLink
$("minutes").setAttribute("y2", Math.sin((m-15)/30*pi)*35+50);
$("secondes").setAttribute("x2", Math.cos((s-15)/30*pi)*45+50);
XQueryXForms
$("secondes").setAttribute("y2", Math.sin((s-15)/30*pi)*45+50);
setTimeout("ANIM()", 900); // <1000 = 1 sec
XML Techno
}
XML MetaData ANIM(); // appel de l\'animation
]]> </script>
XML Know Hows"
</svg>
Exemples du W3C
XML "State of the Art"
15/07/2015
Transparent 69
Lexique Sommaire
XPath + DOM avec JS
Réfs
Exemples du W3C
Norme Lexicale
Norme Syntaxique
 XHTML
 Validation
l'Univers XML
 Namespaces
 SVG
<html>
<body>
<script type="text/javascript">
//xpath une expression de chemin XPATH
Techs
// I.E
var xmlDoc=new ActiveXObject ("Microsoft.XMLDOM");
xmlDoc.async=false;
xmlDoc.load ("cdcatalog.xml") ;
firstFit=xmlDoc.selectNodes(xpath)[0];
MathML
XPath
XPointer
XLink
// Mozillla
xmlDoc=document.implementation.createDocument("","",null);
xmlDoc.async=false;
xmlDoc.load("cdcatalog.xml")
firstFit=document.evaluate(xpath, xmlDoc, null, XPathResult.ANY_TYPE,null)[0];
XQueryXForms
attValue=firstFit.getAttribute('someAtt'); //exemple
</script>
XML MetaData </body>
XML Know Hows" </html>
XML Techno
XML "State of the Art"
15/07/2015
Transparent 70
Lexique Sommaire
JS + DOM + XSLT
Réfs
Exemples du W3C
Norme Lexicale
Norme Syntaxique
 XHTML
 Validation
l'Univers XML
 Namespaces
 SVG
MathML
XPath
XPointer
function transform (xml, xsl, id) {
try {
// navigateur basé sur Gecko
if (window.XSLTProcessor) {
var fragment;
var xsltProcessor = new XSLTProcessor();
xsltProcessor.importStylesheet(xsl);
fragment =
xsltProcessor.transformToFragment(xml, document);
var target = document.getElementById(id);
target.innerHTML =
fragment.firstChild.innerHTML ; // pfz
//target.appendChild(fragment); //orig
//document.replaceChild(target, fragment); //orig
<script type="text/javascript">
var XML=
loadXML(xmlURL);
var XSL=
loadXML(xslURL);
function theJobTe()
{
transform (XML, XSL, 'ICI');
....
// ActiveX pour Internet Explorer
} else if (window.ActiveXObject) {
}
var target = document.getElementById(id);
target.innerHTML = xml.transformNode(xsl); </script>
XLink
XQueryXForms
XML Techno
}
} catch (e) {return e;}
XML MetaData
XML Know Hows"
Techs
}
XML "State of the Art"
15/07/2015
Transparent 71
Lexique Sommaire
Exemples du W3C
Norme Lexicale
Norme Syntaxique
 XHTML
 Validation
l'Univers XML
 Namespaces
 SVG
MathML
XPath
XPointer
XLink
XQueryXForms
XML Techno
XML MetaData
XML Know Hows"
Réfs
<script type="text/javascript">
<![CDATA[
Techs
var xmlhttp;
function loadXMLDoc(path) {
xmlhttp=null;
if (window.XMLHttpRequest) {// code for IE7, Firefox, Mozilla, etc.
netscape.security.PrivilegeManager.enablePrivilege("UniversalBrowserRead");
xmlhttp=new XMLHttpRequest(); }
else if (window.ActiveXObject) {// code for IE5, IE6
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); }
if (xmlhttp!=null) {
xmlhttp.onreadystatechange=onResponse;
xmlhttp.open("GET", path, true);
xmlhttp.send(null); }
else { alert("Your browser does not support XMLHTTP."); }
}
// à suivre
XML + AJAX
XML "State of the Art"
15/07/2015
Transparent 72
Lexique Sommaire
XML + AJAX
Réfs
Exemples du W3C
Techs
Norme Lexicale
Norme Syntaxique
 XHTML
 Validation
l'Univers XML
 Namespaces
 SVG
MathML
XPath
// suite du précédent
function onResponse(){
if(xmlhttp.readyState!=4) return;
if(xmlhttp.status!=0 && xmlhttp.status!=200) {
alert("Problem retrieving XML data");
return; }
}
// traitement du texte source
var SOURCE = xmlhttp.responseText ;
…
XPointer
XLink
XQueryXForms
// traitement du xml
var XML =xmlhttp.responseXML ;
…
XML Techno
XML MetaData
]]>
</script>
XML Know Hows"
XML "State of the Art"
15/07/2015
Transparent 73
Lexique Sommaire
XML as MetaData
Réfs
Exemples du W3C
Techs
Norme Lexicale
Norme Syntaxique

XMI pour UML

WSDL pour SOAP/RSS

SMIL pour le Multimédia

RDF

XML et PHP/SQL

XML/RDF et SPRY, XUL,
 XHTML
 Validation
l'Univers XML
 Namespaces
 SVG
MathML
XPath
XPointer
XLink
XQueryXForms
XML Techno
XML MetaData
XML Know Hows"
XML "State of the Art"
15/07/2015
Transparent 74
Lexique Sommaire
XML metadata pour EXEMPLES/
Exemples du W3C
Norme Lexicale
Norme Syntaxique
 XHTML
 Validation
l'Univers XML
 Namespaces
 SVG
MathML
XPath
XPointer
XLink
XQueryXForms
XML Techno
XML MetaData
Réfs
<?xml version='1.0' encoding='ISO-8859-1'?>
<?xml-stylesheet href="docExShow.xsl" type="text/xsl" ?>
<Doc base ="../">
****************** BIB ***********
<Exemples dossier='BIB' base='BIB/' auteur='pfz' version='2009'>
<Ex cle="BIB">
<Path>bib1.html</Path> <Title>bib1</Title > <Style></Style>
</Ex>
<Ex cle="BIB">
<Path>bib2.html</Path> <Title>bib2</Title> <Style></Style>
</Ex>
<Ex cle="CSS BIB"><Path>bib.html</Path><Title>bib</Title>
<Style>
<Css><href>bib.css</href></Css>
</Style>
</Ex>
</Exemples>
****************** SPRY ***********
<Exemples dossier='SPRY' base='SPRY/' auteur='pfz' version='2009'>
<Ex cle="SPRY CSS">
<Path>spry.html</Path><Title>spry</Title>
Techs
XML Know Hows"
XML "State of the Art"
15/07/2015
Transparent 75
Lexique Sommaire
XML as metadatas
Réfs
Exemples du W3C

Norme Lexicale
SPRY (Adobe Labs)
Techs
 using XML to describe "contents"
Norme Syntaxique
 using JS & DOM to generate wIdgets & "contents"
 XHTML
 using AJAX to access/modify "contents"
 Validation

l'Univers XML
 Namespaces

from RDF, XML to PHP/SQL
 SVG
 using XML/RDF to describe "contents"
MathML
 using XSLT from XML to SQL
XPath
 exporting from SQL to XML
XPointer
XLink

XSLT
XUL (Mozilla Foundation)
 using RDFL to describe
"contents"
 using XUL to generate
WIdgets & "contents"
 using AJAX to access
"contents"
 using JASON, XML-RPC,
WSDL for "networking" and
"web services"
XQueryXForms
 using XML/RDF to describe "contents"
XML Techno
 using XSLT to generate wIdgets (DHTML, JS)
XML MetaData
 using XSLT to generate/modify "contents" (HTML)
XML Know Hows"
 using XSLT to generate/modify style (CSS)
XML "State of the Art"
15/07/2015
Lexique Sommaire
R.I.A. - XML as metadatas & SPRY
Réfs
Exemples du W3C
Techs
Norme Lexicale
Norme Syntaxique
Rich Client
 XHTML
 Validation
XML
rdf
l'Univers XML
 Namespaces
HTML
 SVG
SPRY
MathML
XPath
CSS, XSL
XPointer
XLink
XQueryXForms
JS
DHTML
AJAX
XML Techno
XML MetaData
XML Know Hows"
DHTML
XML "State of the Art"
15/07/2015
XML
rdf
Lexique Sommaire
XML as metadatas & PHP/SQL
Exemples du W3C
Norme Lexicale
Réfs
3-tier Client/Server Architecture
Techs
Norme Syntaxique
 XHTML
XML
rdf
 Validation
l'Univers XML
 Namespaces
Lex
JS
 SVG
MathML
CSS, XSL
XSL
XSLT
XPath
XPointer
XLink
HTML
XQueryXForms
XML Techno
XML MetaData
XML
XML
SQL
AJAX
XML Know Hows"
PHP
contourner
un bug Office
XML "State of the Art"
15/07/2015
Lexique Sommaire
XML as metadatas & XSLT
Réfs
Exemples du W3C
Techs
Norme Lexicale
Norme Syntaxique
 XHTML
 Validation
XSL
JS
l'Univers XML
 Namespaces
 SVG
CSS
XSLT
MathML
XPath
XPointer
HTML
XLink
XQueryXForms
XML
rdf
XML
XML Techno
XML MetaData
XML Know Hows"
XML "State of the Art"
15/07/2015
Lexique Sommaire
Web Reference Browser
Réfs
Exemples du W3C
Techs
Norme Lexicale
xml
Norme Syntaxique
 XHTML
dtd
 Validation
l'Univers XML
xsd
 Namespaces
 SVG
MathML
html
XPath
XPointer
css
css
XLink
XQueryXForms
XML Techno
metadata .xml
XML MetaData
XML Know Hows"
de XML vers HTML5+CSS3
via xsl
XML "State of the Art"
15/07/2015
Transparent 80
Lexique Sommaire
Doc Example Browser
Réfs
Exemples du W3C
Techs
Norme Lexicale
Norme Syntaxique
 XHTML
dtd
 Validation
l'Univers XML
xsd
 Namespaces
 SVG
html
MathML
XPath
css
css
js css
XPointer
XLink
XQueryXForms
XML Techno
XML MetaData
XML Know Hows"
metadata xml
de XML vers HTML5+CSS3+JS
via xsl
XML "State of the Art"
15/07/2015
Transparent 81
Lexique Sommaire
Réfs
XML (meta) modèle de données (ERD )
Exemples du W3C
Techs
Norme Lexicale
Norme Syntaxique
 XHTML
 Validation
uses: n,m
<Show
•version
>
<Categorie
•type
•path
>
1,*
l'Univers XML
 Namespaces
 SVG
MathML
XPath
XPointer
XLink
used_by: n,m
<Code
•titre
•keywords
•file
•version
>
<Description
•libellé*
•img?
>
XQueryXForms
XML Techno
XML MetaData
XML Know Hows"
XML "State of the Art"
Type
Path
Keyword
Keyword
Keyword
Keyword
Keyword
15/07/2015
<Auteur>
Aut
Transparent 82
Lexique Sommaire
XML: "State of the Art"
Réfs
Exemples du W3C
Techs
Norme Lexicale

Norme Syntaxique
 XHTML
XML Processing:
XSLT, XPath, XLink
 Validation
l'Univers XML
 Namespaces
 SVG

Dynamic XML using
XSL/JS

XML as metadata:
RDF, SPRY, XUL
MathML
XPath
XPointer
XLink
XQueryXForms
XML Techno
XML MetaData
XML Know Hows"
XML "State of the Art"
15/07/2015
XML
rdf
XML
rdf
.xsl