Aplicaciones Web

Una aplicacin Web es un sitio Web que contiene pginas con

contenido sin determinar, parcialmente o en su totalidad. El
contenido final de una pgina se determina slo cuando el usuario
solicita una pgina del servidor Web. Dado que el contenido final de
la pgina vara de una peticin a otra en funcin de las acciones del
visitante, este tipo de pgina se denomina pgina dinmica.
Las aplicaciones Web se crean en respuesta a diversas necesidades
o problemas. En esta seccin se describen los usos ms habituales
de las aplicaciones Web y se proporciona un ejemplo sencillo.

Usos comunes de las aplicaciones Web

Las aplicaciones Web pueden tener numerosos usos tanto para los
visitantes como para los ingenieros de desarrollo, entre otros:

Permitir a los usuarios localizar informacin de

forma rpida y sencilla en un sitio Web en el
que se almacena gran cantidad de contenido.
Este tipo de aplicacin Web ofrece a los
visitantes la posibilidad de buscar contenido,
organizarlo y navegar por l de la manera que
estimen oportuna. Algunos ejemplos son: las
intranets de las empresas, Microsoft MSDN
(www.msdn.microsoft.com) y Amazon.com
(www.amazon.com).

Recoger, guardar y analizar datos suministrados

por los visitantes de los sitios.
En el pasado, los datos introducidos en los
formularios HTML se enviaban como mensajes
de correo electrnico a los empleados o a
aplicaciones CGI para su procesamiento. Una
aplicacin Web permite guardar datos de
formularios directamente en una base de datos,
adems de extraer datos y crear informes
basados en la Web para su anlisis. Ejemplos de
ello son las pginas de los bancos en lnea, las
pginas de tiendas en lnea, las encuestas y los
formularios con datos suministrados por el
usuario.

Actualizar sitios Web cuyo contenido cambia

constantemente.

Una aplicacin Web evita al diseador Web

tener que actualizar continuamente el cdigo
HTML del sitio. Los proveedores de contenido,
como los editores de noticias, proporcionan el
contenido a la aplicacin Web y sta actualiza el
sitio automticamente. Entre los ejemplos
figuran Economist (www.economist.com) y CNN
(www.cnn.com).

Ejemplo de aplicacin Web

Ana es una diseadora Web profesional y usuaria experimentada de
Dreamweaver cuya tarea consiste en mantener los sitios de intranet
e Internet de una empresa de tamao medio en la que trabajan
1.000 empleados. Un da, Pedro, del departamento de RR.HH., le
expone un problema. Su departamento administra un programa de
promocin de la salud por el que los empleados reciben puntos por
cada kilmetro recorrido a pie, en bicicleta o corriendo. Cada
empleado debe informar a Pedro del nmero total de kilmetros
recorridos cada mes a travs del correo electrnico. A finales de
mes, Pedro rene todos los mensajes de correo electrnico y entrega
a los empleados pequeos regalos en metlico en funcin del total
de puntos acumulados.
El problema de Pedro es que el programa de salud ha tenido
demasiado xito. Es tal el nmero de empleados que participan en l
que Pedro se ve inundado de mensajes a final de cada mes. Pedro
pregunta a Ana si se le ocurre alguna solucin basada en la Web.
Ana le propone una aplicacin Web basada en la intranet, que puede
realizar las siguientes tareas:

Permitir a los empleados introducir los

kilmetros recorridos en una pgina Web
mediante un formulario HTML sencillo

Almacenar los kilmetros recorridos por cada

empleado en una base de datos

Calcular los puntos en funcin de los datos de

kilometraje

Permitir a los empleados supervisar su progreso

mensual

Proporcionar a Pedro acceso mediante un solo

clic al total de puntos al final de cada mes
Ana tiene la aplicacin lista y en funcionamiento
antes de la hora del almuerzo gracias a
Dreamweaver, que proporciona las

herramientas necesarias para crear este tipo de

aplicacin con rapidez y facilidad.

Funcionamiento de una aplicacin Web

Una aplicacin Web es un conjunto de pginas Web estticas y
dinmicas. Una pgina Web esttica es aqulla que no cambia
cuando un usuario la solicita: el servidor Web enva la pgina al
navegador Web solicitante sin modificarla. Por el contrario, el
servidor modifica laspginas Web dinmicas antes de enviarlas al
navegador solicitante. La naturaleza cambiante de este tipo de
pgina es la que le da el nombre de dinmica.
Por ejemplo, podra disear una pgina para que mostrara los
resultados del programa de salud y dejara cierta informacin fuera
(como el nombre del empleado y sus resultados) para calcularla
cuando la pgina la solicite un empleado en particular.
En las siguientes secciones se describe con mayor detalle el
funcionamiento de las aplicaciones Web.

