La présentation est en train de télécharger. S'il vous plaît, attendez

La présentation est en train de télécharger. S'il vous plaît, attendez

Lexique Langages & Documents Réfs Techs Sommaire...... Paul Franchi SI 5 2013-14 Chap III - XML Présentation ("Basic") Chap VIII - XML Processeurs "Advanced"

Présentations similaires


Présentation au sujet: "Lexique Langages & Documents Réfs Techs Sommaire...... Paul Franchi SI 5 2013-14 Chap III - XML Présentation ("Basic") Chap VIII - XML Processeurs "Advanced""— Transcription de la présentation:

1 Lexique Langages & Documents Réfs Techs Sommaire Paul Franchi SI Chap III - XML Présentation ("Basic") Chap VIII - XML Processeurs "Advanced" 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

2 Lexique Réfs Techs Sommaire Transparent 2 13/01/2014 Sommaire du Cours n Chap I - Documents: Historique, Modèles, Standards et Références Chap I n Chap II - HTML: voir le cours CIP1-CMD & HTML5 Chap IIvoir le cours CIP1-CMD n Chap III - XML: "eXtensible Markup Language", les Bases Chap III n Chap IV - DTD: "Document Type Definition" Chap IV n Chap V - CSS: Feuilles de Styles en Cascades& CSS3 Chap V n Chap VI - DOM, DHTML: "Domain Object Model "& Programmation Dynamique en HTML & SPRY & JQuery Chap VI n Chap VII - XSD: Schémas XML Chap VII n Chap VIII - XML "Advanced" Processeurs et Dialectes: XPath, Xlink Chap VIII n Chap IX - XSLT: Transformations XML Chap IX n Chap X - RDF: "Resource Description Framework" Chap X n Chap IX - AJAX: "Asynchronous JavaScript And XML" Chap IX Savoir-Faire: Basic Advanced State of the ArtBasicAdvanced State of the Art Etat de l'Art: HTML5 CSS3 SPRY JQuery SVG MathML RDF AJAX HTML5CSS3 SPRYJQuerySVG MathMLRDFAJAX

3 SommaireLexique Browser compatibility Réfs Techs Transparent 3 13/01/2014 n Web EPU courses (in French) Création & Manipulltion de Document Introduction to Internet Langages & Documents W3C tutorial : Mozilla Development Center W3C, Web Developer's Bookmarks XML Wiki Book _Managing_Data_Exchangehttp://en.wikibooks.org/wiki/XML_- _Managing_Data_Exchange n Biblio: many issues at EPU's lib Some References

4 SommaireLexique Browser compatibility Réfs Techs Transparent 4 13/01/2014 Documentation et Manuels n Documents du web liste de balises HTML code des couleurs RVB code HTML des caractères ISO liste des extensions de fichiers (formats) liste des extensions de fichiers (formats) Expressions Rationnelles n Manuels. Expressions régulières sous Emacs Recherche et remplacement sous Emacs compléments Emacs grep sous Unix

5 SommaireLexique Browser compatibility Réfs Techs Transparent 5 13/01/2014 Web Reference Browser de XML vers HTML5+CSS3 metadata.xml

6 SommaireLexique Browser compatibility Réfs Techs Transparent 6 13/01/2014 Doc Example Browser de XML vers HTML5+CSS3+JS metadata.xml

7 Lexique Réfs Techs Sommaire Transparent 7 13/01/2014 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 Lexique

8 Langages & Documents Réfs Techs Sommaire Paul Franchi SI 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 Espaces de noms - Namespaces Dialectes XHTML Techniques XML

9 Lexique Réfs Exemples du W3C Norme Lexicale Norme Syntaxique XHTML XHTML Namespaces SVG SVG MathML XML MetaData XML Know Hows" XML "State of the Art" XPath XPointer XLink XQueryXForms XML Techno l'Univers XML Validation Validation Techs Sommaire Transparent 9 13/01/2014 XML - La Génèse et les Recommandations (W3C) n XML should be compatible with SGML n XML should be easy to use in the Internet n The number of optional characteristics should be minimized n XML-documents should be easy to generate and human-readable n XML should be supported by a variety of application n It should be easy to write programs for XML n XML should be put into practice on time HTML Information presentation Fixed set of tags Data presentation language Limited hypertext linking HTML Information presentation Fixed set of tags Data presentation language Limited hypertext linking 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 "W3C- recommendation" and was named "Extensible Markup Language (XML)". XML Information content Extensible set of tags Data exchange language Greater hypertext linking XML Information content Extensible set of tags Data exchange language Greater hypertext linking

10 Lexique Réfs Exemples du W3C Norme Lexicale Norme Syntaxique XHTML XHTML Namespaces SVG SVG MathML XML MetaData XML Know Hows" XML "State of the Art" XPath XPointer XLink XQueryXForms XML Techno l'Univers XML Validation Validation Techs Sommaire Transparent 10 13/01/2014 XML - Applications n 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.)XSLTChapter 17 n Interaction: XML can be used for accessing and changing data interactively. This man machine communication usually happens via a web browser (see Chapter 12).Chapter 12 n Integration: Using XML, homogenous and heterogenous applications can be integrated. In this case, XML is used to describe data, interfaces, and protocols. This machine- machine communication helps integrate relational databases (i.e. by importing and exporting different formats).relational databases n Transaction: XML helps to process transactions in applications like online marketplaces, supply chain management, and e-procurement systems. 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.) 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.)

