Aplicaciones RIA para
una web multiplataforma

David Maniega Legarda
Director de la Oficina Abierta de Innovación – UOC
dm...
Arquitectura cliente/servidor
  Enviar peticiones / Pintar en pantalla




                                           Pres...
Arquitectura RIA
  Capa de presentación / Navegador + Plug-in
                                               Cliente rico
...
Entendiendo el modelo RIA
Tecnologías más destacadas

Silverlight (Microsoft)

Flex, AIR (Adobe)

JavaFX (Sun Microsystems)

OpenLaszlo (Laszlo Syst...
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

Optimiz...
RIA y sus retos pendientes (2)

Complejidad en sistemas de monitorización

Seguridad de arquitecturas (sandbox) y acceso

...
¿En qué entornos se aplican?

       Sin
    navegador




                  Escritorio
    Interacción
          +
     A...
¿En qué entornos se aplican?

      En el
    navegador



                       RWA
                    (Rich Web
      ...
Árbol de decisiones




                                                                                  /   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
     niv...
Las 6 reglas para diseñar RIA’s

     …partiendo de que la número
     0 es aquella que cumple con
     los 10 principios ...
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 Legarda
Director de la Oficina Abierta de Innovación – UOC
dmaniega@uoc.edu
Aplicaciones RIA para una web multiplataforma
Aplicaciones RIA para una web multiplataforma
Upcoming SlideShare
Loading in …5
×

Aplicaciones RIA para una web multiplataforma

2,748 views

Published on

Maniega Legarda, David. Aplicaciones RIA para una web multiplataforma. 4th International LIS-EPI meeting, Valencia, 26-27 de noviembre de 2009.

Published in: Education, Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
2,748
On SlideShare
0
From Embeds
0
Number of Embeds
14
Actions
Shares
0
Downloads
61
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Aplicaciones RIA para una web multiplataforma

  1. 1. Aplicaciones RIA para una web multiplataforma David Maniega Legarda Director de la Oficina Abierta de Innovación – UOC dmaniega@uoc.edu
  2. 2. Arquitectura cliente/servidor Enviar peticiones / Pintar en pantalla Presentación Lógica de negocio Datos / Servicios
  3. 3. Arquitectura RIA Capa de presentación / Navegador + Plug-in Cliente rico Lógica de negocio Cliente rico Datos / Servicios
  4. 4. Entendiendo el modelo RIA
  5. 5. Tecnologías más destacadas Silverlight (Microsoft) Flex, AIR (Adobe) JavaFX (Sun Microsystems) OpenLaszlo (Laszlo Systems)
  6. 6. RIA y sus beneficios (1) Interfaz más rica y veloz Mejora de la respuesta en las interacciones Comunicación asíncrona
  7. 7. RIA y sus beneficios (2) Liberación de recursos en el servidor Reducción de tráfico de red Soporte multi(entorno)
  8. 8. 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
  9. 9. RIA y sus retos pendientes (2) Complejidad en sistemas de monitorización Seguridad de arquitecturas (sandbox) y acceso Latencia en la carga de datos
  10. 10. ¿En qué entornos se aplican? Sin navegador Escritorio Interacción + Aplicación local
  11. 11. ¿En qué entornos se aplican? En el navegador RWA (Rich Web Applications) Interacción + Procesamiento en servidor
  12. 12. Árbol de decisiones / Silverlight http://mauriziostorani.wordpress.com/2008/06/11/ria-rich-internet-applications/
  13. 13. Pero podemos correr un serio riesgo…
  14. 14. …si nos quedamos en el diseño
  15. 15. 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”
  16. 16. 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”
  17. 17. 1. Ser directo, usar el contexto
  18. 18. 2. Minimizar el esfuerzo
  19. 19. 3. Permanecer en la página
  20. 20. 4. Dar pistas para la interacción
  21. 21. 5. Usar transiciones impactantes
  22. 22. 6. Interfaz capaz de reaccionar
  23. 23. Finalizamos con un ejemplo http://www.balsamiq.com/
  24. 24. Muchas gracias por su atención David Maniega Legarda Director de la Oficina Abierta de Innovación – UOC dmaniega@uoc.edu

×