PROGRAMACION II

Unidad I.
Fundamentos de ASP.NET

Indicaciones:
Los textos marcados en color amarillo, son la
Lic. Francisco Torres base teórica de explicación para el estudiante
Introducción a ASP.Net
COMPONENTES DEL FRAMEWORK
 Versiones de ASP.NET
• ASP.NET 1.0. Primera versión de la implementación de .NET Framework para páginas
web. Es muy superior al anAguo ASP y permite uAlizar un modelo de objeto mucho mas
amplio
• ASP.NET 1.1. Segunda versión que corregía muchas limitaciones y mejora general del
rendimiento
• ASP.NET 2.0. La tercera versión amplió sustancialmente la canAdad de objetos e
incorporó por primera vez un entorno de desarrollo integrado potente y eficaz.
Incorporó muchas funciones para la realización de siAos web completos. Antes se
centraba mas en las páginas y en este versión mejoró mucho en el tratamiento de los
esAlos, páginas maestras, facilidad de navegación..
• ASP.NET 3.0. Incorpora únicamente mejoras y elementos para los diferentes entornos
como Windows comunicaAon fundaAon (WCF) Y Windows WorkFlow FundaAon(WF),
Windows presentaAon fundaAon(WPF) y Card Space, excepto ASP. Por lo tanto no forma
parte de ASP.NET 3.0
• ASP.NET 3.5. Añade dos grandes e importantes mejora. la incorporación del kit de
herramientas AJAX que proporciona al desarrollador potentes herramientas para
elaborar mejores páginas y un control total sobre los elementos que hay en ellas, La
segunda mejora es el soporte de LINQ, un conjunto de mejoras del lenguaje incluidas
en .NET 3.5 que permite consultar datos de la misma forma que se realiza en una base de
datos.
• ASP.NET 4.0. Se incorpora el soporte de leguajes dinámicos, como PHP, Ruby, CSS, Java
Script, y añade el modelo MVC, otra de sus ventajas es el permite trabajar en grupos de
desarrollo.
Composición
página ASP.Net
 Introducción a ASP.Net
Las aplicaciones basadas en web crean contenido Web
para los exploradores web clientes, este contenido web
incluye lenguaje de marcado de hipertexto
extensible(XHTML), secuencia de comandos del lado del
cliente, imágenes y datos binarios.
Los archivos de los formularios Web Form tienen la
extensión .aspx contienen la GUI de la pagina web.
Los formularios Web Form se personalizan agregando controles web, incluyendo
imágenes, etiquetas, cuadro de texto, botones y demás componentes de la GUI.

Todo archivo .aspx tiene su correspondiente clase escrita

en un lenguaje .Net como C#, esta clase contiene los
manejadores de eventos, el código de inicialización , los
métodos utilitarios y demás código de soporte. El archivo
que contiene esta clase se llama Archivo de Código
Subyacente(Code-Behind)
Transacciones HTTP Simples
Transacciones HTTP Simples
El desarrollo de aplicaciones Web requieren una
compresión básica de redes e Internet(World Wide
Web). HTTP(protocolo de Transferencia de hipertexto)
especifica un conjunto de métodos y encabezados que
permiten a los clientes y servidores interactuar e
intercambiar información, de una manera uniforme y
predecible.
Una pagina Web no es mas que un documento XHTML: un
archivo de texto simple que contiene marcado
(etiquetas) para describir a un explorador Web como
visualizar y dar formato a la información del documento .
<title>Mi pagina Web </title>
Los documentos de XHTML también pueden contener datos de
hipertexto (hipervínculo) con vínculos hacia otra paginas, o a
otras partes de la misma pagina.
Todo documento de XHTML disponible para verlo a través de la
web tiene su correspondiente Localizador de Recursos
Uniforme(URL). Un URL es una dirección que indica la ubicación
de un recurso de Internet, como un documento XHTML. El URL
contiene información que dirige a un explorador al recurso que
el usuario desea acceder. Las computadoras que se ejecutan
software de servidor Web hacen que dichos recursos estén
disponibles . Cuando se realizan peticiones de aplicaciones
Web ASP.NET, por lo general el servidor Web es Microsoft
Internet Information Services(IIS).
También es posible probar aplicaciones ASP.NET mediante el uso
del Servidor de desarrollo ASP.NET integrado en Visual Web
Developer.
 Componentes del URL
