Programacin en ASP.Net 3.

5 y Acceso a Datos con Microsoft SQL Server 2008

Introduccin a una Aplicacin Web

Presentacin del Caso a Estudiar
Asp.net es una planataforma de desarrollo web que proporciona servicios, un modelo de programacion y la infraestructura de sofware necesarios para crear aplicaciones de empresa. Objetivos: Asp.net es el punto culminante de las tecnologias de desarrollo web que se han sucedido rapidamente durante los ultimos diez aos, agregandose unas u otras cosas y cubriendo cada una de algunas de su predecesora. Utilizacin del Internet Information Server. Qu es un Directorio Virtual? Habilitar los Servicios del IIS. Qu es ASP.Net? Elementos bsicos de una aplicacin ASP.Net. Importancia de los Web Forms. Definicin de un sitio web. Instructor: Cueva Valverde Diego Alberto (MCTS DCEP DCEG DCE Microsoft) dce.diegocueva@gmail.com

Captulo I Introduccin a una aplicacin WEB

Programacin en ASP.Net 3.5 y Acceso a Datos con Microsoft SQL Server 2008

Internet Information Server

El IIS es un servidor local, cuya ubicacin hace referencia a la carpeta C: \Inetpub\wwwroot, este servidor nos permite ejecutar paginas con extensin *asp. Adobe DreamWeaver Cs3 permite crear pginas dinmicas .aspx (asp.net), para ello se debe instalar el Internet Information Server. Parque hacer de su mquina sea un servidor web y para poder ejecutar las paginas debe instalar el FrameWork. Lo bueno de visual Studio 2005 es que ya no necesita del IIS, para trabajar con pginas dinmicas, el mismo visual Studio, genera su propio Servidor.

Que es un directorio virtual en IIS

Con el Administrador de Servicios de Internet Information Server (IIS) puede crear un directorio virtual para una aplicacin Web ASP.NET. Un directorio virtual aparece en los exploradores de los clientes como si estuviera incluido en el directorio raz de un servidor Web, incluso si reside fsicamente en otra parte. Este mtodo permite publicar el contenido Web que no se encuentra en la carpeta raz del servidor Web, como el contenido que est en un equipo remoto. Es tambin una forma cmoda de configurar un sitio para el trabajo de desarrollo Web local porque no requiere una identidad de sitio nica, lo que significa que se necesita un nmero menor de pasos para crear un sitio nico. En este tema se explica cmo se puede crear un directorio virtual y configurarlo para que ejecute pginas ASP.NET.

Habilitar el servicio del IIS

1. Pulsar el boton derecho del mouse sobre el icono de Mi Pc. 2. Hacer clic en la opcion de Administrar. 3. Aparecera un cuadro de dialogo llamado Administracion de Equipos. 4. Desplegar la categoria servicios y aplicaciones. 5. Luego desplegar la opcion de servicios de Internet information Server. 6. Seleccionar la carpeta Sitios Web. Instructor: Cueva Valverde Diego Alberto (MCTS DCEP DCEG DCE Microsoft) dce.diegocueva@gmail.com

Captulo I Introduccin a una aplicacin WEB

Programacin en ASP.Net 3.5 y Acceso a Datos con Microsoft SQL Server 2008 7. Observar si el servicio se encuentra detenido. 8. En caso de que este detenido iniciar el servicio. 9. Desplegar la opcion de Sitio Web predeterminado. 10. Como usted puede observar se muestra todos los sitios web.

Cul es la diferencia de un Directorio Virtual y el IIS?

Instructor: Cueva Valverde Diego Alberto (MCTS DCEP DCEG DCE Microsoft) dce.diegocueva@gmail.com

Captulo I Introduccin a una aplicacin WEB

Programacin en ASP.Net 3.5 y Acceso a Datos con Microsoft SQL Server 2008

Modelo de Programacion ASP.Net

Asp.net es una planataforma de desarrollo web que proporciona servicios, un modelo de programacion y la infraestructura de sofware necesarios para crear aplicaciones de empresa. Asp.net es el punto culminante de las tecnologias de desarrollo web que se han sucedido rapidamente durante los ultimos diez aos, agregandose unas u otras cosas y cubriendo cada una de algunas de su predecesora. Como resultado asp.net es actualmente la plataforma mas avanzada y potente para crear aplicaciones distribuidas transportadas por protocolo HTTP Asp.Net, simplifica un gran numero de tareas y es una especie de paraiso de programacion, especialmente para los desarrolladores que vienen del ASP clasico, de la interfaz de programacion de aplicaciones de servidor para (ISAPI) o de otras plataformas Web.

Qu es ASP.Net?
Antes de la llegada de ASP.Net, habia tres tecnologias principales disponibles para desarrollar aplicaciones web: ASP,JAVA SERVER PAGES (JSP) Y la plataforma web de codigo libre comunmente llamada LAMP(LINUX, APACHE,MYSQL Y PERL, PYTHON O PHP como lenguaje de programacion).

