Departamento de Ciencias de la Computación

Rich Internet Application Technologies

Aplicaciones RIA

Jesús Cáceres Tello

2

Aplic

acio

nes

RIA

R

ich

Inte

rnet

App

licat

ion

Tech

nolo

gies

Índice

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 03 Características RIA 04 Beneficios de RIA 05 Ejemplos RIA 05.01 RIA Applet de Java 05.02 RIA .NET 05.03 RIA Adobe FLEX 05.04 RIA Flash 06 Referencias

I

3

Aplic

acio

nes

RIA

R

ich

Inte

rnet

App

licat

ion

Tech

nolo

gies

01.01 App. Escritorio vs. App Web

Responde de forma intuitiva y rápida

Da respuesta inmediata a las acciones del usuario

01 Introducción

Cada vez que se pulsa un link, se produce una espera al refresco de la página

La página refresca todos los eventos, envíos y datos de navegación

El usuario debe esperar la respuesta

Modelo de petición/respuesta de comunicaciones síncrono

El estado del trabajo que se está desarrollando se basa en la página actual

Aplicación de escritorio Aplicación Web convencional

4

Aplic

acio

nes

RIA

R

ich

Inte

rnet

App

licat

ion

Tech

nolo

gies

01.02 Problemas de una aplicación web convencional 01 Introducción

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.

SylverLight Applet Adobe Flash

RIA: Rich Internet Application Technologies

Java WebStart DHTML AJAX

5

Aplic

acio

nes

RIA

R

ich

Inte

rnet

App

licat

ion

Tech

nolo

gies

01.03 Tecnologías RIA 01 Introducción

Tecnologías RIA navegador

Tecnologías RIA escritorio

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

Tecnología Plataforma Actualización

Adobe Air Win, Mac, Linux AIR

Oracle Java Win, Mac, Linux Java Web Start (JNLP)

Microsoft .NET Win ClickOnce

6

Aplic

acio

nes

RIA

R

ich

Inte

rnet

App

licat

ion

Tech

nolo

gies

01.04 APPLET 01 Introducción

Puede hacer uso de todas las APIS Java.

Su desarrollo tiene un patrón de trabajo bien definido.

Puede manipular gráficos, diferentes hebras y crear Interfaces Usuario avanzadas.

El navegador necesita un complemento

El tiempo de bajada del APPLET puede ser muy grande

7

Aplic

acio

nes

RIA

R

ich

Inte

rnet

App

licat

ion

Tech

nolo

gies

01.05 SYLVERLIGHT 01 Introducción

Lenguaje más potente, basado en WPF y .Net fx 3.0

Herramientas de desarrollo más completas: Visual Studio y Expression Suite

Aceleración por hardware mediante el uso de DirectX.

No soportado en todos los navegadores. Soporte para Internet Explorer, Safari y Firefox.

Tecnología de presentación web creada para su ejecución en distintas plataformas

8

Aplic

acio

nes

RIA

R

ich

Inte

rnet

App

licat

ion

Tech

nolo

gies

01.06 ADOBE FLASH 01 Introducción

Multiplataforma,

soportado prácticamente por todos los navegadores disponibles.

Presencia en el mercado durante muchos años

Muy bueno para mostrar gráficos vectoriales 3D

El navegador necesita un complemento

ActionScript es una tecnología propietaria

Bajo rendimiento

NO se puede hacer SEO en páginas desarrolladas con Flash

Fue diseñado para ver películas interactivas aunque ahora se utiliza mucho para hacer juegos

9

Aplic

acio

nes

RIA

R

ich

Inte

rnet

App

licat

ion

Tech

nolo

gies

01.07 Java WebStart 01 Introducción

Una vez cargado, ofrece una experiencia similar a una aplicación de escritorio

Utiliza tecnología muy extendida, Java

Las aplicaciones se pueden firmar digitalmente

Se puede seguir utilizando una vez desconectado

El navegador necesita un complemento

Problema de compatibilidad con las aplicaciones viejas ya que se han cambiado algunas cosas

El tiempo que puede tardar en descargar una aplicación de escritorio es demasiado grande

Proporciona en un navegador una aplicación de escritorio

10

Aplic

acio

nes

RIA

R

ich

Inte

rnet

App

licat

ion

Tech

nolo

gies

01.08 DHTML = HTML + JavaScript + DOM + CSS 01 Introducción

Se utiliza para crear aplicaciones interactivas y más rápidas

La comunicación es síncrona

Requiere el refresco completo de la página, perdiendo parte del contexto

11

Aplic

acio

nes

RIA

R

ich

Inte

rnet

App

licat

ion

Tech

nolo

gies

01.09 AJAX = DHTML + XMLHttpRequest 01 Introducción

Está en su mejor momento para la indrustria

No necesita descargar ningún complemento

Todavía existen incompatibilidades entre navegadores, cada vez menos.

Desarrollo con JavaScript, hace unos años no muy explorado pero hoy en día posee cierta consistencia

Añade a la potencia de DHTML el objeto XMLHttpRequest para obtener información de manera asíncrona

12

Aplic

acio

nes

RIA

R

ich

Inte

rnet

App

licat

ion

Tech

nolo

gies

02 Arquitectura

13

Aplic

acio

nes

RIA

R

ich

Inte

rnet

App

licat

ion

Tech

nolo

gies

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

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

el servidor. Riqueza: características no nativas de los navegadores web

(captura de video)

03 Características RIA

14

Aplic

acio

nes

RIA

R

ich

Inte

rnet

App

licat

ion

Tech

nolo

gies

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 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 información al servidor.

Evita la problemática del uso de diferentes navegadores al abstraerse de ellos a través de un framework.

04 Beneficios de RIA

15

Aplic

acio

nes

RIA

R

ich

Inte

rnet

App

licat

ion

Tech

nolo

gies

05 Ejemplos RIA 05.01 RIA Applet de Java

16

Aplic

acio

nes

RIA

R

ich

Inte

rnet

App

licat

ion

Tech

nolo

gies

05 Ejemplos RIA 05.02 RIA .NET

17

Aplic

acio

nes

RIA

R

ich

Inte

rnet

App

licat

ion

Tech

nolo

gies

05 Ejemplos RIA 05.03 RIA Adobe FLEX

18

Aplic

acio

nes

RIA

R

ich

Inte

rnet

App

licat

ion

Tech

nolo

gies

05 Ejemplos RIA 05.04 RIA Flash

19

Aplic

acio

nes

RIA

R

ich

Inte

rnet

App

licat

ion

Tech

nolo

gies

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/

http://www.upf.edu/hipertextnet/numero-9/ria-accesibilidad-web.html

http://www.obcom.cl/obdocum/charlaria.pdf

http://www.obcom.cl/obdocum/charlaardist.pdf

06 Referencias

Departamento de Ciencias de la Computación Escuela Universitaria Politécnica Campus de Alcalá http://www.cc.uah.es

Gracias por su atención Jesús Cáceres Tello jesus.caceres@uah.es