http://www.deitel.com/books/downloads.aspx
http:// - Protocolo de transferencia.

Nombre de host – www.deitel.com

Directorio virtual - /books/

Recurso – downloads.aspx
 Componentes del URL
http://www.deitel.com/books/downloads.aspx
El http:// indica que el recurso se debe de obtener
utilizando el protocolo HTTP.
www.deitel.com es el nombre de host completamente
calificado del servidor: el nombre de la computadora en
la que reside el recurso, a esta computadora se le
denomina host, ya que aloja los recursos y los
mantiene .El nombre de host www.deitel.com se traduce
en una dirección de ip (68.236.123.125), que identifica el
servidor. El nombre de host se traduce en una dirección
ip mediante un servidor del sistema de nombre de
dominios(DNS), una computadora que mantiene una
base de datos de nombres y sus correspondientes
direcciones ip. Esta operación de traducción se conoce
como búsqueda en el DNS
• El resto del URL (/books/dowloands.aspx) especifica el
nombre del recurso solicitado (el documento de
XHTML downloads.html) y su ruta , o ubicación (/books)
en el servidor Web. La ruta podría especificar la
ubicación de un directorio real en el sistema de archivos
del servidor Web. No obstante por razones de seguridad
la ruta a menudo especifica la ubicación de un
directorio virtual. En dichos sistemas, el servidor
traduce el directorio virtual en una ubicación real en el
servidor(o en otra computadora en la red del servidor).
• Cuando el explorador web recibe un URL, realiza una
transacción HTTP simple para recuperar y visualizar la
pagina web que se encuentra en esa dirección.
Arquitectura de aplicaciones Multinivel

• Las aplicaciones basadas en web son aplicaciones

mulInivel(aplicaciones de n niveles). Las aplicaciones
mulAnivel dividen su funcionalidad en n niveles
separados(agrupamientos lógicos de funcionalidad), aunque
los niveles pueden ubicarse en la misma computadora, por lo
general los niveles de las aplicaciones basadas en web residen
en computadoras separadas.
 Nivel de Información

• También conocido como nivel de datos o nivel inferior , manAene

los datos que pertenecen a la aplicación, este nivel almacena los
datos en un sistema de administración de base de datos
relaciones(RDBMS), este nivel puede contener varias bases de
datos, que en conjunto conforman los datos necesarios para la
aplicación.
 Nivel Intermedio

• Implementa la lógica comercial, la lógica de control, y la lógica de

presentación, para controlar las interacciones entre los clientes de la
aplicación y los datos de la misma. El nivel intermedio actúa como un
intermediario entre los datos en el nivel de información y los clientes
de la aplicación. La lógica de control procesa las peAciones de los
clientes y recupera datos de la base de datos. Después la lógica de
presentación procesa los datos del nivel de información y presenta el
contenido al cliente(documento XHTML)
 Nivel Intermedio

• La lógica comercial hace valer las reglas comerciales y asegura

que los datos sean confiables antes de que la aplicación
servidor actualice la base de datos o presente los datos al
usuarios. Las reglas comerciales dictan la forma en que los
clientes pueden o tener acceso a los datos de la aplicación, y
como las aplicaciones procesan los datos
 Nivel Cliente o Nivel Superior

• Es la interfaz de usuario de la aplicación, la cual recompila los

datos de entrada y visualiza los resultados, los usuarios
interactúan en forma directa con la aplicación a través de la
interfaz de usuario, por lo general es un explorador Web, un
teclado y un ratón.
Arquitectura servidores google
Modelo Datacenter google
 Analisis de un archivo ASPX
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs"
Inherits="_Default" %>
<%‐‐Ejemplo de comentarios ‐‐%>
<!DOCTYPE html PUBLIC "‐//W3C//DTD XHTML 1.0 TransiAonal//EN" "hmp://
www.w3.org/TR/xhtml1/DTD/xhtml1‐transiAonal.dtd">
<html xmlns="hmp://www.w3.org/1999/xhtml">
<head runat="server">
<Atle> PROGRAMACION II </Atle>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:Label ID="Label1" runat="server" Text="Label"></asp:Label>
</div>
<br />
</form>
</body>
</html>
 Analisis de un archivo ASPX
