--- /dev/null
+<?xml version="1.0" encoding="utf-8" ?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
+ "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"
+>
+<html xmlns="http://www.w3.org/1999/xhtml" >
+ <head>
+ <title>XPath</title>
+
+ <meta http-equiv="Content-Type"
+ content="text/html; charset=utf-8" />
+ <meta name="copyright"
+ content="Copyright © 2013 Kim Nguyễn" />
+
+ <!-- Load jQuery -->
+ <script src="../jquery-1.9.1.min.js" type="text/javascript" ></script>
+ <!-- Load the library -->
+ <script src="../simpleWebSlides.js" type="text/javascript" ></script>
+
+ <link rel="stylesheet" href="../simpleWebSlides.css" type="text/css" media="all" />
+ <!-- Load a custom Theme, the class-element marks this style-sheet
+ a "theme" that can be swtiched dynamicaly -->
+ <link class="sws-theme" rel="stylesheet" title="U-Psud style" href="../themes/uPsud.css" type="text/css" />
+
+ <!-- Customize some templates and initialize -->
+ <style type="text/css">
+ .xml-tag { color: #00486c; }
+
+ </style>
+ <script type="text/javascript">
+ <![CDATA[
+ SWS.Config['sws-slide-change'] = SWS.Effects.slideChangeFadeOutIn;
+ SWS.Config['sws-object-deactivate'] = SWS.Effects.objectDeactivateFadeOut;
+ SWS.Config['sws-object-activate'] = SWS.Effects.objectActivateFadeIn;
+
+ //Ensures that we load SWS at the very end, after MathJax has
+ //been initialized
+
+ $(window).load(function () {
+ $(".inline-xml").each(function(i, elem)
+ {
+ var jelem = $(elem);
+ var code = jelem.html();
+ code = code.replace ("<![CDATA" + "[", "").replace ("]" + "]>", "");
+ code = code.replace (/>/g, ">>>");
+ code = code.replace (/</g, "<span class='xml-tag'><");
+ code = code.replace (/>>>/g,"></span>");
+
+ jelem.html(code);
+ });
+ });
+
+ var checkSVG = function (o, i)
+ {
+ if (i >= 10 || SWS.Utils.isUndefined(o) || o == null) return;
+ var svg = o.getSVGDocument();
+ if (svg == null) {
+ setTimeout(function() { checkSVG(o, i+1); }, 200);
+ } else {
+ var alltext = $(svg).find("text");
+ alltext.css("font-family", "DIN");
+ alltext.css("font-size", "70%");
+
+ };
+ };
+ $(window).load(function() {
+ $("embed").ready(function() {
+ setTimeout(function() {
+ $("embed").each(function(i, o) { checkSVG(this,0); });
+}, 1000);
+ });
+ });
+ $(window).load(SWS.Presentation.init);
+
+ ]]>
+
+ </script>
+
+ </head>
+ <body>
+ <a href="xpi_01.xhtml" class="sws-previous"/>
+ <div class="sws-slide sws-cover sws-option-nofooter">
+ <h1>XML et Programmation Internet</h1>
+ <h1>Cours 2</h1>
+ <a href="mailto:kn@lri.fr">kn@lri.fr</a>
+ </div>
+
+ <h1>Modèle d'arbre</h1>
+<div class="sws-slide">
+
+<h1>XML vu comme un arbre (1/2)</h1>
+<ul>
+<li>Tout ce qui apparait dans le document correspond à un nœud de
+ l'arbre (texte, balises, commentaires, blanc, …)</li>
+<li>Il existe en plus, un nœud fictif se trouvant au dessus de
+ l'élément racine, le <a>nœud document</a></li>
+<li>Un couple balise ouvrante/balise fermante correspond à <a>un seul
+ nœud</a>
+<li>Les principaux types de nœuds sont: élément, attribut, texte,
+ commentaire, document</li>
+</li>
+</ul>
+
+</div>
+ <div class="sws-slide">
+ <h1>XML vu comme un arbre (2/2)</h1>
+ <p>Un document XML peut être vu comme un arbre:</p>
+ <code class="inline-xml" style="font-size:80%;width:50%;position:relative;float:left;"><![CDATA[<bibliography>
+
+ <book>
+ <title>Foundations of Databases</title>
+ <author>Abiteboul</author>
+ <author>Hull</author>
+ <author>Vianu</author>
+ <publisher>Addison Wesley</publisher>
+ <year>1995</year>
+ </book>
+
+ <book>
+ <title>The Lord of the Rings</title>
+ <author>J. R. R. Tolkien</author>
+ <publisher>Houghton Mifflin</publisher>
+ <year>2001</year>
+ </book>
+
+</bibliography>]]></code>
+ <embed src="tree.svg" style="width: 10cm; height: 13cm;" />
+ </div>
+<div class="sws-slide">
+ <h1>Sérialisation d'un arbre sous forme de document</h1>
+ <p class="sws-pause">Étant donné un arbre, comment peut ont produire
+ le document XML correspondant ?</p>
+ <code> //pseudo-code
+ void print(Node n)
+ {
+ if (n is text or comment) { output_text(n) }
+ else {
+ output_text ("<" + tag(n) + ">");
+ for k in children(n)
+ print(k);
+ output_text ("</" + tag(n) + ">");
+ }
+ </code>
+ <ul style="background:white;">
+ <li>On effectue un parcours en profondeur d'abord </li>
+ <li>Si le nœud courant est une feuille, on l'affiche</li>
+ <li>Sinon on affiche la balise ouvrante, puis récursivement tous
+ les fils, puis la balise fermante</li>
+ </ul>
+</div>
+<div class="sws-slide">
+<h1>Ordre du document, parcours préfixe</h1>
+<p>On appelle <a>ordre du document</a> un ordre <a>total</a> sur les
+ nœuds d'un document qui correspond à leur ordre dans un fichier
+ sérialisé. Il correspond aussi à la numérotation lors du parcours
+ préfixe</p>
+<ol style="float:left; width:50%">
+<li>#document</li>
+<li>bibliography</li>
+<li>book</li>
+<li>title</li>
+<li>"Foundations of Databases"</li>
+<li>author</li>
+<li>"Abiteboul"</li>
+<li>author</li>
+<li>"Hull"</li>
+<li>author</li>
+<li>"Vianu"</li>
+</ol>
+ <embed src="tree.svg" style="width: 10cm; height: 13cm;" />
+
+</div>
+<div class="sws-slide">
+<h1>Construction d'un arbre à partir d'un fichier XML ?</h1>
+<p class="sws-slide">Pour simplifier on suppose un fichier sans texte, uniquement avec
+ des balises ouvrantes/fermantes</p>
+<code>
+ type Node = { label : string; children : List<Node> }
+ Stack<Node> stack;
+ stack.push (new Node("#document"), []));
+ while (true) {
+
+ tag = read ();
+ if end_of_file () break;
+ if tag is opening {
+ parent = stack.peek();
+ node = new Node(tag, []);
+ parent.addChild(node);
+ stack.push(node);
+ }
+ if tag is closing {
+ stack.pop();
+ }
+ }
+</code>
+<p class="sws-pause">En pratique, on utilise des bibliothèques toutes faites pour
+ lire/écrire des fichiers!</p>
+</div>
+<h1>XPath, introduction</h1>
+<div class="sws-slide">
+<h1>Intérogation de documents XML</h1>
+<p>Les documents représentant des données (semi-) structurées, on
+ souhaite en extraire de l'information</p>
+<p>On va pouvoir écrire des requêtes sur des <a>critères scalaires</a>
+ (
+« renvoyer tous les livres publiés après 2000 »), mais aussi sur des
+ critères de <a>structure</a> (« renvoyer tous les éléments qui ont
+ un fils <tt>author</tt> »)</p>
+</div>
+<div class="sws-slide">
+<h1>XPath</h1>
+<p>XPath est un langage de <a>selection de nœud</a> dans un document
+ XML. Il ne permet <a>que</a> de sélectionner des nœuds, pas d'en
+ construire de nouveaux. C'est un langage restreint qui ne contient
+ pas de fonctions, variables, … On peut le voir comme un équivalent
+ du <tt>SELECT</tt> de SQL</p>
+</div>
+
+<div class="sws-slide">
+<h1>XPath (exemple)</h1>
+<p>Sélectionner tous les titres du document (de manière compliquée)</p>
+<code> <span style="color:#00f">/</span>descendant::<s>author</s>/parent::<a>book</a>/child::<span style="color:#880088">title</span></code>
+<embed src="tree.svg" style="position:relative;left:20%;width: 10cm; height: 13cm;"/>
+<script type="text/javascript">
+var color = function (o,e, c) {
+ $(o).find("*[class='" + e + "']").css("fill", c);
+}
+SWS.Presentation.registerCallback(0, function (canvas) {
+ var svg = canvas.find("embed")[0].getSVGDocument();
+ $(svg).find("text").css({ "font-family":"DIN", "font-size":"70%"});
+ color(svg, "author", "#ff0000");
+ color(svg, "document", "#0000ff");
+ color(svg, "book", "#92b938");
+ color(svg, "title", "#880088");
+});
+</script>
+</div>
+<div class="sws-slide">
+<h1>XPath : syntaxe</h1>
+<p>La syntaxe d'une requête XPath est:</p>
+<code> /axe<sub>1</sub>::test<sub>1</sub>[ pred<sub>1</sub> ]/ … /axe<sub>n</sub>::test<sub>n</sub>[ pred<sub>n</sub> ]</code>
+<ul>
+<li><a>axe</a>
+ : <tt>self</tt>, <tt>child</tt>, <tt>descendant</tt>, <tt>parent</tt>,
+ …
+</li>
+<li><a>test</a> : <tt>node()</tt>, <tt>text()</tt>, <tt>*</tt>, ou un
+ nom d'élément </li>
+<li> <a>pred(icat)</a> : chemin XPath, expression arithmétique,
+ comparaison, …
+</li>
+<p>exemple:</p>
+<code> /descendant::book[ child::year > 2000] / child::title </code>
+</ul>
+
+</div>
+<div class="sws-slide">
+<h1>XPath : sémantique</h1>
+<p>Étant donné la requête: </p>
+<code> /axe<sub>1</sub>::test<sub>1</sub>[ pred<sub>1</sub> ]/ … /axe<sub>n</sub>::test<sub>n</sub>[ pred<sub>n</sub> ]</code>
+<ol>
+ <li>le <a>nœud contexte</a> au nœud <a>document</a></li>
+ <li>on sélectionne l'ensemble A<sub>1</sub> <a>tous les nœuds</a> qui sont dans
+ l'<tt>axe<sub>1</sub></tt> par rapport au nœud contexte</li>
+ <li>on sélectionne l'ensemble T<sub>1</sub> des nœud de
+ A<sub>1</sub> qui vérifient le test <tt>test<sub>1</sub></tt></li>
+ <li>on sélectionne l'ensemble P<sub>1</sub> des nœud de
+ T<sub>1</sub> qui vérifient <tt>pred<sub>1</sub></tt></li>
+ <li>On réapplique le pas 2 sur <tt>P<sub>1</sub></tt></li>
+ <li> … </li>
+</ol>
+</div>
+<div class="sws-slide">
+<h1>XPath : sémantique (exemple)</h1>
+<div style="width:50%;float:left;">
+<code> <span style="color:#00f">/</span>descendant::<s>author</s>/parent::<a>book</a>/child::<span style="color:#880088">title</span></code>
+<ol><li >On séléctionne le nœud document</li>
+<li >On séléctionne tous les descendants</li>
+<li>On filtre en ne gardant que les nœuds <s>author</s>
+ (T<sub>1</sub> ≡ P<sub>1</sub>)</li>
+<li>Sur chacun des <s>author</s> on prend le parent (on n'obtient que
+ 2 parents car on garde des ensembles de noeuds)</li>
+<li>On filtre les parents pour ne garder que ceux qui
+ sont <a>book</a></li>
+<li>On sélectionne tous les fils de chacun des <a>book</a></li>
+<li>On ne garde que les fils qui ont le
+ tag <span style="color:#880088">title</span></li>
+</ol>
+</div>
+<embed src="tree.svg" style="width: 10cm; height: 13cm;"/>
+<script type="text/javascript">
+SWS.Presentation.registerCallback(0, function (canvas) {
+ var svg = canvas.find("embed")[0].getSVGDocument();
+ $(svg).find("text").css({ "font-family":"DIN", "font-size":"70%"});
+ color(svg, "author", "#ff0000");
+ color(svg, "document", "#0000ff");
+ color(svg, "book", "#92b938");
+ color(svg, "title", "#880088");
+});
+</script>
+</div>
+<div class="sws-slide">
+<h1>XPath : axes</h1>
+<p>Le standard XPath définit un grand nombre d'axes</p>
+<ul>
+<li><a>self</a> : on reste sur le nœud courant</li>
+<li><a>child</a> : tous les fils du nœud courant</li>
+<li><a>parent</a> : le parent du nœud courant. Seul le nœud document
+ n'a pas de parent</li>
+<li><a>descendant</a> : les fils, les fils des fils, etc. du nœud courant</li>
+<li><a>ancestor</a> : le parent, et le parent du parent, etc. du nœud
+ courant</li>
+<li> <a>descendant-or-self</a>, <a>ancestor-or-seld</a> : comme les
+ précédents mais inclus le nœud courant</li>
+<li><a>following-sibling</a>: le frères se trouvant après</li>
+<li><a>preceding-sibling</a>: les frères se trouvant avant</li>
+<li><a>following, preceding, attributes </a> : usage avancé</li>
+</ul>
+</div>
+<div class="sws-slide">
+<h1>XPath : les tests</h1>
+<p>On peut sélectionner des nœuds selon les critères suivants</p>
+<ul>
+ <li> <a>node()</a> : n'importe quel nœud</li>
+ <li> <a>text()</a> : un nœud texte (<tt>"The Lord of the
+ Rings"</tt>)</li>
+ <li> <a>*</a> : n'importe quel élément
+ (<tt>author</tt>, <tt>title</tt>, …)</li>
+ <li> <a><i>nom_d_element</i></a> tous les éléments ayant ce nom</li>
+</ul>
+</div>
+<div class="sws-slide">
+<h1>XPath : prédicats (syntaxe)</h1>
+<code>
+ p ::= p or p
+ | p and p
+ | not (p)
+ | count(…), contains(…), position(), …
+ | chemin XPath
+ | e<sub>1</sub> op e<sub>2</sub>
+</code>
+<p><tt>e<sub>1</sub></tt> et <tt>e<sub>2</sub></tt> sont des
+ expressions arithmétiques, <tt>op</tt> peut être <tt><</tt>, <tt>></tt>, =, !=,
+ +, -, *, /, mod, …</p>
+</div>
+<div class="sws-slide">
+<h1>XPath : prédicats (sémantique)</h1>
+<p>On évalue le prédicat et on converti son résultat en valeur de
+ vérité. Si la valeur vaut vrai, on garde le nœud courant, si elle
+ vaut faux, on ne le garde pas
+</p>
+<p>XPath connait <a>4 types de données</a> pour les prédicats : </p>
+<ul>
+<li>Les booléens, valeur de vérité : vrai ou faux</li>
+<li>Les nombres (flottants), valeur de vérité compliquée… </li>
+<li>Les chaînes de caractères, chaîne vide = faux, sinon vrai</li>
+<li>Les ensembles de nœuds, ensemble vide = faux, sinon vrai </li>
+</ul>
+
+</div>
+<div class="sws-slide">
+<h1>XPath : prédicats (exemples)</h1>
+
+<ul><li> <tt>/descendant::book [ child::title ]</tt> : sélectionne chaque
+ élément book pour lequel l'ensemble des fils de nom title n'est
+ pas vide </li>
+<li> <tt>/descendant::book [ count(child::author) > 2 ]</tt> : séléctionne
+ chaque book qui a plus de deux fils author</li>
+<li> <tt>/descendant::book [ contains(child::title, "Ring") ]</tt></li>
+<li> <code>/descendant::book [ count(child::author) > 2
+ or contains(child::author, "Tolk")
+ ]/child::title</code></li>
+</ul>
+</div>
+<div class="sws-slide">
+<h1>Caractéristiques d'XPath</h1>
+<ul>
+ <li>XPath est un langage standardisé par le W3C</li>
+ <li>Assez verbeux</li>
+ <li>Langage de requêtes <a>monadique</a> (on ne peut renvoyer que
+ des ensembles de nœuds. Par exemple il est impossible de renvoyer
+ des ensembles de paires auteur/titre de livre)</li>
+ <li>Il est assez compliqué à implémenter efficacement</li>
+</ul>
+</div>
+ </body>
+</html>
projects / hacks / simpleWebSlides.git / blobdiff