#GX23
HTML5 es el ganador, ¿y ahora qué?
Daniel Méndez
Developer, Artech.
dmendez@genexus.com
#GX23
TEMAS
Situación actual WEB
Tilo Post B2
#GX23
¿NECESITA
ESPACIO
EN BLANCO?
Situación actual WEB
#GX23
Evolución WEB
www.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...
#GX23
Como funciona RWD
• Los elementos se ajustan al dispositivo
• Los tamaños se expresan en unidades
relativas
• Defini...
#GX23
CSS
JavaScript
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
reso...
#GX23
Front-End development frameworks
Front-End Frameworks
Comportamiento
RWD
Diseño
Beneficios en front-ends
#GX23
FrontEnd en GX
Integración costosa
User Controls
Import CSS con Genexus theme editor
#GX23
¿NECESITA
ESPACIO
EN 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
www.genexus.com/encuentro
@genexus#GX23
dmendez@genexus.com
Upcoming SlideShare
Loading in …5
×

Web: HTML5 es el ganador, y ahora que?

912 views

Published on

Web: HTML5 es el ganador, y ahora que?

1 Comment
0 Likes
Statistics
Notes
  • Be the first to like this

No Downloads
Views
Total views
912
On SlideShare
0
From Embeds
0
Number of Embeds
319
Actions
Shares
0
Downloads
9
Comments
1
Likes
0
Embeds 0
No embeds

No notes for slide
  • Esta es la aplicación Genexus que mostró NicolasCardelino en su presentación
  • Hoy XEv2 puedo integrar estos frameworks.El problema es que es dificultoso.
  • Genexus Tilo vamos a empezar por bootstrap como primer frontendframework.
  • Web: HTML5 es el ganador, y ahora que?

    1. 1. #GX23 HTML5 es el ganador, ¿y ahora qué? Daniel Méndez Developer, Artech. dmendez@genexus.com
    2. 2. #GX23 TEMAS Situación actual WEB Tilo Post B2
    3. 3. #GX23 ¿NECESITA ESPACIO EN BLANCO? Situación actual WEB
    4. 4. #GX23 Evolución WEB www.evolutionoftheweb.com http://www.evolutionoftheweb.com
    5. 5. #GX23 Apps con dependencia del Browser Inicia W3C 1992 - 2008
    6. 6. #GX23 Browsers desactualizados HTML5 + CSS3 estándar 2009 - 2011 Los browser compiten cumpliendo estándar
    7. 7. #GX23 HTML5 + CCS3 estándar 2011 - Hoy Los browser compiten cumpliendo estándar Browsers actualizados
    8. 8. #GX23 Mientras tanto
    9. 9. #GX23
    10. 10. #GX23 WEB en SmartDevices Nuevo requerimiento
    11. 11. #GX23 WEB en SmartDevices
    12. 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. 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. 14. #GX23 CSS JavaScript Fonts Composición Front-End frameworks
    15. 15. #GX23 Responsive layout
    16. 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. 17. #GX23 Front-End development frameworks Front-End Frameworks Comportamiento RWD Diseño Beneficios en front-ends
    18. 18. #GX23 FrontEnd en GX Integración costosa User Controls Import CSS con Genexus theme editor
    19. 19. #GX23 ¿NECESITA ESPACIO EN BLANCO? Tilo Post B2
    20. 20. #GX23 Genexus Tilo + Fácil Integración simple Controles estándar extensibles Referencia a recursos externos
    21. 21. #GX23 Integración
    22. 22. #GX23 Genexus Tilo
    23. 23. #GX23 Integración Genexus Tilo
    24. 24. #GX23 wrapbootstrap.com
    25. 25. #GX23 Ace – Responsive Admin Template
    26. 26. #GX23 Ace – Form elements
    27. 27. #GX23 Ace – Diálogos (Casos de uso)
    28. 28. #GX23 Avance Tilo RC
    29. 29. #GX23
    30. 30. #GX23
    31. 31. #GX23
    32. 32. #GX23
    33. 33. #GX23
    34. 34. www.genexus.com/encuentro @genexus#GX23 dmendez@genexus.com

    ×