Cenidet Mobile Cuernavaca, Morelos, México, marzo de 2006. Usando XML Ing. Juan Carlos Olivares Rojas Dr. Víctor Jesús Sosa Sosa.

Slides:



Advertisements
Presentaciones similares
UD 4:Instalación y administración de servicios Web Introducción Jorge De Nova Segundo.
Advertisements

Juan Carlos Alonso Tecnet Consultores
CSS Rogelio Ferreira Escutia. 2 Hojas de estilo cascada, mayo 2010 Definición La hojas de estilo en cascada (en inglés.
Diseño de Bases de Datos
Informática accesible para todo mundo.
Unidad II Interfaces Hombre Máquina
INTRODUCCION A CSS.
Conceptos Generales XML.
MANUAL FREEMIND.
En este tutorial veremos como descargar e instalar el Entorno de Desarrollo Eclipse para trabajar con PHP. Eclipse es uno de los mas poderosos editores,
Descarga some PDF to Word Converter. y guárdalo en una carpeta. Luego instala el programa. Una vez instalado el programa, ábrelo haciendo doble clic al.
LOGICA DE NEGOCIOS ADAN GONZALEZ BARRERA.
Álvaro Salido Fernández
Guía básica para el uso del mapa digital de Suelos de Costa Rica DAngelo Sandoval Chacón Laboratorio de Recursos Naturales Centro de Investigaciones Agronómicas.
Introducción al desarrollo de proyectos RIA.
Curso: XML, de los datos a la presentación Julio de 2005 CAPTIVA · XSLT.
Ing. Cleyver Vazquez Jijon
Programas informáticos. Software Se denomina software al conjunto de programas y procedimientos necesarios para hacer posible la realización de una tarea.
HTML/CSS Marcas básicas.
C OREL D RAW Introducción Al. ¿Q UÉ ES C OREL D RAW ? CorelDRAW es un programa avanzado de edición gráfica con funciones básicas de composición de página,
Estructura de Documento Atributos 1. Atributos Básicos id, class, style, title 2. Atributos para Internacionalización lang, xml:lang, dir 3. Atributos.
Capacitación de Herramientas para el Desarrollo WEB Modulo IV- HTML,Historia y Elementos del Lenguaje Parte I Sesión #2 María Paz Coloma M.
XML no predefine la apariencia de los elementos. Se requiere una descripción aparte mediante una hoja de estilo. XSL (eXtensible Stylesheet Language) es.
Curso: XML, de los datos a la presentación Julio de 2005 CAPTIVA · eXtensible Stylesheet Language Formatting Objects.
TUTORIAL M.A. Fabiola Suseth López Aguirre Espacio Educativo NTIC Universidad de Sonora Septiembre de 2013.
Diccionario técnico.
Utilidades de Microsoft office. (Word, Excel, power Point.)
 El primer navegador Web incluía un lenguaje de estilo interno que utilizaba dicho navegador para mostrar las páginas HTML.  Sin embargo estos primeros.
3 PROGRAMAR EN UN LENGUAJE DE HIPERTEXTO L.I. OSWALDO MARTINEZ C. EDPW.
INTRODUCCIÓN A LA PROGRAMACIÓN WEB
SISTEMAS OPERATIVOS EN LOS QUE FUNCIONA
ASP.NET es una nueva y potente tecnología para escribir páginas web dinámica. Es una importante evolución respecto a las antiguas páginas ASP de Microsoft.
Computación Aplicada Facultad de Ingeniería Universidad Autónoma de Querétaro Ma. Teresa García Ramírez 1.
FICHEROS DE IMAGEN FUENTES WEB: Gráficos GIF & JPEG, Ramón Montero, 1998 Formatos para la Wb, Luciano Moreno, 2005.
XML Corporación Universitaria de Ciencia y Desarrollo Ing. Andrés Vargas - W3C: XML es un.
Unidad didáctica 6 Diseño de páginas Web.
Curso: XML, de los datos a la presentación Julio de 2005 CAPTIVA · Introducción al mundo XML.
Tecnologías web. Es el método más común de intercambio de información en la world wide web, el método mediante el cual se transfieren las páginas web.
X S L T Julio Pacheco.
Aplicaciones del office para windows Word Word ofrece ahora la posibilidad de copiar tablas con arrastrar y colocar, y se pueden personalizar los estilos.
Conceptos básicos sobre Internet
Guía fácil del RSS.
XML. La vida antes de XML ► Comunicación ► Persistencia ► Armado de Documentos.
Los siguientes términos y acrónimos son un resumen de las tecnologías web actuales: ASP (Active Server Pages)  Páginas de servidor activas.  Tecnología.
Explicación de los Temas del Segundo Período.
MIME EXTENSIONES DE CORREO INTERNET MULTIPROPÓSITO. SERIE DE ESPECIFICACIONES DIRIGIDAS AL INTERCAMBIO TRANSPARENTE DE TODO TIPO DE ARCHIVOS A TRAVÉS DE.
Es un conjunto o serie de etiquetas incluidas en archivos de texto que definen la estructura de un documento WWW. Los navegadores WWW leen estos archivos.
Profesora: Laura Patricia Pinto Prieto Ingeniera de sistemas Introducción a Programación 3.
SVG M.C. Juan Carlos Olivares Rojas. Agenda Scalable Vector Graphic Es un formato basado en XML cuya finalidad es mostrar gráficos en formato vectorial.
Programa Dreamwever.  Concepto.  Detalles.  Importancia.  Ventajas.
ELEMENTOS DE UNA PAGINA WEB YESSICA PAOLA TORRES LEIDY LILIANA SANCHEZ.
Punto 1 – Introducción al servicio Juan Luis Cano.
Que es un navegador de Internet. Un navegador web o de Internet, es un programa que permite visualizar la información que contiene una página web (que.
1
TRABAJO MONOGRÁFICO – 4º ESO
 SkyDrive permite a los usuarios subir archivos de una computadora y almacenarlos en línea y acceder a ellos desde un navegador nuevo o su dispositivo.
Sistema Operativo S.O..
S KY D RIVE. ¿Q UÉ ES ? SkyDrive permite a los usuarios subir archivos de una computadora y almacenarlos en línea y acceder a ellos desde un navegador.
@josedlujan. Director de Desarrollo M.T.I. José Dimas Luján Castillo
¿Qué es jQuery? jQuery es una librería gratuita y open source, que simplifica la creación de páginas web altamente interactivas. Funciona.
Partes de la ventana Access
EdiLim Libros Interactivos Multimedia Bernabé Martín
@josedlujan. Director de Desarrollo M.T.I. José Dimas Luján Castillo
Capitulo 3 y 4.   La accesibilidad web habla acerca de que tanta facilidad tienen las paginas de internet tanto para los consumidores en general como.
¿Internet? Es un conjunto descentralizado de redes de comunicación interconectadas que utilizan la familia de protocolos TCP/IP, garantizando que las redes.
Servicios Web Conjunto de aplicaciones o de tecnologías con capacidad para interoperar en la Web. Estas aplicaciones o tecnologías intercambian datos entre.
HTML. HTML 5 Características –Es una versión basada en HTML 4 –Manejo de la aplicación y multimedia. –Tags específicos para diferentes contenidos.
Presentación De UML Lenguaje estándar para escribir planos de software Se usa para visualizar, especificar, construir y documentar los artefactos de un.
Web Intelligence El objetivo de esta guía, es proporcionar un esbozo del amplio mundo que es aprender a utilizar Web Intelligence. Esta guía no está diseñada.
Hojas de Estilo UNIVERSIDAD TECNOLÓGICA DE AGUASCALIENTES.
Transcripción de la presentación:

cenidet Mobile Cuernavaca, Morelos, México, marzo de Usando XML Ing. Juan Carlos Olivares Rojas Dr. Víctor Jesús Sosa Sosa

Introducción XML no es sólo una cara bonita. David Eisenberg, “Using XML”, julio de Consultado: marzo de

Creando un nuevo lenguaje de marcado El autor creó un nuevo lenguaje que almacena la información nutrimental que se encuentra en las etiquetas de alimentos en los estados unidos. El documento completo se puede ver aquí.aquí

Creando un nuevo lenguaje de marcado Avocado Dip Sunnydale

Beneficios inmediatos Los datos están estructurados. Es legible y entendible por humanos. Es abierto, por lo cual no se necesita software propietario caro para extraer la información de archivos binarios.

Validando el documento Relax NG, es otro lenguaje de marcado basado en XML. Su propósito es especificar si otros lenguajes de marcado son válidos. Se debe recordar que ¡Los libros de gramática en español están hechos en español!

Validando el documento

Validando el documento La especificación completa de la gramática se encuentra aquí.aquí Relax NG no es la única forma de especificar gramáticas. Se pueden utilizar un DTD (Document Type Definition), el cual no es tan poderoso como Relax NG o se puede utilizar XML Schema, el cual es igual de poderoso que Relax NG pero más difícil de aprender.

Inténtalo Instalación de herramientas se puede hacer tanto en Windows como en Linux: Básicos Instalar MSV (validador). Instalar Xalan (transformador). Instalar Fop (convertidor de objetos). Instalar Batik (visor SVG).

Básicos Instalar J2RE o J2SE (SDK) 1.4 o superior. Crear directorios: C:\xmlapps herramientas C:\nutrition para los datos y procesos en lotes

MSV /multischema/. /multischema/ Copiar a xmlapps y añadir un archivo.bat: java -jar c:\xmlapps\msv\msv.jar %1 %2

Xalan Construir (build.bat), copiar.jar obtenidos a la carpeta bin, y carpeta org al principio, crear archivo.bat: java -cp c:\xmlapps\xalan-j\bin\xml- apis.jar;c:\xmlapps\xalan- j\bin\xercesImpl.jar;c:\xmlapps\xalan-j\bin\xalan.jar org.apache.xalan.xslt.Process -IN %1 -XSL %2 - OUT %3

Fop Copiar archivo.bat a carpeta nutrition, cambiar las rutas relativas a absolutas build\fop.jar;lib\batik.jar; quedando así: c:\xmlapps\fop\build\fop.jar;c:\xmlapps\fop\l ib\batik.jar;

Batik Crear archivo.bat con: java -jar c:\xmlapps\batik\batik-svgbrowser.jar %1

Inténtalo Figura 1. Uso de MSV para validar documento nutrition.xml. Problemas de instalación. Se instaló Adobe SVG Viewer.

¿Ahora qué? Figura 2. Visualización del documento nutrition.xml en el navegador.

Desplegando el XML Se puede agregar una “hoja de estilo” al archivo XML. Se debe agregar la siguiente línea en la parte superior del archivo nutrition.xml <?xml-stylesheet type="text/css" href="nutrition.css"?>

Desplegando el XML nutrition.css es muy similar a las hojas de estilos de los archivos HTML. La diferencia es que se asignan estilos para cada nueva etiqueta de nutrition y no para las etiquetas HTML.nutrition.css mfr { display: inline; font-size: 16pt; font-style: italic; }

Desplegar XML Este desplegará la información.información

Transformación Los problemas con las hojas de estilo son: –Sólo funcionan con los últimos navegadores que manejen Cascading Style Sheets Nivel 2. –No pueden extraer toda la información (por ejemplo, los atributos). –No puede realizar operaciones aritméticas.

Transformación El lenguaje inventado es orientado a datos; es decir, esta diseñado para describir datos a ser almacenados o transmitidos por otros programas. Las hojas de estilo trabajan mejor con documentos de marcado orientados a la narración. Ejemplos de estos documentos son: XHTML, DocBook y NewsML.

Transformación XSLT toma como entrada un archivo XML (el “documento fuente”) y sacar otro documento resultante. XSLT tiene la flexibilidad de extraer datos de los atributos, y puede también realizar cálculos y ordenaciones a través de los datos en el documento fuente.

Transformación a HTML El primer archivo XSLT (este), convierte el documento nutrition en un archivo plano HTML:este Figura 4. Transformación de documento XML a HTML en forma plana.

Transformación a HTML El resultado generado visto desde un navegador es el siguiente:resultado

Transformación mejor diseñada Si se tiene el archivo XSLT llamado nutrition_fancy.xslt se puede teclear el siguiente comando: nutrition_fancy.xslt

Transformación mejor diseñada Esto produce el archivo nutrition_fancy.htmlnutrition_fancy.html

Transformación no HTML Hay más que solo navegadores en el mundo. Quizás se desee tomar los datos y convertirlos a un archivo de texto separado por tabuladores para luego importarlos en una hoja de cálculo o una base de datos. A continuación se muestra el archivo resultante de la transformación, ejecutando el siguiente comando:archivo resultantetransformación

Transformación no HTML Figura 9. Resultado de la transformación de XML a un archivo de texto plano separado por tabuladores.

Conversión para imprimir XSL-FO (Extensible Stylesheet Language – Formating Objects) es un lenguaje de disposición de páginas. Una herramienta llamada FOP (Formating Objects to PDF) toma el marcado y crea el archivo PDF.

Conversión para imprimir Si se tiene el archivo nutrition_fo.xslt, se puede usar FOP para convertir a PDF de la siguiente forma:nutrition_fo.xslt Figura 10. Conversión de un archivo XML a PDF usando la herramienta FOP.

Conversión para imprimir El resultado es un archivo PDF; el cual produce páginas de aproximadamente 8 centímetros de ancho por 9 de altura, el cual es muy confortable en un bolso de una camisa.resultado

Generando gráficos SVG –Scalable Vector Graphics- permite crear gráficos interactivos de los datos. SVG tiene elementos como los siguientes: <line x1="0" y1="0" x2="50" y2="50" style="stroke: black; fill:none;"/> <circle cx="100" cy="100" r="30" style="stroke:green; fill:yellow;"/>

Generando gráficos Figura 12. Transformación de XML a SVG. La imagen resultante se puede visualizar con el visualizador SVG Browser que es parte del juego de herramientas Batik. Si se tiene instalado batik, se puede ver la imagen tecleando batik nutrition.svg. Se muestra la imagen obtenida: imagen

Generando gráficos En nuestro caso se instaló el Adobe SVG Viewer Figura 13. Visualización de documento SVG en Internet Explorer con el visor SVG de Adobe.

Otras maneras de usar las herramientas XML Se utilizaron: –Multi-Schema Validator, –Transformador Xalan, –Convertidor FOP –Visor Batik.

Tiempos No se necesita ser un experto en Relax NG, XSLT, XSL Formatting Objects, o SVG para seguir el tutorial. La filosofía del autor fue “la primera manera de pensar en el trabajo es la manera correcta”. Es posible aprender estas herramientas de manera efectiva en poco tiempo.

Rendimiento Los resultados al ejecutar el programa en nuestro equipo de Prueba (HP PAvilion dv1025LA con 5l2 Mb de memoria RAM, microprocesador Intel centrino de 1.4 Ghz con Windows XP Home Edition Service Pack 2) fueron los siguientes:

Rendimiento Figura 14. Resultados de la ejecución de SimpleTransform.

Sumario Usar lenguaje de marcas basados en XML da a los documentos estructura, haciéndolos más fácil de leer y abrir. XML es parte de una familia de tecnologías. Se pueden utilizar gramáticas de lenguajes de marcado como Relax NG, DTD o XML Schema para validar documentos.

Sumario Se pueden usar transformaciones XSLT para reformatear un documento. Un documento simple puede ser transformado a XHTML, texto plano, PDF y a otros lenguajes de marcado basados en XML como SVG. Programas que realizan validan y transforman están disponibles gratuitamente y son fáciles de usar.

Apéndice También se puede convertir un documento de XML a WML sólo hace falta definir el XSLT respectivo. Para aplicar este ejemplo se utilizó el archivo XML disponible aquí.aquí

configuracion.xml Apéndice

Apéndice La hoja de estilo tiene el siguiente formato: GAT IP: Puerto: Transcodificacion: IP del MA: Puerto del MA: Ver hoja de estilo completa aquíaquí

Apéndice Resultado de la transformación visto en el navegador Pocket Internet Explorer de una Pocket PC con Windows Mobile 2003

¿Preguntas?