Procesamiento de pginas Web estticas

Un sitio Web esttico consta de un conjunto de pginas y de archivos
HTML relacionados alojados en un equipo que ejecuta un servidor
Web.
Un servidor Web es un software que suministra pginas Web en
respuesta a las peticiones de los navegadores Web. La peticin de
una pgina se genera cuando el usuario hace clic en un vnculo de
una pgina Web, elige un marcador en un navegador o introduce una
URL en el cuadro de texto Direccin del navegador.
El contenido final de una pgina Web esttica lo determina el
diseador de la pgina y no cambia cuando se solicita la pgina. A
continuacin se incluye un ejemplo:

1
2
3
4
5
6
7
8
9

<html>
<head>
<title>Trio Motors Information Page</title>
</head>
<body>
<h1>About Trio Motors</h1>
<p>Trio Motors is a leading automobile manufacturer.</p>
</body>
</html>

El diseador escribe todas y cada una de las lneas de cdigo HTML

de la pgina antes de colocarla en el servidor. El cdigo HTML no
cambia una vez colocado en el servidor y por ello, este tipo de
pginas se denomina pgina esttica.

Nota: En sentido estricto, una pgina esttica puede no ser esttica en absoluto.
Por ejemplo, una imagen de sustitucin o contenido de Flash (un archivo SWF)
puede hacer que una pgina esttica tome vida. No obstante, en esta gua se
habla de pgina esttica cuando sta se enva al navegador sin modificaciones.
Cuando el servidor Web recibe una peticin de una pgina esttica,
el servidor lee la solicitud, localiza la pgina y la enva al navegador
solicitante, como se muestra en el siguiente ejemplo:

1.
El navegador Web solicita la pgina esttica.
2.
El servidor localiza la pgina.
3.
El servidor Web enva la pgina al navegador solicitante.
En el caso de las aplicaciones Web, algunas lneas de cdigo no
estn determinadas cuando el usuario solicita la pgina. Estas lneas
deben determinarse mediante algn mecanismo antes de enviar la
pgina al navegador. En la siguiente seccin se describe dicho
mecanismo.

Procesamiento de pginas dinmicas

Cuando un servidor Web recibe una peticin para mostrar una
pgina Web esttica, el servidor la enva directamente al navegador
que la solicita. Cuando el servidor Web recibe una peticin para
mostrar una pgina dinmica, sin embargo, reacciona de distinta
forma: transfiere la pgina a un software especial encargado de
finalizar la pgina. Este software especial se denomina servidor de
aplicaciones.

El servidor de aplicaciones lee el cdigo de la pgina, finaliza la

pgina en funcin de las instrucciones del cdigo y elimina el cdigo
de la pgina. El resultado es una pgina esttica que el servidor de
aplicaciones devuelve al servidor Web, que a su vez la enva al
navegador solicitante. Lo nico que el navegador recibe cuando llega
la pgina es cdigo HTML puro. A continuacin se incluye una vista
de este proceso:

1.
El navegador Web solicita la pgina dinmica.
2.
El servidor Web localiza la pgina y la enva al servidor de aplicaciones.
3.
El servidor de aplicaciones busca instrucciones en la pgina y la termina.
4.
El servidor de aplicaciones pasa la pgina terminada al servidor Web.
5.
El servidor Web enva la pgina finalizada al navegador solicitante.

Acceso a una base de datos

Un servidor de aplicaciones le permite trabajar con recursos del lado
del servidor, como las bases de datos. Por ejemplo, una pgina
dinmica puede indicar al servidor de aplicaciones que extraiga

datos de una base de datos y los inserte en el cdigo HTML de la