11 Lexique Réfs Exemples du W3C Norme Lexicale Norme Syntaxique XHTML XHTML Namespaces SVG SVG MathML XML MetaData XML Know Hows" XML "State of the Art" XPath XPointer XLink XQueryXForms XML Techno l'Univers XML Validation Validation Techs Sommaire Transparent 11 13/01/ reasons to use XML n XML is a widely accepted open standard. n XML allows to clearly separate content from form (appearance). n XML is text-oriented. n XML is extensible. n XML is self-describing. n XML is universal; meaning internationalization is no problem. n XML is independent from platforms and programming languages. n XML provides a robust and durable format for information storage. n XML is easily transformable. n XML is a future-oriented technology.

12 Lexique Réfs Exemples du W3C Norme Lexicale Norme Syntaxique XHTML XHTML Namespaces SVG SVG MathML XML MetaData XML Know Hows" XML "State of the Art" XPath XPointer XLink XQueryXForms XML Techno l'Univers XML Validation Validation Techs Sommaire Transparent 12 13/01/2014 XML - eXtensible Marked up Langage n XML est une recommandation W3C (1998) pour le transport et le stockage de données n XML est un métalangage (ou méta-modèle) les balises ne sont pas limitées (user-defined) n le balisage est associé à une structure logique Arborescente (enracinée dessinée) API DOM, SAX n le principe de formatage est celui des boites rectangulaires bien emboîtées (parenthèsées) XML bien formé n une DTD ou un Schéma XSD (non obligatoire) définit une structure logique générique (modèle SGML) XML valide n le Style est toujours séparé CSS, XSL, XSL-FO n XML supporte: des processeurs dédiés: XPath, XLink, XQuery, XForms la définition de dialectes: SVG, MathML, RDF, SMIL, RSS… des transformations & échanges XSLT

13 Lexique Réfs Exemples du W3C Norme Lexicale Norme Syntaxique XHTML XHTML Namespaces SVG SVG MathML XML MetaData XML Know Hows" XML "State of the Art" XPath XPointer XLink XQueryXForms XML Techno l'Univers XML Validation Validation Techs Sommaire Transparent 13 13/01/2014 Les exemples du W3C SI4 Le Prof Reminder Don't forget your TP! Une note (message)

14 Lexique Réfs Exemples du W3C Norme Lexicale Norme Syntaxique XHTML XHTML Namespaces SVG SVG MathML XML MetaData XML Know Hows" XML "State of the Art" XPath XPointer XLink XQueryXForms XML Techno l'Univers XML Validation Validation Techs Sommaire Transparent 14 13/01/2014 Les exemples du W3C $5.95 Belgian Waffles two of our famous Belgian Waffles with plenty of real maple syrup 650 $7.95 Strawberry Belgian Waffles light Belgian waffles covered with strawberries and whipped cream 900 $8.95 Berry-Berry Belgian Waffles light Belgian waffles covered with an assortment of … and whipped cream 900 $4.50 French Toast thick slices made from our homemade sourdough bread 600 Une carte de Menu

15 Lexique Réfs Exemples du W3C Norme Lexicale Norme Syntaxique XHTML XHTML Namespaces SVG SVG MathML XML MetaData XML Know Hows" XML "State of the Art" XPath XPointer XLink XQueryXForms XML Techno l'Univers XML Validation Validation Techs Sommaire Transparent 15 13/01/2014 XML - Objectifs n 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 n 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 n XML (contrairement à HTML) ne fait rien par lui-même n XML ne traite pas le "layout" (style) du format des données

16 Lexique Réfs Exemples du W3C Norme Lexicale Norme Syntaxique XHTML XHTML Namespaces SVG SVG MathML XML MetaData XML Know Hows" XML "State of the Art" XPath XPointer XLink XQueryXForms XML Techno l'Univers XML Validation Validation Techs Sommaire XML based Languages XHTML SVG MATHM L SMIL WSDL SOAP RSS RDF DOM XSD XPath XLink XSL XML Processors XSL-FO XQuery XForms Transparent 16 13/01/2014 l'Univers XML … … en pleine expansion CSS … des processeurs compatibles … un metamodèle "pivot" universel

17 Lexique Réfs Exemples du W3C Norme Lexicale Norme Syntaxique XHTML XHTML Namespaces SVG SVG MathML XML MetaData XML Know Hows" XML "State of the Art" XPath XPointer XLink XQueryXForms XML Techno l'Univers XML Validation Validation Techs Sommaire XML based Languages XHTML SVG MATHML SMIL WSDL SOAP RSS RDF DOM XSD XPath XLink XSL XML Processors XSL-FO XQuery XForms Transparent 17 13/01/2014 l'Univers XML … … en pleine expansion CSS … des processeurs compatibles … un metamodèle "pivot" universel XUL

