Cómo generar aplicaciones Web con una UX superior

858 views

Published on

Cómo generar aplicaciones Web con una UX superior

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
858
On SlideShare
0
From Embeds
0
Number of Embeds
123
Actions
Shares
0
Downloads
25
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Cómo generar aplicaciones Web con una UX superior

  1. 1. #GX23 Cómo generar aplicaciones WEB con una UX superior Sabrina Juárez Artech
  2. 2. #GX23 UX superior Performance Simplicidad en el código
  3. 3. #GX23 Propiedad WEB UX • Smooth • Compatible
  4. 4. #GX23 ¿Qué ocurre cuando Web UX =Smooth? Modelo de ejecución de eventos optimizado. Navegación optimizada entre páginas Web Notifications
  5. 5. #GX23 Modelo de ejecución de eventos optimizado.
  6. 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. 7. #GX23 Start Lectura de variables User Event Refresh Load
  8. 8. #GX23 Lectura de variables User Event
  9. 9. #GX23 Web UX = compatible
  10. 10. #GX23 Web UX = Smooth
  11. 11. #GX23 Cómo refrescar si es necesario • Grid.refresh() • Webcomponent.refresh() • Refresh() • Form.refresh() • Y otros…
  12. 12. #GX23 Solo se refresca el grid
  13. 13. #GX23 UX superior Performance Simplicidad en el código
  14. 14. #GX23 Navegación optimizada entre páginas Modelo de ejecución de eventos optimizado.
  15. 15. #GX23 Navegación optimizada entre páginas • Se resuelve con Ajax • Single Page Applications MENU HEADER Content Place Holder
  16. 16. #GX23
  17. 17. #GX23
  18. 18. #GX23 UX superior Performance Simplicidad en el código
  19. 19. #GX23 Web Notifications Navegación optimizada entre páginas Modelo de ejecución de eventos optimizado.
  20. 20. #GX23 Web Notifications Thanks for the update! New Data Available!
  21. 21. #GX23 Web Notifications WebNotification External Object
  22. 22. #GX23 Evento Onmessage Event Onmessage(&NotificationInfo)
  23. 23. #GX23
  24. 24. #GX23 No se refresca la pantalla
  25. 25. #GX23 Web Notifications Navegación optimizada entre páginas Modelo de ejecución de eventos optimizado.
  26. 26. #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
  27. 27. UX superior Performance Simplicidad en el código
  28. 28. #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.
  29. 29. #GX23 ¡GRACIAS! sjuarez@genexus.co m @genexus facebook.com/ genexus.artech Sabrina Juárez
  30. 30. #GX23 www.genexus.com/encuentro @genexus#GX23

×