openxava
Blog

12 de abril del 2023

Vistas personalizadas: Curso para mayo

Hemos preparado un curso remoto para impartir en directo en mayo. Un curso sobre la creación de vistas personalizadas en tu aplicación OpenXava, donde añadirás un cuadro de mandos (dashboard) a  tu aplicación OpenXava, usando Google Charts.

OpenXava genera automáticamente la interfaz de usuario a partir de simples clases de Java, esta interfaz de usuario es válida para la mayor parte de los casos en una aplicación de gestión típica. Sin embargo, a veces tu aplicación necesita un módulo con una interfaz de usuario especial, que no tiene nada que ver que lo que genera OpenXava. No hay problema porque OpenXava permite crear módulos con vistas personalizadas, donde puedes usar tu propio código JSP, HTML y JavaScript para generar la interfaz de usuario. Incluso puedes usar librerías de terceros tanto de Java como de JavaScript.

La documentación de referencia de OpenXava explica como definir una vista personalizada, sin embargo en la práctica, crear una vista personalizada puede ser un reto si no se tiene experiencia en tecnologías web y el objetivo en sí es complicado, por eso hemos pensado que un curso en el que se trata un ejemplo práctico puede ser útil para muchos de vosotros.

El ejemplo que vamos a usar es la creación de un dashboard, porque es algo bastante solicitado y es una buena excusa para hacer una vista personalizada que use una librería de terceros externa, en este caso Google Charts.

1ª clase

  • Presentación. Creación del proyecto de ejemplo.
  • Explicación inicial de las piezas que van a componer el puzzle, a saber: OpenXava, JSP, HTML, JavaScript y CSS.
  • API JavaScript de Google Charts. Foco en dos elementos gráficos diferentes que sean los que vayamos a usar.
  • Generación de dos ejemplos HTML estáticos que serán los que vayamos a mostrar en el cuadro de mando. Opciones de configuración, aspecto, etc.

2ª clase

  • Inclusión de los HTMLs dentro del proyecto y su lanzamiento vía URL.
  • Creación de las clases del modelo que van a gestionar los datos a mostrar.
  • Lanzamiento de la visualización desde una acción sobre los datos del tab.
  • Creación de la vista web.

3ª clase

  • Introducción o generación de datos para los gráficos.
  • Creación del JSP que obtiene datos desde el modelo.

4ª clase

  • Generación de la visualización simultanea de los gráficos obteniendo el cuadro de mandos.
  • Extensión del cuadro con más gráficos.

El curso será remoto, pero en directo. El profesor es un miembro experimentado de la comunidad OpenXava con años de experiencia desarrollando aplicaciones críticas. El profesor no sólo responderá preguntas sino que también revisará los problemas de cada alumno, compartiendo la pantalla del alumno si es necesario. En cada clase se pondrá un ejercicio para que el alumno lo resuelva para la siguiente clase.

La duración de cada clase será de 1 hora. El horario será martes y jueves a las 9:00 en México, 12:00 en Argentina y 17:00 horas en España. Por supuesto, pueden inscribirse alumnos de cualquier país del mundo.

El curso se impartirá en castellano.

Las fechas previstas para el curso son:

  • Mayo: 9, 11, 16 y 18.

El precio es de 399 euros por alumno.

Inscribirse en el curso

blog comments powered by Disqus

English - 中文