18 Lexique Réfs Exemples du W3C Norme Lexicale Norme Syntaxique XHTML XHTML Namespaces SVG SVG MathML XML MetaData XML Know Hows" XML "State of the Art" XPath XPointer XLink XQueryXForms XML Techno l'Univers XML Validation Validation Techs Sommaire Transparent 18 13/01/2014 XML - Le rôle des balises n Délimiter le texte (ou éléments) n Ordonner les éléments entre eux n Hiérarchiser par imbrication n Créer des liens et autre relations entre données n Associer une fonction logique Rappel

19 Lexique Réfs Exemples du W3C Norme Lexicale Norme Syntaxique XHTML XHTML Namespaces SVG SVG MathML XML MetaData XML Know Hows" XML "State of the Art" XPath XPointer XLink XQueryXForms XML Techno l'Univers XML Validation Validation Techs Sommaire Les exemples du W3C Empire Burlesque Bob Dylan USA Columbia Hide your heart Bonnie Tyler UK CBS Records xml Un catalogue de CD

20 Lexique Réfs Exemples du W3C Norme Lexicale Norme Syntaxique XHTML XHTML Namespaces SVG SVG MathML XML MetaData XML Know Hows" XML "State of the Art" XPath XPointer XLink XQueryXForms XML Techno l'Univers XML Validation Validation Techs Sommaire Transparent 20 13/01/2014 XML - Norme Lexicale n les commentaires sont de la forme n les balises "xml" (Prologue) sont de la forme & ?> n les DTD internes sont de la forme > n les autres balises (Eléments) sont de 3 formes: n les CHAINES sont de la forme " tout_sauf " & " ou ' tout_sauf ' & ' n 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 : n les NOMs sont sensibles à la casse n les Attributs sont de la forme NOM = chaines n les sections pour du texte non analysé (sauf ]] ) n le format est "libre" : les " " \t \r \n sont permis partout sauf dans les balises entre < ou

21 Lexique Réfs Exemples du W3C Norme Lexicale Norme Syntaxique XHTML XHTML Namespaces SVG SVG MathML XML MetaData XML Know Hows" XML "State of the Art" XPath XPointer XLink XQueryXForms XML Techno l'Univers XML Validation Validation Techs Sommaire Transparent 21 13/01/2014 XML - Norme Syntaxique Un source XML est dit "Bien Formé" (syntaxe) ssi n 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 n le Prologue se compose: d'une balise de déclaration puis en option : d'Instructions de Traitement (stylesheet, par ex) d'une déclaration de Type de Document (DTD) de commentaires n le source forme un système de textes, de balises, de commentaires et d'instructions de traitement bien parenthèsé et enraciné

22 Lexique Réfs Exemples du W3C Norme Lexicale Norme Syntaxique XHTML XHTML Namespaces SVG SVG MathML XML MetaData XML Know Hows" XML "State of the Art" XPath XPointer XLink XQueryXForms XML Techno l'Univers XML Validation Validation Techs Sommaire Transparent 22 13/01/2014 XML - Validation Un source XML est dit "Valide" ssi n il est "Bien Formé" n il est conforme aux règles définies par: une DTD ou un schéma XSD 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) n Outils de validation: IE, FF, DW, Nvu Via loadXML()(script) et le DOM Divers environnements(voir le Web)

23 Lexique Réfs Exemples du W3C Norme Lexicale Norme Syntaxique XHTML XHTML Namespaces SVG SVG MathML XML MetaData XML Know Hows" XML "State of the Art" XPath XPointer XLink XQueryXForms XML Techno l'Univers XML Validation Validation Techs Sommaire Transparent 23 13/01/2014 Navigateurs ("Web Browsers") n Historiques: Mosaîc, I.E. Netscape liste de navigateurs sur Wikipédia n Internet Explorer 6 => 9 ss Win, Linux HTML 4.01, XHTML 1.0, XML, CSS2, DOM n Safari 3 => 5 ss Mac OS, Win HTML 4.01, XHTML 1.0, XML, CSS2, DOM n Mozilla ss Win, Mac OS, Linux n Firefox => => 4.0 => ?.0 HTML 4.01, XHTML 1.0, XML, CSS2+, DOM n Opera 11 ss Win, Mac OS, Linux n Konqueror ss KDE n Google Chrome 13 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. un moteur de rendu: interpréteur html, css, xml, xsl, script, java, etc. une interface utilisateur: menus, "widgets", historique, signets un gestionnaire de "plugins" pour divers formats

24 Lexique Réfs Exemples du W3C Norme Lexicale Norme Syntaxique XHTML XHTML Namespaces SVG SVG MathML XML MetaData XML Know Hows" XML "State of the Art" XPath XPointer XLink XQueryXForms XML Techno l'Univers XML Validation Validation Techs Sommaire Transparent 24 13/01/2014 Espaces de Noms "Namespaces" Un mécanisme qui répond à 2 objectifs 1. résoudre les conflits potentiels issus de sources multiples (documents XML et HTML): Noms surchargés (cf Compilation: Visibilité & Portée) 2. regrouper (logiquement) des définitions à réutiliser Modules ou Classes Importation: Masquage & Héritage

