PDF de programación - Introducción al desarrollo de aplicaciones Web con ASP.NET

CICLO: 01/2015



UNIVERSIDAD DON BOSCO

FACULTAD DE ESTUDIOS TECNOLÓGICOS

ESCUELA DE COMPUTACIÓN

GGUUIIAA DDEE LLAABBOORRAATTOORRIIOO ##22

Nombre de la Práctica: Introducción al desarrollo de aplicaciones Web con ASP.NET
Lugar de Ejecución: Centro de cómputo
Tiempo Estimado:
MATERIA:
DOCENTES:

2 horas con 30 minutos
Lenguaje de Programación II
Karens Medrano / Hugo Dimas



I. OBJETIVOS


En esta guía de práctica se pretende:
1. Conseguir que los estudiantes tengan un primer contacto con la programación de aplicaciones web del lado
del servidor haciendo uso del marco de trabajo de ASP.NET y la forma de trabajo del mismo.
2. Desarrollar las habilidades mínimas necesarias para crear aplicaciones web haciendo uso de ASP.NET y el
lenguaje de programación C#
3. Identificar las partes, tipos de archivos, extensiones y componentes de un proyecto basado en ASP.NET.
4. Lograr la capacidad de consolidar los conocimientos de materias anteriores orientadas al desarrollo web
con C#.


II. INTRODUCCIÓN TEÓRICA


¿Qué es ASP.NET?
ASP.NET es un framework para aplicaciones web desarrollado y comercializado por Microsoft. Es usado por
programadores y diseñadores para construir sitios web dinámicos, aplicaciones web y servicios web XML.
Apareció en enero de 2002 con la versión 1.0 del .NET Framework, y es la tecnología sucesora de la tecnología
Active Server Pages (ASP). ASP.NET está construido sobre el Common Language Runtime, permitiendo a los
programadores escribir código ASP.NET usando cualquier lenguaje admitido por el .NET Framework.

ASP.NET es un modelo de desarrollo Web unificado que incluye los servicios necesarios para crear
aplicaciones Web empresariales con el código mínimo. ASP.NET forma parte de .NET Framework y al
codificar las aplicaciones ASP.NET tiene acceso a las clases en .NET Framework. El código de las aplicaciones
puede escribirse en cualquier lenguaje compatible con el Common Language Runtime (CLR), entre ellos
Microsoft Visual Basic, C#, JScript .NET y J#. Estos lenguajes permiten desarrollar aplicaciones ASP.NET que
se benefician del Common Language Runtime, seguridad de tipos, herencia, etc. ASP.NET incluye:


 Marco de trabajo de página y controles
 Compilador de ASP.NET
 Infraestructura de seguridad
 Funciones de administración de estado
 Configuración de la aplicación
 Supervisión de estado y características de

rendimiento

 Capacidad de depuración
 Marco de trabajo de servicios Web XML
 Entorno de host extensible y administración

del ciclo de vida de las aplicaciones

 Entorno de diseñador extensible



Lenguaje de Programación II

1 / 29

Guía #2: Introducción al desarrollo de aplicaciones Web con ASP.NET

Requisitos para el desarrollo en ASP.NET

 Un editor de código.
 NET Framework.
 Un servidor Web como IIS (Servicios de Internet Information Server).



Adicionalmente a la programación web es necesario tener algún tipo de soporte para el almacenamiento de
datos (SQL Server, Oracle, etc.).

Arquitectura de ejecución de aplicaciones del lado del servidor con ASP.NET
La forma tradicional de trabajar con las aplicaciones basadas en ASP es a través del modelo cliente-servidor.
En el modelo cliente-servidor:


 Un servidor es un equipo que produce datos
 Un cliente es un equipo que utiliza los datos


Las aplicaciones Web utilizan el modelo cliente-servidor

 Navegadores Web se ejecutan en los clientes y los datos de solicitud de servidores web
 Sitios web se hospedan en servidores web que producen los datos conforme a lo solicitado por los

navegadores web


Pero, ¿qué sucede cuando una página Web se muestra mediante un navegador Web?
Un equipo local o remoto debe estar ejecutando un servidor Web, que para el caso de las aplicaciones basadas
en ASP corresponde con el servidor IIS, que espera a las solicitudes de conexión del navegador cliente; esto
ocurre en los siguientes pasos:

 El navegador del cliente se conecta al servidor web solicitando una URL.
 El servidor web traduce la URL en un archivo físico situado dentro del sistema de archivos del
servidor y de la aplicación misma; envía el archivo solicitado, llamando una página Web de vuelta al
navegador, procesando las secciones de código y generando la respectiva salida solicitada por el
usuario (HTML, JSON, JavaScript, etc.).

 Al procesar las secciones de código, se procede a compilar las páginas ASPX y los archivos de código

asociados para producir la respectiva salida HTML.

 El servidor rompe la conexión después de enviar la página Web al navegador cliente
 El navegador web del cliente interpreta HTML y hace una página Web
 Una devolución de datos se produce si el cliente solicita la página Web nuevamente ya sea por hacer

