Este documento describe las aplicaciones ricas de Internet (RIA) y sus beneficios para crear sitios web multiplataforma. Explica que las RIA mejoran la interfaz y la respuesta del usuario al procesar parte de la lógica y los datos en el cliente en lugar del servidor. También discute los desafíos pendientes como los cambios en los hábitos de navegación y asegurar la accesibilidad. Finalmente, cubre ejemplos de tecnologías RIA como Silverlight y Flex y cómo diseñar RIA para proporcionar interacciones

1. Aplicaciones RIA para
una web multiplataforma
David Maniega Legarda
Director de la Oficina Abierta de Innovación – UOC
dmaniega@uoc.edu

3. Arquitectura cliente/servidor
Enviar peticiones / Pintar en pantalla
Presentación
Lógica de negocio
Datos / Servicios

4. Arquitectura RIA
Capa de presentación / Navegador + Plug-in
Cliente rico
Lógica de negocio
Cliente rico
Datos / Servicios

5. Entendiendo el modelo RIA

7. Tecnologías más destacadas
Silverlight (Microsoft)
Flex, AIR (Adobe)
JavaFX (Sun Microsystems)
OpenLaszlo (Laszlo Systems)

8. RIA y sus beneficios (1)
Interfaz más rica y veloz
Mejora de la respuesta en las interacciones
Comunicación asíncrona

9. RIA y sus beneficios (2)
Liberación de recursos en el servidor
Reducción de tráfico de red
Soporte multi(entorno)

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

11. RIA y sus retos pendientes (2)
Complejidad en sistemas de monitorización
Seguridad de arquitecturas (sandbox) y acceso
Latencia en la carga de datos

12. ¿En qué entornos se aplican?
Sin
navegador
Escritorio
Interacción
+
Aplicación
local

13. ¿En qué entornos se aplican?
En el
navegador
RWA
(Rich Web
Applications)
Interacción
+
Procesamiento
en servidor

14. Árbol de decisiones
/ Silverlight
http://mauriziostorani.wordpress.com/2008/06/11/ria-rich-internet-applications/

15. Pero podemos correr
un serio riesgo…

16. …si nos quedamos en el diseño

17. 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”

18. 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”

19. 1. Ser directo, usar el contexto

20. 2. Minimizar el esfuerzo

21. 3. Permanecer en la página

22. 4. Dar pistas para la interacción

23. 5. Usar transiciones impactantes

24. 6. Interfaz capaz de reaccionar

25. Finalizamos con un ejemplo
http://www.balsamiq.com/

26. Muchas gracias por su
atención
David Maniega Legarda
Director de la Oficina Abierta de Innovación – UOC
dmaniega@uoc.edu