550 likes | 688 Views
XML Extensible Modeling Language. Universidad del Azuay Maestría en Telemática. Sesión 3b. 1. E XTENSIBLE 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)
E N D
XMLExtensible Modeling Language Universidad del Azuay Maestría en Telemática Sesión 3b
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 INDICE
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. XHTML
Historia • SGML 70’s • Standard Generalized Mark-Up Language • HTML 1993 • Hypertext Mark-up Language • DHTML 1995 • Dynamic HTML • XML 1998 • Extensible Modeling Language
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. XHTMLCaracterísticas
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 XHTMLMejoras
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 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, encerrarseen un conjunto de etiquetas válidas. "p", "h1" "div", "pre". DOCUMENTO XHTML
CSS (Cascade Style Sheet) Hojas de estilo en cascada Es un lenguaje sencillo para la aplicación de estilos a un elemento XML
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. CSSCaracterísticas
CSS1 1996 CSS2 1998 CSSVersiones
Especificar formato, a utilizar. DOCUMENTO CSS
Unidades CSS Selector Herencia Estilos en cascada DOCUMENTO CSSReglas de estilo
Valores DOCUMENTO CSSReglas de estilo
Propiedades DOCUMENTO CSSReglas de estilo
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 CSS 2
Lenguaje de hojas de estilo extensible Es un lenguaje de transformación de documentos XML. XSL (Extensible Style Language)
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. XSLCaracterísticas
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. DOCUMENTO 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. PLANTILLAS XSL
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 XSL-FO
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. XSL-FOCaracterísticas
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 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. DOCUMENTO XLS-FO
Lenguaje de integración y sincronización de archivos multimedia. Permite, colocar elementos multimedia en la pantalla, y sincronizarlos. SMIL
Lenguaje fácil de leer y comprender Sensible a mayúsculas y minúsculas Etiquetas deben escribirse en minúsculas Etiquetas tienen que cerrarse SMILCaracterísticas
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 SMILObjetos Multimedia
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 WSUI
Aplicaciones dinámicas compartidas Estándares en los que esta basado: XML, SOAP, XPATH, XSLT, XHTML Implementación en Cualquier - plataforma. WSUICaracterísticas
Componentes y containers Páginas y vistas Eventos y flujo de interacción Vistas de componentes usando XSLT Variables y expresiones WSUIVisión Técnica de WSUI
Diagrama: WSUIElemento Componente
Diagrama: WSUIElemento Componente
Atributos: WSUIElemento Componente
Código Fuente: WSUIElemento Componente
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. VoiceXML
Es una norma que surge en los lenguajes de etiquetado (markup) para crear aplicaciones de voz.. VoiceXML
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. VoiceXML Propuestas
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. VoiceXML Características
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.
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>
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.
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.
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
VoiceXML Marcas de voz: Existen “marcas” que pueden contener los prompts: Pausas Énfasis
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.