Elementos Basicos de una aplicacin ASP.Net

Ademas todos los recursos que comentabamos en el apartado anterior que puede contener una aplicacin ASP.Net, como pueden ser las paginas ASP.Net y componentes .Net, existen otros recursos de notable, ineteres que merece la pena destacar y que son los siguientes. Archivo GLOBAL.ASAX.- Permite tratar eventos a nivel de aplicacin, como a crear o inicializacin variables a nivel de aplicacin. No es obligatorio que exista este fichero en la aplicacin, aunque visual Studio.Net lo crea de forma automtica al crear una aplicacin ASP.net.

Web.config.- Este fichero tiene el formato XML, permite indicar la configuracin de su aplicacin ASP.Net.

Instructor: Cueva Valverde Diego Alberto (MCTS DCEP DCEG DCE Microsoft) dce.diegocueva@gmail.com

Captulo I Introduccin a una aplicacin WEB

Programacin en ASP.Net 3.5 y Acceso a Datos con Microsoft SQL Server 2008

Introduccin a los Web Forms

Los Web Forms (formularios Web) es una caracterstica de ASP .NET que ofrece un nuevo modelo de programacin que nos va a permitir generar contenidos dinmicos de una forma ms sencilla. Esta caracterstica no exista en versiones anteriores de ASP. Los Web Forms vienen a sustituir e integrar los formularios HTML dentro del entorno de programacin de ASP .NET. Un Web Form en ltima instancia va a generar el cdigo HTML correspondiente al formulario que estamos diseando.

Ventajas de los Web Forms

Las ventajas que nos ofrecen los Web Form son las siguientes: Nos permiten reutilizar controles de interfaz de usuario (UI) que encapsulan su funcionalidad, reduciendo de esta forma el cdigo que el desarrollador debe escribir. Ofrece un cdigo ms limpio y claro en la pgina, ya que no aparece mezclado con cdigo HTML como ocurra en la versiones anteriores de ASP, en las que era bastante usual intercalar cdigo HTML con cdigo ASP, aunque en ASP .NET esto tambin se permite por compatibilidad, pero si nos ceimos al modelo de programacin que ofrecen los Web Form no es necesario. Podemos construir todo el interfaz del Web Form a travs de herramientas o entornos de desarrollo, al igual que construimos los formularios con Visual Basic arrastrando y soltando los controles del interfaz de usuario.

Introduccin a los controles ASP .NET

Los controles ASP .NET son una serie de objetos de servidor que generarn el correspondiente cdigo HTML para que el usuario pueda utilizarlos en la pgina cargada en su navegador. Captulo I Introduccin a una aplicacin WEB Estos controles nos van a permitir manejar eventos generados por el cliente, como puede ser una pulsacin de un botn, con cdigo de servidor. Gracias a la los controles ASP .NET ya no ser necesario utilizar los tpicos campos de formulario de HTML, es decir, los controles del lenguaje HTML, sino que al ejecutarse la pgina ASP .NET correspondiente los controles de servidor de ASP .NET generarn todo el cdigo equivalente en el lenguaje HTML, para que as pueda ser interpretado el resultado de la ejecucin de la pgina por cualquier navegador Web.

Instructor: Cueva Valverde Diego Alberto (MCTS DCEP DCEG DCE Microsoft) dce.diegocueva@gmail.com

Programacin en ASP.Net 3.5 y Acceso a Datos con Microsoft SQL Server 2008

Laboratorio 01 Definicin de un sitio en asp.net

1. Ingresar a visual net. 2. Hacer clic en Archivo > Nuevo > Sitio Web. 3. Aparecera un cuadro de dialogo llamado Nuevo Sitio Web.

4. En la opcion ubicacin seleccionar HTTP. 5. Luego hacer clic en el boton Examinar.

Instructor: Cueva Valverde Diego Alberto (MCTS DCEP DCEG DCE Microsoft) dce.diegocueva@gmail.com

Captulo I Introduccin a una aplicacin WEB

Programacin en ASP.Net 3.5 y Acceso a Datos con Microsoft SQL Server 2008 6. Aparacerea un cuadro de dialogo. 7. Seleccionar la categoria local IIS.

8. Hacer clic ahora en la categoria FTP Site.

Instructor: Cueva Valverde Diego Alberto (MCTS DCEP DCEG DCE Microsoft) dce.diegocueva@gmail.com

Captulo I Introduccin a una aplicacin WEB

Programacin en ASP.Net 3.5 y Acceso a Datos con Microsoft SQL Server 2008 9. Hacer clic ahora en la categoria Remote Site.

10. Hacer clic ahora en la categoria File System.

Instructor: Cueva Valverde Diego Alberto (MCTS DCEP DCEG DCE Microsoft) dce.diegocueva@gmail.com

