![Page 1: Aplicaciones RIA para una web multiplataforma](https://reader033.vdocuments.site/reader033/viewer/2022061210/548febfab479597c378b480b/html5/thumbnails/1.jpg)
Aplicaciones RIA para una web multiplataforma
David Maniega LegardaDirector de la Oficina Abierta de Innovación – UOC
![Page 2: Aplicaciones RIA para una web multiplataforma](https://reader033.vdocuments.site/reader033/viewer/2022061210/548febfab479597c378b480b/html5/thumbnails/2.jpg)
![Page 3: Aplicaciones RIA para una web multiplataforma](https://reader033.vdocuments.site/reader033/viewer/2022061210/548febfab479597c378b480b/html5/thumbnails/3.jpg)
Arquitectura cliente/servidor
PresentaciónLógica de negocioDatos / Servicios
Env
iar
petic
ione
s /
Pin
tar
en p
anta
lla
![Page 4: Aplicaciones RIA para una web multiplataforma](https://reader033.vdocuments.site/reader033/viewer/2022061210/548febfab479597c378b480b/html5/thumbnails/4.jpg)
Arquitectura RIA
Datos / Servicios
Cap
a de
pre
sent
ació
n /
Nav
egad
or +
Plu
g-in
Cliente rico
Cliente ricoLógica de negocio
![Page 5: Aplicaciones RIA para una web multiplataforma](https://reader033.vdocuments.site/reader033/viewer/2022061210/548febfab479597c378b480b/html5/thumbnails/5.jpg)
Entendiendo el modelo RIA
![Page 6: Aplicaciones RIA para una web multiplataforma](https://reader033.vdocuments.site/reader033/viewer/2022061210/548febfab479597c378b480b/html5/thumbnails/6.jpg)
![Page 7: Aplicaciones RIA para una web multiplataforma](https://reader033.vdocuments.site/reader033/viewer/2022061210/548febfab479597c378b480b/html5/thumbnails/7.jpg)
Tecnologías más destacadas
Silverlight (Microsoft)
Flex, AIR (Adobe)
JavaFX (Sun Microsystems)
OpenLaszlo (Laszlo Systems)
![Page 8: Aplicaciones RIA para una web multiplataforma](https://reader033.vdocuments.site/reader033/viewer/2022061210/548febfab479597c378b480b/html5/thumbnails/8.jpg)
RIA y sus beneficios (1)
Interfaz más rica y veloz
Mejora de la respuesta en las interacciones
Comunicación asíncrona
![Page 9: Aplicaciones RIA para una web multiplataforma](https://reader033.vdocuments.site/reader033/viewer/2022061210/548febfab479597c378b480b/html5/thumbnails/9.jpg)
RIA y sus beneficios (2)
Liberación de recursos en el servidor
Reducción de tráfico de red
Soporte multi(entorno)
![Page 10: Aplicaciones RIA para una web multiplataforma](https://reader033.vdocuments.site/reader033/viewer/2022061210/548febfab479597c378b480b/html5/thumbnails/10.jpg)
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
![Page 11: Aplicaciones RIA para una web multiplataforma](https://reader033.vdocuments.site/reader033/viewer/2022061210/548febfab479597c378b480b/html5/thumbnails/11.jpg)
RIA y sus retos pendientes (2)
Complejidad en sistemas de monitorización
Seguridad de arquitecturas (sandbox) y acceso
Latencia en la carga de datos
![Page 12: Aplicaciones RIA para una web multiplataforma](https://reader033.vdocuments.site/reader033/viewer/2022061210/548febfab479597c378b480b/html5/thumbnails/12.jpg)
¿En qué entornos se aplican?
![Page 13: Aplicaciones RIA para una web multiplataforma](https://reader033.vdocuments.site/reader033/viewer/2022061210/548febfab479597c378b480b/html5/thumbnails/13.jpg)
¿En qué entornos se aplican?
![Page 14: Aplicaciones RIA para una web multiplataforma](https://reader033.vdocuments.site/reader033/viewer/2022061210/548febfab479597c378b480b/html5/thumbnails/14.jpg)
Árbol de decisiones
http://mauriziostorani.wordpress.com/2008/06/11/ria-rich-internet-applications/
/ Silverlight
![Page 15: Aplicaciones RIA para una web multiplataforma](https://reader033.vdocuments.site/reader033/viewer/2022061210/548febfab479597c378b480b/html5/thumbnails/15.jpg)
Pero podemos correr un serio riesgo…
![Page 16: Aplicaciones RIA para una web multiplataforma](https://reader033.vdocuments.site/reader033/viewer/2022061210/548febfab479597c378b480b/html5/thumbnails/16.jpg)
…si nos quedamos en el diseño
![Page 17: Aplicaciones RIA para una web multiplataforma](https://reader033.vdocuments.site/reader033/viewer/2022061210/548febfab479597c378b480b/html5/thumbnails/17.jpg)
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”
![Page 18: Aplicaciones RIA para una web multiplataforma](https://reader033.vdocuments.site/reader033/viewer/2022061210/548febfab479597c378b480b/html5/thumbnails/18.jpg)
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”
![Page 19: Aplicaciones RIA para una web multiplataforma](https://reader033.vdocuments.site/reader033/viewer/2022061210/548febfab479597c378b480b/html5/thumbnails/19.jpg)
1. Ser directo, usar el contexto
![Page 20: Aplicaciones RIA para una web multiplataforma](https://reader033.vdocuments.site/reader033/viewer/2022061210/548febfab479597c378b480b/html5/thumbnails/20.jpg)
2. Minimizar el esfuerzo
![Page 21: Aplicaciones RIA para una web multiplataforma](https://reader033.vdocuments.site/reader033/viewer/2022061210/548febfab479597c378b480b/html5/thumbnails/21.jpg)
3. Permanecer en la página
![Page 22: Aplicaciones RIA para una web multiplataforma](https://reader033.vdocuments.site/reader033/viewer/2022061210/548febfab479597c378b480b/html5/thumbnails/22.jpg)
4. Dar pistas para la interacción
![Page 23: Aplicaciones RIA para una web multiplataforma](https://reader033.vdocuments.site/reader033/viewer/2022061210/548febfab479597c378b480b/html5/thumbnails/23.jpg)
5. Usar transiciones impactantes
![Page 24: Aplicaciones RIA para una web multiplataforma](https://reader033.vdocuments.site/reader033/viewer/2022061210/548febfab479597c378b480b/html5/thumbnails/24.jpg)
6. Interfaz capaz de reaccionar
![Page 25: Aplicaciones RIA para una web multiplataforma](https://reader033.vdocuments.site/reader033/viewer/2022061210/548febfab479597c378b480b/html5/thumbnails/25.jpg)
Finalizamos con un ejemplo
http://www.balsamiq.com/
![Page 26: Aplicaciones RIA para una web multiplataforma](https://reader033.vdocuments.site/reader033/viewer/2022061210/548febfab479597c378b480b/html5/thumbnails/26.jpg)
Muchas gracias por su atención
David Maniega LegardaDirector de la Oficina Abierta de Innovación – UOC