PDF de programación - C# Interfaces web - Desarrollo Profesional de Aplicaciones con C#

Interfaces web

En este capítulo aprenderemos en qué consisten las aplicaciones web y mencionaremos
algunas de las herramientas que los programadores tenemos a nuestra disposición para
construir este tipo de aplicaciones. Para ser más específicos, en las siguientes secciones
trataremos los temas que aparecen a continuación:

- En primer lugar, comenzaremos presentando la evolución histórica de las
aplicaciones web para comprender cómo se ha llegado a su arquitectura actual
desde los modestos comienzos de las páginas web.

- A continuación, pasaremos a describir las principales alternativas de las que

dispone el programador para construir sus aplicaciones web.

- Finalmente, comentaremos las soluciones que oferta Microsoft para el desarrollo
de interfaces web y empezaremos a ver cómo se construyen aplicaciones web en
la plataforma .NET utilizando páginas ASP.NET.

6

Desarrollo Profesional de Aplicaciones con C#

Interfaces web

Evolución de las aplicaciones web........................................7
HTML estático............................................................ 7
Aplicaciones web ....................................................... 9
Servicios web........................................................... 11

Desarrollo de aplicaciones para Internet ............................13
En el cliente ............................................................. 13
HTML dinámico y JavaScript................................. 14
Controles ActiveX .................................................. 16
Applets................................................................... 17
Plug-ins específicos............................................... 17
En el servidor ........................................................... 18
Aplicaciones web compiladas: CGI ....................... 19
Servlets.................................................................. 20
Aplicaciones web interpretadas: CGI scripts &
Scripting languages ............................................... 21
Páginas de servidor: ASP y JSP ........................... 22

ASP: Active Server Pages ....................................................24

ASP.NET: Aplicaciones web en la plataforma .NET...........29
Un ejemplo............................................................... 29
Dos estilos ............................................................... 32

Apéndice: Aprenda HTML en unos minutos.......................35

© Fernando Berzal, Francisco J. Cortijo & Juan Carlos Cubero

Interfaces web

7

Evolución de las aplicaciones web

Como dijimos en la introducción a esta parte del libro, las aplicaciones web son aquellas cuya
interfaz se construye utilizando páginas web. Dichas páginas son documentos de texto a los
que se les añaden etiquetas que nos permiten visualizar el texto de distintas formas y
establecer enlaces entre una página y otra.

La capacidad de enlazar un texto con otro para crear un hipertexto es la característica más
destacable de las páginas web. Aunque su éxito es relativamente reciente, sus orígenes se
remontan al sistema Memex ideado por Vannevar Bush ("As we may think", Atlantic
Monthly, julio de 1945). El término hipertexto lo acuñó Ted Nelson en 1965 para hacer
referencia a una colección de documentos (nodos) con referencias cruzadas (enlaces), la cual
podría explorarse con la ayuda de un programa interactivo (navegador) que nos permitiese
movernos fácilmente de un documento a otro.

