cómo generar aplicaciones web con una ux superior

#GX23

Cómo generar aplicaciones WEB con una UX superior

Sabrina JuárezArtech

#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

Web Notifications

#GX23

Modelo de ejecución de eventos optimizado.

#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

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

#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

• Migración: Propiedad Web User Experience a nivel de objeto

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: HTML5 es el ganador, ¿y ahora qué?Daniel Méndez. Miércoles Sala 2Bb. 10:30 – 11:00.

#GX23

¡GRACIAS!

sjuarez@genexus.com

@genexusfacebook.com/genexus.artech

Sabrina Juárez

#GX23

www.genexus.com/encuentro

@genexus#GX23