SlideShare a Scribd company logo
1 of 48
Introduction à XML Saïd Radhouani Université de Genève décembre 2004
HTML face aux nouveaux besoins ,[object Object],[object Object],[object Object],[object Object],[object Object],18 décembre 2004 Saïd Radhouani - CUI
Limites du langage HTML ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],18 décembre 2004 Saïd Radhouani - CUI
Limites du langage HTML ,[object Object],[object Object],[object Object],[object Object],18 décembre 2004 Saïd Radhouani - CUI
Limitations de HTML ,[object Object],[object Object],[object Object],[object Object],18 décembre 2004 Saïd Radhouani - CUI
XML - Généralité ,[object Object],[object Object],[object Object],[object Object],18 décembre 2004 Saïd Radhouani - CUI
XML - Généralité ,[object Object],[object Object],[object Object],[object Object],[object Object],18 décembre 2004 Saïd Radhouani - CUI
HTML - XML ,[object Object],[object Object],18 décembre 2004 Saïd Radhouani - CUI HTML <p>Saïd</p> <p>Radhouani</p> <p>Assistant/doctorant</p> <p>Radhouani@cui.unige.ch</p> XML <prenom>Saïd</prenom> <nom>Radhouani</nom> <Fonction> Assistant/doctorant </Fonction> <email>Radhouani@cui.unige.ch </email>
Structure d'un document XML ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],18 décembre 2004 Saïd Radhouani - CUI
Structure d'un document XML ,[object Object],[object Object],[object Object],[object Object],[object Object],18 décembre 2004 Saïd Radhouani - CUI
Le prologue – la déclaration XML ,[object Object],[object Object],[object Object],18 décembre 2004 Saïd Radhouani - CUI
I nstructions de traitement ,[object Object],[object Object],[object Object],[object Object],18 décembre 2004 Saïd Radhouani - CUI
Les commentaires ,[object Object],[object Object],[object Object],[object Object],18 décembre 2004 Saïd Radhouani - CUI
Arbre d'éléments ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],18 décembre 2004 Saïd Radhouani - CUI
Les attributs ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],18 décembre 2004 Saïd Radhouani - CUI
Exemple de document XML ,[object Object],[object Object],[object Object],18 décembre 2004 Saïd Radhouani - CUI
Vue hierarchique d'un document XML 18 décembre 2004 Saïd Radhouani - CUI annuaire Personne chanteur nom Personne étudiant prenom email nom prenom
Document bien formé ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],18 décembre 2004 Saïd Radhouani - CUI
Document bien formé ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],18 décembre 2004 Saïd Radhouani - CUI
Définition de types de documents (DTD) ,[object Object],[object Object],[object Object],[object Object],[object Object],18 décembre 2004 Saïd Radhouani - CUI
Définition de types de documents (DTD) ,[object Object],[object Object],[object Object],[object Object],[object Object],18 décembre 2004 Saïd Radhouani - CUI
Définition de types de documents (DTD) ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],18 décembre 2004 Saïd Radhouani - CUI
Définition de types de documents (DTD) ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],18 décembre 2004 Saïd Radhouani - CUI
Définition de types de documents (DTD) ,[object Object],[object Object],[object Object],[object Object],18 décembre 2004 Saïd Radhouani - CUI
Définition de types de documents (DTD) ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],18 décembre 2004 Saïd Radhouani - CUI
Définition de types de documents (DTD) ,[object Object],[object Object],[object Object],[object Object],18 décembre 2004 Saïd Radhouani - CUI
DTD – exemple : annuaire ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],18 décembre 2004 Saïd Radhouani - CUI
Document XML valide ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],18 décembre 2004 Saïd Radhouani - CUI
Mise en page de XML ,[object Object],[object Object],[object Object],[object Object],18 décembre 2004 Saïd Radhouani - CUI
Feuilles de style ,[object Object],[object Object],[object Object],18 décembre 2004 Saïd Radhouani - CUI
Principe des feuilles de style 18 décembre 2004 Saïd Radhouani - CUI Données brutes Pages XML Feuille de style Appliquer Données  formattées Pages HTML Présenter
XML et CSS ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],18 décembre 2004 Saïd Radhouani - CUI
XSL - XSLT ,[object Object],[object Object],[object Object],[object Object],[object Object],18 décembre 2004 Saïd Radhouani - CUI
Appel d'une feuille de style ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],18 décembre 2004 Saïd Radhouani - CUI
Structure d'une feuille de style ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],18 décembre 2004 Saïd Radhouani - CUI
XSL / XSLT exemples ,[object Object],[object Object],18 décembre 2004 Saïd Radhouani - CUI
Utilité du XML ,[object Object],[object Object],[object Object],[object Object],[object Object],18 décembre 2004 Saïd Radhouani - CUI
Utilité du XML ,[object Object],[object Object],[object Object],[object Object],18 décembre 2004 Saïd Radhouani - CUI
SVG ( Scalable Vector Graphics ) ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],18 décembre 2004 Saïd Radhouani - CUI
SMIL  (Synchronized Multimedia Integration Language) ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],18 décembre 2004 Saïd Radhouani - CUI
SMIL - Exemple ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],18 décembre 2004 Saïd Radhouani - CUI
SMIL - Exemple ,[object Object],[object Object],18 décembre 2004 Saïd Radhouani - CUI
VXML – Voice XML ,[object Object],[object Object],[object Object],[object Object],[object Object],18 décembre 2004 Saïd Radhouani - CUI
VXML – exemple ,[object Object],[object Object],18 décembre 2004 Saïd Radhouani - CUI
VXML – exemple ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],18 décembre 2004 Saïd Radhouani - CUI
VRML  (Virtual Reality Modeling Language) ,[object Object],[object Object],[object Object],[object Object],[object Object],18 décembre 2004 Saïd Radhouani - CUI
Editeurs XML ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],18 décembre 2004 Saïd Radhouani - CUI
Références ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],18 décembre 2004 Saïd Radhouani - CUI

