Post on 03-Jul-2015
description
#GX23
HTML5 es el ganador, ¿y ahora qué?
Daniel MéndezDeveloper, Artech.
dmendez@genexus.com
#GX23
TEMAS
Situación actual WEB
Tilo Post B2
#GX23
¿NECESITA ESPACIOEN BLANCO?
Situación actual WEB
#GX23
Evolución WEBwww.evolutionoftheweb.com
http://www.evolutionoftheweb.com
#GX23
Apps con dependencia del Browser
Inicia W3C
1992 - 2008
#GX23
Browsers desactualizados
HTML5 + CSS3 estándar
2009 - 2011
Los browser compiten cumpliendo estándar
#GX23
HTML5 + CCS3 estándar
2011 - Hoy
Los browser compiten cumpliendo estándar
Browsers actualizados
#GX23
Mientras tanto
#GX23
#GX23
WEB en SmartDevices
Nuevo requerimiento
#GX23
WEB en SmartDevices
#GX23
¿Qué es RWD?
• Diseño y desarrollo web para conseguir
aplicaciones que se adaptan al entorno del usuario.
• Responde a la creciente diversidad de
dispositivos (tamaños y resoluciones).
• Asegura la buena experiencia de uso en diferentes
entornos.
#GX23
Como funciona RWD
• Los elementos se ajustan al dispositivo
• Los tamaños se expresan en unidades
relativas
• Definibles criterios para mostrar/ocultar basados
en tamaño disponible
• Media queries (CSS3)
#GX23
CSSJavaScript
Fonts
Composición Front-End frameworks
#GX23
Responsive layout
#GX23
Front-End development frameworks
Herramientas como Boilerplate, Bootstrap y
Angular están cambiando la forma de
resolver el desarrollo de la presentación (UX)
WEB.
Ricky Onsman
Managing Editor
#GX23
Front-End development frameworks
Front-End Frameworks
Comportamiento
RWDDiseño
Beneficios en front-ends
#GX23
FrontEnd en GX
Integración costosa
User Controls
Import CSS con Genexus theme editor
#GX23
¿NECESITA ESPACIOEN BLANCO?
Tilo Post B2
#GX23
Genexus Tilo+
Fácil
Integración simple
Controles estándar extensibles
Referencia a recursos externos
#GX23
Integración
#GX23
Genexus Tilo
#GX23
Integración
Genexus Tilo
#GX23
wrapbootstrap.com
#GX23
Ace – Responsive Admin Template
#GX23
Ace – Form elements
#GX23
Ace – Diálogos (Casos de uso)
#GX23
Avance Tilo RC
#GX23
#GX23
#GX23
#GX23
#GX23