Professional Documents
Culture Documents
1 de 13
PROGRAMACIN II
HTML
Cliente 2
Internet
Aplicacin Web
IIS
Cliente 3
El servidor web
recibe la solicitud
Cliente
Servidor
Web
6
El navegador web recibe el
archivo solicitado (un archivo
HTML) y presenta las etiquetas
HTML grficamente en la
pantalla de la computadora
El archivo adecuado
es solicitado al
sistema de archivos
2 de 13
El sistema de archivos
devuelve el contenido del
archivo al servidor web, que
ejecuta el cdigo fuente que
produce etiquetas HTML
Sistema de
archivos
PROGRAMACIN II
Este modelo es adecuado para servir pginas estticas, cuyo contenido no cambia. Sin embargo,
un modelo tan simple es insuficiente para servir pginas dinmicas porque el servidor web
simplemente devuelve el contenido de la URL solicitada al navegador que inicia la solicitud. El
contenido de la URL solicitada no es modificado de ninguna forma por el servidor web basado en
eventos externos.
Servidor
Web
Cliente
El navegador web
recibe el archivo
solicitado (un archivo
HTML) y presenta las
etiquetas HTML
grficamente en la
pantalla de la
computadora
Motor
ASP .NET
El cdigo fuente
adecuado es solicitado
al sistema de archivos
Sistema de
archivos
6
7
El servidor
web devuelve
la salida HTML
solicitada
3 de 13
PROGRAMACIN II
Una forma comn de los servidores web para determinar si la pgina solicitada es esttica o
dinmica es por medio de la extensin del archivo solicitado. Por ejemplo, si la extensin es .aspx,
el servidor web sabe que la solicitud es para una pgina ASP .NET y por tanto transfiere la solicitud
al motor ASP .NET.
El motor ASP .NET es una pieza de software que sabe cmo ejecutar las pginas ASP .NET. Otras
tecnologas de programacin web, tales como ASP, PHP y JSP tienen sus propios motores que
saben cmo ejecutar pginas ASP, PHP y JSP.
Cuando el motor ASP .NET ejecuta una pgina ASP .NET, el motor genera la salida HTML. Esta
salida HTML es devuelta al servidor web, el cual la devuelve al navegador que inici la solicitud
web.
Es una tecnologa de secuencia de comandos del lado del servidor (incrustada en pginas
web) para ser ejecutadas por un servidor de internet.
Un archivo ASP .NET puede contener texto, HTML, XML y secuencias de comandos.
Cuando un navegador solicita un archivo ASP .NET, IIS traslada la solicitud al motor ASP
.NET en el servidor.
El motor ASP .NET lee el archivo lnea por lnea y ejecuta la secuencia de comandos en el
archivo que estn marcadas como secuencias de comando del servidor en <% %>.
A diferencia del desarrollo de la mayora de aplicaciones de escritorio, en las cuales muchas de las
partes se encuentran disponibles localmente (como componentes en el disco duro del usuario),
desarrollar una aplicacin web requiere obtener partes de software que trabajen sobre una amplia
red distribuida usando un protocolo desconectado.
Para trabajar adecuadamente con ASP .NET se requiere conocer lo siguiente:
4 de 13
PROGRAMACIN II
PGINAS WEB.
Para ver una pgina web ASP .NET que reside en un servidor web se necesita solicitarla con un
navegador web. El navegador enva una solicitud al servidor web, el cual transfiere la solicitud al
motor ASP .NET. El motor ASP .NET procesa la pgina solicitada, devuelve el HTML resultante al
servidor web, el cual lo enva de regreso al navegador, donde es mostrado al usuario.
Para desarrollar sitios web, las pginas ASP .NET que construya sern almacenadas en su
computadora personal. Para probar estas pginas, su computadora debe tener un servidor web
instalado.
El alojar pginas ASP .NET localmente tiene sus ventajas:
Las pruebas pueden ser efectuadas offline debido a que las solicitudes de su navegador
son dirigidas a su computadora personal, no necesita estar conectado al internet para
probar sus pginas ASP .NET.
Es rpido las solicitudes locales son, naturalmente, mucho ms rpidas que las
solicitudes que viajan sobre internet.
La principal desventaja de alojar pginas ASP .NET localmente es que pueden ser vistas solamente
desde su computadora. Esto es, un visitante en otra computadora no puede introducir ningn URL
en la barra de direcciones de su navegador que lo lleve hacia el sitio web que ha creado en su
computadora local. Si desea crear un sitio web ASP .NET que pueda ser visitado por cualquiera con
una conexin internet, debe considerar usar una compaa de alojamiento web.
Las compaas de alojamiento web tienen varias computadoras accesibles por internet, en las
cuales individuos y compaas pueden alojar sus sitios web. Estas computadoras contienen
servidores web que estn accesibles desde cualquier computadora en internet.
5 de 13
PROGRAMACIN II
<html>
<head>
<title>Ttulo del documento</title>
</head>
<body>
<p>Cuerpo del documento: texto, imgenes, sonido y rdenes HTML</p>
</body>
</html>
Utilice el bloc de notas para escribir y guardar el cdigo anterior con el nombre ejemplo1.htm o
con el nombre ejemplo1.html en la carpeta C:\Inetpub\wwwroot.
En una nueva ventana del navegador deber escribir http://localhost/ejemplo1.htm o
http://localhost/ejemplo1.html, dependiendo del nombre de archivo que us.
NOTA: Debe tener IIS (Internet Information Services) instalado y ejecutndose. Para instalar IIS,
seleccione el botn de inicio de Windows, Control Panel, Programs, Turn Windows features on
or off, Internet Information Services.
La salida que obtendr es similar a la figura siguiente:
6 de 13
PROGRAMACIN II
Utilice el bloc de notas para escribir y guardar el cdigo anterior con el nombre ejemplo2.htm o
con el nombre ejemplo2.html en la carpeta C:\Inetpub\wwwroot.
En una nueva ventana del navegador deber escribir http://localhost/ejemplo2.htm o
http://localhost/ejemplo2.html, dependiendo del nombre de archivo que us.
La salida que obtendr es similar a la figura siguiente:
Sin embargo, esto es una pgina esttica y no realiza ninguna accin, a pesar de contener un
combo box y un botn. Para que una pgina sea dinmica, el servidor que se encuentra en el otro
extremo necesita soportar contenido dinmico.
NOTA: Aunque no se trabajar la asignatura escribiendo cdigo HTML (Visual Studio lo genera por
usted), una pregunta recurrente es sobre el manejo de acentos en pginas web. Algunas tcnicas
para manejar esta situacin son:
1. Uso de entidades de cdigo especiales. Puede encontrar informacin adicional en:
http://symbolcodes.tlt.psu.edu/web/codehtml.html
2. Uso de Unicode. Puede encontrar informacin adicional en:
https://en.wikipedia.org/wiki/Unicode_and_HTML
3. Uso de estndares. Puede encontrar informacin adicional en:
http://www.w3schools.com/charsets/default.asp
CONTENIDO DINMICO.
Los primeros sitios web fueron construidos principalmente usando pginas HTML estticas, lo cual
permita navegar hacia una pgina y leer el documento ah alojado. Si bien en un principio fue algo
sorprendente, HTML eventualmente evolucion para ser capaz de mucho ms que simplemente
dar formato a textos.
HTML incluye las etiquetas <form> y </form> para notificar al navegador que una seccin de
HTML incluye etiquetas representando controles con los cuales el usuario interactuar para
eventualmente devolver informacin al servidor. As es como se especifica en un documento web
que manejar entradas efectuadas por el usuario final y no solo salida de informacin. El
contenido de la forma, lo cual es la data contenida en los controles de entrada, ser enviado al
servidor para su procesamiento. Esta es la razn por la cual el caso de uso tpico de un documento
HTTP es GET, y luego POST para devolver datos al servidor.
La etiqueta <form> encierra un conjunto de etiquetas especificando controles de entrada del
usuario, tal como se muestra en el ejemplo siguiente:
7 de 13
PROGRAMACIN II
<html>
<head>
<title>Documento dinmico? Tal vez</title>
</head>
<body>
<form action="http://localhost/ejemplo3.htm" method="get">
<h2>Escoja una carrera sobre tecnologa en la UTEC</h2>
<select name='Carrera'>
<option> Ingeniera en Sistemas y Computacin</option>
<option> Licenciatura en Informtica</option>
<option> Tcnico en Ingeniera de Software</option>
<option> Tcnico en Ingeniera de Hardware</option>
<option> Tcnico en Ingeniera de Redes</option>
<option> Ninguna </option>
</select>
<br>
<input type=submit name='Seleccion' value='Enviar'></input>
</form>
</body>
</html>
Utilice el bloc de notas para escribir y guardar el cdigo anterior con el nombre ejemplo3.htm o
con el nombre ejemplo3.html en la carpeta C:\Inetpub\wwwroot.
En una nueva ventana del navegador deber escribir http://localhost/ejemplo3.htm o
http://localhost/ejemplo3.html, dependiendo del nombre de archivo que us.
La salida que obtendr es similar a la figura siguiente:
Despus de seleccionar la opcin deseada y hacer clic sobre el botn "Enviar", el URL debera
mostrar lo siguiente (asumiendo que seleccion la opcin "Ninguna"):
http://localhost/"http://localhost/ejemplo3.htm"?Carrera=Ninguna&Seleccion=Enviar
Este URL modificado, a menudo llamado cadena de consulta, es enviado al servidor.
Adems, obtendr un mensaje de error debido a que todava no se ha escrito cdigo para manejar
la informacin enviada al hacer clic sobre el botn.
Adicionar la etiqueta <form> en el cuerpo del documento es slo una parte para tener una
aplicacin HTTP que en realidad interacte con un usuario. Ahora se necesita un poco ms de
soporte del lado del servidor, y es aqu donde el servidor empieza a jugar un papel mucho ms
activo.
8 de 13
PROGRAMACIN II
9 de 13
PROGRAMACIN II
servidor a un URL de internet. Usando directorios virtuales, uno por aplicacin, IIS puede servir
mltiples aplicaciones. Cada directorio virtual incluye varias propiedades de configuracin (por
ejemplo: opciones de seguridad, redireccin de manejo de errores y opciones de aislamiento de
aplicaciones).
ASP .NET.
Todo esto nos lleva a ASP .NET. Un tema comn es que ASP .NET toma caractersticas usualmente
implementadas (una y otra vez) por desarrolladores y las incluye en el marco de trabajo de ASP
.NET.
ASP .NET es un marco de trabajo para aplicaciones web del lado del servidor de cdigo abierto
diseado para el desarrollo web con el propsito de generar pginas web dinmicas. Fue
desarrollado por Microsoft para permitir a los programadores construir sitios web dinmicos,
aplicaciones web y servicios web.
ASP .NET ha estado evolucionando continuamente desde que fue liberado por primera vez. A
continuacin se presenta una tabla resumen que muestra las liberaciones con sus caractersticas
principales.
10 de 13
PROGRAMACIN II
Versin
1.0
1.1
2.0
3.0
3.5
Fecha de
liberacin
Enero de
2002
Abril de
2003
Noviembre
de 2005
Noviembre
de 2006
Noviembre
de 2007
Caractersticas principales
Controles mviles.
Controles de navegacin.
Pginas maestras.
Controles de ingreso.
Temas.
Skins.
Partes Web.
Servicios de personalizacin.
Pre-compilacin total.
11 de 13
PROGRAMACIN II
Versin
3.5 SP1
4.0
4.5
4.5.1
4.5.2
Fecha de
liberacin
Agosto de
2008
Abril de
2010
Agosto de
2012
Octubre
de 2013
Mayo de
2014
4.6
Julio de
2015
5 RC1
Noviembre
de 2015
Caractersticas principales
Habilidad para combinar varios archivos JavaScript en uno para una descarga
ms eficiente.
Bootstrap 3.0.
EF 6.
SignalR.
OWIN.
12 de 13
PROGRAMACIN II
13 de 13