1. XMLExtensible Modeling Language Universidad del Azuay Maestría en Telemática Sesión 3b

2. 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

3. 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

4. Historia • SGML 70’s • Standard Generalized Mark-Up Language • HTML 1993 • Hypertext Mark-up Language • DHTML 1995 • Dynamic HTML • XML 1998 • Extensible Modeling Language

5. 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

6. 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

7. 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

8. 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

9. DOCUMENTO XHTML

10. CSS (Cascade Style Sheet) Hojas de estilo en cascada Es un lenguaje sencillo para la aplicación de estilos a un elemento XML

11. 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

12. CSS1 1996 CSS2 1998 CSSVersiones

13. Especificar formato, a utilizar. DOCUMENTO CSS

14. Unidades CSS Selector Herencia Estilos en cascada DOCUMENTO CSSReglas de estilo

15. Valores DOCUMENTO CSSReglas de estilo

16. Propiedades DOCUMENTO CSSReglas de estilo

17. 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

18. Lenguaje de hojas de estilo extensible Es un lenguaje de transformación de documentos XML. XSL (Extensible Style Language)

19. 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

20. 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

21. 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

22. 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

23. 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

24. 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

25. 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

26. ComparaciónCSS, XSL, XSL-FO

27. Lenguaje de integración y sincronización de archivos multimedia. Permite, colocar elementos multimedia en la pantalla, y sincronizarlos. SMIL

28. 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

29. SMILEstructura del código

30. 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

31. 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

32. Aplicaciones dinámicas compartidas Estándares en los que esta basado: XML, SOAP, XPATH, XSLT, XHTML Implementación en Cualquier - plataforma. WSUICaracterísticas

33. 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

34. WSUIVisión Técnica de WSUI

35. Diagrama: WSUIElemento Componente

36. Diagrama: WSUIElemento Componente

37. Atributos: WSUIElemento Componente

38. Código Fuente: WSUIElemento Componente

39. 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

40. Es una norma que surge en los lenguajes de etiquetado (markup) para crear aplicaciones de voz.. VoiceXML

41. 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

42. 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

43. VoiceXML Escenario

44. 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.

45. 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>

46. 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.

47. 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.

48. 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

49. VoiceXML Marcas de voz: Existen “marcas” que pueden contener los prompts: Pausas Énfasis

50. 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.