SlideShare une entreprise Scribd logo
1  sur  51
Télécharger pour lire hors ligne
Comprendre à quoi
    sert XML
     Frédéric Kaplan

    frederic.kaplan@ep!.ch
    twitter: @frederickaplan
Tuesday, October 25, 11
XML veut dire
   eXtensibile Markup Language.

   XML est un Markup Language
   (langage de balises) comme
   HTML.

Tuesday, October 25, 11
Ecrire en XML, c’est écrire du
texte avec des balises :

<balise> ... du texte ... </balise>


Tuesday, October 25, 11
On peut le faire dans
     n’importe quel éditeur de
     texte.



Tuesday, October 25, 11
4                 caractéristiques


Tuesday, October 25, 11
1. XML est utilisé pour
         décrire des données pas
         pour les a"cher. XML ne
         fait rien. Il décrit.



Tuesday, October 25, 11
2. Les balises XML ne sont
         pas prédé#nies, vous pouvez
         créer vos propres balises.
         Cela vous donne une grande
         liberté pour décrire une
         structure comme vous le
         souhaitez.
Tuesday, October 25, 11
3. Quand vous êtes satisfait
        de vos balises, vous pouvez
        #ger votre langage en créant
        une DTD (Document Type
        Description). XML permet
        donc la !uidité et la rigueur.

Tuesday, October 25, 11
4. XML est conçu pour être
        auto-descriptif et
        “facilement” lisible. Il sert à
        écrire des descriptions
        “pivots”, intermédiaires dans
        une chaine de production.

Tuesday, October 25, 11
Généalogie
         d’XML
Tuesday, October 25, 11
Dans les années 50, les
         premiers ordinateurs se
         pouvaient pas communiquer
         entre marques concurrentes.



Tuesday, October 25, 11
En 1960, IBM conçoit le
         langage GML (Generalized
         Markup Language) pour
         échanger des données sans
         en perdre la structure.


Tuesday, October 25, 11
Le succès rencontré a donné
         naissance à SGML (Standard
         Generalized Markup
         Language) qui devient la
         méthode standard de
         partage de données adoptée
         par le gouvernement fédéral
         des Etats-Unis.
Tuesday, October 25, 11
Au début des années 1990,
         Tim Berners-Lee au CERN
         crée le langage HTML sur la
         base d’un sous-ensemble de
         SGML.

Tuesday, October 25, 11
HTML se spécialise
         progressivement dans les
         question d’a"chage des
         données, mais n’impose pas
         de manière standard pour les
         décrire.

Tuesday, October 25, 11
Un groupe de chercheurs
         initie le développement d’un
         autre langage. La version 1.0
         d’XML est proposée en 1998.



Tuesday, October 25, 11
XML vs HTML

Tuesday, October 25, 11
XML n’est pas un
         remplacement d’HTML. Les
         deux langages ont des buts
         di$érents.



Tuesday, October 25, 11
XML a été conçu pour le
         transport et la description de
         données structurées.
         HTML a été conçu pour
         l’a"chage et la mise en page
         de données.

Tuesday, October 25, 11
XML ne fait rien.
         Il se contente de décrire.




Tuesday, October 25, 11
Un #chier XML est comme
         une base de donnée en texte
         ordinaire.



Tuesday, October 25, 11
Structure d’un
         #chier XML

Tuesday, October 25, 11
Elément XML


                      <BALISE>Texte balisé</BALISE>

         Balise ouvrante         contenu     Balise fermante




Tuesday, October 25, 11
<BOOK>
                   <TITLE>Da Vinci Code</TITLE>
                   <AUTHOR>Dan Brown</AUTHOR>
                   <YEAR>2003</YEAR>
                   </BOOK>




Tuesday, October 25, 11
Avec XML vous pouvez
         inventer vos propres tags.




Tuesday, October 25, 11
<BOOK>
                   <TITLE>Da Vinci Code</TITLE>
                   <AUTHOR>Dan Brown</AUTHOR>
                   <YEAR>2003</YEAR>
                   <STARS>4</STARS>
                   </BOOK>




Tuesday, October 25, 11
Un #chier XML commence
       par une déclaration qui décrit
       la version de XML utilisée et
       le type d’encodage du texte.



