XML Extensible Modeling Language Universidad del Azuay Maestría en Telemática Sesión 3b
INDICE 1. EXTENSIBLE HYPERTEXT MARKUP LANGUAGE (XHTML) 2. CSS, XSL, XSL-FO 2.1 CASCADING STYLE SHEETS (CSS). 2.2 EXTENSIBLE STYLE SHEET LANGUAGE (XSL) 2.3 XSL FORMATTING OBJECTS (XSL-FO) 2.4 COMPARACIÓN ENTRE CSS, XSL, XSL-FO 3. SYNCHRONOUS MEDIA INTERFACE LANGUAGE (SMIL) 4. WEB SERVICES USER INTERFACE (WSUI) 5. VoiceXML RESUMEN CONCLUSIONES XML: Presentación
XHTML Lenguaje de Etiquetado Hipertextual Extensible . XHTML extenderá aplicaciones web, permitiendo a los sitios web controlar y enviar información que manejará innumerables dispositivos, estilos de presentación y otros sitios web. XML: Presentación
Historia SGML 70’s HTML 1993 DHTML 1995 XML 1998 Standard Generalized Mark-Up Language HTML 1993 Hypertext Mark-up Language DHTML 1995 Dynamic HTML XML 1998 Extensible Modeling Language XML: Presentación
XHTML Características Es el siguiente paso en la evolución de Internet. Familia de módulos y tipos de documentos que reproduce, engloba y extiende HTML 4.0. Finalidad: Usarse como lenguaje de contenidos, conforme a XML y, funciona en agentes de usuario conformes con HTML 4.0. XML: Presentación
XHTML Mejoras Documentos, fácilmente visualizados, editados y validados con herramientas XML estándar. Pueden escribirse para que funcionen igual o mejor en los agentes de usuarios. · Pueden usar aplicaciones que se basen ya sea en el Modelo del Objeto Documento de HTML o XML XML: Presentación
DOCUMENTO XHTML 1. Deben poder validarse con alguna de las tres DTD de XML. 2. Primera etiqueta, <!DOCTYPE>. 3. Segunda etiqueta <html>, denominado elemento raíz del documento y el atributo del xmlns obligatorio XML: Presentación
DOCUMENTO XHTML a. <title> obligatoria b. Etiquetas Form, deben tener un atributo de acción. <form action="test.htm"></form> c. Formato: No hay etiquetas de estilo, sino se usara hojas de estilo. d. Texto, encerrarse en un conjunto de etiquetas válidas. "p", "h1" "div", "pre". XML: Presentación
DOCUMENTO XHTML XML: Presentación
CSS (Cascade Style Sheet) Hojas de estilo en cascada Es un lenguaje sencillo para la aplicación de estilos a un elemento XML XML: Presentación
CSS Características En 1996, etiquetas propias de HTML, actualmente con XML, se aplica a todos los elementos. No todos los navegadores están preparados para su procesamiento. CSS se expresa mediante reglas en un fichero de texto plano. Cada regla contiene el nombre del elemento al que se aplica y el estilo definido. XML: Presentación
CSS Versiones CSS1 1996 CSS2 1998 XML: Presentación
DOCUMENTO CSS Especificar formato, a utilizar. XML: Presentación
DOCUMENTO CSS Reglas de estilo Unidades CSS Selector Herencia Estilos en cascada XML: Presentación
DOCUMENTO CSS Reglas de estilo Valores XML: Presentación
DOCUMENTO CSS Reglas de estilo Propiedades XML: Presentación
CSS 2 Incorpora herramientas para los desarrolladores WEB y para los diseñadores agregando funcionalidade y redefiniendo alguanas ya existentes. Estas nuevas características permiten al usuario selecionar y formatear elementos de forma precisa XML: Presentación
XSL (Extensible Style Language) Lenguaje de hojas de estilo extensible Es un lenguaje de transformación de documentos XML. XML: Presentación
XSL Características Métodos. Para trasformar los documentos XML. · Para definir las partes y patrones de XML. · Paraa formatear los documentos XML. Lenguajes. Transformar documentos XML. · Definir las partes o patrones de XML. · Formatear objetos y definir el despliegue de los elementos XML. XML: Presentación
DOCUMENTO XSL I Iniciar con <?xml version='1.0'?> xsl: stylesheet define el inicio de la hoja de estilo. · xsl: template define el inicio de la plantilla. · Las demás etiquetas son elementos de la plantilla. · Las dos ultimas líneas son las etiquetas que cierran la plantilla y la hoja de estilo. XML: Presentación
PLANTILLAS XSL XSL usa una o más plantillas para definir como produce la salida de los elementos XML. Un atributo match es usado para asociar la plantilla con un elemento XML. XML: Presentación
XSL-FO Lenguaje de hojas de estilo extensible, Formato de Objetos. Conjunto de herramientas de desarrollo, usados para describir páginas de impresión: paginación, esquema, estilo; de los documentos XML XML: Presentación
XSL-FO Características Etiquetas para páginas, bloques, etc. · Normalmente se crea una hoja XSLT que transforma en un documento final con etiquetas XLS-FO. Los navegadores más importantes no soportan XSL-FO. XML: Presentación
DOCUMENTO XLS-FO Luego de la sentencia inicial, procesar una instrucción de un elemento root FO Describir la clase de páginas que puede tener el documento XML: Presentación
DOCUMENTO XLS-FO Descripciones de la clase de páginas que pueden haber en el documento. Secuencias en las cuales los formatos de páginas pueden ocurrir. Las páginas y sus contenidos. Esquema de páginas. XML: Presentación
Comparación CSS, XSL, XSL-FO XML: Presentación
SMIL Lenguaje de integración y sincronización de archivos multimedia. Permite, colocar elementos multimedia en la pantalla, y sincronizarlos. XML: Presentación
SMIL Características Lenguaje fácil de leer y comprender Sensible a mayúsculas y minúsculas Etiquetas deben escribirse en minúsculas Etiquetas tienen que cerrarse XML: Presentación
SMIL Estructura del código XML: Presentación
SMIL Objetos Multimedia Permiten incluir documentos (formatos) multimedia en la presentación SMIL. TIPOS Objetos con una duración intrínseca, “medios continuos”: video y audio Objetos multimedia sin duración intrínseca, “medios discretos”: texto e imagen XML: Presentación
WSUI Servicios WEB, Interfaz de Usuario Creación y entrega de servicios Web como aplicaciones a los usuarios-finales. WSUI habilita al popular modelo de sitios Web que exponen una aplicación como un componente para otros sitios Web XML: Presentación
WSUI Características Aplicaciones dinámicas compartidas Estándares en los que esta basado: XML, SOAP, XPATH, XSLT, XHTML Implementación en Cualquier - plataforma. XML: Presentación
WSUI Visión Técnica de WSUI Componentes y containers Páginas y vistas Eventos y flujo de interacción Vistas de componentes usando XSLT Variables y expresiones XML: Presentación
WSUI Visión Técnica de WSUI XML: Presentación
WSUI Elemento Componente Diagrama: XML: Presentación
WSUI Elemento Componente Diagrama: XML: Presentación
WSUI Elemento Componente Atributos: XML: Presentación
WSUI Elemento Componente Código Fuente: XML: Presentación
VoiceXML Voz en la Web. Es una red interconectada donde la información de Internet puede accederse desde cualquier teléfono, usando la voz. Brinda mediante una llamada telefónica acceder al contenido de Internet en una continua sesión de llamada. XML: Presentación
VoiceXML Es una norma que surge en los lenguajes de etiquetado (markup) para crear aplicaciones de voz.. XML: Presentación
VoiceXML Propuestas Poner a disposición de las aplicaciones de voz toda la potencialidad de la web, desde un simple teléfono. · Liberar a los desarrolladores de tales aplicaciones a bajo nivel y la gestión de recursos. · Aislar a los desarrolladores de aplicaciones de los detalles de las diferentes plataformas existentes. XML: Presentación
VoiceXML Características Alternativa a los interfaces modo texto. Aplicación XML que define una estructura en árbol a través de la cual el usuario viaja por medio de comandos de voz. Respuestas en forma de diálogos, usando habla sintetizada o por archivos de audio pre-grabados. Recibir la entrada del usuario usando el habla o por tonos del teclado de su teléfono. XML: Presentación
VoiceXML Escenario XML: Presentación
VoiceXML Semántica y Sintáxis Está basado, como XML, en un formato de etiquetas y atributos. Tiene una sintáxis que incluye instrucciones o elementos dentro de etiquetas: Etiquetas comunes. XML: Presentación
VoiceXML Semántica y Sintáxis Está basado, como XML, en un formato de etiquetas y atributos. Tiene una sintáxis que incluye instrucciones o elementos dentro de etiquetas: Etiquetas comunes. Un documento comienza y finaliza con la etiqueta <vxml> XML: Presentación
Documento VoiceXML Toda aplicación VoiceXML consta de uno o más ficheros de texto (documentos). Tienen extensión .vxml Contienen las instrucciones VoiceXML de las aplicaciones Primera instrucción. Las demás instrucciones, “encerradas” en <vxml> y el atributo de versión. XML: Presentación
Diálogos VoiceXML Se definen dos tipos de diálogos que sirven de interface con el usuario Form: Presentar información al usuario o recavar información de este. Menú: Es un form especializado que “obliga” al usuario a seleccionar una opción y extenderse por esta. XML: Presentación
VoiceXML PROMPT Elemento que controla la salida de voz sintetizada y audio pregrabado, como forma de “`presentación” del sistema. Puede ser omitido explícitamente únicamente cuando no se requiere especificar alguno de sus atributos XML: Presentación
VoiceXML Marcas de voz: Existen “marcas” que pueden contener los prompts: Pausas Énfasis XML: Presentación
VoiceXML ETIQUETA <audio> Es una etiqueta de “presentación” perteneciente al elemento prompt, típicamente se especifica a través de un URI, o puede estar especificada en una variable de audio pregrabada. XML: Presentación
VoiceXML GRAMMAR. Elemento que se emplea para proveer una “gramática de conversación o del habla”, de manera que especifique un grupo de palabras que el usuario puede decir para desarrollar una acción o suministrar información, y provea una secuencia de valores para describir la información o acción. XML: Presentación
RESUMEN CSS, es una aplicación de estilos a un elemento XML XSL, aunque define la presentación de un documento XML, es mas un lenguaje de transformación de documentos XML XSL-FO, es utilizado para describir páginas de impresión de los documentos XML SMIL, permite colocar elementos multimedia, como animación, audio, video, etc. en la pantalla y sincronizarlos. · WSUI, permite la creación y entrega de servicios Web, que pueden a su vez ser usados como componente para otros sitios Web. VoiceXML, permite que información de Internet pueda accederse desde cualquier teléfono, usando la voz. XML: Presentación
CONCLUSIONES La finalidad de XHTML es ser usado como lenguaje de contenidos, es más que una nueva versión de HTML 4.0. Para un uso fácil y eficaz de XHTML, la actual generación de herramientas, como editores y browsers, necesitan ser actualizados. Se debe empezar a implementar XHTML en las aplicaciones web, para asegurar una salida compatible con XHTML. El diseño a futuro es muy importante. XML: Presentación
CONCLUSIONES Para llevar a cabo un plan de migración, se debe empezar a escribir código en XHTML aunque no al extremo. · Smil, permite la incursión de una manera fácil de los elementos de multimedia · VoiceXML, es una gran alternativa, a las interfaces en modo texto, y con demasiados vínculos, para llegar a un objetivo específico. XML: Presentación
GLOSARIO AGENTES DE USUARIO. Aplicación que lee y procesa documentos XHTML DTD Definición del tipo de documento Colección de declaraciones XML, define la estructura reglamentaria, los elementos y atributos que están disponibles para su uso en documentos que cumplan con la DTD. XHTML-1.0-Strict. DTD estricto. XHTML-1.0-Transitional. DTD de transición. XHTML-1.0-Frameset. DTD frameset. XML: Presentación