PDF de programación - Tema 15 Entornos de desarrollo web: JavaScript - Applets y servlets de Java - Java (J2EE) - Páginas Active Server

1.264 Tema 15

Entornos de desarrollo web: JavaScript

Applets y servlets de Java

Java (J2EE)

Páginas Active Server

Entornos de desarrollo

• XML y WSDL son documentos, SOAP una extensión de
HTTP.
• UDDI es un directorio/registro de servicios, sitios.

– Permite encontrar servidores y servicios.

• Los navegadores y las apli caciones cliente pueden
gestionar estos nuevos protocol os.

– Menor necesidad de descarga de contenido dinámico.
• Los servidores deben generar y recibir XML, SOAP, …

– Ampliaciones claras de HTTP, tipos MIME.

• Java (J2EE) y las páginas Active Server (ASP.NET) con

los entornos de servidor que lo gestionan.
– Java (J2EE) y C#, C++ y Visual Basic (ASP) con

lenguajes de programación usados en servidores.

• Los scripts y los applets se usan en el l ado del cliente,

pero no son tan importantes.
– JavaScript, VBScript, applets de Java: usados en clientes.

Java, JavaScript, Java Beans…

• Desarrollados independientemente por Sun (Java, Java
Beans) y Netscape (JavaScript)

– Java y JavaScript, por casualidad, lanzados en Netscape
Navigator 2.0

• JavaScript, JavaScriptBeans (componentes de JS):

– Lenguaje de comandos para páginas HTML con varias etiquetas
nuevas
– Ejecutables en navegadores (clientes) o servidores web

• Java:

– Lenguaje integral de programación: web y general
– Applets de Java: programas de Java limitados al navegador
– Servlets de Java: programas completos de Java ejecutables en

el servidor web

• Java Beans: componentes del lenguaje Java

– Modelo de componentes con interfaces estándar (en servidor)
– Paradigma PME (propiedades, métodos, sucesos)
Java Beans empresariales: componente de Java orientado a bases

•
de datos

– Componentes de transacción: balance de cargas, rollbacks
– Componentes de sesión: estado de mantenimiento

• Páginas Java Server:forma simple de servlets de Java en servidor
web

Conceptos básicos de scripts

(Java Script, VB Script)

• Un script es un programa ejecutado en el cliente o en el
servidor como respuesta a una petición d el navegador.
– Los primeros scripts (CGI) sólo se ejecutaban en el servidor.
– Los actuales (VBScript, JavaScript) también en el cliente.

cliente y/o en el servidor.

• JavaScript y VBScript: 3 veces más rápidos que el CGI en el servidor.
– Las páginas Active Server hac en que los scripts s e ejecuten e n el
• Los scripts web se pueden escribir en varios lenguajes:
– Perl y C: en e l pas ado (y en e l prese nte) sólo en s ervidores.
– VBScript y JavaScript: opciones principales ahora para el cliente.
– Los complementos del lado del servidor son una función muy básica.

• Las variables, archivos y comandos de la página html se envían al

navegador. S SI se ejecuta sólo en el servidor.

• La primera parte de la clase se centra en scripts ejecutables
en el navegador.
– Estos scripts de cliente se denominan "HTML dinámico" o DHTML.
– El DHTML de Microsoft y Netscape son distintos e incompatibles,

aunque ambos admiten JavaScript (o MS Jscript).

– Los scripts de l la do de l s ervidor: como los programas del lado

del servidor, p ero para operaciones simples.

Motivación para los scripts

• Si se ejecutan pro gramas complicados (Java, etc.) sólo en el

servidor, surgen varios pro blemas:
– El envío y recepción de html desde el navegador, que se trata

como terminal inactiva.

– Mala interacción: desfases elevados al mostrar y obtener

formularios con operaciones o lógica interna.

– Problema económic o (aún sin resolver): los clientes inactivos

son caros; servidores sobrecargados.

• La solución: colocar pequeños programas en la máquina cliente

para que se ejecuten localmente (aunque no es una gran solución).
– Formularios con comprobación, animaciones, ventanas

emergentes, … (mejor: XML, XForms).

– Java, JavaScript y VBScript son lenguajes distintos que

solucionan estos problemas.

• JavaScript ahora se considera no apto:

– Problemas de seguridad con carga de scripts desconocidos.
– JavaScript: capacidad limitada; reem plaza ble por el servidor.

Interacción entre navegador y servidor

Lado n avegador

Lado servidor

Serv web

Serv web

GET /MiAp/MiPág

•Paso 1: el navegador pide
una página sin parámetros.
•Paso 2: el servidor la obtiene y
devuelve un formulario vacío.
•Paso 3: el usuario lo rellena
y pulsa el botón "Enviar".
•Paso 4: los pa quetes del
navegador se convierten en una
cadena de consulta que se envía MIProg
al s ervidor.
•Paso 5: el programa resume el
documento de respuesta y lo
devuelve.

M iProg

xxxxxx
xxxxxx

Cada validación dinám ica requiere la intervención del servidor.

- Si las elecciones posteriores dependen de las anteriores, etc.
- JavaScript parecía ser la solució n: ahora es XML, XSLT.
- Las p áginas p ueden ser XML o HTML.

JavaScript (o VBScript) en el navegador

