1/47 © Francisco Manuel SÁNCHEZ MORENO Introducción a XML UPM-DATSI © Francisco Manuel SÁNCHEZ MORENO

2/47 © Francisco Manuel SÁNCHEZ MORENO Licencia Copyright (c) Francisco Manuel SÁNCHEZ MORENO Permission is granted to copy, distribute and/or modify this document under the terms of the GNU Free Documentation License, Version 1.2 or any later version published by the Free Software Foundation; with no Invariant Sections, no Front-Cover Texts, and no Back- Cover Texts. A copy of the license is included in the section entitled "GNU Free Documentation License". A copy of the GNU Free Documentation License can be found in:

3/47 © Francisco Manuel SÁNCHEZ MORENO Introducción XML (1/6) ¿Que es un lenguaje de marcas? - Lenguaje que emplea marcas o elementos para señalar las diferentes secciones de un documento (marcas+texto). - Sirve para intercambiar datos en un formato determinado - Ejemplos.html -> Navegadores. (Especificación pública).tex-> LaTex (Especificación pública).doc -> Microsoft Word (Especificación privada).xml-> bases de datos, navegadores, programas de usuario (especificación pública)

4/47 © Francisco Manuel SÁNCHEZ MORENO Introducción XML (2/6) ¿Cómo se usa un lenguaje de marcas? - Debe considerarse - La sintaxis del lenguaje de marcas y los caracteres de marcas que se emplean. - Escribir el documentos: marcas+texto - Interpretar el documento: bien en un visualizador o por una aplicación que procese los datos

5/47 © Francisco Manuel SÁNCHEZ MORENO Introducción XML (3/6) ¿Que es XML? - Extensible Markup Language - Definiciones - Sirve para definir lenguaje de marcas. - Es un lenguaje de representación de datos. - No ha nacido sólo para internet - En XML - Sólo está definida la sintaxis. - El que quiera intercambiar datos en XML debe: - Definir las marcas en.DTD (Document Type Definition) - Definir qué hacen las marcas en reglas de estilo.XSL (Extensible Stylesheet Language) o.CSS (Cascading Style Sheet) - Escribir datos con las marcas en.XML (Extensible Mark-up Language)

6/47 © Francisco Manuel SÁNCHEZ MORENO Introducción XML (4/6) Historia - SGML Estándar Generalized Mark-up Language - El padre HTML y XML - Usa DTD para definir una estructura de el documento - El DTD especifica las marcas que se van a usar. - Surgió en 1989 (más viejo que el web) - Especificación más de 600 páginas - HTML Hiper Text Mark-up Language - Era lo que la red necesitaba para compartir información - Darse a conocer investigadores y empresas - Especificación 30 páginas - XML - El HTML se ha quedado pequeño para e-comercio - Especificación 90 páginas

7/47 © Francisco Manuel SÁNCHEZ MORENO Introducción XML (5/6 ) Metas de XML - Debe poderse utilizar en internet - Debe poder soportar una gran cantidad de aplicaciones - Biztalk (intercambio de documentos y mensajes) - SOAP (procedimientos remotos) - Debe ser compatible con SGML - Debe ser sencillo escribir programas que procesen datos - El número de características opcionales debe mantenerse al mínimo (idealmente a cero). Cuanto mas complejo sea un lenguaje menos se usará. - Los datos escritos en XML deben poderse leer por el hombre