25 Lexique Réfs Exemples du W3C Norme Lexicale Norme Syntaxique XHTML XHTML Namespaces SVG SVG MathML XML MetaData XML Know Hows" XML "State of the Art" XPath XPointer XLink XQueryXForms XML Techno l'Univers XML Validation Validation Techs Sommaire Transparent 25 13/01/2014 Conflits de Noms n Par Importations Multiples ROUGE VERT BLEU Lundi 8h30-9h30

26 Lexique Réfs Exemples du W3C Norme Lexicale Norme Syntaxique XHTML XHTML Namespaces SVG SVG MathML XML MetaData XML Know Hows" XML "State of the Art" XPath XPointer XLink XQueryXForms XML Techno l'Univers XML Validation Validation Techs Sommaire Transparent 26 13/01/2014 Nom Préfixé ou Qualifié ("QName") n Résolution des Conflits par des Préfixes ROUGE VERT BLEU Lundi 8h30-9h30 …

27 Lexique Réfs Exemples du W3C Norme Lexicale Norme Syntaxique XHTML XHTML Namespaces SVG SVG MathML XML MetaData XML Know Hows" XML "State of the Art" XPath XPointer XLink XQueryXForms XML Techno l'Univers XML Validation Validation Techs Sommaire Transparent 27 13/01/2014 Espaces de Noms & URI n "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 n Espaces de Noms des dialectes XML xs: xsl: xlink: n Portée

28 Lexique Réfs Exemples du W3C Norme Lexicale Norme Syntaxique XHTML XHTML Namespaces SVG SVG MathML XML MetaData XML Know Hows" XML "State of the Art" XPath XPointer XLink XQueryXForms XML Techno l'Univers XML Validation Validation Techs Sommaire Transparent 28 13/01/2014 Espaces de Noms "Namespace" n Attribut xmlns avec prefix xmlns:namespace-prefix="namespaceURI" ROUGE VERT BLEU Lundi 8h30-9h30

29 Lexique Réfs Exemples du W3C Norme Lexicale Norme Syntaxique XHTML XHTML Namespaces SVG SVG MathML XML MetaData XML Know Hows" XML "State of the Art" XPath XPointer XLink XQueryXForms XML Techno l'Univers XML Validation Validation Techs Sommaire Espaces de Noms "Namespace" n Attribut xmlns par défaut xmlns = "namespaceURI" n Utilisations: XHTML, XLINK, XSD, XSL et dialectes n Attribut xmlns par défaut xmlns = "namespaceURI" n Utilisations: XHTML, XLINK, XSD, XSL et dialectes Transparent 29 13/01/2014 n Attribut xmlns par défaut xmlns = "namespaceURI" n Utilisations: XHTML, XLINK, XSD, XSL et dialectes n Attribut xmlns par défaut xmlns = "namespaceURI" n Utilisations: XHTML, XLINK, XSD, XSL et dialectes

ROUGE VERT BLEU
Lundi 8h30-9h30
Lundi 8h30-9h30"> Lexique Réfs Exemples du W3C Norme Lexicale Norme Syntaxique XHTML XHTML Namespaces SVG SVG MathML XML MetaData XML Know Hows

30 Lexique Réfs Exemples du W3C Norme Lexicale Norme Syntaxique XHTML XHTML Namespaces SVG SVG MathML XML MetaData XML Know Hows" XML "State of the Art" XPath XPointer XLink XQueryXForms XML Techno l'Univers XML Validation Validation Techs Sommaire Transparent 30 13/01/2014 Uniform Resource Identifier (URI) n a URI is a string of characters which identifies an Internet Resource. The most common URI is the Uniform Resource Locator (URL) which identifies an Internet domain address. n les URI sont des clés "syntaxiques" (les URL permettent de définir une clé universelle). n les URI peuvent avoir un sens pour une application (interprétation à l'exécution pour un Navigateur, par ex.) n les préfixes sont purement "lexicaux" (libres et sans signification) n XSD – n XSLT – n XHTML – n SVG – n XLINK – n SOAP – n XLINK – n Dublin-Core –

31 Lexique Réfs Exemples du W3C Norme Lexicale Norme Syntaxique XHTML XHTML Namespaces SVG SVG MathML XML MetaData XML Know Hows" XML "State of the Art" XPath XPointer XLink XQueryXForms XML Techno l'Univers XML Validation Validation Techs Sommaire Transparent 31 13/01/2014 Espaces de Noms par Défaut n Scalable Vector Graphics

32 Lexique Réfs Exemples du W3C Norme Lexicale Norme Syntaxique XHTML XHTML Namespaces SVG SVG MathML XML MetaData XML Know Hows" XML "State of the Art" XPath XPointer XLink XQueryXForms XML Techno l'Univers XML Validation Validation Techs Sommaire Transparent 32 13/01/2014 Portée des Espaces de Noms Multiples Rectangle et Ellipse

Pour en savoir plus sur SVG

Pour en savoir plus sur SVG"> Lexique Réfs Exemples du W3C Norme Lexicale Norme Syntaxique XHTML XHTML Namespaces SVG SVG MathML XML MetaData XML Know Hows

