Aplicaciones RIA: Rich Internet Application Technologies. Asignatura Desarrollo con Tecnologías Emergentes, Grado de Ingeniería Informática, Escuela Técnica Superior de Informática, Universidad de Alcalá

1. Departamento de Ciencias de la Computación
Aplicaciones RIA
Rich Internet Application Technologies
Jesús Cáceres Tello

2. Índice I
01 Introducción
01.01 App. Escritorio vs. App Web
01.02 Problemas de una aplicación web convencional
01.03 Tecnologías RIA
01.04 APPLET
01.05 SYLVERLIGHT
01.06 ADOBE FLASH
01.07 Java WebStart
01.08 DHTML = HTML + JavaScript + DOM + CSS
01.09 AJAX = DHTML + XMLHttpRequest
02 Arquitectura
Rich Internet Application Technologies
03 Características RIA
04 Beneficios de RIA
05 Ejemplos RIA
05.01 RIA Applet de Java
05.02 RIA .NET
Aplicaciones RIA
05.03 RIA Adobe FLEX
05.04 RIA Flash
06 Referencias
2

3. 01 Introducción
01.01 App. Escritorio vs. App Web
Aplicación de escritorio Aplicación Web convencional
 Responde de forma  Cada vez que se pulsa un
intuitiva y rápida link, se produce una
 Da respuesta inmediata a espera al refresco de la
las acciones del usuario página
 La página refresca todos
los eventos, envíos y datos
de navegación
Rich Internet Application Technologies
 El usuario debe esperar la
respuesta
 Modelo de
petición/respuesta de
comunicaciones síncrono
Aplicaciones RIA
 El estado del trabajo que
se está desarrollando se
basa en la página actual
3

4. 01 Introducción
01.02 Problemas de una aplicación web convencional
 Respuesta lenta.
 Pérdida del contexto durante el refresco.
 Perdemos información en la pantalla que habíamos
rellenado.
 Perdemos la posición del scroll de la pantalla.
 No tenemos respuesta inmediata a nuestros actos.
 Tenemos que esperar que llegue la siguiente página.
Rich Internet Application Technologies
RIA: Rich Internet Application Technologies
 SylverLight  Java WebStart
Aplicaciones RIA
 Applet  DHTML
 Adobe Flash  AJAX
4

5. 01 Introducción
01.03 Tecnologías RIA
 Tecnologías RIA navegador
Tecnología Plataforma IDE
AJAX Win, Mac, Linux Editor XML
Adobe Flex/Flash Win, Mac, Linux Eclipse
Microsoft Silverlight Win, Mac Visual Studio
Oracle Java Win, Mac, Linux NetBeans, Eclipse
Microsoft .NET Win Visual Studio
Rich Internet Application Technologies
 Tecnologías RIA escritorio
Tecnología Plataforma Actualización
Aplicaciones RIA
Adobe Air Win, Mac, Linux AIR
Oracle Java Win, Mac, Linux Java Web Start (JNLP)
Microsoft .NET Win ClickOnce
5

6. 01 Introducción
01.04 APPLET
 Puede hacer uso de
todas las APIS Java.
 Su desarrollo tiene un
patrón de trabajo bien  El navegador necesita
definido. un complemento
 Puede manipular
Rich Internet Application Technologies
 El tiempo de bajada del
gráficos, diferentes APPLET puede ser muy
hebras y crear grande
Interfaces Usuario
avanzadas.
Aplicaciones RIA
6

7. 01 Introducción
01.05 SYLVERLIGHT
Tecnología de presentación web creada para su ejecución en distintas
plataformas
 Lenguaje más potente,
basado en WPF y .Net fx
3.0
 Herramientas de
desarrollo más
 No soportado en todos
Rich Internet Application Technologies
completas: Visual
Studio y Expression los navegadores.
Suite Soporte para Internet
Explorer, Safari y
Firefox.
Aplicaciones RIA
 Aceleración por
hardware mediante el
uso de DirectX.
7

8. 01 Introducción
01.06 ADOBE FLASH
Fue diseñado para ver películas interactivas aunque ahora se utiliza
mucho para hacer juegos
 El navegador necesita
 Multiplataforma, un complemento
soportado
prácticamente por todos  ActionScript es una
los navegadores tecnología propietaria
disponibles.
Rich Internet Application Technologies
 Bajo rendimiento
 Presencia en el mercado
durante muchos años
 NO se puede hacer SEO
en páginas
Aplicaciones RIA
 Muy bueno para mostrar desarrolladas con Flash
gráficos vectoriales 3D
8

9. 01 Introducción
01.07 Java WebStart
Proporciona en un navegador una aplicación de escritorio
 Una vez cargado, ofrece  El navegador necesita
