![Page 1: Cómo generar aplicaciones Web con una UX superior](https://reader036.vdocuments.us/reader036/viewer/2022062707/55843bf9d8b42a56178b4cee/html5/thumbnails/1.jpg)
#GX23
Cómo generar aplicaciones WEB con una UX superior
Sabrina JuárezArtech
![Page 2: Cómo generar aplicaciones Web con una UX superior](https://reader036.vdocuments.us/reader036/viewer/2022062707/55843bf9d8b42a56178b4cee/html5/thumbnails/2.jpg)
#GX23
UX superior
Performance
Simplicidad en el código
![Page 3: Cómo generar aplicaciones Web con una UX superior](https://reader036.vdocuments.us/reader036/viewer/2022062707/55843bf9d8b42a56178b4cee/html5/thumbnails/3.jpg)
#GX23
Propiedad WEB UX
• Smooth
• Compatible
![Page 4: Cómo generar aplicaciones Web con una UX superior](https://reader036.vdocuments.us/reader036/viewer/2022062707/55843bf9d8b42a56178b4cee/html5/thumbnails/4.jpg)
#GX23
¿Qué ocurre cuando Web UX =Smooth?
Modelo de ejecución de eventos optimizado.
Navegación optimizada entre páginas
Web Notifications
![Page 5: Cómo generar aplicaciones Web con una UX superior](https://reader036.vdocuments.us/reader036/viewer/2022062707/55843bf9d8b42a56178b4cee/html5/thumbnails/5.jpg)
#GX23
Modelo de ejecución de eventos optimizado.
![Page 6: Cómo generar aplicaciones Web con una UX superior](https://reader036.vdocuments.us/reader036/viewer/2022062707/55843bf9d8b42a56178b4cee/html5/thumbnails/6.jpg)
#GX23
Modelo de eventos optimizadoModelo Ev2•GET
–Start–Refresh–Load
•POST–Start–Lectura de variables–Evento de usuario–Refresh
–LoadModelo Smooth•GET
–Start–Refresh–Load
•POST
–Lectura de variables–Evento de usuario
![Page 7: Cómo generar aplicaciones Web con una UX superior](https://reader036.vdocuments.us/reader036/viewer/2022062707/55843bf9d8b42a56178b4cee/html5/thumbnails/7.jpg)
#GX23
Start
Lectura de variables
User Event
Refresh
Load
![Page 8: Cómo generar aplicaciones Web con una UX superior](https://reader036.vdocuments.us/reader036/viewer/2022062707/55843bf9d8b42a56178b4cee/html5/thumbnails/8.jpg)
#GX23
Lectura de variables
User Event
![Page 9: Cómo generar aplicaciones Web con una UX superior](https://reader036.vdocuments.us/reader036/viewer/2022062707/55843bf9d8b42a56178b4cee/html5/thumbnails/9.jpg)
#GX23
Web UX = compatible
![Page 10: Cómo generar aplicaciones Web con una UX superior](https://reader036.vdocuments.us/reader036/viewer/2022062707/55843bf9d8b42a56178b4cee/html5/thumbnails/10.jpg)
#GX23
Web UX = Smooth
![Page 11: Cómo generar aplicaciones Web con una UX superior](https://reader036.vdocuments.us/reader036/viewer/2022062707/55843bf9d8b42a56178b4cee/html5/thumbnails/11.jpg)
#GX23
Cómo refrescar si es necesario• Grid.refresh()• Webcomponent.refresh()• Refresh()• Form.refresh()
• Y otros…
![Page 12: Cómo generar aplicaciones Web con una UX superior](https://reader036.vdocuments.us/reader036/viewer/2022062707/55843bf9d8b42a56178b4cee/html5/thumbnails/12.jpg)
![Page 13: Cómo generar aplicaciones Web con una UX superior](https://reader036.vdocuments.us/reader036/viewer/2022062707/55843bf9d8b42a56178b4cee/html5/thumbnails/13.jpg)
#GX23
Solo se refresca el grid
![Page 14: Cómo generar aplicaciones Web con una UX superior](https://reader036.vdocuments.us/reader036/viewer/2022062707/55843bf9d8b42a56178b4cee/html5/thumbnails/14.jpg)
#GX23
UX superior
Performance
Simplicidad en el código
![Page 15: Cómo generar aplicaciones Web con una UX superior](https://reader036.vdocuments.us/reader036/viewer/2022062707/55843bf9d8b42a56178b4cee/html5/thumbnails/15.jpg)
#GX23
Navegación optimizada entre páginas
Modelo de ejecución de eventos optimizado.
![Page 16: Cómo generar aplicaciones Web con una UX superior](https://reader036.vdocuments.us/reader036/viewer/2022062707/55843bf9d8b42a56178b4cee/html5/thumbnails/16.jpg)
#GX23
Navegación optimizada entre páginas
• Se resuelve con Ajax• Single Page Applications
MENU
HEADER
Content Place Holder
![Page 17: Cómo generar aplicaciones Web con una UX superior](https://reader036.vdocuments.us/reader036/viewer/2022062707/55843bf9d8b42a56178b4cee/html5/thumbnails/17.jpg)
#GX23
![Page 18: Cómo generar aplicaciones Web con una UX superior](https://reader036.vdocuments.us/reader036/viewer/2022062707/55843bf9d8b42a56178b4cee/html5/thumbnails/18.jpg)
#GX23
![Page 19: Cómo generar aplicaciones Web con una UX superior](https://reader036.vdocuments.us/reader036/viewer/2022062707/55843bf9d8b42a56178b4cee/html5/thumbnails/19.jpg)
#GX23
UX superior
Performance
Simplicidad en el código
![Page 20: Cómo generar aplicaciones Web con una UX superior](https://reader036.vdocuments.us/reader036/viewer/2022062707/55843bf9d8b42a56178b4cee/html5/thumbnails/20.jpg)
#GX23
Web Notifications
Navegación optimizada entre páginas
Modelo de ejecución de eventos optimizado.
![Page 21: Cómo generar aplicaciones Web con una UX superior](https://reader036.vdocuments.us/reader036/viewer/2022062707/55843bf9d8b42a56178b4cee/html5/thumbnails/21.jpg)
#GX23
Web Notifications
Thanks for the
update!
New Data Available!
![Page 22: Cómo generar aplicaciones Web con una UX superior](https://reader036.vdocuments.us/reader036/viewer/2022062707/55843bf9d8b42a56178b4cee/html5/thumbnails/22.jpg)
#GX23
Web Notifications
WebNotification External Object
![Page 23: Cómo generar aplicaciones Web con una UX superior](https://reader036.vdocuments.us/reader036/viewer/2022062707/55843bf9d8b42a56178b4cee/html5/thumbnails/23.jpg)
#GX23
Evento Onmessage
Event Onmessage(&NotificationInfo)
![Page 24: Cómo generar aplicaciones Web con una UX superior](https://reader036.vdocuments.us/reader036/viewer/2022062707/55843bf9d8b42a56178b4cee/html5/thumbnails/24.jpg)
![Page 25: Cómo generar aplicaciones Web con una UX superior](https://reader036.vdocuments.us/reader036/viewer/2022062707/55843bf9d8b42a56178b4cee/html5/thumbnails/25.jpg)
#GX23
![Page 26: Cómo generar aplicaciones Web con una UX superior](https://reader036.vdocuments.us/reader036/viewer/2022062707/55843bf9d8b42a56178b4cee/html5/thumbnails/26.jpg)
#GX23
No se refresca la pantalla
![Page 27: Cómo generar aplicaciones Web con una UX superior](https://reader036.vdocuments.us/reader036/viewer/2022062707/55843bf9d8b42a56178b4cee/html5/thumbnails/27.jpg)
#GX23
Web Notifications
Navegación optimizada entre páginas
Modelo de ejecución de eventos optimizado.
![Page 28: Cómo generar aplicaciones Web con una UX superior](https://reader036.vdocuments.us/reader036/viewer/2022062707/55843bf9d8b42a56178b4cee/html5/thumbnails/28.jpg)
#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
![Page 29: Cómo generar aplicaciones Web con una UX superior](https://reader036.vdocuments.us/reader036/viewer/2022062707/55843bf9d8b42a56178b4cee/html5/thumbnails/29.jpg)
UX superior
Performance
Simplicidad en el código
![Page 30: Cómo generar aplicaciones Web con una UX superior](https://reader036.vdocuments.us/reader036/viewer/2022062707/55843bf9d8b42a56178b4cee/html5/thumbnails/30.jpg)
#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.