33 Lexique Réfs Exemples du W3C Norme Lexicale Norme Syntaxique XHTML XHTML Namespaces SVG SVG MathML XML MetaData XML Know Hows" XML "State of the Art" XPath XPointer XLink XQueryXForms XML Techno l'Univers XML Validation Validation Techs Sommaire Transparent 33 13/01/2014 Quelques Dialectes, parmi des centaines n SMIL – pour le Multimédia n CML – pour les formules chimiques n ATOM, RSS – pour les flux (syndication) n RDF – pour les ressources n WML – pour les mobiles (Wap) n MusicML – pour la musique n SVG – pour les graphiques vectoriels n MathML – pour les formules mathématiques n XUL – pour les Interfaces Mozilla n WordML – pour Office n KML – Google Earth & Maps Un dialecte XML définit un ensemble (Langage) de documents XML valides par rapport à une DTD ou un schéma XSD (les documents sont donc bien formés)

34 Lexique Réfs Exemples du W3C Norme Lexicale Norme Syntaxique XHTML XHTML Namespaces SVG SVG MathML XML MetaData XML Know Hows" XML "State of the Art" XPath XPointer XLink XQueryXForms XML Techno l'Univers XML Validation Validation Techs Sommaire Transparent 34 13/01/2014 SVG - Scalable Vector Graphics

35 Lexique Réfs Exemples du W3C Norme Lexicale Norme Syntaxique XHTML XHTML Namespaces SVG SVG MathML XML MetaData XML Know Hows" XML "State of the Art" XPath XPointer XLink XQueryXForms XML Techno l'Univers XML Validation Validation Techs Sommaire Transparent 35 13/01/2014 MathML: insertion dans XML Formule sous MathML A*B b 10 x

36 Lexique Réfs Exemples du W3C Norme Lexicale Norme Syntaxique XHTML XHTML Namespaces SVG SVG MathML XML MetaData XML Know Hows" XML "State of the Art" XPath XPointer XLink XQueryXForms XML Techno l'Univers XML Validation Validation Techs Sommaire Transparent 36 13/01/2014 XHTML - Introduction n Une version « Xmlisée » de HTML 4.0 n Recommandation W3C (Janvier 2000) au remplacement de HTML n XHTML 1.0: Compatibilité (presque) totale avec HTML 4.0 n les documents doivent être « bien formés » au sens XML racine unique marqueurs de fermeture obligatoires: ou et, avec un espace devant / balises bien emboîtées (parenthèsées) nom et attribut de balise en minuscule (sensibilité à la casse) valeurs dattributs entre et valeurs explicites lattribut id remplace name n XHTML 1.0: Trois DTDs de validation strict transitional framseset

37 Lexique Réfs Exemples du W3C Norme Lexicale Norme Syntaxique XHTML XHTML Namespaces SVG SVG MathML XML MetaData XML Know Hows" XML "State of the Art" XPath XPointer XLink XQueryXForms XML Techno l'Univers XML Validation Validation Techs Sommaire Transparent 37 13/01/2014 XHTML- format n Source requis en XHTML1.0 n Conseils dutilisation protéger tous les caractères spéciaux: & < > séparer les scripts et les styles le Titre du Document le Corps du Document

38 Lexique Réfs Exemples du W3C Norme Lexicale Norme Syntaxique XHTML XHTML Namespaces SVG SVG MathML XML MetaData XML Know Hows" XML "State of the Art" XPath XPointer XLink XQueryXForms XML Techno l'Univers XML Validation Validation Techs Sommaire Transparent 38 13/01/2014 XHML: insertion dans XML XHTML et XML Liens sous XHTML Visit W3C Tutorial chez Moi

39 Lexique Réfs Exemples du W3C Norme Lexicale Norme Syntaxique XHTML XHTML Namespaces SVG SVG MathML XML MetaData XML Know Hows" XML "State of the Art" XPath XPointer XLink XQueryXForms XML Techno l'Univers XML Validation Validation Techs Sommaire 13/01/2014 XML "Basic Know Hows" n XML Basics n XML & Styling: CSS n XML Dialects: MathML, SVG n Document Definition: DTD, XSD.xml.css.dtd.xsd.dtd

40 Lexique Langages & Documents Réfs Techs Sommaire Paul Franchi SI Chap VIII - XML Processeurs "Advanced" XPath XPointer XLink XInclude, XForms, XQuery XLink Techniques XML XPath XPointer XLink XInclude, XForms, XQuery XLink Techniques XML

41 Lexique Réfs Techs Sommaire Exemples du W3C Norme Lexicale Norme Syntaxique XHTML XHTML Namespaces SVG SVG MathML XML MetaData XML Know Hows" XML "State of the Art" XPath XPointer XLink XQueryXForms XML Techno l'Univers XML Validation Validation Transparent 41 13/01/2014 XPath– Xml Paths Un langage pour spécifier des chemins de localisation dans larborescence dun document Xml n Chemins absolus ou relatifs de type "pathname" [ / ] étape 1 / étape 2 / …. / étape n n axes de cheminement /child:: /parent:: /attribute:: etc n sélection des nœuds filtres par le type des noeuds prédicats par des propriétés n 2 versions XPath 1.0 & XPath 2.0

