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

Cómo generar aplicaciones Web con una UX superior

  • Upload
    genexus

  • View
    489

  • Download
    1

Embed Size (px)

DESCRIPTION

Cómo generar aplicaciones Web con una UX superior

Citation preview

Page 1: Cómo generar aplicaciones Web con una UX superior

#GX23

Cómo generar aplicaciones WEB con una UX superior

Sabrina JuárezArtech

Page 2: Cómo generar aplicaciones Web con una UX superior

#GX23

UX superior

Performance

Simplicidad en el código

Page 3: Cómo generar aplicaciones Web con una UX superior

#GX23

Propiedad WEB UX

• Smooth

• Compatible

Page 4: Cómo generar aplicaciones Web con una UX superior

#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

#GX23

Modelo de ejecución de eventos optimizado.

Page 6: Cómo generar aplicaciones Web con una UX superior

#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

#GX23

Start

Lectura de variables

User Event

Refresh

Load

Page 8: Cómo generar aplicaciones Web con una UX superior

#GX23

Lectura de variables

User Event

Page 9: Cómo generar aplicaciones Web con una UX superior

#GX23

Web UX = compatible

Page 10: Cómo generar aplicaciones Web con una UX superior

#GX23

Web UX = Smooth

Page 11: Cómo generar aplicaciones Web con una UX superior

#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
Page 13: Cómo generar aplicaciones Web con una UX superior

#GX23

Solo se refresca el grid

Page 14: Cómo generar aplicaciones Web con una UX superior

#GX23

UX superior

Performance

Simplicidad en el código

Page 15: Cómo generar aplicaciones Web con una UX superior

#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

#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

#GX23

Page 18: Cómo generar aplicaciones Web con una UX superior

#GX23

Page 19: Cómo generar aplicaciones Web con una UX superior

#GX23

UX superior

Performance

Simplicidad en el código

Page 20: Cómo generar aplicaciones Web con una UX superior

#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

#GX23

Web Notifications

Thanks for the

update!

New Data Available!

Page 22: Cómo generar aplicaciones Web con una UX superior

#GX23

Web Notifications

WebNotification External Object

Page 23: Cómo generar aplicaciones Web con una UX superior

#GX23

Evento Onmessage

Event Onmessage(&NotificationInfo)

Page 24: Cómo generar aplicaciones Web con una UX superior
Page 25: Cómo generar aplicaciones Web con una UX superior

#GX23

Page 26: Cómo generar aplicaciones Web con una UX superior

#GX23

No se refresca la pantalla

Page 27: Cómo generar aplicaciones Web con una UX superior

#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

#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

UX superior

Performance

Simplicidad en el código

Page 30: Cómo generar aplicaciones Web con una UX superior

#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.

Page 31: Cómo generar aplicaciones Web con una UX superior

#GX23

¡GRACIAS!

[email protected]

@genexusfacebook.com/genexus.artech

Sabrina Juárez

Page 32: Cómo generar aplicaciones Web con una UX superior

#GX23

www.genexus.com/encuentro

@genexus#GX23