Cómo generar aplicaciones Web con una UX superior

1. #GX23
Cómo generar
aplicaciones WEB con una
UX superior
Sabrina Juárez
Artech

2. #GX23
UX superior
Performance
Simplicidad en el
código

3. #GX23
Propiedad
WEB UX
• Smooth
• Compatible

4. #GX23
¿Qué ocurre cuando Web UX
=Smooth?
Modelo de ejecución de eventos
optimizado.
Navegación optimizada entre
páginas
Web Notifications

5. #GX23
Modelo de ejecución de eventos
optimizado.

6. #GX23
Modelo de eventos
optimizado
Modelo Ev2
•GET
–Start
–Refresh
–Load
•POST
–Start
–Lectura de
variables
–Evento de usuario
–Refresh
–Load
Modelo Smooth
•GET
–Start
–Refresh
–Load
•POST
–Lectura de
variables
–Evento de usuario

7. #GX23
Start
Lectura de
variables
User Event
Refresh
Load

8. #GX23
Lectura de
variables
User Event

9. #GX23
Web UX = compatible

10. #GX23
Web UX = Smooth

11. #GX23
Cómo refrescar si es
necesario
• Grid.refresh()
• Webcomponent.refresh()
• Refresh()
• Form.refresh()
• Y otros…

13. #GX23
Solo se refresca el grid

14. #GX23
UX superior
Performance
Simplicidad en el
código

15. #GX23
Navegación optimizada entre
páginas
Modelo de ejecución de eventos
optimizado.

16. #GX23
Navegación optimizada entre
páginas
• Se resuelve con Ajax
• Single Page Applications
MENU
HEADER
Content
Place Holder

17. #GX23

18. #GX23

19. #GX23
UX superior
Performance
Simplicidad en el
código

20. #GX23
Web Notifications
Navegación optimizada entre
páginas
Modelo de ejecución de eventos
optimizado.

21. #GX23
Web Notifications
Thanks for
the update!
New Data
Available!

22. #GX23
Web Notifications
WebNotification External Object

23. #GX23
Evento Onmessage
Event Onmessage(&NotificationInfo)

25. #GX23

26. #GX23
No se refresca la pantalla

27. #GX23
Web Notifications
Navegación optimizada entre
páginas
Modelo de ejecución de eventos
optimizado.

28. #GX23
Web UX Smooth para el
developer
• Sencillas pautas para programar
• Modelo similar al de aplicaciones desktop
• Migración: Propiedad Web User Experience a nivel de
objeto

29. UX superior
Performance
Simplicidad en el
código

30. #GX23
Conferencias relacionadas
• Brokeronline, full ajax, full tilo.
Victor Sabbia.
Martes Sala 2Bb. 17:00 – 17:30.
• WEB: HTML5 es el ganador, ¿y ahora qué?
Daniel Méndez.
Miércoles Sala 2Bb. 10:30 – 11:00.

31. #GX23
¡GRACIAS!
sjuarez@genexus.co
m
@genexus
facebook.com/
genexus.artech
Sabrina
Juárez

32. #GX23
www.genexus.com/encuentro
@genexus#GX23