Captulo I Introduccin a una aplicacin WEB

Programacin en ASP.Net 3.5 y Acceso a Datos con Microsoft SQL Server 2008

Cual es la diferencia entre cada una de las Categorias?

11. Finalmente hacer clic en la categoria Local IIS. 12. Hacer clic en el boton Crear Nueva Aplicacin web.

13. Asignar el Nombre de InicioASP.

14. 15. 16. 17.

Seleccionar el sitio web con el nombre de InicioASP. Luego hacer clic en abrir. Como usted puede observar se indica el nombre del servidor seguido del nombre del sitio web. . Finalmente hacer clic en aceptar.

Instructor: Cueva Valverde Diego Alberto (MCTS DCEP DCEG DCE Microsoft) dce.diegocueva@gmail.com

Captulo I Introduccin a una aplicacin WEB

Programacin en ASP.Net 3.5 y Acceso a Datos con Microsoft SQL Server 2008

18. Del explorador de Soluciones, abrir la pagina llamada Default.aspx.

19. Como usted puede observar la pagina tiene 3 vistas.

20. Hacer clic en la vista Division. 21. Como usted puede observar la pagina se ha divido. 22. Se puede obaservar la vista de diseo y la vista codigo.

Instructor: Cueva Valverde Diego Alberto (MCTS DCEP DCEG DCE Microsoft) dce.diegocueva@gmail.com

10

Captulo I Introduccin a una aplicacin WEB

Programacin en ASP.Net 3.5 y Acceso a Datos con Microsoft SQL Server 2008

23. Estando en esta vista digitar la siguiente etiqueta. <asp:Label ID="Label1" runat="server" Text="Label"></asp:Label> 24. Cambiar el valor de esta etiqueta. <asp:Label ID="lblmensaje" runat="server" Text="Hola Mundo"></asp:Label> 25. Ir a la vista diseo. 26. Como usted puede observar se ha agregado una nueva etiqueta de tipo label. Captulo I Introduccin a una aplicacin WEB

27. Estando en la vista diseo seleccionar la etiqueta de tipo label. 28. Pulsar la tecla F4, para que aparezca el panel propiedades. 29. Como usted puede obsevar tambien puede configurar utilizando el panel propiedades. Instructor: Cueva Valverde Diego Alberto (MCTS DCEP DCEG DCE Microsoft) dce.diegocueva@gmail.com

11

Programacin en ASP.Net 3.5 y Acceso a Datos con Microsoft SQL Server 2008

Etiquetas de los controles ASP.Net

30. Del cuadro de Herramientas, visualizar el panel Estndar. 31. Indicar el siguiente cuadro cual es la etiqueta de cada uno de los controles que se visualiza en la siguiente figura.

Escribir y describir cada una de las etiquetas

Por ejemplo
<asp:Label ></asp:Label>

Funcin Muestra un texto en la pgina

Instructor: Cueva Valverde Diego Alberto (MCTS DCEP DCEG DCE Microsoft) dce.diegocueva@gmail.com

12

Captulo I Introduccin a una aplicacin WEB

Programacin en ASP.Net 3.5 y Acceso a Datos con Microsoft SQL Server 2008 32. Del explorador de Soluciones desplegar la pagina Default.aspx. 33. Hacer doble clic en el archivo que hace referencia a la codificacion de la pagina.

34. Como usted puede observar se visualiza la parte de la codificacion de la pagina web.

35. Seleccionar page Events que hace referencia a la pagina web.

36. Luego seleccionar el evento Load.

37. Situandonos en el evento load del formulario. 38. Digitar el siguiente Script. Response.Write("<table border=2><tr><td>Aries</td><td>Tauro</td></tr><tr><td></td><td></td></tr></table>") La propiedad Response hace referencia ha?

Instructor: Cueva Valverde Diego Alberto (MCTS DCEP DCEG DCE Microsoft) dce.diegocueva@gmail.com

13

Captulo I Introduccin a una aplicacin WEB

Programacin en ASP.Net 3.5 y Acceso a Datos con Microsoft SQL Server 2008 39. Ejecutar la pagina web (pulsar la Tecla F5). 40. Inicialmnete la aplicacin necesita ser depurada. 41. Por ello aparece un cuadro de dialogo indicando que el archivo de configuraciones va hacer modificado. 42. Hacer clic en aceptar.

43. Como usted puede obaservar la pagina web se ha ejecutado correctamente.

Donde se ha Guardado nuestra aplicacion Web?

Nuestra aplicacin web se ha guardado en la siguiente ruta C:\Inetpub\wwwroot. Toda la aplicacin se guardo en la carpeta InicioASP.

Instructor: Cueva Valverde Diego Alberto (MCTS DCEP DCEG DCE Microsoft) dce.diegocueva@gmail.com

14

Captulo I Introduccin a una aplicacin WEB