pgina. Para ms informacin,
consulte www.adobe.com/go/learn_dw_dbguide_es.
El uso de una base de datos para almacenar contenido permite
separar el diseo del sitio Web del contenido que se desea mostrar a
los usuarios del sitio. En lugar de escribir archivos HTML individuales
para cada pgina, slo se necesita escribir una pgina o plantilla
para los distintos tipos de informacin que se desea presentar.
Posteriormente, podr cargar contenido en una base de datos y,
seguidamente, hacer que el sitio Web recupere el contenido en
respuesta a una solicitud del usuario. Tambin puede actualizar la
informacin en un nico origen y, posteriormente, implantar ese
cambio en todo el sitio Web sin necesidad de editar manualmente
cada pgina. Puede utilizar Adobe Dreamweaver para disear
formularios Web que inserten, actualicen o eliminen datos de la base
de datos.
La instruccin para extraer datos de una base de datos recibe el
nombre de consulta de base de datos. Una consulta consta de
criterios de bsqueda expresados en un lenguaje de base de datos
denominado SQL (Structured Query Language, lenguaje de consulta
estructurado). La consulta SQL se escribe en los scripts o etiquetas
del lado del servidor de la pgina.
Un servidor de aplicaciones no se puede comunicar directamente
con una base de datos porque el formato de esta ltima impide que
se descifren los datos, de una forma bastante similar a cuando un
documento de Microsoft Word no puede descifrarse al abrirlo con el
Bloc de Notas o BBEdit. El servidor de aplicaciones slo se puede
comunicar con la base de datos a travs de un controlador que acte
de intermediario con la base de datos: el software acta entonces
como un intrprete entre el servidor de aplicaciones y la base de
datos.
Una vez que el controlador establece la comunicacin, la consulta se
ejecuta en la base de datos y se crea un juego de registros. Un juego
de registros es un conjunto de datos extrados de una o varias tablas
de una base de datos. El juego de registros se devuelve al servidor
de aplicaciones, que emplea los datos para completar la pgina.
A continuacin se ofrece una consulta de base de datos sencilla
escrita en SQL:

1
2

SELECT lastname, firstname, fitpoints

FROM employees

Esta instruccin crea un juego de registros de tres columnas y lo

completa con filas que contienen el apellido, el nombre y los puntos
de forma fsica de todos los empleados de la base de datos. Para
ms informacin,
consulte www.adobe.com/go/learn_dw_sqlprimer_es.

En el siguiente ejemplo se muestra el proceso de consulta de base

de datos y de devolucin de los datos al navegador:

1.
El navegador Web solicita la pgina dinmica.
2.
El servidor Web localiza la pgina y la enva al servidor de aplicaciones.
3.
El servidor de aplicaciones busca instrucciones en la pgina.
4.
El servidor de aplicaciones enva la consulta al controlador de la base de
datos.
5.
El controlador ejecuta la consulta en la base de datos.
6.
El juego de registros se devuelve al controlador.
7.
El controlador pasa el juego de registros al servidor de aplicaciones.
8.
El servidor de aplicaciones inserta los datos en una pgina y luego pasa la
pgina al servidor Web.
9.
El servidor Web enva la pgina finalizada al navegador solicitante.

Puede utilizar prcticamente cualquier base de datos con su

aplicacin Web, siempre y cuando se haya instalado el controlador
de base de datos correcto en el servidor.
Si tiene intencin de desarrollar pequeas aplicaciones de bajo
coste, puede utilizar una base de datos basada en archivos, como las
que permite crear Microsoft Access. En cambio, si desea desarrollar
aplicaciones empresariales crticas, puede utilizar una base de datos
basada en servidor, como las que permite crear Microsoft SQL
Server, Oracle 9i o MySQL.
Si la base de datos est situada en un sistema distinto del servidor
Web, asegrese de disponer de una conexin rpida entre ambos
sistemas para que la aplicacin Web pueda funcionar de forma
rpida y eficiente.

Creacin de pginas dinmicas

La creacin de una pgina dinmica implica, en primer lugar, escribir el cdigo
HTML y, seguidamente, aadir los scripts o etiquetas del lado del servidor al cdigo
HTML para crear la pgina dinmica. Al visualizar el cdigo resultante, el lenguaje
aparece incrustado en el cdigo HTML de la pgina. Por esta razn, estos lenguajes
se conocen como lenguajes de programacin incrustados en HTML. En el siguiente
ejemplo bsico se utiliza ColdFusion Markup Language (CFML):
Nota: La compatibilidad con CFML se ha eliminado de Dreamweaver CC y versiones
posteriores.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

<html>
<head>
<title>Trio Motors Information Page</title>
</head>
<body>
<h1>About Trio Motors</h1>
<p>Trio Motors is a leading automobile manufacturer.</p>
<!--- embedded instructions start here --->
<cfset department="Sales">
<cfoutput>
<p>Be sure to visit our #department# page.</p>
</cfoutput>
<!--- embedded instructions end here --->
</body>
</html>

Las instrucciones incrustadas de esta pgina realizan las siguientes

acciones:
1. Crean una variable denominada department y
le asignan la cadena "Sales".
2. Inserta el valor de la variable, "Sales", en el
cdigo HTML.

El servidor de aplicaciones devuelve la siguiente pgina al servidor

Web:

1
2
3
4
5
6
7
8
9
10

