PDF de programación - Tecnologías RIA (Rich Internet Applications) - AJAX

Universidad Nacional del Nordeste

Facultad de Ciencias Exactas, Naturales y Agrimensura

UNNE

Trabajo Final de Aplicación

Tecnologías RIA (Rich Internet Applications)

AJAX

Lino Raul Capra - L.U.: 36.078

Prof. Coordinador: Agr. Castor Herrmann

Primer Prof. Orientador: Mgter. David Luis la Red

Segundo Prof. Orientador: Lic. Valeria E. Uribe

Martínez

Licenciatura en Sistemas de Información

Corrientes - Argentina

2009

A mi familia y amigos por el apoyo incondicional.

Prefacio

En el contexto actual de la llamada Sociedad de la Información y del Co-
nocimiento resulta cada vez más necesario disponer de sistemas informáticos
distribuidos, multiplataforma, con acceso desde las Intranets y/o la Internet,
para mejorar la educación a distancia, la transparencia de las mismas, la par-
ticipación de los usuarios en la educación, la automatización de los exámenes
y la gestión de información a través de las redes de datos, especialmente las
Intranets de las organizaciones y la Internet, mejorando asimismo la toma de
decisiones y el uso eficiente de los recursos.

Todo lo señalado precedentemente sería ilusorio si no se dispusiera de las
metodologías y de los sistemas informáticos que facilitaran la información en-
tre las distintas organizaciones, utilizando diversos medios de comunicación y
diferentes plataformas de hardware y de software.

El presente trabajo se basa en la investigación de software base para el
estudio de un nuevo acercamiento a las aplicaciones Web. Es un proyecto
pensado para demostrar que AJAX no es solo técnicamente importante, sino
también práctico para aplicaciones en el mundo real.

Los mayores desafíos al crear aplicaciones AJAX no son técnicos. Las
tecnologías centrales son maduras, estables y bien conocidas. En cambio, los
desafíos son para los diseñadores de estas aplicaciones: olvidar las limitaciones
de la Web, y comenzar a imaginar un rango más amplio y rico de posibilidades.

Objetivos

Investigación y desarrollo de material de difusión de las tecnologías RIA
(Rich Internet Applications), incluyendo la prueba del mismo con el desarrollo
de un sistema dinámico que muestre los contenidos investigados.

El objetivo es realizar una aplicación AJAX que elimine la naturaleza
arrancar-frenar- arrancar-frenar de la interacción en la Web introduciendo un
intermediario -un motor AJAX - entre el usuario y el servidor. Esto suma una
capa a la aplicación, pero no la retorna menos reactiva.

La aplicación desarrollada es un sitio Web para la empresa “Baterías
RAC ”, la misma correrá sobre una plataforma Windows mediante la utili-
zación del servidor de aplicaciones Tomcat v5.0. y Java v6.

Estos objetivos planteados al inicio del trabajo, fueron totalmente cumpli-

iv

dos.

Etapas de Desarrollo

• Se ha efectuado una amplia recopilación bibliográfica específica de los
temas pertinentes a la tarea planificada y a los productos de software
que se emplearon para la concreción del Trabajo Final.

• Se realizaron las traducciones de los manuales correspondientes a la he-

rramienta de desarrollo DB2 Express C9.

• Como consecuencia de las gestiones realizadas por el Profesor Orienta-
dor ante IBM Argentina se han recibido materiales tanto en CD’s como
en libros de dicha empresa, en el marco del Scholars Program de la mis-
ma, destinado a Universidades de todo el mundo; se destacan por ser
necesarios para la realización del presente Trabajo Final los referentes
a productos de software tales como el Rational Architect V6., como así
también el DB2 Express C9.

• Se ha realizado un detallado estudio del lenguaje Java, utilizándose la

versión JDK 1.6.

• Se ha realizado un detallado estudio del entorno de trabajo Scientific
WorkPlace 2.5.0 para la escritura del libro correspondiente al informe
final.

• Se ha realizado un detallado estudio del software para el desarrollo de la
aplicación, es decir el estudio de la plataforma integrada de desarrollo de
aplicaciones Web, WebSphere Studio Application Developer integrado a
Rational y la utilización del servidor de aplicaciones Tomcat V5.0.

• Se ha realizado el estudio del Manejador de Bases de Datos (DBMS)

multiplataforma DB2 Express C9.

• Se ha realizado el desarrollo de la aplicación utilizando páginas HTML,
JavaScript, páginas de estilos (.css) y Servlets de Java en el marco de la
herramienta WebSphere Studio Application Developer integrado a Ra-
tional en el entorno Windows.

• Se ha realizado el correspondiente testeo de la aplicación, utilizando una
máquina como servidor y otra como cliente ingresando a la base de datos
del servidor a través de la Intranet de la Facultad.

v

• Una vez finalizada la aplicación se realizó la grabación en DVD de todo
el material correspondiente al trabajo final: una versión de la aplicación,
otra referente al libro en formato LaTex y el PDF generado. También
se icluyó los instaladores de los productos utilizados para el desarrollo,
es decir DB2 Express C9 y Rational Architect V6.

Objetivos Logrados

Se han alcanzado plenamente la totalidad de los objetivos planteados para

el presente trabajo.

Organización del Informe Final

El informe final comprende un libro impreso y un DVD, además de un

resumen y de un resumen extendido.