More Related Content

What's hot

HTML 5 - intro - en francais
HTML 5 - intro - en francaisHTML 5 - intro - en francais
HTML 5 - intro - en francais
Vlad Posea
 
Html de base
Html de baseHtml de base
Html de base
krymo
 
Xml Le Langage
Xml Le LangageXml Le Langage
Xml Le Langage
ramzino
 

What's hot (19)

Document Object Model ( DOM)
Document Object Model ( DOM)Document Object Model ( DOM)
Document Object Model ( DOM)
 
N. Dufournaud : XML TEI un outil méthodologique pour la recherche en SHS
N. Dufournaud : XML TEI un outil méthodologique pour la recherche en SHSN. Dufournaud : XML TEI un outil méthodologique pour la recherche en SHS
N. Dufournaud : XML TEI un outil méthodologique pour la recherche en SHS
 
HTML, CSS et Javascript
HTML, CSS et JavascriptHTML, CSS et Javascript
HTML, CSS et Javascript
 
Intégration #2 : HTML 101 : Back to Basics
Intégration #2 : HTML 101 : Back to BasicsIntégration #2 : HTML 101 : Back to Basics
Intégration #2 : HTML 101 : Back to Basics
 
A quoi sert XML
A quoi sert XMLA quoi sert XML
A quoi sert XML
 
Intégration Web HTML 5 & CSS 3
Intégration Web HTML 5 & CSS 3Intégration Web HTML 5 & CSS 3
Intégration Web HTML 5 & CSS 3
 
XML
XMLXML
XML
 
MMI Web Design P2
MMI Web Design P2MMI Web Design P2
MMI Web Design P2
 
XML
XMLXML
XML
 
Mmi Web Design P2
Mmi Web Design P2Mmi Web Design P2
Mmi Web Design P2
 
XML- Schéma
XML- SchémaXML- Schéma
XML- Schéma
 
Xml elgarrai 2020
Xml elgarrai 2020Xml elgarrai 2020
Xml elgarrai 2020
 
HTML 5 - intro - en francais
HTML 5 - intro - en francaisHTML 5 - intro - en francais
HTML 5 - intro - en francais
 
Html de base
Html de baseHtml de base
Html de base
 
Xml Le Langage
Xml Le LangageXml Le Langage
Xml Le Langage
 
Cours Introduction a la programmation Web ISI Ettaieb Abdessattar Chapitre 6
Cours Introduction a la programmation Web ISI Ettaieb Abdessattar Chapitre 6Cours Introduction a la programmation Web ISI Ettaieb Abdessattar Chapitre 6
Cours Introduction a la programmation Web ISI Ettaieb Abdessattar Chapitre 6
 