una experiencia similar un complemento
a una aplicación de
escritorio  Problema de
 Utiliza tecnología muy compatibilidad con las
extendida, Java aplicaciones viejas ya
Rich Internet Application Technologies
 Las aplicaciones se que se han cambiado
pueden firmar algunas cosas
digitalmente
 Se puede seguir  El tiempo que puede
utilizando una vez
Aplicaciones RIA
tardar en descargar una
desconectado aplicación de escritorio
es demasiado grande
9

10. 01 Introducción
01.08 DHTML = HTML + JavaScript + DOM + CSS
 La comunicación es
síncrona
 Se utiliza para crear
Rich Internet Application Technologies
aplicaciones interactivas  Requiere el refresco
y más rápidas completo de la página,
perdiendo parte del
contexto
Aplicaciones RIA
10

11. 01 Introducción
01.09 AJAX = DHTML + XMLHttpRequest
Añade a la potencia de DHTML el objeto XMLHttpRequest para obtener
información de manera asíncrona
 Todavía existen
 Está en su mejor incompatibilidades entre
momento para la navegadores, cada vez
indrustria menos.
Rich Internet Application Technologies
 No necesita descargar  Desarrollo con
ningún complemento JavaScript, hace unos
años no muy explorado
Aplicaciones RIA
pero hoy en día posee
cierta consistencia
11

12. 02 Arquitectura
Aplicaciones RIA
12
Rich Internet Application Technologies

13. 03 Características RIA
 Accesibilidad: AJAX
 Comunicaciones avanzadas: utilización de protocolos de
red optimizadas y i/o asíncronas
 Complejidad: facilidad en el diseño, desarrollo,
implementación y depuración
 Consistencia: mayor control por el S.O. (monitoreo del
rendimiento y diagnóstico de errores)
 Instalación y mantenimiento: requiere la instalación de
un plugin o vm más rápida que la instalación de una
aplicación convencional. Actualizaciones automáticas
Rich Internet Application Technologies
 Offline: sin conexión a Internet reteniendo el estado en la
máquina del cliente
 Seguridad: actualizaciones automáticas y sandbox
 Rendimiento: procesos en el cliente evitan el feedback con
Aplicaciones RIA
el servidor.
 Riqueza: características no nativas de los navegadores web
(captura de video)
13

14. 04 Beneficios de RIA
 No necesitan instalación (solo es necesario mantener
actualizado el navegador web).
 Las actualizaciones hacia nuevas versiones son automáticas.
 Se pueden utilizar desde cualquier ordenador con una
conexión a Internet sin depender del sistema operativo que
este utilice.
 Generalmente es menos probable la infección por virus, que
utilizando por ejemplo programas ejecutables.
 Más capacidad de respuesta, ya que el usuario interactúa
directamente con el servidor, sin necesidad de recargar la
Rich Internet Application Technologies
página.
 Ofrecen aplicaciones interactivas que no se pueden obtener
utilizando solo HTML, incluyendo arrastrar y pegar, cálculos
en el lado del cliente sin la necesidad de enviar la
Aplicaciones RIA
información al servidor.
 Evita la problemática del uso de diferentes navegadores al
abstraerse de ellos a través de un framework.
14

15. 05 Ejemplos RIA
05.01 RIA Applet de Java
Aplicaciones RIA
15
Rich Internet Application Technologies

16. 05.02 RIA .NET
05 Ejemplos RIA
Aplicaciones RIA
16
Rich Internet Application Technologies

17. 05 Ejemplos RIA
05.03 RIA Adobe FLEX
Aplicaciones RIA
17
Rich Internet Application Technologies

18. 05.04 RIA Flash
05 Ejemplos RIA
Aplicaciones RIA
18
Rich Internet Application Technologies

19. 06 Referencias
 http://es.wikipedia.org/wiki/Rich_Internet_Applications
 http://www.canal-ar.com.ar/noticias/noticiamuestra.asp?Id=2639
 http://www.computing.es/Informes/201107050030/INTERNET-Tecnologias-
RIA-(Rich-Internet-Applications).aspx
 http://www.w3.org/TR/wai-aria/
 http://www.w3c.es/Divulgacion/GuiasBreves/
Rich Internet Application Technologies
 http://www.upf.edu/hipertextnet/numero-9/ria-accesibilidad-web.html
 http://www.obcom.cl/obdocum/charlaria.pdf
Aplicaciones RIA
 http://www.obcom.cl/obdocum/charlaardist.pdf
19

20. Gracias por su atención
Jesús Cáceres Tello
jesus.caceres@uah.es
Departamento de Ciencias de la Computación
Escuela Universitaria Politécnica
Campus de Alcalá
http://www.cc.uah.es