GeneXus

1. 9. Aplicaciones Web
Responsive
Ramiro Estigarribia Canese

2. ¿Qué es el diseño Web
Adaptativo? (Responsive Web Design)
➔ Es una filosofía de desarrollo cuyo objetivo es
adaptar la apariencia de las páginas al dispositivo
que se esté utilizando.
➔ Hoy día las páginas web se visualizan en multitud
de tipos de dispositivos como tabletas, portátiles,
smartphones, etc.
➔ Cada dispositivo tiene sus características: tamaño
de pantalla, resolución, colores, etc.
➔ Esta tecnología pretende que con un solo diseño
web, tengamos una visualización adecuada en
cualquier dispositivo.

3. Nuevos desafíos.
➔ El nuevo desafío es diseñar aplicaciones de forma
que la información sea presentada en una forma
amigable, intuitiva, fácil de leer y de navegar,
ofreciendo una óptima experiencia en muchos
dispositivos y tamaños de pantallas.
➔ Para disponer de este potencial debemos
configurar la propiedad a nivel de la aplicación:
Click derecho sobre la Aplicación, y elegir la
Propiedad: WebFormDefault.

5. Ejecutar la nueva Aplicación
➔ Este cambio afecta a toda la aplicación.
➔ Se recomienda realizar un Rebuild-All, y Guardar.
➔ Finalmente ejecutar.

7. Web Responsive - Ventajas
➔ Con una sola versión se cubren todas las
resoluciones de pantalla, es decir, el sitio web
creado estará optimizado para todo tipo de
dispositivos.
➔ Se reducen los costos de creación y mantenimiento.
➔ Se evita tener que desarrollar aplicaciones nativas
para Android, Iphone, BlackBerry y otros.
➔ El uso de dispositivos móviles está creciendo a un
ritmo increíble, y la navegación en Internet mediante
estos dispositivos es cada vez más común.

8. Web Responsive - DesVentajas
➔ Es muy difícil acceder ciertas opciones de los
SmarthPhones: GPS, Cámara, Agenda.
➔ El resultado puede no ser visualmente atractivo,
comparando con una versión nativa para un
SmartPhone específico.
➔ El resultado puede más pesado., comparando con
una versión nativa para un SmartPhone específico.

9. Reportes Gráficos
En muchas ocasiones necesitamos realizar consultas
a la base de datos para analizar la información y poder
tomar decisiones.
El objeto Query nos permite crear estas consultas de
una forma simple e intuitiva, aumentando el valor de la
información obtenida de la base de datos.

11. Crear 1 Query
1. Hacer click en la opción New, y elegir Reporting y
finalmente Query.

13. Visualizar Reporte.
Finalmente para poder ver el reporte debemos incluir
el user control Query Viewer en un web form.