• Lee y escribe partes de sus propios documentos y de otros

abiertos por el navegador.

• Acceso limitado a recursos del navegador (historial,

botones Atrás y Adelante).

• Lee y establece el contenido de formularios, abre ventanas

nuevas, crea documentos nuevos (acceso a carpetas
locales).

• Bibl ioteca de funcion es de edició n matemática y de texto.
• Comunicaciones limitadas de red, creación de gr áficos y

ventanas.

• Debe usar Java, no JavaScript, si se quiere ir más allá de un

documento html o una función simple como:
– Animación, simulación, comunicaciones de red, módulos.
– JavaScript no tie ne módulos y se vuelve rígido s i s upera 300-

400 líneas.
• Usar complementos del lado del servidor para simular una

bibl ioteca de JavaScript.

– El có digo de JavaScript no es privado; Java puede compila rse.

Aplicaciones comunes de JavaScript

• Crear botones "Adelante" y "Atrás" con e l historial:

– Difícil saber cómo se obtiene una página de html estática

sin JavaScrip t.

• Crear menús que s elec cionen URL:

– Conserva el espacio con cuadros de lista y no listas de

texto.

• Crear encabezados o marquesinas activas:

– Usa la función para alternar cadenas de un carácter

en un carácter con setTimeout().

• Crear barras de navegación en marcos:

– Permite que los menús de un marco controlen la

visualización de otro marco.

– Ampliación de menús que seleccionen URL.

• De nuevo, está claro que XML y XSLT pueden

ofrecer estas funciones sin descargar contenido
"activo" del navegador.

Aplicaciones de JavaScript (cont.)

• Validar el formulario a ntes de enviarlo:

– Se ejecuta la rutina para comprobar campos requeridos y

formatos válidos.

el envío.

– Si no son correctos, muestra un cuadro de alerta y rechaza

• Crear listas de selec ción para campos de texto

con menús emergentes.

• Crear carros de la compra (aunque no es la mejor

forma).
– Aplicación de comercio electrónico para añadir elementos

seleccionados al pedi do.

– Los marcos se utilizan p ara catálogos cortos; las ventanas

para catálog os más largos.

– Las cookies se deben usar para actualizar el estado del carro.

• Los navegadores reca rgan JavaScript cada vez que el

usuario reajusta las ventanas o los marcos.

• Usar alm acenamiento de disco local con las cookies.

Ejemplo de carro de la compra con JavaScript

Applets de Java (en navegador)

• Los navegadores de Java pueden descargar y ejecutar

applets de Java (pequeños programas de Java).
• Los a pplets son más potentes que J avaScript:

– Abren sus pro pias ventanas.
– Crean botones.
– Crean animaciones , vistas de modelos en 3D, calculadoras, etc.
– Abren conexiones de red en el servidor local, etc.

• Bibliotecas para redes, gráficos, multimedia, controles

(w idgets).
Independiente de la plataforma: UNIX, Windows, Mac, …
•
• Funciones de seguridad (mucho mejor que los scripts o

ActiveX).

• Sin embargo, los applets siguen estando limitados, ya que

se ejecutan en el navegador:
– No hay acceso directo a las bases de datos, acceso limitado al
hardware del cliente, menor acceso a los objetos internos del
navegador q ue con JavaScript (por p robl emas de seguri dad).

Applets de Java

• Los applets se incrustan en documentos HTML

(como imágenes):
– <APPLET>

código Ja va.

• El navegador examina la etiqueta para ubicar el

• El navegador descarga el código, prepara el espacio

en la página y lo ejecuta:
– Normalmente, aunque no siempre, desde el mismo servidor

que en HTML.

• El applet hace el resto:

– Extrae el texto y los gráficos a su espacio.
–

Interactúa con el u suario mediante sus prop ios boton es.
• Muchos applets se ejecutan en la misma ventana,

pero al gunos abren una nueva.

• Los applets se ejecutan hasta que el usuario cierra la

ventana del navegador o va a otra página.

Etiqueta <APPLET>

<APPLET

CODE= nombre del archivo compilado del applet
(archivo .class)
WIDTH= anchura del applet (píxels)
HEIGHT= altura del applet (píxels)
CODEBASE= URL del applet
ALT= texto alternativo visualizable
NAME= nombre del applet
ALIGN= alineación
VSPACE= espacio en blanco extra encima y debajo del applet
HSPACE= espacio en blanco extra a la izquierda y derecha del
applet

>
<PARAM NAME=primer parámetro VALUE=primer valor>
<PARAM NAME= segundo parámetro VALUE=segundo valor>

Texto HTML (obviado por el applet; mostrado por navegadores sin Java)
</APPLET>

Applet de Java (se ejecuta en el cliente,

no en el servidor)

Applet de Java HTML

<html> <head><title>Charting

Applet</title></head>

<body><h1>Charting Applet</h1>
<APPLET CODEBASE="./applets" CODE="ChartUI"
WIDTH=400 HEIGHT=300>
<PARAM NAME="LocationType" VALUE=URL>
<PARAM NAME="Location"
VALUE="applets/goatdata.txt">
<PARAM NAME="Style" VALUE="3D
Pie">
</APPLET>

Ejemplos comunes actuales de applets