El libro impreso está organizado en capítulos, los que se indican a con-

tinuación:

• Capitulo 1 - Introducción: posee una breve descripción de las diferen-

tes tecnologías que componen las RIA.

• Capitulo 2 - Tecnologías Rich Internet Applications (RIA): Se
señalan los principales conceptos referidos a las tecnologías más impor-
tantes, como ser HTML. XHTML. etc.

• Capitulo 3 - El objeto XMLHttpRequest: Se indican los principales
aspectos y destacadas características del objeto XMLHttpRequest junto
a sus métodos y atributos.

• Capitulo 4 - Herramientas de Depuración: Se resumen los aspectos
y características más destacadas de las herramientas de depuración más
conocidas.

• Capitulo 5 - Técnicas básicas de petición de información: Se de-
tallan las más relevantes características de las librerías del objeto XML-
HttpRequest.

• Capitulo 6 - Ejemplos Reales de Uso para AJAX: Se presentan los

principales ejemplos reales de uso para AJAX.

• Capitulo 7 - Problemas de seguridad y desarrollo: Se señalan los

aspectos más relevantes de seguridad y desarrollo.

vi

• Capitulo 8 - Un mundo de Toolkits y Frameworks: Se detallan los

aspectos más significativos de las Toolkits y Frameworks existentes.

• Capítulo 9 - Herramientas Utilizadas para la Aplicación:Se des-
criben las principales características de todas las herramientas utilizadas
para el desarrollo de la aplicación.

• Capítulo 10 - Aplicación Web: Se describe detalladamente el funciona-
miento de la aplicación Web desarrollada y algunos ejemplos del código
utilizado.

• Capitulo 11 - Conclusiones: Se presentan las conclusiones a las que se

ha llegado al finalizar el presente trabajo y las posibles líneas futuras.

El DVD, adjunto al libro impreso, contiene lo siguiente:

• Instaladores del software utilizado.

• Resúmenes del trabajo realizado.

• Libro del informe final.

• Presentación para la defensa final.

• Copia de seguridad de la base de datos de la aplicación.

• Aplicación desarrollada.

Capra Lino Raúl
Licenciatura en Sistemas de Información
Universidad Nacional del Nordeste
L.U.: 36078
Primer Prof. Orientador: Mgter. David Luis La Red Martínez
Segundo Prof. Orientador: Lic. Valeria Emilce Uribe
Corrientes; 11 de Marzo de 2009

Índice General

1

Introducción
1.1

Introducción . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
1.1.1 Las Tecnologías Web . . . . . . . . . . . . . . . . . . . .
1.1.2 Visión en Conjunto . . . . . . . . . . . . . . . . . . . . .
1.1.3 Forman Parte de las RIA . . . . . . . . . . . . . . . . .
1.2 Algunos Ejemplos Reales de AJAX . . . . . . . . . . . . . . .
1.2.1 Notas Finales . . . . . . . . . . . . . . . . . . . . . . . .

2 Las RIA

2.1 HTML y XHTML . . . . . . . . . . . . . . . . . . . . . . . . .
2.1.1 Conceptos Básicos de HTML . . . . . . . . . . . . . . .
2.1.2 Estructura del Documento HTML, Ejemplo Básico . . .
2.1.3 Tags de Imagen y Tabla . . . . . . . . . . . . . . . . . .
2.1.4 Hiperenlaces
. . . . . . . . . . . . . . . . . . . . . . . .
2.2 XHTML . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
2.2.1 Diferencias Más Importantes Entre XHTML y HTML .
2.2.2
¿Cómo Validar una Página Web? . . . . . . . . . . . . .
2.3 XML . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
2.4 JavaScript . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
2.4.1 Crear un Nuevo Objeto . . . . . . . . . . . . . . . . . .
2.4.2 Crear un Nuevo Constructor
. . . . . . . . . . . . . . .
2.4.3 Asignar un Método a un Objeto . . . . . . . . . . . . .
2.5 Applet . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
2.6 Adobe Flash . . . . . . . . . . . . . . . . . . . . . . . . . . . .
2.7 Java WebStart
. . . . . . . . . . . . . . . . . . . . . . . . . . .
2.7.1 Obtención del Software de Java Web Start . . . . . . . .
2.7.2 Ejecución de una Aplicación con el Software de Java
Web Start . . . . . . . . . . . . . . . . . . . . . . . . . .
2.8 DHTML . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

1
1
1
4
5
8
9

11
11
11
11
13
17
18
19
22
22
23
23
24
24
26
27
28
29

29
30

vii

ÍNDICE GENERAL

viii

2.8.1 Usos

. . . . . . . . . . . . . . . . . . . . . . . . . . . .

30

3 El Objeto XMLHttpRequest

3.1.1

3.1 Descripción . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Implementación y Uso de la Interfaz . . . . . . . . . . .
3.2 Características Generales del Objeto . . . . . . . . . . . . . . .
3.2.1 Razones Para Utilizar una Librería en el Lado Cliente .
La Dependencia de los Navegadores . . . . . . . . . . .
3.2.2
3.3 Navegadores Compatibles . . . . . . . . . . . . . . . . . . . . .
3.4 Métodos y Propiedades del Objeto . . . . . . . . . . . . . . . .
3.4.1 Métodos . . . . . . . . . . . . . . . . . . . . . . . . . . .
3.4.2 Propiedades . . .