42 Lexique Réfs Techs Sommaire Exemples du W3C Norme Lexicale Norme Syntaxique XHTML XHTML Namespaces SVG SVG MathML XML MetaData XML Know Hows" XML "State of the Art" XPath XPointer XLink XQueryXForms XML Techno l'Univers XML Validation Validation Transparent 42 13/01/2014 XML & XPath– Modèle Arborescent de Document Les documents XML sont traités comme des arborescences avec 7 types de nœuds et dont la racine est la balise "root" du document: 1. nœud Racine – unique & obligatoire 1.racine de l'arborescence du document 2. nœud Elément 1.délimité par les balises 3. nœud Attribut 1.attaché à un Nœud Elément, mais sans relation 4. nœud Commentaire 1.délimité par 5. nœud "xmlns" - déclaration d'Espace de Noms 1.un pour chaque Espace de Nom actif (déclaré ou défaut) 6. nœud "processing-instruction" 1.délimité par 7. nœud Texte de type #PCDATA

43 Lexique Réfs Techs Sommaire Exemples du W3C Norme Lexicale Norme Syntaxique XHTML XHTML Namespaces SVG SVG MathML XML MetaData XML Know Hows" XML "State of the Art" XPath XPointer XLink XQueryXForms XML Techno l'Univers XML Validation Validation Transparent 43 13/01/2014 XPath - Exemple d'expressions n Les expressions XPath permettent de sélectionner un nœud (ou un ensemble de) dans un document Xml Harry Potter Learning XML Path Expression Sélection 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" All attributes that are named "lang"

44 Lexique Réfs Techs Sommaire Exemples du W3C Norme Lexicale Norme Syntaxique XHTML XHTML Namespaces SVG SVG MathML XML MetaData XML Know Hows" XML "State of the Art" XPath XPointer XLink XQueryXForms XML Techno l'Univers XML Validation Validation Transparent 44 13/01/2014 XPath – Indicateurs de Relation - "axis" relativement au Nœud Courant childles nœuds fils (axe par défaut) attributeles attributs parentle nœud parent descendantles descendants - ni attributs, ni NS ancestorles ascendants - ni attributs, ni NS selfle nœud courant lui-même preceding-siblingles frères gauches following-siblingles frères droits precedingles précédants ds l'ordre - ni asc, ni attr followingles suivants ds l'ordre - ni desc, ni attr descendant-or-selfle nœud contexte et ses descendants ancestor-or-selfle nœud contexte et ses ascendants namespaceles espaces nominaux

45 Lexique Réfs Techs Sommaire Exemples du W3C Norme Lexicale Norme Syntaxique XHTML XHTML Namespaces SVG SVG MathML XML MetaData XML Know Hows" XML "State of the Art" XPath XPointer XLink XQueryXForms XML Techno l'Univers XML Validation Validation Transparent 45 13/01/2014 XPath – Axes et Abréviations.self::node()..parent::node() Axe par défautchild:: Etape par défaut descendant-or-self:: ///descendant-or-self::node()/.//self::node()/descendant-or-self::node()/ A//Bchild::A/descendant-or-self::node()/child::B

46 Lexique Réfs Techs Sommaire Exemples du W3C Norme Lexicale Norme Syntaxique XHTML XHTML Namespaces SVG SVG MathML XML MetaData XML Know Hows" XML "State of the Art" XPath XPointer XLink XQueryXForms XML Techno l'Univers XML Validation Validation Transparent 46 13/01/2014 XPath – Filtres (ou Déterminants) text()les nœuds de type Text comment()les nœuds de type Comment *les nœuds de type Element (sauf axe attribute & namespace) node()tous les types de nœuds processing- instruction() un nœud "instruction" exemples //comment()les commentaires du document /comment()les commentaires de la racine /A/descendant::text()les textes d'un descendant de /A /A//text()les textes sous /A/

47 Lexique Réfs Techs Sommaire Exemples du W3C Norme Lexicale Norme Syntaxique XHTML XHTML Namespaces SVG SVG MathML XML MetaData XML Know Hows" XML "State of the Art" XPath XPointer XLink XQueryXForms XML Techno l'Univers XML Validation Validation Transparent 47 13/01/2014 XPath – Prédicats /A/B/child::node()[position()=1]les premiers fils de /A/B /A/B/child::node()[1]idem /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 Et d'autres fonctions …

48 Lexique Réfs Techs Sommaire Exemples du W3C Norme Lexicale Norme Syntaxique XHTML XHTML Namespaces SVG SVG MathML XML MetaData XML Know Hows" XML "State of the Art" XPath XPointer XLink XQueryXForms XML Techno l'Univers XML Validation Validation Transparent 48 13/01/2014 XPath – Interrogations sur une Base Documentaire //TITREtous les titres du document /FILMs/FILM [TITRE='Alien']tous les FILM à titre"Alien" /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 Et d'autres fonctions …

