Aplicaciones RIA para una web multiplataforma

David Maniega LegardaDirector de la Oficina Abierta de Innovación – UOC

dmaniega@uoc.edu

Arquitectura cliente/servidor

PresentaciónLógica de negocioDatos / Servicios

Env

iar

petic

ione

s /

Pin

tar

en p

anta

lla

Arquitectura RIA

Datos / Servicios

Cap

a de

pre

sent

ació

n /

Nav

egad

or +

Plu

g-in

Cliente rico

Cliente ricoLógica de negocio

Entendiendo el modelo RIA

Tecnologías más destacadas

Silverlight (Microsoft)

Flex, AIR (Adobe)

JavaFX (Sun Microsystems)

OpenLaszlo (Laszlo Systems)

RIA y sus beneficios (1)

Interfaz más rica y veloz

Mejora de la respuesta en las interacciones

Comunicación asíncrona

RIA y sus beneficios (2)

Liberación de recursos en el servidor

Reducción de tráfico de red

Soporte multi(entorno)

RIA y sus retos pendientes (1)

Cambios en los hábitos de uso y navegación

Asegurar los niveles de accesibilidad

Optimización para motores de búsqueda

RIA y sus retos pendientes (2)

Complejidad en sistemas de monitorización

Seguridad de arquitecturas (sandbox) y acceso

Latencia en la carga de datos

¿En qué entornos se aplican?

¿En qué entornos se aplican?

Árbol de decisiones

http://mauriziostorani.wordpress.com/2008/06/11/ria-rich-internet-applications/

/ Silverlight

Pero podemos correr un serio riesgo…

…si nos quedamos en el diseño

Rich significa que lo es en…

nivel 1 estructura de la aplicación

nivel 2 configuración de pantalla

nivel 3 controles UI

nivel 4 interacciones

Theresa Neil y Bill Scott en su libro “Designing Web Interfaces: Principles and Patterns for Rich Interactions”

Las 6 reglas para diseñar RIA’s

…partiendo de que la número 0 es aquella que cumple con los 10 principios básicos de la usabilidad…

Theresa Neil y Bill Scott en su libro “Designing Web Interfaces: Principles and Patterns for Rich Interactions”

1. Ser directo, usar el contexto

2. Minimizar el esfuerzo

3. Permanecer en la página

4. Dar pistas para la interacción

5. Usar transiciones impactantes

6. Interfaz capaz de reaccionar

Finalizamos con un ejemplo

http://www.balsamiq.com/

Muchas gracias por su atención

David Maniega LegardaDirector de la Oficina Abierta de Innovación – UOC

dmaniega@uoc.edu