<html>
<head>
<title>Trio Motors Information Page</title>
</head>
<body>
<h1>About Trio Motors</h1>
<p>Trio Motors is a leading automobile manufacturer.</p>
<p>Be sure to visit our Sales page.</p>
</body>
</html>

El servidor Web enva la pgina al navegador solicitante, que la

muestra de la siguiente forma:
About Trio Motors
Trio Motors is a leading automobile manufacturer.
Be sure to visit our Sales page.
La utilizacin de un lenguaje basado en etiquetas o en scripts se
decide en funcin de la tecnologa de servidor disponible en el
servidor. A continuacin se enumeran los lenguajes ms utilizados
para las tecnologas de servidor que admite Dreamweaver:
Tecnologa de
servidor

Lenguaje

ColdFusion

ColdFusion Markup
Language (CFML)

Active Server Pages

(ASP)

VBScript

PHP

PHP

JavaScript

Dreamweaver puede crear los scripts (archivos de comando) o las

etiquetas del lado del servidor necesarias para que sus pginas
funcionen, o puede escribirlos usted manualmente en el entorno de
programacin de Dreamweaver.

Terminologa de aplicaciones Web

En esta seccin se definen trminos utilizados con frecuencia
relacionados con las aplicaciones Web.
Servidor de aplicaciones
Software que ayuda al servidor Web a procesar las pginas que contienen
scripts o etiquetas del lado del servidor. Cuando se solicita al servidor una

pgina de este tipo, el servidor Web pasa la pgina al servidor de

aplicaciones para su procesamiento antes de enviarla al navegador. Para
ms informacin, consulteFuncionamiento de una aplicacin Web.
Entre los servidores de aplicaciones ms comunes figuran
ColdFusion y PHP.
Base de datos
Conjunto de datos almacenados en tablas. Cada fila de una tabla constituye
un registro de datos, y cada columna constituye un campo del registro,
como se indica en el siguiente ejemplo:

Controlador de base de datos

Software que acta como intrprete entre una aplicacin Web y una base de
datos. Los datos de una base de datos se almacenan en un formato propio
de dicha base de datos. Un controlador de base de datos permite a la
aplicacin Web leer y manipular datos que, de otro modo, resultaran
indescifrables.
Sistema de administracin de base de datos
(DBMS o sistema de base de datos) Software que se utiliza para crear y
manipular bases de datos. Entre los sistemas de bases de datos ms
habituales figuran Microsoft Access, Oracle 9i y MySQL.
Consulta de base de datos
Operacin mediante la cual se extrae un juego de registros de una base de
datos. Una consulta consta de criterios de bsqueda expresados en un
lenguaje de base de datos denominado SQL. Por ejemplo, la consulta puede
especificar que slo se incluyan determinadas columnas o determinados
registros en el juego de registros.
Pgina dinmica
Pgina Web personalizada por el servidor de aplicaciones antes de que la
pgina se enve a un navegador.
Juego de registros
Conjunto de datos extrados de una o varias tablas de una base de datos,
como se ilustra en el siguiente ejemplo:

Base de datos relacional

Base de datos que contiene mltiples tablas que comparten datos. La
siguiente base de datos es relacional porque dos tablas comparten la
columna DepartmentID.

Tecnologa de servidor
Tecnologa que utiliza un servidor de aplicaciones para modificar pginas
dinmicas en tiempo de ejecucin.
El entorno de desarrollo de Dreamweaver admite las siguientes tecnologas
de servidor:

Adobe ColdFusion

Microsoft Active Server Pages (ASP)

PHP: Hypertext Preprocessor (PHP)

Tambin puede utilizar el entorno de
programacin de Dreamweaver para
desarrollar pginas para cualquier otra
tecnologa de servidor no incluida en la
lista.

Pgina esttica
Pgina Web que el servidor de aplicaciones no modifica antes de que la
pgina se enve a un navegador. Para ms informacin,
consulte Procesamiento de pginas Web estticas.
Aplicacin Web
Sitio Web que contiene pginas con contenido sin determinar, parcialmente
o en su totalidad. El contenido final de estas pginas se determina slo
cuando un visitante solicita una pgina del servidor Web. Dado que el
contenido final de la pgina vara de una peticin a otra en funcin de las
acciones del visitante, este tipo de pgina se denomina pgina dinmica.
Servidor Web
Software que suministra pginas Web en respuesta a las peticiones de los
navegadores Web. La peticin de una pgina se genera cuando un visitante
hace clic en un vnculo de una pgina Web en el navegador, elige un
marcador en el navegador o introduce un URL en el cuadro de texto
Direccin del navegador.
Entre los servidores Web ms utilizados se incluyen Microsoft
Internet Information Server (IIS) y Apache HTTP Server.