Web: HTML5 es el ganador, y ahora que?
description
Transcript of Web: HTML5 es el ganador, y ahora que?
![Page 2: Web: HTML5 es el ganador, y ahora que?](https://reader036.fdocuments.net/reader036/viewer/2022081422/559639f21a28ab65668b45db/html5/thumbnails/2.jpg)
#GX23
TEMAS
Situación actual WEB
Tilo Post B2
![Page 3: Web: HTML5 es el ganador, y ahora que?](https://reader036.fdocuments.net/reader036/viewer/2022081422/559639f21a28ab65668b45db/html5/thumbnails/3.jpg)
#GX23
¿NECESITA ESPACIOEN BLANCO?
Situación actual WEB
![Page 4: Web: HTML5 es el ganador, y ahora que?](https://reader036.fdocuments.net/reader036/viewer/2022081422/559639f21a28ab65668b45db/html5/thumbnails/4.jpg)
#GX23
Evolución WEBwww.evolutionoftheweb.com
http://www.evolutionoftheweb.com
![Page 5: Web: HTML5 es el ganador, y ahora que?](https://reader036.fdocuments.net/reader036/viewer/2022081422/559639f21a28ab65668b45db/html5/thumbnails/5.jpg)
#GX23
Apps con dependencia del Browser
Inicia W3C
1992 - 2008
![Page 6: Web: HTML5 es el ganador, y ahora que?](https://reader036.fdocuments.net/reader036/viewer/2022081422/559639f21a28ab65668b45db/html5/thumbnails/6.jpg)
#GX23
Browsers desactualizados
HTML5 + CSS3 estándar
2009 - 2011
Los browser compiten cumpliendo estándar
![Page 7: Web: HTML5 es el ganador, y ahora que?](https://reader036.fdocuments.net/reader036/viewer/2022081422/559639f21a28ab65668b45db/html5/thumbnails/7.jpg)
#GX23
HTML5 + CCS3 estándar
2011 - Hoy
Los browser compiten cumpliendo estándar
Browsers actualizados
![Page 8: Web: HTML5 es el ganador, y ahora que?](https://reader036.fdocuments.net/reader036/viewer/2022081422/559639f21a28ab65668b45db/html5/thumbnails/8.jpg)
#GX23
Mientras tanto
![Page 9: Web: HTML5 es el ganador, y ahora que?](https://reader036.fdocuments.net/reader036/viewer/2022081422/559639f21a28ab65668b45db/html5/thumbnails/9.jpg)
#GX23
![Page 10: Web: HTML5 es el ganador, y ahora que?](https://reader036.fdocuments.net/reader036/viewer/2022081422/559639f21a28ab65668b45db/html5/thumbnails/10.jpg)
#GX23
WEB en SmartDevices
Nuevo requerimiento
![Page 11: Web: HTML5 es el ganador, y ahora que?](https://reader036.fdocuments.net/reader036/viewer/2022081422/559639f21a28ab65668b45db/html5/thumbnails/11.jpg)
#GX23
WEB en SmartDevices
![Page 12: Web: HTML5 es el ganador, y ahora que?](https://reader036.fdocuments.net/reader036/viewer/2022081422/559639f21a28ab65668b45db/html5/thumbnails/12.jpg)
#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.
![Page 13: Web: HTML5 es el ganador, y ahora que?](https://reader036.fdocuments.net/reader036/viewer/2022081422/559639f21a28ab65668b45db/html5/thumbnails/13.jpg)
#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)
![Page 14: Web: HTML5 es el ganador, y ahora que?](https://reader036.fdocuments.net/reader036/viewer/2022081422/559639f21a28ab65668b45db/html5/thumbnails/14.jpg)
#GX23
CSSJavaScript
Fonts
Composición Front-End frameworks
![Page 15: Web: HTML5 es el ganador, y ahora que?](https://reader036.fdocuments.net/reader036/viewer/2022081422/559639f21a28ab65668b45db/html5/thumbnails/15.jpg)
#GX23
Responsive layout
![Page 16: Web: HTML5 es el ganador, y ahora que?](https://reader036.fdocuments.net/reader036/viewer/2022081422/559639f21a28ab65668b45db/html5/thumbnails/16.jpg)
#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
![Page 17: Web: HTML5 es el ganador, y ahora que?](https://reader036.fdocuments.net/reader036/viewer/2022081422/559639f21a28ab65668b45db/html5/thumbnails/17.jpg)
#GX23
Front-End development frameworks
Front-End Frameworks
Comportamiento
RWDDiseño
Beneficios en front-ends
![Page 18: Web: HTML5 es el ganador, y ahora que?](https://reader036.fdocuments.net/reader036/viewer/2022081422/559639f21a28ab65668b45db/html5/thumbnails/18.jpg)
#GX23
FrontEnd en GX
Integración costosa
User Controls
Import CSS con Genexus theme editor
![Page 19: Web: HTML5 es el ganador, y ahora que?](https://reader036.fdocuments.net/reader036/viewer/2022081422/559639f21a28ab65668b45db/html5/thumbnails/19.jpg)
#GX23
¿NECESITA ESPACIOEN BLANCO?
Tilo Post B2
![Page 20: Web: HTML5 es el ganador, y ahora que?](https://reader036.fdocuments.net/reader036/viewer/2022081422/559639f21a28ab65668b45db/html5/thumbnails/20.jpg)
#GX23
Genexus Tilo+
Fácil
Integración simple
Controles estándar extensibles
Referencia a recursos externos
![Page 21: Web: HTML5 es el ganador, y ahora que?](https://reader036.fdocuments.net/reader036/viewer/2022081422/559639f21a28ab65668b45db/html5/thumbnails/21.jpg)
#GX23
Integración
![Page 22: Web: HTML5 es el ganador, y ahora que?](https://reader036.fdocuments.net/reader036/viewer/2022081422/559639f21a28ab65668b45db/html5/thumbnails/22.jpg)
#GX23
Genexus Tilo
![Page 23: Web: HTML5 es el ganador, y ahora que?](https://reader036.fdocuments.net/reader036/viewer/2022081422/559639f21a28ab65668b45db/html5/thumbnails/23.jpg)
#GX23
Integración
Genexus Tilo
![Page 24: Web: HTML5 es el ganador, y ahora que?](https://reader036.fdocuments.net/reader036/viewer/2022081422/559639f21a28ab65668b45db/html5/thumbnails/24.jpg)
#GX23
wrapbootstrap.com
![Page 25: Web: HTML5 es el ganador, y ahora que?](https://reader036.fdocuments.net/reader036/viewer/2022081422/559639f21a28ab65668b45db/html5/thumbnails/25.jpg)
#GX23
Ace – Responsive Admin Template
![Page 26: Web: HTML5 es el ganador, y ahora que?](https://reader036.fdocuments.net/reader036/viewer/2022081422/559639f21a28ab65668b45db/html5/thumbnails/26.jpg)
#GX23
Ace – Form elements
![Page 27: Web: HTML5 es el ganador, y ahora que?](https://reader036.fdocuments.net/reader036/viewer/2022081422/559639f21a28ab65668b45db/html5/thumbnails/27.jpg)
#GX23
Ace – Diálogos (Casos de uso)
![Page 28: Web: HTML5 es el ganador, y ahora que?](https://reader036.fdocuments.net/reader036/viewer/2022081422/559639f21a28ab65668b45db/html5/thumbnails/28.jpg)
#GX23
Avance Tilo RC
![Page 29: Web: HTML5 es el ganador, y ahora que?](https://reader036.fdocuments.net/reader036/viewer/2022081422/559639f21a28ab65668b45db/html5/thumbnails/29.jpg)
#GX23
![Page 30: Web: HTML5 es el ganador, y ahora que?](https://reader036.fdocuments.net/reader036/viewer/2022081422/559639f21a28ab65668b45db/html5/thumbnails/30.jpg)
#GX23
![Page 31: Web: HTML5 es el ganador, y ahora que?](https://reader036.fdocuments.net/reader036/viewer/2022081422/559639f21a28ab65668b45db/html5/thumbnails/31.jpg)
#GX23
![Page 32: Web: HTML5 es el ganador, y ahora que?](https://reader036.fdocuments.net/reader036/viewer/2022081422/559639f21a28ab65668b45db/html5/thumbnails/32.jpg)
#GX23
![Page 33: Web: HTML5 es el ganador, y ahora que?](https://reader036.fdocuments.net/reader036/viewer/2022081422/559639f21a28ab65668b45db/html5/thumbnails/33.jpg)
#GX23