Web: HTML5 es el ganador, y ahora que?

1. #GX23
HTML5 es el ganador, ¿y ahora qué?
Daniel Méndez
Developer, Artech.
dmendez@genexus.com

2. #GX23
TEMAS
Situación actual WEB
Tilo Post B2

3. #GX23
¿NECESITA
ESPACIO
EN BLANCO?
Situación actual WEB

4. #GX23
Evolución WEB
www.evolutionoftheweb.com
http://www.evolutionoftheweb.com

5. #GX23
Apps con dependencia del Browser
Inicia W3C
1992 - 2008

6. #GX23
Browsers desactualizados
HTML5 + CSS3 estándar
2009 - 2011
Los browser compiten cumpliendo estándar

7. #GX23
HTML5 + CCS3 estándar
2011 - Hoy
Los browser compiten cumpliendo estándar
Browsers actualizados

8. #GX23
Mientras tanto

9. #GX23

10. #GX23
WEB en SmartDevices
Nuevo
requerimiento

11. #GX23
WEB en SmartDevices

12. #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.

13. #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)

14. #GX23
CSS
JavaScript
Fonts
Composición Front-End frameworks

15. #GX23
Responsive layout

16. #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

17. #GX23
Front-End development frameworks
Front-End Frameworks
Comportamiento
RWD
Diseño
Beneficios en front-ends

18. #GX23
FrontEnd en GX
Integración costosa
User Controls
Import CSS con Genexus theme editor

19. #GX23
¿NECESITA
ESPACIO
EN BLANCO?
Tilo Post B2

20. #GX23
Genexus Tilo
+
Fácil
Integración simple
Controles estándar extensibles
Referencia a recursos externos

21. #GX23
Integración

22. #GX23
Genexus Tilo

23. #GX23
Integración
Genexus Tilo

24. #GX23
wrapbootstrap.com

25. #GX23
Ace – Responsive Admin Template

26. #GX23
Ace – Form elements

27. #GX23
Ace – Diálogos (Casos de uso)

28. #GX23
Avance Tilo RC

29. #GX23

30. #GX23

31. #GX23

32. #GX23

33. #GX23

34. www.genexus.com/encuentro
@genexus#GX23
dmendez@genexus.com