Tuesday, October 25, 11
<?xml version="1.0"
                 encoding="ISO-8859-1"?>
                 <BOOK>
                 <TITLE>Da Vinci Code</TITLE>
                 <AUTHOR>Dan Brown</AUTHOR>
                 <YEAR>2003</YEAR>
                 </BOOK>


                 ISO-8859-1 = Latin-1/West European
                 character set
Tuesday, October 25, 11
Un document XML est
       organisé sous la forme d’un
       arbre.



Tuesday, October 25, 11
<BOOK>
                   <FRONT>
                    <TITLE>... </TITLE>
                    <AUTHOR>...</AUTHOR>
                   </FRONT>
                   <BODY>
                   <PART>
                     <CHAPTER>...</CHAPTER>
                   </PART>
                  </BODY>
                 </BOOK>
Tuesday, October 25, 11
DTD
      (dé#nition
      de type de document)



Tuesday, October 25, 11
Un document XML bien formé
   suit les règles de syntaxes
   générales des documents XML.



Tuesday, October 25, 11
Un document XML valide suit
   les règles spéci#ques décrites
   dans un #chier DTD (Document
   Type Description)



Tuesday, October 25, 11
<!DOCTYPE BOOK
                 [
                 <!ELEMENT BOOK
                 (TITLE,AUTHOR,YEAR)>
                 <!ELEMENT TITLE (#PCDATA)>
                 <!ELEMENT AUTHOR (#PCDATA)>
                 <!ELEMENT YEAR (#PCDATA)>
                 ]>


Tuesday, October 25, 11
Utiliser une DTD n’est pas
   obligatoire mais compense le
   fait qu’en XML chacun peut
   créer ses propres tags.



Tuesday, October 25, 11
Une DTD permet de se mettre
   d’accord sur un langage
   commun.



Tuesday, October 25, 11
Il existe des logiciels et des
   services qui permettent de
   véri#er qu’un #chier est valide
   par rapport à une DTD donnée.



Tuesday, October 25, 11
A"chage d’un
         #chier XML

Tuesday, October 25, 11
La manière dont un document
   XML est a"ché peut être
   spéci#é avec une feuille de
   style CSS.



Tuesday, October 25, 11
BOOK
                          {
                          display: block;
                          margin-bottom:
                          30pt;
                          margin-left: 0;
                          }
                          TITLE
                          {
                          display: block;
                          color: #FF0000;
                          font-size: 40pt;
                          margin-left: 20pt;
                          }
                          AUTHOR
                          {
                          display: block;
                          color: #0000FF;
                          font-size: 30pt;
                          margin-left: 20pt;
                          }
                          YEAR
                          {
                          display: block;
                          color: #000000;
                          font-size: 30pt;
                          margin-left: 20pt;
                          }




Tuesday, October 25, 11
<?xml-stylesheet type="text/css" href="book.css"?>




Tuesday, October 25, 11
Un document peut également
   être transformé avec un script
   XSLT. C’est aujourd’hui la
   méthode recommandée.



Tuesday, October 25, 11
XSL
                          XSLT   XSL-FO


Tuesday, October 25, 11
XML >>

Tuesday, October 25, 11
XML permet de séparer la
             forme du fond en
             identi#ant des structures
             communes à plusieurs
             documents.


Tuesday, October 25, 11
Moteur         Format Cible                     Support cible
   Source
                   de transformation



                                                      Moteur de rendu
                                   XML InDesign                         Indesign
                                   XSL-FO/PDF                           Papier / PDF ebook
                  XSLT

                                   XHTML                                Siteweb
     XML                                                                Tablette
                                   ePub                                 Webapp
                                                                        Liseuse
                                                                        Smartphone

                                   TXT                                  Lecteur MP3

                                   XML TEI / Doc Book                   Entrée systèmes
                                                                        informatiques

Tuesday, October 25, 11
>> XML

Tuesday, October 25, 11
Word Stylé

                           Base de donnée
                                             XML
                          Document scanné

                                 Capteurs

                                       ...




Tuesday, October 25, 11
XML est donc
         un format
         pivot.
Tuesday, October 25, 11
Atelier pratique 1 :

        de XML à InDesign


Tuesday, October 25, 11
Atelier pratique 2 :

        de PDF à XML


Tuesday, October 25, 11

Contenu connexe

Tendances

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 3Stephane PERES
 
18 02-2015 atelier-pratique-xml-tei-stage-d-ecdotique-2015
18 02-2015 atelier-pratique-xml-tei-stage-d-ecdotique-201518 02-2015 atelier-pratique-xml-tei-stage-d-ecdotique-2015
18 02-2015 atelier-pratique-xml-tei-stage-d-ecdotique-2015Emmanuelle Morlock
 
Presentation dublincore l3
Presentation dublincore l3Presentation dublincore l3
Presentation dublincore l3DublinCore2b
 
Le langage HTML
Le langage HTMLLe langage HTML
Le langage HTMLBruno Delb
 
Outils de publication pour le CMS d'e-sidoc
Outils de publication pour le CMS d'e-sidocOutils de publication pour le CMS d'e-sidoc
Outils de publication pour le CMS d'e-sidocpriscilla_mommessin
 
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 SHSOpenEdition
 
Xml un panorama
Xml un panoramaXml un panorama
Xml un panoramallobel
 
E sidoc niveau avancé html
E sidoc niveau avancé htmlE sidoc niveau avancé html
E sidoc niveau avancé htmlCanopé
 
Normes de base du Web GTI780 & MTI780 ETS A09
Normes de base du Web  GTI780 & MTI780  ETS   A09Normes de base du Web  GTI780 & MTI780  ETS   A09
Normes de base du Web GTI780 & MTI780 ETS A09Claude Coulombe
 
Html de base
Html de baseHtml de base
Html de basekrymo
 

Tendances (18)

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
 
Introduction html
Introduction htmlIntroduction html
Introduction html
 
XHL8
XHL8XHL8
XHL8
 
18 02-2015 atelier-pratique-xml-tei-stage-d-ecdotique-2015
18 02-2015 atelier-pratique-xml-tei-stage-d-ecdotique-201518 02-2015 atelier-pratique-xml-tei-stage-d-ecdotique-2015
18 02-2015 atelier-pratique-xml-tei-stage-d-ecdotique-2015
 
Html
HtmlHtml
Html
 
Presentation dublincore l3
Presentation dublincore l3Presentation dublincore l3
Presentation dublincore l3
 
Le langage HTML
Le langage HTMLLe langage HTML
Le langage HTML
 
Outils de publication pour le CMS d'e-sidoc
Outils de publication pour le CMS d'e-sidocOutils de publication pour le CMS d'e-sidoc
Outils de publication pour le CMS d'e-sidoc
 
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
 
HTML & CSS
HTML & CSSHTML & CSS
HTML & CSS
 
Xml un panorama
Xml un panoramaXml un panorama
Xml un panorama
 
Xml un panorama
Xml un panoramaXml un panorama
Xml un panorama
 
Les base du Html5
Les base du Html5Les base du Html5
Les base du Html5
 
E sidoc niveau avancé html
E sidoc niveau avancé htmlE sidoc niveau avancé html
E sidoc niveau avancé html
 
Langage HTML
Langage HTMLLangage HTML
Langage HTML
 
Normes de base du Web GTI780 & MTI780 ETS A09
Normes de base du Web  GTI780 & MTI780  ETS   A09Normes de base du Web  GTI780 & MTI780  ETS   A09
Normes de base du Web GTI780 & MTI780 ETS A09
 
Html de base
Html de baseHtml de base
Html de base
 

En vedette

La standardisation du livre
La standardisation du livreLa standardisation du livre
La standardisation du livreFrederic Kaplan
 
Les technologies absorbantes
Les technologies absorbantesLes technologies absorbantes
Les technologies absorbantesFrederic Kaplan
 
Reinventer les manuels scolaires
Reinventer les manuels scolairesReinventer les manuels scolaires
Reinventer les manuels scolairesFrederic Kaplan
 
L'historien et l'algorithme : Présentation aux Entretiens du Nouveau Monde In...
L'historien et l'algorithme : Présentation aux Entretiens du Nouveau Monde In...L'historien et l'algorithme : Présentation aux Entretiens du Nouveau Monde In...
L'historien et l'algorithme : Présentation aux Entretiens du Nouveau Monde In...Frederic Kaplan
 
DH101 2013/2014 course 10 - 3d printing, Javascript data visualization
DH101 2013/2014 course 10 - 3d printing, Javascript data visualization DH101 2013/2014 course 10 - 3d printing, Javascript data visualization
DH101 2013/2014 course 10 - 3d printing, Javascript data visualization Frederic Kaplan
 
DH101 2013/2014 course 2
DH101 2013/2014 course 2DH101 2013/2014 course 2
DH101 2013/2014 course 2Frederic Kaplan
 
Ponencia cecilia picun
Ponencia cecilia picunPonencia cecilia picun
Ponencia cecilia picunmktfarma
 
OleWow - Presentación Corporativa
OleWow - Presentación CorporativaOleWow - Presentación Corporativa
OleWow - Presentación CorporativaHermes Ruiz
 
Flex advertisement Profile
Flex advertisement Profile Flex advertisement Profile
Flex advertisement Profile Khader Nassrawy
 
CIRCULAR PUENTE DE LOS RASOS - RÍO AMARILLO - LA ESPINAREA
CIRCULAR PUENTE DE LOS RASOS - RÍO AMARILLO - LA ESPINAREA CIRCULAR PUENTE DE LOS RASOS - RÍO AMARILLO - LA ESPINAREA
CIRCULAR PUENTE DE LOS RASOS - RÍO AMARILLO - LA ESPINAREA javilescha
 
Webinar : Quelles solutions à la fin de la fan gate ?
Webinar : Quelles solutions à la fin de la fan gate ? Webinar : Quelles solutions à la fin de la fan gate ?
Webinar : Quelles solutions à la fin de la fan gate ? Fastory
 

En vedette (20)

La standardisation du livre
La standardisation du livreLa standardisation du livre
La standardisation du livre
 
Les technologies absorbantes
Les technologies absorbantesLes technologies absorbantes
Les technologies absorbantes
 
Reinventer les manuels scolaires
Reinventer les manuels scolairesReinventer les manuels scolaires
Reinventer les manuels scolaires
 
L'historien et l'algorithme : Présentation aux Entretiens du Nouveau Monde In...
L'historien et l'algorithme : Présentation aux Entretiens du Nouveau Monde In...L'historien et l'algorithme : Présentation aux Entretiens du Nouveau Monde In...
L'historien et l'algorithme : Présentation aux Entretiens du Nouveau Monde In...
 
Le futur de la lecture
Le futur de la lectureLe futur de la lecture
Le futur de la lecture
 
Exposé INFORSID 2014
Exposé INFORSID 2014Exposé INFORSID 2014
Exposé INFORSID 2014
 
Frédéric Kaplan - ENMI 2012
Frédéric Kaplan - ENMI 2012Frédéric Kaplan - ENMI 2012
Frédéric Kaplan - ENMI 2012
 
DH101 2013/2014 course 10 - 3d printing, Javascript data visualization
DH101 2013/2014 course 10 - 3d printing, Javascript data visualization DH101 2013/2014 course 10 - 3d printing, Javascript data visualization
DH101 2013/2014 course 10 - 3d printing, Javascript data visualization
 
Introduction to XML
Introduction to XMLIntroduction to XML
Introduction to XML
 
DH101 2013/2014 course 2
DH101 2013/2014 course 2DH101 2013/2014 course 2
DH101 2013/2014 course 2
 
Cours PHP avancé
Cours PHP avancéCours PHP avancé
Cours PHP avancé
 
Ponencia cecilia picun
Ponencia cecilia picunPonencia cecilia picun
Ponencia cecilia picun
 
OleWow - Presentación Corporativa
OleWow - Presentación CorporativaOleWow - Presentación Corporativa
OleWow - Presentación Corporativa
 
Pda informe
Pda informePda informe
Pda informe
 
Flex advertisement Profile
Flex advertisement Profile Flex advertisement Profile
Flex advertisement Profile
 
CIRCULAR PUENTE DE LOS RASOS - RÍO AMARILLO - LA ESPINAREA
CIRCULAR PUENTE DE LOS RASOS - RÍO AMARILLO - LA ESPINAREA CIRCULAR PUENTE DE LOS RASOS - RÍO AMARILLO - LA ESPINAREA
CIRCULAR PUENTE DE LOS RASOS - RÍO AMARILLO - LA ESPINAREA
 
Paraiso o infierno(2)
Paraiso o infierno(2)Paraiso o infierno(2)
Paraiso o infierno(2)
 
Unité 2
Unité 2Unité 2
Unité 2
 
Webinar : Quelles solutions à la fin de la fan gate ?
Webinar : Quelles solutions à la fin de la fan gate ? Webinar : Quelles solutions à la fin de la fan gate ?
Webinar : Quelles solutions à la fin de la fan gate ?
 
Pdgos tutores
Pdgos tutoresPdgos tutores
Pdgos tutores
 

Plus de Frederic Kaplan

Transformer 4 millions d'articles de presse en un système d'information
Transformer 4 millions d'articles de presse en un système d'informationTransformer 4 millions d'articles de presse en un système d'information
Transformer 4 millions d'articles de presse en un système d'informationFrederic Kaplan
 
DH101 2013/2014 course 9 - Crowdsourcing, crowdfunding, Wikipedia, Open Stree...
DH101 2013/2014 course 9 - Crowdsourcing, crowdfunding, Wikipedia, Open Stree...DH101 2013/2014 course 9 - Crowdsourcing, crowdfunding, Wikipedia, Open Stree...
DH101 2013/2014 course 9 - Crowdsourcing, crowdfunding, Wikipedia, Open Stree...Frederic Kaplan
 
DH101 2013/2014 course 8 - Historical Geographical Information Systems (HGIS)...
DH101 2013/2014 course 8 - Historical Geographical Information Systems (HGIS)...DH101 2013/2014 course 8 - Historical Geographical Information Systems (HGIS)...
DH101 2013/2014 course 8 - Historical Geographical Information Systems (HGIS)...Frederic Kaplan
 
DH101 2013/2014 Projects
DH101 2013/2014 ProjectsDH101 2013/2014 Projects
DH101 2013/2014 ProjectsFrederic Kaplan
 
DH101 2013/2014 course 7 - OCR, Printed text recognition, Handwriting recogni...
DH101 2013/2014 course 7 - OCR, Printed text recognition, Handwriting recogni...DH101 2013/2014 course 7 - OCR, Printed text recognition, Handwriting recogni...
DH101 2013/2014 course 7 - OCR, Printed text recognition, Handwriting recogni...Frederic Kaplan
 
DH101 2013/2014 course 6 - Semantic coding, RDF, CIDOC-CRM
DH101 2013/2014 course 6 - Semantic coding, RDF, CIDOC-CRMDH101 2013/2014 course 6 - Semantic coding, RDF, CIDOC-CRM
DH101 2013/2014 course 6 - Semantic coding, RDF, CIDOC-CRMFrederic Kaplan
 
DH101 2013/2014 course 5 - Project on Venice / Datafication / Regulated repre...
DH101 2013/2014 course 5 - Project on Venice / Datafication / Regulated repre...DH101 2013/2014 course 5 - Project on Venice / Datafication / Regulated repre...
DH101 2013/2014 course 5 - Project on Venice / Datafication / Regulated repre...Frederic Kaplan
 
DH101 2013/2014 course 4 - Digitization techniques 2D and 3D
DH101 2013/2014 course 4 - Digitization techniques 2D and 3D DH101 2013/2014 course 4 - Digitization techniques 2D and 3D
DH101 2013/2014 course 4 - Digitization techniques 2D and 3D Frederic Kaplan
 
3d scanning for digital heritage
3d scanning for digital heritage3d scanning for digital heritage
3d scanning for digital heritageFrederic Kaplan
 
Franziska Frey 2 / DHV13
Franziska Frey 2 / DHV13Franziska Frey 2 / DHV13
Franziska Frey 2 / DHV13Frederic Kaplan
 
Franziska Frey 1 / DHV13
Franziska Frey 1 / DHV13Franziska Frey 1 / DHV13
Franziska Frey 1 / DHV13Frederic Kaplan
 
Color and appearance information in 3d models
Color and appearance information in 3d modelsColor and appearance information in 3d models
Color and appearance information in 3d modelsFrederic Kaplan
 
Digital Humanities Venice Fall School: Introduction
Digital Humanities Venice Fall School: IntroductionDigital Humanities Venice Fall School: Introduction
Digital Humanities Venice Fall School: IntroductionFrederic Kaplan
 
DH101 2013/2014 course 3 - Panoramic intensifcation, narrative crise and intr...
DH101 2013/2014 course 3 - Panoramic intensifcation, narrative crise and intr...DH101 2013/2014 course 3 - Panoramic intensifcation, narrative crise and intr...
DH101 2013/2014 course 3 - Panoramic intensifcation, narrative crise and intr...Frederic Kaplan
 
DH101 2013/2014 course1 - Presentation of the course / Collaborative writing ...
DH101 2013/2014 course1 - Presentation of the course / Collaborative writing ...DH101 2013/2014 course1 - Presentation of the course / Collaborative writing ...
DH101 2013/2014 course1 - Presentation of the course / Collaborative writing ...Frederic Kaplan
 

Plus de Frederic Kaplan (20)

La langue comme capital
La langue comme capitalLa langue comme capital
La langue comme capital
 
Transformer 4 millions d'articles de presse en un système d'information
Transformer 4 millions d'articles de presse en un système d'informationTransformer 4 millions d'articles de presse en un système d'information
Transformer 4 millions d'articles de presse en un système d'information
 
DH101 2013/2014 course 9 - Crowdsourcing, crowdfunding, Wikipedia, Open Stree...
DH101 2013/2014 course 9 - Crowdsourcing, crowdfunding, Wikipedia, Open Stree...DH101 2013/2014 course 9 - Crowdsourcing, crowdfunding, Wikipedia, Open Stree...
DH101 2013/2014 course 9 - Crowdsourcing, crowdfunding, Wikipedia, Open Stree...
 
DH101 2013/2014 course 8 - Historical Geographical Information Systems (HGIS)...
DH101 2013/2014 course 8 - Historical Geographical Information Systems (HGIS)...DH101 2013/2014 course 8 - Historical Geographical Information Systems (HGIS)...
DH101 2013/2014 course 8 - Historical Geographical Information Systems (HGIS)...
 
DH101 2013/2014 Projects
DH101 2013/2014 ProjectsDH101 2013/2014 Projects
DH101 2013/2014 Projects
 
DH101 2013/2014 course 7 - OCR, Printed text recognition, Handwriting recogni...
DH101 2013/2014 course 7 - OCR, Printed text recognition, Handwriting recogni...DH101 2013/2014 course 7 - OCR, Printed text recognition, Handwriting recogni...
DH101 2013/2014 course 7 - OCR, Printed text recognition, Handwriting recogni...
 
DH101 2013/2014 course 6 - Semantic coding, RDF, CIDOC-CRM
DH101 2013/2014 course 6 - Semantic coding, RDF, CIDOC-CRMDH101 2013/2014 course 6 - Semantic coding, RDF, CIDOC-CRM
DH101 2013/2014 course 6 - Semantic coding, RDF, CIDOC-CRM
 
DH101 2013/2014 course 5 - Project on Venice / Datafication / Regulated repre...
DH101 2013/2014 course 5 - Project on Venice / Datafication / Regulated repre...DH101 2013/2014 course 5 - Project on Venice / Datafication / Regulated repre...
DH101 2013/2014 course 5 - Project on Venice / Datafication / Regulated repre...
 
DH101 2013/2014 course 4 - Digitization techniques 2D and 3D
DH101 2013/2014 course 4 - Digitization techniques 2D and 3D DH101 2013/2014 course 4 - Digitization techniques 2D and 3D
DH101 2013/2014 course 4 - Digitization techniques 2D and 3D
 
3d scanning for digital heritage
3d scanning for digital heritage3d scanning for digital heritage
3d scanning for digital heritage
 
3d scanning pipeline
3d scanning pipeline3d scanning pipeline
3d scanning pipeline
 
Franziska Frey 2 / DHV13
Franziska Frey 2 / DHV13Franziska Frey 2 / DHV13
Franziska Frey 2 / DHV13
 
Franziska Frey 1 / DHV13
Franziska Frey 1 / DHV13Franziska Frey 1 / DHV13
Franziska Frey 1 / DHV13
 
3d scanning techniques
3d scanning techniques3d scanning techniques
3d scanning techniques
 
Color and appearance information in 3d models
Color and appearance information in 3d modelsColor and appearance information in 3d models
Color and appearance information in 3d models
 
3d from images
3d from images3d from images
3d from images
 
Pellegrini small
Pellegrini smallPellegrini small
Pellegrini small
 
Digital Humanities Venice Fall School: Introduction
Digital Humanities Venice Fall School: IntroductionDigital Humanities Venice Fall School: Introduction
Digital Humanities Venice Fall School: Introduction
 
DH101 2013/2014 course 3 - Panoramic intensifcation, narrative crise and intr...
DH101 2013/2014 course 3 - Panoramic intensifcation, narrative crise and intr...DH101 2013/2014 course 3 - Panoramic intensifcation, narrative crise and intr...
DH101 2013/2014 course 3 - Panoramic intensifcation, narrative crise and intr...
 
DH101 2013/2014 course1 - Presentation of the course / Collaborative writing ...
DH101 2013/2014 course1 - Presentation of the course / Collaborative writing ...DH101 2013/2014 course1 - Presentation of the course / Collaborative writing ...
DH101 2013/2014 course1 - Presentation of the course / Collaborative writing ...
 

A quoi sert XML

  • 1. Comprendre à quoi sert XML Frédéric Kaplan frederic.kaplan@ep!.ch twitter: @frederickaplan Tuesday, October 25, 11
  • 2. XML veut dire eXtensibile Markup Language. XML est un Markup Language (langage de balises) comme HTML. Tuesday, October 25, 11
  • 3. Ecrire en XML, c’est écrire du texte avec des balises : <balise> ... du texte ... </balise> Tuesday, October 25, 11
  • 4. On peut le faire dans n’importe quel éditeur de texte. Tuesday, October 25, 11
  • 5. 4 caractéristiques Tuesday, October 25, 11
  • 6. 1. XML est utilisé pour décrire des données pas pour les a"cher. XML ne fait rien. Il décrit. Tuesday, October 25, 11
  • 7. 2. Les balises XML ne sont pas prédé#nies, vous pouvez créer vos propres balises. Cela vous donne une grande liberté pour décrire une structure comme vous le souhaitez. Tuesday, October 25, 11
  • 8. 3. Quand vous êtes satisfait de vos balises, vous pouvez #ger votre langage en créant une DTD (Document Type Description). XML permet donc la !uidité et la rigueur. Tuesday, October 25, 11
  • 9. 4. XML est conçu pour être auto-descriptif et “facilement” lisible. Il sert à écrire des descriptions “pivots”, intermédiaires dans une chaine de production. Tuesday, October 25, 11
  • 10. Généalogie d’XML Tuesday, October 25, 11
  • 11. Dans les années 50, les premiers ordinateurs se pouvaient pas communiquer entre marques concurrentes. Tuesday, October 25, 11
  • 12. En 1960, IBM conçoit le langage GML (Generalized Markup Language) pour échanger des données sans en perdre la structure. Tuesday, October 25, 11
  • 13. Le succès rencontré a donné naissance à SGML (Standard Generalized Markup Language) qui devient la méthode standard de partage de données adoptée par le gouvernement fédéral des Etats-Unis. Tuesday, October 25, 11
  • 14. Au début des années 1990, Tim Berners-Lee au CERN crée le langage HTML sur la base d’un sous-ensemble de SGML. Tuesday, October 25, 11
  • 15. HTML se spécialise progressivement dans les question d’a"chage des données, mais n’impose pas de manière standard pour les décrire. Tuesday, October 25, 11
  • 16. Un groupe de chercheurs initie le développement d’un autre langage. La version 1.0 d’XML est proposée en 1998. Tuesday, October 25, 11
  • 17. XML vs HTML Tuesday, October 25, 11
  • 18. XML n’est pas un remplacement d’HTML. Les deux langages ont des buts di$érents. Tuesday, October 25, 11
  • 19. XML a été conçu pour le transport et la description de données structurées. HTML a été conçu pour l’a"chage et la mise en page de données. Tuesday, October 25, 11
  • 20. XML ne fait rien. Il se contente de décrire. Tuesday, October 25, 11
  • 21. Un #chier XML est comme une base de donnée en texte ordinaire. Tuesday, October 25, 11
  • 22. Structure d’un #chier XML Tuesday, October 25, 11
  • 23. Elément XML <BALISE>Texte balisé</BALISE> Balise ouvrante contenu Balise fermante Tuesday, October 25, 11
  • 24. <BOOK> <TITLE>Da Vinci Code</TITLE> <AUTHOR>Dan Brown</AUTHOR> <YEAR>2003</YEAR> </BOOK> Tuesday, October 25, 11
  • 25. Avec XML vous pouvez inventer vos propres tags. Tuesday, October 25, 11
  • 26. <BOOK> <TITLE>Da Vinci Code</TITLE> <AUTHOR>Dan Brown</AUTHOR> <YEAR>2003</YEAR> <STARS>4</STARS> </BOOK> Tuesday, October 25, 11
  • 27. Un #chier XML commence par une déclaration qui décrit la version de XML utilisée et le type d’encodage du texte. Tuesday, October 25, 11
  • 28. <?xml version="1.0" encoding="ISO-8859-1"?> <BOOK> <TITLE>Da Vinci Code</TITLE> <AUTHOR>Dan Brown</AUTHOR> <YEAR>2003</YEAR> </BOOK> ISO-8859-1 = Latin-1/West European character set Tuesday, October 25, 11
  • 29. Un document XML est organisé sous la forme d’un arbre. Tuesday, October 25, 11
  • 30. <BOOK> <FRONT> <TITLE>... </TITLE> <AUTHOR>...</AUTHOR> </FRONT> <BODY>   <PART>     <CHAPTER>...</CHAPTER>   </PART> </BODY> </BOOK> Tuesday, October 25, 11
  • 31. DTD (dé#nition de type de document) Tuesday, October 25, 11
  • 32. Un document XML bien formé suit les règles de syntaxes générales des documents XML. Tuesday, October 25, 11
  • 33. Un document XML valide suit les règles spéci#ques décrites dans un #chier DTD (Document Type Description) Tuesday, October 25, 11
  • 34. <!DOCTYPE BOOK [ <!ELEMENT BOOK (TITLE,AUTHOR,YEAR)> <!ELEMENT TITLE (#PCDATA)> <!ELEMENT AUTHOR (#PCDATA)> <!ELEMENT YEAR (#PCDATA)> ]> Tuesday, October 25, 11
  • 35. Utiliser une DTD n’est pas obligatoire mais compense le fait qu’en XML chacun peut créer ses propres tags. Tuesday, October 25, 11
  • 36. Une DTD permet de se mettre d’accord sur un langage commun. Tuesday, October 25, 11
  • 37. Il existe des logiciels et des services qui permettent de véri#er qu’un #chier est valide par rapport à une DTD donnée. Tuesday, October 25, 11
  • 38. A"chage d’un #chier XML Tuesday, October 25, 11
  • 39. La manière dont un document XML est a"ché peut être spéci#é avec une feuille de style CSS. Tuesday, October 25, 11
  • 40. BOOK { display: block; margin-bottom: 30pt; margin-left: 0; } TITLE { display: block; color: #FF0000; font-size: 40pt; margin-left: 20pt; } AUTHOR { display: block; color: #0000FF; font-size: 30pt; margin-left: 20pt; } YEAR { display: block; color: #000000; font-size: 30pt; margin-left: 20pt; } Tuesday, October 25, 11
  • 42. Un document peut également être transformé avec un script XSLT. C’est aujourd’hui la méthode recommandée. Tuesday, October 25, 11
  • 43. XSL XSLT XSL-FO Tuesday, October 25, 11
  • 45. XML permet de séparer la forme du fond en identi#ant des structures communes à plusieurs documents. Tuesday, October 25, 11
  • 46. Moteur Format Cible Support cible Source de transformation Moteur de rendu XML InDesign Indesign XSL-FO/PDF Papier / PDF ebook XSLT XHTML Siteweb XML Tablette ePub Webapp Liseuse Smartphone TXT Lecteur MP3 XML TEI / Doc Book Entrée systèmes informatiques Tuesday, October 25, 11
  • 48. Word Stylé Base de donnée XML Document scanné Capteurs ... Tuesday, October 25, 11
  • 49. XML est donc un format pivot. Tuesday, October 25, 11
  • 50. Atelier pratique 1 : de XML à InDesign Tuesday, October 25, 11
  • 51. Atelier pratique 2 : de PDF à XML Tuesday, October 25, 11