Cours Introduction a la programmation Web ISI Ettaieb Abdessattar
Cours Introduction a la programmation Web ISI Ettaieb AbdessattarCours Introduction a la programmation Web ISI Ettaieb Abdessattar
Cours Introduction a la programmation Web ISI Ettaieb Abdessattar
 
Xml un panorama
Xml un panoramaXml un panorama
Xml un panorama
 
Xml un panorama
Xml un panoramaXml un panorama
Xml un panorama
 

Viewers also liked

Alignement du Système d'Information - Présentation de SOCOMEC
Alignement du Système d'Information - Présentation de SOCOMECAlignement du Système d'Information - Présentation de SOCOMEC
Alignement du Système d'Information - Présentation de SOCOMEC
VOIRIN Consultants
 
Developper une application mobile
Developper une application mobileDevelopper une application mobile
Developper une application mobile
Eutech SSII
 
Le savoir traditionnel et la cybercartographie
Le savoir traditionnel et la cybercartographieLe savoir traditionnel et la cybercartographie
Le savoir traditionnel et la cybercartographie
Communication and Media Studies, Carleton University
 
Enseignement quizz conjugaison
Enseignement quizz conjugaisonEnseignement quizz conjugaison
Enseignement quizz conjugaison
MSblog
 
Alphorm.com support de la formation Stormshield, Expert
Alphorm.com support de la formation Stormshield, ExpertAlphorm.com support de la formation Stormshield, Expert
Alphorm.com support de la formation Stormshield, Expert
Alphorm
 

Viewers also liked (20)

2020 : La fin du e-Commerce ?
2020 : La fin du e-Commerce ?2020 : La fin du e-Commerce ?
2020 : La fin du e-Commerce ?
 
Méthode de travail : aider son enfant à préparer sa journée, ses devoirs, ses...
Méthode de travail : aider son enfant à préparer sa journée, ses devoirs, ses...Méthode de travail : aider son enfant à préparer sa journée, ses devoirs, ses...
Méthode de travail : aider son enfant à préparer sa journée, ses devoirs, ses...
 
Geomatique
GeomatiqueGeomatique
Geomatique
 
Alignement du Système d'Information - Présentation de SOCOMEC
Alignement du Système d'Information - Présentation de SOCOMECAlignement du Système d'Information - Présentation de SOCOMEC
Alignement du Système d'Information - Présentation de SOCOMEC
 
Developper une application mobile
Developper une application mobileDevelopper une application mobile
Developper une application mobile
 
Aptitudes administratives et professionnelles après chirurgie réfractive
Aptitudes administratives et professionnelles après chirurgie réfractiveAptitudes administratives et professionnelles après chirurgie réfractive
Aptitudes administratives et professionnelles après chirurgie réfractive
 
Ubuntu Party Mai 2015 - FirefoxOS, l'OS pour Smarpthone de Mozilla
Ubuntu Party Mai 2015 - FirefoxOS, l'OS pour Smarpthone de MozillaUbuntu Party Mai 2015 - FirefoxOS, l'OS pour Smarpthone de Mozilla
Ubuntu Party Mai 2015 - FirefoxOS, l'OS pour Smarpthone de Mozilla
 
Tour d'horizon du F-commerce - Barcamp e commerce juin 2011
Tour d'horizon du F-commerce - Barcamp e commerce juin 2011Tour d'horizon du F-commerce - Barcamp e commerce juin 2011
Tour d'horizon du F-commerce - Barcamp e commerce juin 2011
 
12 06-19 methanor-slideshow_ipo_def
12 06-19 methanor-slideshow_ipo_def12 06-19 methanor-slideshow_ipo_def
12 06-19 methanor-slideshow_ipo_def
 
Mobile : comment y aller sans le regretter ? à Lyon
Mobile : comment y aller sans le regretter ? à LyonMobile : comment y aller sans le regretter ? à Lyon
Mobile : comment y aller sans le regretter ? à Lyon
 
mission, vision, valeurs et stratégie
mission, vision, valeurs et stratégie mission, vision, valeurs et stratégie
mission, vision, valeurs et stratégie
 
Modelisation et maquettage 2015
Modelisation et maquettage 2015Modelisation et maquettage 2015
Modelisation et maquettage 2015
 
