Desarrollo de aplicaciones web con Java y XML Experiencias en el CTI@UIB

Transcripción

1 Desarrollo de aplicaciones web con Java y XML Experiencias en el CTI@UIB Universidad idad de las Islas Baleares Centro de Tecnologías de la Información n (CTI@UIB( CTI@UIB) Daniel López Janáriz

2 Objetivos Explicar una técnica de desarrollo de aplicaciones web, basada en Java, XML y XSLT, mostrando: Cómo funciona Qué ventajas e inconvenientes conlleva Cómo influye en el modelo de desarrollo Ilustrando todo ello con las experiencias de utilización de dicha técnica en el CTI@UIB. No pretender ser una comparativa exhaustiva de técnicas ni entornos de desarrollo, si no proporcionar conocimientos para mejorar la toma de decisiones 2

3 Índice Introducción Introducción histórica Desarrollo web con XML y XSL Ventajas e inconvenientes Un ejemplo de entorno (WebLEAF) Modelo de desarrollo Ejemplos de uso Conclusiones 3

4 Introducción Las aplicaciones basadas en el navegador son, hoy en día, una realidad. Sin embargo, su desarrollo es más costoso que las aplicaciones tradicionales, por varios motivos: Tecnologías y metodologías inmaduras Desarrollo en tiempo Internet Requerimientos cambiantes Múltiples dispositivos, múltiples idiomas Por ello se hace imprescindible utilizar técnicas de desarrollo que nos permitan adaptarnos nuestras aplicaciones fácilmente y controlar un poco todo ese caos. 4

5 Introduccióncont cont Algunas de esas técnicas se basan en arquitecturas de tipo Modelo-Vista-Controlador (MVC), o Modelo-Vista-Presentador (MVP), para separar la lógica de la aplicación de su representación en HTML. Presentador Comandos Eventos Selecciones Modelo Datos Vista 5

6 Introduccióncont cont Basadas en ellas, existen multitud de implementaciones que, básicamente, responden a las siguientes cuestiones básicas. Cómo implementar el modelo de datos (E-EJBs, Hibernate, Torque, JDBC a pelo) Implementación de los comandos y selecciones (S-EJBs, POJOs, Action classes) Implementación del presentador (Servlet controlador, JSP) Cómo enviar los datos a la vista (Beans, POJOs, XML) y cómo transformarlos en la vista (JSP, JSF, XSL, Velocity, WebMacro) En esta sesión comentaremos las técnicas que usan XML para enviar los datos a la vista y XSL para transformarlos en la vista en si. 6

7 Introducción n histórica El desarrollo web en el CTI@UIB comenzó alrededor de Desde entonces hasta ahora se han venido utilizando una serie de técnicas, intentando mejorar el desarrollo de aplicaciones web y facilitar su mantenimiento. Las técnicas utilizadas incluyen CGI s + PROC*C Servidor de aplicaciones de Oracle, módulo PL/SQL (WAS, OAS, IAS) Servlets + JDBC JSP1.1 + EJB1.1 JSP + Beans + JDBC WebLEAF (PLSQL-XML,XSL) WebLEAF (EJB2.0-XML,XSL) 7

8 Introducción n histórica ricacontcont CGI s + PROC*C + Sencillez. Problemas de rendimiento bajo cargas elevadas. Problemas de mantenimiento debido a la dispersión de código y la falta de flexibilidad. Lógica de aplicación y presentación mezcladas. Lógica de aplicación y presentación HTML Servidor Web CGI CGI CGI CGI Precompilador + SQL*Net BDD 8

9 Introducción n histórica ricacontcont Servidor de aplicaciones de Oracle, módulo PL/SQL (WAS, OAS, IAS) HTML + Programación de BDD más sencilla. + Comprobación del esquema de BDD en compilación. Tecnología propietaria de Oracle. Lógica de aplicación y presentación mezcladas. Lógica de aplicación y presentación Servidor Web Servidor Aplicaciones Oracle Driver nativo + SQL*Net PLSQL PLSQL PLSQL PLSQL BDD 9

10 Introducción n histórica ricacontcont Servlets + JDBC + Neutra en cuanto a plataforma. + Basada en un estándar con variadas implementaciones. Problemas de mantenimiento debido a la dispersión de código y la falta de flexibilidad. Lógica de aplicación y presentación mezcladas. HTML Servidor Web Contenedor de Servlets servlet servlet servlet servlet Lógica de aplicación y presentación JDBC + SQL*Net BDD 10

11 Introducción n histórica ricacontcont JSP1.1 + EJB1.1 HTML + Neutra en cuanto a plataforma. + Basada en un estándar con variadas implementaciones. + Lógica de aplicación y presentación separadas. Inmadurez de la especificación EJB1.1 -> Problemas de rendimiento y de extensiones propietarias. Posibles problemas de mantenimiento debido a la dispersión de código. Servidor Web JSP JSPJSP JSP Contenedor de Servlets Presentación RMI Contenedor de EJB1.1 Lógica de aplicación EJB EJB EJB EJB JDBC + SQL*Net BDD 11

12 Introducción n histórica ricacontcont JSP + Beans + JDBC HTML + Neutra en cuanto a plataforma. + Basada en un estándar con variadas implementaciones. + Lógica de aplicación y presentación separadas. Posibles problemas de mantenimiento debido a la dispersión de código. Servidor Web Presentación JSP JSPJSP JSP Lógica de aplicación Contenedor de Servlets Beans Beans Beans Beans JDBC + SQL*Net BDD 12

13 Desarrollo web con XML y XSL El principio básico es muy sencillo: Generar desde la lógica de negocio, implementada como se desee, documentos XML. Juntar esos documentos con otros documentos XML auxiliares, en caso necesario. Procesar el documento XML resultante con una hoja XSL para producir el resultado, o sea la interfaz. HTML WML Procesador XSL XML Lógica de negocio SVG XSLT 13

14 Ventajas e inconvenientes A favor + Separación total de la lógica de negocio de la generación de la interfaz. + Lenguaje para la generación de la interfaz especificado por el W3C, independiente y con múltiples implementaciones. + La separación en capas facilita la generación de interfaces para múltiples dispositivos. + Los servicios web utilizan XML En contra - Problemas de rendimiento por el procesado de XSLT - La creación de hojas XSLT no es lo mismo que la creación de HTML. Por eso hacen falta conocimientos y herramientas diferentes para sacarle todo el partido a la técnica. 14

15 Un ejemplo de entorno (WebLEAF( WebLEAF) El Light web Applications Framework (WebLEAF) es un entorno para la ejecución de aplicaciones web de tamaño pequeño/mediano. Surge en 1998 de la necesidad de crear un entorno para no tener que rehacer una serie de tareas en cada aplicación, y ante la falta de alternativas en aquel momento. Basado en el modelo MVC a través de la técnica del servlet controlador. Evolucionó hacia el desarrollo de aplicaciones con XML y XSL. Utilizado desde entonces en unas aplicaciones web en el CTI@UIB. 15

16 Un ejemplo de entorno (WebLEAF( WebLEAF)cont WebLEAF (PLSQL-XML,XSL) y/o (EJB2.0- XML,XSL) HTML Contenedor de Servlets y EJBs WML SVG Presentación xslt xslt xslt Servlet Controlador xml xml EJB EJB EJB Lógica de aplicación JDBC + SQL*Net Ficheros auxiliares xml xml xml JDBC + SQL*Net Lógica de aplicación PLSQL PLSQL PLSQL BDD 16

17 Un ejemplo de entorno (WebLEAF( WebLEAF)cont WebLEAF (PLSQL-XML,XSL) y/o (EJB2.0- XML,XSL)cont + Neutra en cuanto a plataforma. + Basada en estándares con variadas implementaciones. + Lógica de aplicación y presentación separadas. + No depende exclusivamente de Java + Adaptable fácilmente a varios dispositivos Más dificultades para que un diseñador normal programe la interfaz Problemas de rendimiento/consumo de memoria Solución propietaria 17

18 Modelo de desarrollo Análisis y Definición de requerimientos Maquetación HTML Modelado de datos y procesos Maqueta HTML Abstracción de información Esquema de BDD Esquema BDD Implementación de procesos Lógica de negocio Definición contrato XML Interfaz XML Integración y pruebas Modelo XML Maquetación XSL Hojas XSL Configuración entorno Aplicación Fuentes XML Esquema BDD Configuración entorno Hojas XSL XML aux. 18

19 Ejemplos de uso I Aplicación con múltiples idiomas (Contador de accesos a Campus Extens) Solución Los literales de la aplicación se extraen en ficheros XML estáticos, un fichero por cada idioma. Definimos un fichero de propiedades por idioma que indica que fichero XML utilizar. Utilizamos las facilidades de internacionalización de Java para cargar el fichero de propiedades adecuado según la preferencia del usuario. El idioma escogido por el usuario se pasa como variable de entorno a la lógica de negocio, para que pueda variar la información a devolver, en caso necesario. En este caso no lo era así que la lógica es la misma. Sólo hace falta escribir una hoja XSL. 19

20 Ejemplos de uso I Aplicación con múltiples idiomas Contador.xsl <title> <xsl:value-of select= /ETIQUETAS/@Titulo /> </title> Contador.leaf.conf <INTERNACIONALIZE CONFIG_FILE_NAME= Contador" /> <XMLOPERATION XSLT_SOURCE= Contador.xsl > <SOURCE XMLSOURCE= Etiquetas.xml /> <SOURCE XMLSOURCE= plsql://mipool/mipaq.miproc /> </XMLOPERATION> Etiquetas_ES.xml Titulo= Contador de acceso Introduccion= Bienvenido a Etiquetas_CA.xml Titulo= Comptador d accés Introduccion= Benvingut a Contador_es.properties Etiquetas.xml= Etiquetas_ES.xml Contador_ca.properties Etiquetas.xml= Etiquetas_CA.xml 20

21 Ejemplos de uso II Aplicación accedida desde múltiples dispositivos (Resultados de las PAAU y el proceso de preinscripción) Solución Se crea una hoja de estilo por cada dispositivo desde el que se va a acceder: Navegador, móvil por WAP y móvil por SMS. Se crea un fichero de propiedades por cada dispositivo, que indica que hoja de estilo usar en cada caso. Se configura el entorno para que detecte el dispositivo que accede y se utilizan las facilidades de internacionalización de Java para cargar el fichero de propiedades adecuado. La lógica de negocio no sufre ninguna modificación. 21

22 Ejemplos de uso II Aplicación accedida desde múltiples dispositivos Acceso.xsl <HTML> <xsl:value-of select= /> </HTML> Acceso_wml.xsl <WML> <xsl:value-of select= /> </WML> Acceso.leaf.conf <BROWSERIZE CONFIG_FILE_NAME="Browser"> <BROWSER NAME="WP HTTP_ACCEPT="wap /> </BROWSERIZE> <XMLOPERATION XSLT_SOURCE= Acceso.xsl > <SOURCE XMLSOURCE= plsql://mipool/mipaq.miproc /> </XMLOPERATION> Browser.properties Acceso.xsl= Acceso.xsl Browser_wp.properties Acceso.xsl= Acceso_wml.xsl 22

23 Ejemplos de uso III Aplicación con múltiples idiomas y múltiples vistas (The WebGuide) Solución Se crea un estilo básico para todas las vistas e idiomas, aplicando la técnica de múltiples idiomas del primer ejemplo. En función del subdirectorio utilizado al acceder, se configura el parámetro «país» además del de idioma. Para cada vista se extiende la interfaz básica, sobre-escribiendo estilos CSS, reglas de XSL y ficheros auxiliares XML. Se crea un fichero de propiedades por vista e idioma, indicando que hoja XSL y ficheros auxiliares utilizar. Se utilizan las facilidades de internacionalización de Java para cargar el fichero de propiedades adecuado en función del idioma y del subdirectorio. 23

24 Ejemplos de uso IV Aplicación con generación dinámica de imágenes y versión estática (El web de la UIB) Solución para las imágenes Se crea una operación que devuelve SVG en vez de HTML, y se post-procesa para conseguir imágenes jpg. Solución para la versión estática Crear una hoja XSL que sobre-escriba la de la aplicación y genere enlaces estáticos. Configurarla siguiendo la técnica para dispositivos diferentes. Con una utilidad de WebLEAF, llamar periódicamente a una operación que devuelve la lista de páginas a generar. Llamar a dichas páginas con una cabecera HTTP especial, para que se utilice al generar las hojas la nueva XSL. 24

25 Conclusiones La separación de capas que da XML y XSL facilita la reutilización de código, tanto en negocio como en presentación. A cambio, se complica algo la generación de la interfaz. Realizar la comunicación en XML permite implementaciones diferentes de la lógica (POJOs, SLSBs, PL/SQL) La generación de la interfaz con XSL es más compleja, pero al ser una especificación nos da diferentes implementaciones donde elegir. Al utilizar XSL hay que prestar atención al rendimiento y no olvidar que estamos haciendo. La separación en capas sencillas facilita el desarrollo y el mantenimiento de las aplicaciones. XML/XSL no es LA solución definitiva, si no una técnica más a tener en cuenta. 25

26 Gracias por su atención Ruegos y preguntas?