49 Lexique Réfs Techs Sommaire Exemples du W3C Norme Lexicale Norme Syntaxique XHTML XHTML Namespaces SVG SVG MathML XML MetaData XML Know Hows" XML "State of the Art" XPath XPointer XLink XQueryXForms XML Techno l'Univers XML Validation Validation Transparent 49 13/01/2014 XPath + DOM avec JavaScript // xpath une expression de chemin XPATH // I.E var xmlDoc=new ActiveXObject ("Microsoft.XMLDOM"); xmlDoc.async=false; xmlDoc.load ("cdcatalog.xml") ; firstFit=xmlDoc.selectNodes( xpath )[0]; // Mozilla xmlDoc=document.implementation.createDocument("","",null); xmlDoc.async=false; xmlDoc.load("cdcatalog.xml") firstFit= document.evaluate( xpath, xmlDoc, null, XPathResult.ANY_TYPE,null)[0]; attValue=firstFit.getAttribute('someAtt'); //exemple mozxpath.js

50 Lexique Réfs Techs Sommaire Exemples du W3C Norme Lexicale Norme Syntaxique XHTML XHTML Namespaces SVG SVG MathML XML MetaData XML Know Hows" XML "State of the Art" XPath XPointer XLink XQueryXForms XML Techno l'Univers XML Validation Validation Transparent 50 13/01/2014 XLink – Xml Linking Language Standard W3C d'expression de liens dans un document Xml n 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) à lintérieur dun document peuvent importer du texte ou balisage XLink supporte des liens simples (type HTML) et des liens étendus (multiples) pour lier plusieurs ressources ensemble.

51 Lexique Réfs Techs Sommaire Exemples du W3C Norme Lexicale Norme Syntaxique XHTML XHTML Namespaces SVG SVG MathML XML MetaData XML Know Hows" XML "State of the Art" XPath XPointer XLink XQueryXForms XML Techno l'Univers XML Validation Validation Transparent 51 13/01/2014 XLink – Exemples n Lien sur le Web W3C n Lien local 3 mais pas 4 ?

52 Lexique Réfs Techs Sommaire Exemples du W3C Norme Lexicale Norme Syntaxique XHTML XHTML Namespaces SVG SVG MathML XML MetaData XML Know Hows" XML "State of the Art" XPath XPointer XLink XQueryXForms XML Techno l'Univers XML Validation Validation Transparent 52 13/01/2014 XLink: un exemple d'insertion dans XML Des Liens sous XML avec Xlink Visit W3Schools Visit Paul Franchi mais pas 4 ?

53 Lexique Réfs Techs Sommaire Exemples du W3C Norme Lexicale Norme Syntaxique XHTML XHTML Namespaces SVG SVG MathML XML MetaData XML Know Hows" XML "State of the Art" XPath XPointer XLink XQueryXForms XML Techno l'Univers XML Validation Validation Transparent 53 13/01/2014 XPointer – Xml Pointer Language Une extension des URL pour préciser un élément dans un document Xml (parties spécifiques ou fragments) en utilisant des XPath expressions n version Html ancre interne référence externe n version Xml localisation des éléments du document via XPath syntaxe dun pseudo chemin avec /1/2 correspondant au chemin Xpath: /child::*[1]/ child::*[2]

54 Lexique Réfs Techs Sommaire Exemples du W3C Norme Lexicale Norme Syntaxique XHTML XHTML Namespaces SVG SVG MathML XML MetaData XML Know Hows" XML "State of the Art" XPath XPointer XLink XQueryXForms XML Techno l'Univers XML Validation Validation Transparent 54 13/01/2014 XML – XQuery What is XQuery? n XQuery is the language for querying XML data n XQuery for XML is like SQL for databases n XQuery is built on XPath expressions n XQuery is supported by all major databases n XQuery is a W3C Recommendation for $x in doc("books.xml")/bookstore/book where $x/price>30 order by $x/title return $x/title

55 Lexique Réfs Techs Sommaire Exemples du W3C Norme Lexicale Norme Syntaxique XHTML XHTML Namespaces SVG SVG MathML XML MetaData XML Know Hows" XML "State of the Art" XPath XPointer XLink XQueryXForms XML Techno l'Univers XML Validation Validation Transparent 55 13/01/2014 XML – XForms What Is XForms? n XForms is the next generation of HTML forms n XForms is richer and more flexible than HTML forms n XForms will be the forms standard in XHTML 2.0 n XForms is platform and device independent n XForms separates data and logic from presentation n XForms uses XML to define form data n XForms stores and transports data in XML documents n XForms contains features like calculations and validations of forms n XForms reduces or eliminates the need for scripting n XForms is a W3C Recommendation First Name Last Name Submit

56 Lexique Réfs Techs Sommaire Exemples du W3C Norme Lexicale Norme Syntaxique XHTML XHTML Namespaces SVG SVG MathML XML MetaData XML Know Hows" XML "State of the Art" XPath XPointer XLink XQueryXForms XML Techno l'Univers XML Validation Validation Transparent 56 13/01/2014 XML – Autres Technologies (W3C et al.) n XPointer Point, Intervalle: pour spécifier des fragments de document XML n XInclude pour "assembler" des documents XML n ATOM n RSS n WSDL n etc.