8/47 © Francisco Manuel SÁNCHEZ MORENO Introducción XML (6/6 ) Ventajas de XML -Es internacional. -Emplea caracteres UNICODE ( -Puede ser estructurado usando DTD, -Se puede validar la sintaxis y el contenido de los datos. -Se asegura el crear documentos estándar. -Se puede componer con otros documentos. -Enlaces dinámicos (nunca se pierde el enlace) -Es flexible. -DTD por defecto. -Es fácil de usar. -Es sólo un poco más complicado que HTML

9/47 © Francisco Manuel SÁNCHEZ MORENO XML: Ejemplo 1 (1/3) CANCION en HTML (cancion.html) Hot Cop by Jacques Morali, Henri Belolo, and Victor Willis Producer: Jacques Morali Publisher: PolyGram Records Length: 6:20 Written: 1978 Artist: Village People

10/47 © Francisco Manuel SÁNCHEZ MORENO XML: Ejemplo 1 (2/3) CANCION en XML (cancion.xml) Hot Cop Jacques Morali Henri Belolo Victor Willis Jacques Morali PolyGram Records 1978 Village People

11/47 © Francisco Manuel SÁNCHEZ MORENO EJEMPLO 1: CANCION en XML (cancion.xml) XML: Ejemplo 1 (3/3)

12/47 © Francisco Manuel SÁNCHEZ MORENO EJEMPLO 2: Inventario en XML (inventario.xml) Se estructura con jerarquía en árbol Dar nombres significativos a las entidades INVENTORY BOOK TITLEAUTHORBINDINGPAGESPRICE TITLEAUTHORBINDINGPAGESPRICE TITLEAUTHORBINDINGPAGESPRICE BOOK XML: Ejemplo 2 (1/3)

13/47 © Francisco Manuel SÁNCHEZ MORENO The Adventures of Huckleberry Finn Mark Twain mass market paperback 298 $5.49 Leaves of Grass Walt Whitman hardcover 462 $7.75 The Legend of Sleepy Hollow Washington Irving mass market paperback 98 $2.95 The Marble Faun Nathaniel Hawthorne trade paperback 473 $ EJEMPLO 2: Inventario en XML (inventario.xml) XML: Ejemplo 2 (2/3)

14/47 © Francisco Manuel SÁNCHEZ MORENO EJEMPLO 2: Inventario en XML (inventario.xml) Prologo Documento XML: Ejemplo 2 (3/3)

15/47 © Francisco Manuel SÁNCHEZ MORENO Sintaxis XML Sintaxis en XML - Los documentos en XML deben estar bien formateados - Las reglas son: - ¡¡SIEMPRE!! Abrir y cerrar las marcas. -Las marcas sin datos pueden acabar en /> - Hay un elemento raíz único. - Los valores de los atributos van entre comillas. - El símbolo ‘<‘ se utiliza sólo para comenzar marcas. - Se necesita analizadores léxicos para revisar la sintaxis (parsers) Hot Cop Jacques Morali Victor Willis

16/47 © Francisco Manuel SÁNCHEZ MORENO Parser XML Parser (analizador léxico) Hot Cop Jacques Morali Henri Belolo Victor Willis Jacques Morali PolyGram Records 1978 Village People ERROR

17/47 © Francisco Manuel SÁNCHEZ MORENO Visualización XML (1/3) Enlazar con hojas de estilos - Hoja de estilos-> fichero que contiene instrucciones de cómo formatear el documento XML - Pueden ser - CSS (Cascading Style Sheet) (usadas también por HTML) - XSL (eXtensible Style Language (diseñada para XML) Enlazar datos (Data binding) - Crear página HTML - Enlazar el documento XML a ella - Asociar elementos HTML a elementos XML Scripting - Igual que el anterior, pero asociando Java-scripts

18/47 © Francisco Manuel SÁNCHEZ MORENO Visualización XML (2/3) Lenguajes de definición de estilos -CSS1 = Cascading Style Sheets Level CSS2 = Cascading Style Sheets Level XSL = Extensible Style Language -

19/47 © Francisco Manuel SÁNCHEZ MORENO Visualización XML (3/3) -XSLT (Extensible Style Language Transformation) - XSL se ha dividido en tres especificaciones diferentes. - XSLT (Extensible Style Language Transformation) - Xpath - XSL - XSLT. Es un lenguaje para transformar datos de XML a un formato cualquiera, pero basado en texto (por ejemplo a XHTML)

20/47 © Francisco Manuel SÁNCHEZ MORENO Visualización XML con CSS (1/3) Sintaxis -Formato fichero.css: Etiqueta1 {regla de estilo1} Etiqueta2 {regla de estilo2}.... -Ejemplo -Se crea el fichero “libro.css” con: LIBRO {font-size:20px} -En el fichero libro.xml deberá incluirse la cabecera: -Finalmente en libro.xml se escriben los datos: <LIBRO> Programación de Aplicaciones web Santiago RODRIGUEZ et. al Paraninfo Español Programación de Aplicaciones web Santiago RODRIGUEZ et. al Paraninfo Español </LIBRO>

21/47 © Francisco Manuel SÁNCHEZ MORENO Visualización XML con CSS (2/3) Sintaxis -Formato fichero.css2:.EtiquetaClase1 {regla de estilo1} #EtiquetaId2 {regla de estilo2}.... -Ejemplo -Se crea el fichero “libro.css” con:.Clase1 {font-size:20px} #TipoID1 {font-size:25px} -En el fichero libro.xml deberá incluirse la cabecera: -Finalmente en libro.xml se escriben los datos: Programación de Aplicaciones web Santiago RODRIGUEZ et. al Paraninfo Español Programación de Aplicaciones web Santiago RODRIGUEZ et. al Paraninfo Español </LIBRO>

22/47 © Francisco Manuel SÁNCHEZ MORENO Visualización XML con CSS (3/3) Sintaxis -Etiqueta {regla:valor;...} -Reglas típicas: -font-family Etiqueta{font-family:Arial, sans-serif, fantasy} -font-size Etiqueta{font-size:12pt; font-family:Arial} -background-color Etiqueta{background-color:#FFFFFF} Etiqueta{background-color: white} Etiqueta{background-color: rgb(255,255,255)} -float Etiqueta{float: right} Hace que una imagen se justifique a la derecha y el texto la rodee. -margin-left Etiqueta{margin-left:20pt} -text-transform Etiqueta{text-transform:capitalize}

23/47 © Francisco Manuel SÁNCHEZ MORENO CSS: Ejemplo 1 (1/3) Hoja de estilos (.CSS) (SONG.css) Hoja de estilos (.CSS) (SONG.css) SONG {display: block} TITLE {display: block; font-family: Helvetica, serif; font-size: 20pt; font-weight: bold} COMPOSER {display: block; font-family: Times, Times New Roman, serif; font-size: 14pt; font-style: italic} ARTIST {display: block; font-family: Times, Times New Roman, serif; font-size: 14pt; font-weight: bold; font-style: italic} PUBLISHER {display: block; font-family: Times, Times New Roman, serif; font-size: 14pt} YEAR {display: block; font-family: Times, Times New Roman, serif; font-size: 14pt}

24/47 © Francisco Manuel SÁNCHEZ MORENO CSS: Ejemplo 1 (2/3) Inclusión de hoja de estilos Inclusión de hoja de estilos Hot Cop Jacques Morali Henri Belolo Victor Willis Jacques Morali PolyGram Records 1978 Village People

25/47 © Francisco Manuel SÁNCHEZ MORENO SONG {display: block} TITLE {display: block; font-family: Helvetica, serif; font-size: 20pt; font-weight: bold} COMPOSER {display: block; font-family: Times, Times New Roman, serif; font-size: 14pt; font-style: italic} ARTIST {display: block; font-family: Times, Times New Roman, serif; font-size: 14pt; font-weight: bold; font-style: italic} PUBLISHER {display: block; font-family: Times, Times New Roman, serif; font-size: 14pt} YEAR {display: block; font-family: Times, Times New Roman, serif; font-size: 14pt} CSS: Ejemplo 1 (3/3)

26/47 © Francisco Manuel SÁNCHEZ MORENO /* File Name: Inventory01.css */ BOOK {display:block; margin-top:12pt; font-size:10pt} TITLE {font-style:italic} AUTHOR {font-weight:bold} Hoja de estilos (.CSS) (inventory.css) CSS: Ejemplo 2 (1/4)

27/47 © Francisco Manuel SÁNCHEZ MORENO The Adventures of Huckleberry Finn Mark Twain mass market paperback 298 $ Inclusión de hoja de estilos Inclusión de hoja de estilos CSS: Ejemplo 2 (2/4)

28/47 © Francisco Manuel SÁNCHEZ MORENO CSS: Ejemplo 2 (3/4)

29/47 © Francisco Manuel SÁNCHEZ MORENO /* File Name: Inventory02.css */ BOOK {display:block; margin-top:12pt; font-size:10pt} TITLE {display:block; font-size:12pt; font-weight:bold; font-style:italic} AUTHOR {display:block; margin-left:15pt; font-weight:bold} BINDING {display:block; margin-left:15pt} PAGES {display:none} PRICE {display:block; margin-left:15pt} Si ponemos otra hoja de estilos Si ponemos otra hoja de estilos CSS: Ejemplo 2 (4/4)

30/47 © Francisco Manuel SÁNCHEZ MORENO Dos pasos básicos 1º- Crear la hoja de estilos XSL Book Description Author: Title: Price: Binding type: Number of pages: XSL: Ejemplo (1/5)

31/47 © Francisco Manuel SÁNCHEZ MORENO 2º- Enlazar el documento XML con la hoja de estilos XSL Moby-Dick Herman Melville hardcover 724 $9.95 XSL: Ejemplo (2/5)

32/47 © Francisco Manuel SÁNCHEZ MORENO XSL: Ejemplo (3/5)

33/47 © Francisco Manuel SÁNCHEZ MORENO Books In Stock Title Author Binding Type Number of Pages Price (born ) 1º- Crear la hoja de estilos XSL XSL: Ejemplo (4/5)

34/47 © Francisco Manuel SÁNCHEZ MORENO 2º- Enlazar el documento XML con la hoja de estilos XSL The Adventures of Huckleberry Finn Mark Twain mass market paperback 298 $5.49 Leaves of Grass Walt Whitman hardcover 462 $ XSL: Ejemplo (5/5)

35/47 © Francisco Manuel SÁNCHEZ MORENO DTD: Document Type Definition Validación del documento - Para que sea válido el documento XML - Debe estar bien formateado - Debe tener una definición de tipos de dato (.DTD) - Debe cumplir las especificaciones definidas en el (.DTD) - Se definen las marcas y su posible aparición ? -> La marca puede aparecer una o ninguna vez. + -> La marca debe aparecer al menos una vez. * -> El elemento puede aparecer cualquier número de veces.

36/47 © Francisco Manuel SÁNCHEZ MORENO DTD: Ejemplo (1/2) EJEMPLO: Definicion de datos, (cancion.dtd) <!ELEMENT SONG (TITLE, COMPOSER+, PRODUCER*, PUBLISHER*, LENGTH?, YEAR?, ARTIST+)> <!-- This should be a four digit year like "1999", not a two-digit year like "99" -->

37/47 © Francisco Manuel SÁNCHEZ MORENO EJEMPLO: Utilización de cancion.dtd Hot Cop Jacques Morali Henri Belolo Victor Willis Jacques Morali PolyGram Records 1978 Village People DTD: Ejemplo (2/2)

38/47 © Francisco Manuel SÁNCHEZ MORENO By Michael J.Young Editorial Microsoft Bibliografía

39/47 © Francisco Manuel SÁNCHEZ MORENO Bibliografía

40/47 © Francisco Manuel SÁNCHEZ MORENO Enlaces (Expecificación XML) (siglas)

41/47 © Francisco Manuel SÁNCHEZ MORENO SOAP ¿qué es SOAP? -Es un protocolo de comunicaciones -basado en arquitectura cliente-servidor -Petición y respuesta usan XML -Utiliza el puerto 80 -

42/47 © Francisco Manuel SÁNCHEZ MORENO Ejemplo 1: BabelFish

43/47 © Francisco Manuel SÁNCHEZ MORENO

44/47 © Francisco Manuel SÁNCHEZ MORENO

45/47 © Francisco Manuel SÁNCHEZ MORENO

46/47 © Francisco Manuel SÁNCHEZ MORENO

47/47 © Francisco Manuel SÁNCHEZ MORENO ¡PODEIS DESPERTAR!