• Comentarios de ASP.NET
• <%‐‐ Ejemplo de comentarios ‐‐%>
• DirecAva Page (una direcIva se delimita con <%@ y %>) para
especificar información de ASP.NET necesita para procesar este
archivo.
• El atributo Languaje de la direcAva page especifica el lenguaje del
archivo de código subyacente(code‐behind) como C#.
• CodeFile , es donde se define el nombre del archivo codigo
subyacente el cual tendrá el siguiente formato:
nombredelarchivo.aspx.cs.
• El atributo AutoEventWireup determina como se manejan los
eventos del formulario web Forms, cuando AutoEventWireup se
establece en true ASP.NET determina cuales métodos de la clase se
van a llamar, en respuesta a un evento generado por la direcAva
page.(page_load y Page_Init)
 Analisis de un archivo ASPX
• El atributo Inherits especifica la clase del archivo de código
subyacente de la clase ASP.NET heredada.
• <!DOCTYPE html PUBLIC "‐//W3C//DTD XHTML 1.0
TransiIonal//EN" "h`p://www.w3.org/TR/xhtml1/
DTD/xhtml1‐transiIonal.dtd">, conAene la declaración
del Apo de documento, que especifica el nombre del
elemento de documento (HTML)y el url PUBLIC que
define el vocabulario XHTML.
• Runat=“server”,este atributo indica que cuando un
cliente solicita este archivo ASPX, ASP.NET procesa el
elemento head y sus elementos anidados al servido, y
genera el XHTML correspondiente, el cual se envía
posteriormente al cliente.
 Analisis de un archivo ASPX

• EIqueta <body>, indica el cuerpo del documento XHTML: el

cuerpo Aene el contenido principal que el explorador visualiza.
• El atributo runat en el elemento form, indica que este
elemento se ejecuta en el servidor, el cual genera el XHTML
equivalente y lo envía al cliente.
• Elemento div, agrupa los elementos del formulario en un
bloque de marcado.
• El prefijo asp, indica que es un control Web de ASP.NET, no un
elemento de XHTML. cada control Web se asigna a un
elemento correspondiente de XHTML; cuando procesa un
control Web el servidor, ASP.NET genera marcado de XHTML
que se enviara al cliente para representar a ese control en un
explorador web. Todo control en ASP.NET se le asigna un
elemento span de XHTML, es decir ASP.NET crea un elemento
span para representar a este control en el explorador Web del
cliente. Un elemento span conAene texto que se visualiza en
un pagina web.
 Analisis de un archivo de código
subyacente(code‐behind)
using System;
using System.ConfiguraAon;
using System.Data;
using System.Linq;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.HtmlControls;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Xml.Linq;

public parAal class _Default : System.Web.UI.Page

{
protected void Page_Load(object sender, EventArgs e)
{
this.Label1.Text = “Asignatura :PROGRAMACION II";
}
}
 Analisis de un archivo de código
subyacente(code‐behind)
• public parIal class _Default : System.Web.UI.Page , el modificador
parAal indica que el archivo de codigo subyacente es realidad es un
clase par cial. _Default es heredada de la clase page en el espacio
de nombre System.Web.UI.Page, este espacio de nombre conAene
clases y controles que ayudan a crear aplicaciones basadas en Web.
System.Web.UI.Page incluye la clase Control: la clase que
proporciona uan funcionalidad comun para todos los controles web.
• Page_load, Es la definicion del evento page_load que se va a
ejecutar cuando se cargue la pagian web.
• La primera vez que se solicita la pagina web, esta clase se compila y
se crea un instancia, crea el xhtml que se envia al usuario, el
ensambaldo creado a parAr de la clase compilada se coloca dentro
de: c:\windows\Microsol.Net\Framework\numeroVersion
\temporary ASP.NET files\nombredelemsamblado
 Como se ejecuta el código en una
pagina web ASP.NET
• Cuando se crea una instancia de la pagina el evento Init
ocurre primero , invocando al método Page_Init. Este método
puede contener el código necesario para incicializar objetos y
otros aspectos de las paginas. Posteriormente ocurre el
método load y se ejecuta el manejador de eventos Page_load.
después de ejecutarse estos eventos la pagina procesa
eventos que generan los controles de las pagina. Como las
instrucciones del usuario con la GUI. Cuando el objeto Web
Forms esta listo para la recolección de basura se produce el
evento Unload, el cual llama al manejador de eventos
Page_Unload, este evento conAene el código para liberar los
recursos uAlizados por la pagina.