Sei sulla pagina 1di 10

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.
Volver al principio
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).
Volver al principio
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.
Volver al principio
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 las pginas 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.
Volver al principio
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.
Volver al principio
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.
Volver al principio
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.
Volver al principio
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):
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
JavaScript
PHP PHP
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 codificacin de Dreamweaver.
Volver al principio
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, consulte Funcionamiento 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 codificacin 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.

Potrebbero piacerti anche