clic en un control de botón o pulsando la tecla Enter.


Lenguaje de Programación II

2



Guía #2: Introducción al desarrollo de aplicaciones Web con ASP.NET

Tipos de WebSite Template incluidos en Visual Studio.
Visual Studio incluye plantillas de proyecto que ayudan al programador a comenzar a crear un nuevo
proyecto web. Es posible crear proyectos de aplicación web o proyectos de sitio web. Si se determina el tipo
de proyecto más adecuado antes de comenzar, se puede ahorrar tiempo al crear, probar e implementar el
proyecto web. En este punto, nos encontramos frente a una de las dos siguientes opciones:


 Las plantillas de proyecto de aplicación web se orientan a crear aplicaciones web que se compilan en

un ensamblado y que proporcionan opciones enriquecidas para la implementación.

 Las plantillas de proyecto de sitio web se orientan a que el código fuente se compile dinámicamente

ya sea una o más veces dependiendo del número de peticiones que se realicen al sitio web.


A continuación mostramos un cuadro que lista los tipos de plantilla orientadas a proyectos más comunes al
momento de crear un nuevo proyecto en ASP.NET:

Plantilla de proyecto Más información
Aplicación Web
ASP.NET

Utilice esta plantilla de proyecto para crear una aplicación web que incluya la
siguiente funcionalidad:

 Una página maestra.
 Una hoja de estilos en cascada.
 Seguridad de inicio de sesión utilizando el sistema de pertenencia de

ASP.NET.

 Scripting de Ajax mediante jQuery.
 Navegación utilizando un control de menú.

Nota: Puede decidir no utilizar ninguna de estas características si la aplicación no las
requiere.
De forma predeterminada, la plantilla de proyecto de aplicación web ASP.NET
incluye los siguientes elementos:

 Carpetas que van a contener las páginas de pertenencia, los archivos de script

de cliente y los archivos de hojas de estilos en cascada.

 Una carpeta de datos (App_Data), que tiene permisos concedidos para que

ASP.NET pueda leer y escribir en ella en tiempo de ejecución.

 Una página maestra (archivo .master).
 Las páginas web denominadas Default.aspx y About.aspx. En la plantilla de
proyecto, son las páginas de contenido de la página maestra predeterminada.

 Una clase de aplicación global (archivo Global.asax).
 Un archivo Web.config.

Utilice esta plantilla de proyecto para crear aplicaciones web que utilicen un modelo
de controlador de vista de modelos con la versión ASP.NET MVC 2. El modelo de
MVC le ayuda a separar los diferentes aspectos de la aplicación (lógica de entrada,
lógica comercial y lógica de la interfaz de usuario), proporcionando un acoplamiento
flexible entre estos elementos. Además, esta plantilla de proyecto promueve el
desarrollo controlado por pruebas (TDD).
Esta plantilla crea una aplicación web ASP.NET que solamente incluye un archivo
Web.config. Utilice esta plantilla de proyecto si no precisa la funcionalidad
incorporada en la plantilla estándar (por ejemplo, páginas maestra, CSS y pertenencia
opcional) y no está creando una aplicación de datos dinámicos ni una aplicación
MVC.
Esta plantilla crea una aplicación web de ASP.NET MVC 2 vacía que incluye carpetas
para los controladores, modelos, vistas y scripts, un archivo Web.config en la raíz, un
archivo Web.config en la carpeta Views, un archivo Site.css, un archivo Global.asax y
archivos de script.

Aplicación web de
ASP.NET MVC 2

Aplicación web vacía
de ASP.NET

Aplicación web vacía
de ASP.NET MVC 2

Lenguaje de Programación II

3

Guía #2: Introducción al desarrollo de aplicaciones Web con ASP.NET

Utilice esta plantilla de proyecto para crear una aplicación web de datos dinámicos
que utilice ADO.NET Entity Framework. Este tipo de aplicación web de datos
dinámicos puede tener como destino cualquier base de datos relacional.
Los datos dinámicos generan automáticamente una aplicación web funcional para
ver y editar los datos, basada en el esquema de los datos.
Utilice esta plantilla de proyecto para crear una aplicación web de datos dinámicos
que use LINQ to SQL para obtener acceso a bases de datos SQL. Esta aplicación web
puede tener como destino cualquier base de datos relacional.

Aplicación web de
entidades de datos
dinámicos de
ASP.NET

Aplicación web de
LINQ to SQL para
datos dinámicos de
ASP.NET
Control de servidor
ASP.NET AJAX

Utilice esta plantilla de proyecto para crear un control de servidor web para las
páginas de formularios Web Forms ASP.NET que incorpore funcionalidad Ajax. El
control se compone de código de cliente y servidor que trabaja combinado para
generar un comportamiento de cliente enriquecido.
Utilice esta plantilla de proyecto para crear u