#GX23
Cómo generar
aplicaciones WEB con una
UX superior
Sabrina Juárez
Artech
#GX23
UX superior
Performance
Simplicidad en el
código
#GX23
Propiedad
WEB UX
• Smooth
• Compatible
#GX23
¿Qué ocurre cuando Web UX
=Smooth?
Modelo de ejecución de eventos
optimizado.
Navegación optimizada entre
páginas
We...
#GX23
Modelo de ejecución de eventos
optimizado.
#GX23
Modelo de eventos
optimizado
Modelo Ev2
•GET
–Start
–Refresh
–Load
•POST
–Start
–Lectura de
variables
–Evento de usu...
#GX23
Start
Lectura de
variables
User Event
Refresh
Load
#GX23
Lectura de
variables
User Event
#GX23
Web UX = compatible
#GX23
Web UX = Smooth
#GX23
Cómo refrescar si es
necesario
• Grid.refresh()
• Webcomponent.refresh()
• Refresh()
• Form.refresh()
• Y otros…
#GX23
Solo se refresca el grid
#GX23
UX superior
Performance
Simplicidad en el
código
#GX23
Navegación optimizada entre
páginas
Modelo de ejecución de eventos
optimizado.
#GX23
Navegación optimizada entre
páginas
• Se resuelve con Ajax
• Single Page Applications
MENU
HEADER
Content
Place Hold...
#GX23
#GX23
#GX23
UX superior
Performance
Simplicidad en el
código
#GX23
Web Notifications
Navegación optimizada entre
páginas
Modelo de ejecución de eventos
optimizado.
#GX23
Web Notifications
Thanks for
the update!
New Data
Available!
#GX23
Web Notifications
WebNotification External Object
#GX23
Evento Onmessage
Event Onmessage(&NotificationInfo)
#GX23
#GX23
No se refresca la pantalla
#GX23
Web Notifications
Navegación optimizada entre
páginas
Modelo de ejecución de eventos
optimizado.
#GX23
Web UX Smooth para el
developer
• Sencillas pautas para programar
• Modelo similar al de aplicaciones desktop
• Migr...
UX superior
Performance
Simplicidad en el
código
#GX23
Conferencias relacionadas
• Brokeronline, full ajax, full tilo.
Victor Sabbia.
Martes Sala 2Bb. 17:00 – 17:30.
• WEB...
#GX23
¡GRACIAS!
sjuarez@genexus.co
m
@genexus
facebook.com/
genexus.artech
Sabrina
Juárez
#GX23
www.genexus.com/encuentro
@genexus#GX23
Cómo generar aplicaciones Web con una UX superior
Cómo generar aplicaciones Web con una UX superior
Upcoming SlideShare
Loading in...5
×

Cómo generar aplicaciones Web con una UX superior

512

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
512
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
23
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Transcript of "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
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×