9. Aplicaciones Web Responsive

Ramiro Estigarribia Canese

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

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.

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

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.

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.

Reportes GráficosEn 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.

Crear 1 Query1. Hacer click en la opción New, y elegir Reporting y

finalmente Query.

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