Post on 16-Dec-2014
description
transcript
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