Le savoir traditionnel et la cybercartographie
Le savoir traditionnel et la cybercartographieLe savoir traditionnel et la cybercartographie
Le savoir traditionnel et la cybercartographie
 
Enseignement quizz conjugaison
Enseignement quizz conjugaisonEnseignement quizz conjugaison
Enseignement quizz conjugaison
 
Du travail virtuel (teletravail) au BYOD
Du travail virtuel (teletravail) au BYODDu travail virtuel (teletravail) au BYOD
Du travail virtuel (teletravail) au BYOD
 
Gestion de contenu et wikipédia
Gestion de contenu et wikipédiaGestion de contenu et wikipédia
Gestion de contenu et wikipédia
 
Les marques vont elles devenir les premiers médias ?
Les marques vont elles devenir les premiers médias ?Les marques vont elles devenir les premiers médias ?
Les marques vont elles devenir les premiers médias ?
 
Sensibilisation à ITIL V3
Sensibilisation à ITIL V3Sensibilisation à ITIL V3
Sensibilisation à ITIL V3
 
Alphorm.com support de la formation Stormshield, Expert
Alphorm.com support de la formation Stormshield, ExpertAlphorm.com support de la formation Stormshield, Expert
Alphorm.com support de la formation Stormshield, Expert
 
802.1X filaire, un monde idéal illusoire? (Olivier Bilodeau)
802.1X filaire, un monde idéal illusoire? (Olivier Bilodeau)802.1X filaire, un monde idéal illusoire? (Olivier Bilodeau)
802.1X filaire, un monde idéal illusoire? (Olivier Bilodeau)
 

Similar to Introduction à XML

Similar to Introduction à XML (20)

XML.pdf
XML.pdfXML.pdf
XML.pdf
 
XML.pdf
XML.pdfXML.pdf
XML.pdf
 
1 introduction
1 introduction1 introduction
1 introduction
 
Modèles de données et langages de description ouverts 2021-2022 - 2
Modèles de données et langages de description ouverts   2021-2022 - 2Modèles de données et langages de description ouverts   2021-2022 - 2
Modèles de données et langages de description ouverts 2021-2022 - 2
 
XHL8
XHL8XHL8
XHL8
 
Chapitre 1_HTML_complet_version1.pdf
Chapitre 1_HTML_complet_version1.pdfChapitre 1_HTML_complet_version1.pdf
Chapitre 1_HTML_complet_version1.pdf
 
Chap 1 xml
Chap 1 xmlChap 1 xml
Chap 1 xml
 
Cours Html.pdf
Cours Html.pdfCours Html.pdf
Cours Html.pdf
 
1- XML généralités technologies xml1.pdf
1- XML généralités technologies xml1.pdf1- XML généralités technologies xml1.pdf
1- XML généralités technologies xml1.pdf
 
Introduction html
Introduction htmlIntroduction html
Introduction html
 
Support de cours technologie et application m.youssfi
Support de cours technologie et application m.youssfiSupport de cours technologie et application m.youssfi
Support de cours technologie et application m.youssfi
 
Les base du Html5
Les base du Html5Les base du Html5
Les base du Html5
 
Atelier template
Atelier templateAtelier template
Atelier template
 
RDF en quelques slides
RDF en quelques slidesRDF en quelques slides
RDF en quelques slides
 
Metadonnees et SID
Metadonnees et SIDMetadonnees et SID
Metadonnees et SID
 
hassclic284.ppt
hassclic284.ppthassclic284.ppt
hassclic284.ppt
 
Association 2 0
Association 2 0Association 2 0
Association 2 0
 
Association 2 0
Association 2 0Association 2 0
Association 2 0
 
interface graphique mobile.pdf
interface graphique mobile.pdfinterface graphique mobile.pdf
interface graphique mobile.pdf
 
Formation developpement web KADODJOMON EMMANUEL COULIBALY.pptx
Formation developpement web KADODJOMON EMMANUEL COULIBALY.pptxFormation developpement web KADODJOMON EMMANUEL COULIBALY.pptx
Formation developpement web KADODJOMON EMMANUEL COULIBALY.pptx
 

More from Saïd Radhouani

More from Saïd Radhouani (17)