De hecho, la versión que conocemos actualmente del hipertexto proviene del interés de los
científicos en compartir sus documentos y hacer referencias a otros documentos. Este interés
propició la creación de la "tela de araña mundial" (World-Wide Web, WWW) en el Centro
Europeo para la Investigación Nuclear (CERN). Tim Berners-Lee, uno de los científicos que
trabajaba allí, ideó el formato HTML para representar documentos con enlaces a otros
documentos. Dicho formato fue posteriormente establecido como estándar por el W3C
(World-Wide Web Consortium, http://www.w3c.org/), el organismo creado por el MIT que
fija los estándares utilizados en la web desde 1994.

HTML estático

Inicialmente, las páginas web se limitaban a contener documentos almacenados en formato
HTML [HyperText Markup Language]. Dichos documentos no son más que ficheros de texto
a los que se le añaden una serie de etiquetas. Dichas etiquetas delimitan fragmentos del texto
que han de aparecer en un formato determinado y también sirven para crear enlaces de un
documento a otro (o,
incluso, de una parte de un documento a otra parte del mismo
documento). Al final de este capítulo puede encontrar una pequeña introducción al formato
HTML para refrescar sus conocimientos o aprender a escribir sus propias páginas web.

Con unos conocimientos mínimos de HTML, crear un sitio web resulta relativamente sencillo.
Sólo hay que preparar los documentos HTML tal y como queramos que los visualicen los
visitantes de nuestra página. Cuando podemos predecir con antelación cuál es la información
que tenemos que mostrarle al usuario, crear una página web estática resulta la opción más
sencilla. Incluso cuando el contenido de nuestra página web ha de cambiar periódicamente, en
ocasiones es suficiente con escribir pequeños programas que generen los documentos HTML

http://csharp.ikor.org/

8

Desarrollo Profesional de Aplicaciones con C#

a los que accederá el visitante de nuestra página. Este es el caso, por ejemplo, de las páginas
web utilizadas por medios de comunicación como periódicos. Cada día, o incluso más a
menudo, una aplicación se encarga de generar los documentos HTML con el formato visual
más adecuado para nuestro sitio web. Dichos documentos HTML quedan almacenados de
forma permanente en ficheros y el usuario accede a ellos directamente.

En realidad, el usuario no accede directamente a los ficheros que contienen los documentos
HTML, sino que utiliza un navegador para visualizarlos cómodamente. Dicho navegador es,
en realidad, una aplicación cliente que utiliza el protocolo HTTP [HyperText Transfer
Protocol] para acceder a la máquina en la que hayamos alojado nuestros ficheros en formato
HTML. Por tanto, para que los usuarios puedan acceder a nuestra página web, sólo
necesitaremos un servidor web que atienda las peticiones HTTP generadas por el navegador
web del usuario. En respuesta a esas peticiones, el servidor HTTP que utilicemos le enviará al
navegador los documentos que haya solicitado. Cuando nuestro servidor se limita a servir
documentos HTML previamente preparados, podemos utilizar cualquier servidor HTTP de
los existentes, como el Internet Information Server de Microsoft o el Apache (el cual se puede
descargar gratuitamente de http://www.apache.org/).

Aparte del servidor HTTP que hemos de tener funcionando en la máquina que sirva los
documentos HTML, nos hará falta disponer de una dirección IP fija para la máquina donde
alojemos el servidor HTTP. Dicha dirección resulta imprescindible para que el usuario pueda
saber dónde ha de conectarse para obtener los documentos que le interesan. De hecho, la
mayoría de los usuario ni siquiera son conscientes de que cada vez que acceden a un sitio web
están utilizando una dirección IP a modo de "número de teléfono", sino que escriben en la
barra de direcciones de su navegador una URL [Uniform Resource Locator] que identifica
unívocamente el recurso en Internet al que desea acceder y suele incluir un nombre de
dominio. Dicho nombre de dominio es una cadena de texto fácil de recordar que el servicio de
nombres DNS [Domain Name Service] traduce a la dirección IP necesaria para establecer con
éxito una conexión con el servidor. En consecuencia, resulta aconsejable (y no demasiado
caro) reservar un nombre de dominio que asociaremos a la dirección IP de la máquina donde
instalemos nuestro servidor HTTP. Sólo así podrá el usuario escribir una URL de la forma
http://csharp.ikor.org/ para acceder cómodamente a los datos que nosotros previamente
habremos dejado a su disposición en nuestro servidor web.

Si bien esta forma de construir un sitio web puede ser suficiente para muchas aplicaciones, en
ocasiones necesitaremos que el contenido de nuestra página web se genere dinámicamente en
función de las necesidades y deseos de nuestros usuarios. Cuando nos interesa algo más que
mostrar siempre los mismos datos de la misma forma, tener que actualizar periódicamente los
ficheros HTML no siempre es una buena idea. El inconveniente de utilizar simples ficheros
HTML es que estos ficheros son estáticos y, mientras no los actualicemos de forma manual o
automática, mostrarán siempre la misma información independientemente de quién acceda a
nuestra página. Por ejemplo, si lo que queremos es construir una página web cuyo contenido
cambie en función del usuario la visite y de la tarea que desee realizar, la solución pasa
ineludiblemente por generar dinámicamente los documentos HTML cada vez que le llega una
solicitud a nuestro servidor HTTP. Éste es el principio de funcionamiento de las aplicaciones
web que describiremos en el siguiente apartado.

© Fernando Berzal, Francisco J. Cortijo & Juan Carlos Cubero

Interfaces web

9

HTML estático: Configuración típica de una "aplicación web" que se limita
a ofrecer la información almacenada en páginas HTML a las que el usuario

final accede desde su navegador web utilizando el protocolo HTTP.

Aplicaciones web

Aunque la utilización de documentos HTML estáticos puede ser la solución más adecuada
cuando nuestra página web se limite a ofrecer siempre la misma información o podamos
automatizar la realización de actualizaciones de los documentos HTML que la constituyen, la
naturaleza dinámica de la web y las expectativas que ha creado en la actualidad hacen
necesaria la implementación de aplicaciones web que generen dinámicamente el contenido
que finalmente se les ofrece a los usuarios. De esta forma podemos seleccionar, filtrar,
ordenar y presentar la información de la forma más adecuada en función de las n