57 Lexique Réfs Exemples du W3C Norme Lexicale Norme Syntaxique XHTML XHTML Namespaces SVG SVG MathML XML MetaData XML Know Hows" XML "State of the Art" XPath XPointer XLink XQueryXForms XML Techno l'Univers XML Validation Validation Techs Sommaire Transparent 57 13/01/2014 Techniques XML n Style CSS multiples n DTD interne externe validation n XSD n DOM & JS & CDATA parsing & validation programmation DOM styleSheets[] XPath Fragments & XSLT n SVG animation n XSLT n AJAX AJAX n as MetaData RDF SPRY PHP n XUL XUL

58 Lexique Réfs Exemples du W3C Norme Lexicale Norme Syntaxique XHTML XHTML Namespaces SVG SVG MathML XML MetaData XML Know Hows" XML "State of the Art" XPath XPointer XLink XQueryXForms XML Techno l'Univers XML Validation Validation Techs Sommaire Transparent 58 13/01/2014 XML & CSS multiples ... /...

59 Lexique Réfs Exemples du W3C Norme Lexicale Norme Syntaxique XHTML XHTML Namespaces SVG SVG MathML XML MetaData XML Know Hows" XML "State of the Art" XPath XPointer XLink XQueryXForms XML Techno l'Univers XML Validation Validation Techs Sommaire Transparent 59 13/01/2014 XML & DTD interne --> ERREUR de balise: BIEN FORMé, mais non VALIDE Vous Lés Autrès Moi Rappel N'oubliez pas de rendre vos TPs !

60 Lexique Réfs Exemples du W3C Norme Lexicale Norme Syntaxique XHTML XHTML Namespaces SVG SVG MathML XML MetaData XML Know Hows" XML "State of the Art" XPath XPointer XLink XQueryXForms XML Techno l'Univers XML Validation Validation Techs Sommaire Transparent 60 13/01/2014 XML & DTD externe ERREUR de balise: BIEN FORMé, mais non VALIDE --> Vous Lés Autrès Moi Rappel N'oubliez pas de rendre vos TPs !

61 Lexique Réfs Exemples du W3C Norme Lexicale Norme Syntaxique XHTML XHTML Namespaces SVG SVG MathML XML MetaData XML Know Hows" XML "State of the Art" XPath XPointer XLink XQueryXForms XML Techno l'Univers XML Validation Validation Techs Sommaire Transparent 61 13/01/2014 DTD – Validation var xmlDoc = new ActiveXObject("Microsoft.XMLDOM") xmlDoc.async="false" xmlDoc.validateOnParse="true" xmlDoc.load("note_dtd_error.xml") document.write(" Error Code: ") document.write(xmlDoc.parseError.errorCode) document.write(" Error Reason: ") document.write(xmlDoc.parseError.reason) document.write(" Error Line: ") document.write(xmlDoc.parseError.line) Avec le W3C Validator on-lineValidator on-line Avec xmllint ss libxmllibxml Avec le parseur XML sous DOM load(), loadXML() pour fichiers, chaînes XML

62 Lexique Réfs Exemples du W3C Norme Lexicale Norme Syntaxique XHTML XHTML Namespaces SVG SVG MathML XML MetaData XML Know Hows" XML "State of the Art" XPath XPointer XLink XQueryXForms XML Techno l'Univers XML Validation Validation Techs Sommaire Transparent 62 13/01/2014 BIEN FORMé, mais non VALIDE --> Vous Les Autres Moi Rappel N'oubliez pas de rendre vos TPs ! --> XML & XSD

63 Lexique Réfs Exemples du W3C Norme Lexicale Norme Syntaxique XHTML XHTML Namespaces SVG SVG MathML XML MetaData XML Know Hows" XML "State of the Art" XPath XPointer XLink XQueryXForms XML Techno l'Univers XML Validation Validation Techs Sommaire Transparent 63 13/01/2014 DOM - "Parser" un document XML(1) 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 n Script en HTML sous I.E. :

64 Lexique Réfs Exemples du W3C Norme Lexicale Norme Syntaxique XHTML XHTML Namespaces SVG SVG MathML XML MetaData XML Know Hows" XML "State of the Art" XPath XPointer XLink XQueryXForms XML Techno l'Univers XML Validation Validation Techs Sommaire Transparent 64 13/01/2014 DOM - "Parser" un document XML(2) / / suite du précédent // 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() // continue sur le suivant n Script en HTML sous Mozilla :

65 Lexique Réfs Exemples du W3C Norme Lexicale Norme Syntaxique XHTML XHTML Namespaces SVG SVG MathML XML MetaData XML Know Hows" XML "State of the Art" XPath XPointer XLink XQueryXForms XML Techno l'Univers XML Validation Validation Techs Sommaire Transparent 65 13/01/2014 DOM - Programmation 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() ……. n Exemple: viewNote.htmlviewNote.html

66 Lexique Réfs Exemples du W3C Norme Lexicale Norme Syntaxique XHTML XHTML Namespaces SVG SVG MathML XML MetaData XML Know Hows" XML "State of the Art" XPath XPointer XLink XQueryXForms XML Techno l'Univers XML Validation Validation Techs Sommaire Transparent 66 13/01/2014 XML & CDATA (script JS interne) Date/Time: JS en XML

Annonces Google