Anatomy of Search Relevance: From Data To Action
Anatomy of Search Relevance: From Data To ActionAnatomy of Search Relevance: From Data To Action
Anatomy of Search Relevance: From Data To Action
 
PhD Defense Presentation - Soutenance de thèse
PhD Defense Presentation - Soutenance de thèse PhD Defense Presentation - Soutenance de thèse
PhD Defense Presentation - Soutenance de thèse
 
PhD Dissertation - Manuscrit de thèse de doctorat
PhD Dissertation - Manuscrit de thèse de doctoratPhD Dissertation - Manuscrit de thèse de doctorat
PhD Dissertation - Manuscrit de thèse de doctorat
 
Conception de sites Web
Conception de sites WebConception de sites Web
Conception de sites Web
 
Publication de documents sur le Web
Publication de documents sur le WebPublication de documents sur le Web
Publication de documents sur le Web
 
Introduction à l\'e-learnining
Introduction à l\'e-learniningIntroduction à l\'e-learnining
Introduction à l\'e-learnining
 
Documents intéractifs
Documents intéractifsDocuments intéractifs
Documents intéractifs
 
Active Server Pages (ASP)
Active Server Pages (ASP)Active Server Pages (ASP)
Active Server Pages (ASP)
 
Serveur Web (1)
Serveur Web (1)Serveur Web (1)
Serveur Web (1)
 
Serveur Web (2)
Serveur Web (2)Serveur Web (2)
Serveur Web (2)
 
SPIP
SPIPSPIP
SPIP
 
PHP &amp; MySQL
PHP &amp; MySQLPHP &amp; MySQL
PHP &amp; MySQL
 
Introduction à PHP
Introduction à PHPIntroduction à PHP
Introduction à PHP
 
Introduction aux technologies du Web (2)
Introduction aux technologies du Web (2)Introduction aux technologies du Web (2)
Introduction aux technologies du Web (2)
 
Introduction aux technologies du Web (1)
Introduction aux technologies du Web (1)Introduction aux technologies du Web (1)
Introduction aux technologies du Web (1)
 
Apprendre Solr en deux heures
Apprendre Solr en deux heuresApprendre Solr en deux heures
Apprendre Solr en deux heures
 
Introduction à la Recherche d'information
Introduction à la Recherche d'informationIntroduction à la Recherche d'information
Introduction à la Recherche d'information
 

Introduction à XML

  • 1. Introduction à XML Saïd Radhouani Université de Genève décembre 2004
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.
  • 17. Vue hierarchique d'un document XML 18 décembre 2004 Saïd Radhouani - CUI annuaire Personne chanteur nom Personne étudiant prenom email nom prenom
  • 18.
  • 19.
  • 20.
  • 21.
  • 22.
  • 23.
  • 24.
  • 25.
  • 26.
  • 27.
  • 28.
  • 29.
  • 30.
  • 31. Principe des feuilles de style 18 décembre 2004 Saïd Radhouani - CUI Données brutes Pages XML Feuille de style Appliquer Données formattées Pages HTML Présenter
  • 32.
  • 33.
  • 34.
  • 35.
  • 36.
  • 37.
  • 38.
  • 39.
  • 40.
  • 41.
  • 42.
  • 43.
  • 44.
  • 45.
  • 46.
  • 47.
  • 48.

Editor's Notes

  1. Déclaration XML &lt;?xml version=&amp;quot;1.0&amp;quot; [encoding = &amp;quot;encodage&amp;quot;] [standalone = &amp;quot;yes|no&amp;quot;] ?&gt; : Cette déclaration (qui est en fait une instruction de traitement) contient des informations pour le processeur. Elle indique que ce document est conforme à la version 1.0 de la norme XML. Elle peut préciser le jeu de caractères utilisés dans le document (encoding) et s&apos;il y a des références externes ou non (standalone).
  2. tt
  3. le SVG est basé sur le langage XML. il est decrit en XML et interprété par un logiciel images vectorielles: à l&apos;inverse des images bitmap bitmap : des images pixelisées decrites pixel par pixel et la qualité de l&apos;image se deteriore quand on change sa taille,ualité ne se deteriore pas quand on change la taille vectorielle : la http://www.svg.free.fr/SVG/Exemples.html le fichier produit est un .jpg
  4. il est basé sur le langage XML
  5. fichier de typa .wrl