ENTORNO DE DESARROLLO MICROSOFT.NET 2010

Transcripción

1 ENTORNO DE DESARROLLO MICROSOFT.NET 2010 UNIDAD 2 Estructura de contenidos: 1. Conociendo ASP 2. Sitio Web y Proyecto Web 3. WebForm 4. Características de los webforms 5. Entorno del.net 6. Controles básicos cisvirtual@ucv.edu.pe

2 Introducción Estimado participante: El Uso de una herramienta que brinde las facilidades de desarrollo es esencial para el desarrollo de un proyecto web; es por ello que todo profesional y/o estudiante que desea introducirse en este mundo de la programación web encontrará en el visual.net una herramienta eficiente y fácil de manejar para el desarrollo de sus sistemas. Para ello es necesario conocer los controles básicos y el entorno en el cual nos encontraremos. P á g i n a 2

3 1 ASP(Active Server Pages) Es una tecnología desarrollada por MS para crear páginas web de contenido dinámico apoyándose en scripts ejecutados en el servidor. Básicamente una página ASP es una mezcla entre una página HTML y un programa que da como resultado una página HTML que es enviada al cliente (navegador). La plataforma.net ofrece una serie de herramientas y tecnologías necesarias para construir y desarrollar aplicaciones Web, así pues, las páginas ASP.NET se van a ejecutar dentro del entorno de ejecución que nos facilita el.net Framework. Podríamos decir que ASP.NET es una parte de la plataforma.net, ASP.NET resulta muy sencilla, en pocas palabras se puede definir de la siguiente forma: las páginas ASP.NET, también llamadas páginas activas, son páginas que contienen código HTML, script de cliente y un código que se ejecuta en el servidor, dando como resultado código HTML. Por lo tanto al cargar una página ASP.NET en nuestro navegador, en realidad no estamos cargando la página ASP.NET como tal, sino el resultado de la ejecución de la página, es decir la salida de la página ASP.NET. Es decir, son páginas que se ejecutan en el servidor enviando como resultado al cliente código HTML.! Importante: Para poder ver la gran cantidad de controles que ASP.NET pone a nuestra disposición únicamente tenemos que echar un vistazo al cuadro de herramientas de Visual Studio 2010, podemos ver que aparecen un gran número de ellos agrupados por categorías según su funcionalidad. 2 SITIO WEB Y PROYECTO WEB Para poder desarrollar un proyecto web con aspx es necesario tener que elegir qué tipo de desarrollo se realizar existen dos tipo Sitio Web y Aplicación Web. 2.1 Proyecto de Sitios Web P á g i n a 3

4 Es aquel proyecto desarrollado en Visual.net en el cual no existe ningún archivo (.CSPROJ o.vsproj) según sea el tipo de lenguaje que se decidió utilizar. Todos los archivos de estructura de carpetas son incluidos automáticamente en el sitio. Normalmente, ASP.NET compila el código fuente de forma dinámica, en el servidor, la primera vez que se recibe una solicitud, luego de haber instalado o actualizado el sitio. Puede pre compilar el Sitio. De Manera predeterminada, la compilación genera múltiples ensamblados. 2.2 Proyectos de Aplicaciones Web Un proyecto de Visual Studio (.CSPROJ o.vbproj) guarda la información sobre el proyecto, También, la lista de archivos incluidos en este y cualquier referencia a otros proyectos. El código fuente se compila explícitamente en el equipo que se usa para el desarrollo. De manera predeterminada, la compilación de los archivos de código, a excepción de archivos. ASPX y ASCX genera un único ensamblado. Para poder seleccionar entre qué tipo de proyecto elaborar se deberá escoger según la imagen siguiente. Figura: N 1: Creación de una aplicación ASP. P á g i n a 4

5 3 WEBFORM Es una parte de la tecnología ASP.Net, que permite crear interfaces de usuarios para aplicaciones Web. Estas interfaces de usuarios son independientes de la aplicación cliente (navegador), utilizada para su presentación debido a que toda la parte del proceso del código se desarrolla en el servidor. Los formularios Web forms se denominan habitualmente páginas ASP.NET. Tienen una extensión ASPX y funcionan como contenedores para el texto y los controles que deseamos visualizar en el navegador. Los formularios Web Forms están frecuentemente formados por dos archivos distintos: el archivo.aspx contiene la IU para el formulario Web Form, mientras que el archivo.aspx.vb o.aspx.cs, denominado página de código subyacente, contiene el código de soporte. Atributos del Cuerpo Atributos de Página Atributos de Formulario Funciones del Formulario WebForm Fig. N 2: Elementos del webform. 4 CARACTERÍSTICAS DE LOS WEBFORM Es un modelo de programación que puede ser utilizado en el servidor para crear dinámica páginas Web. P á g i n a 5

6 Pueden ser programados utilizando cualquier lenguaje del framework.net y como visual Basic, C#, etc. Las aplicaciones son independientes del servidor. 5 SITE MASTER Un Site Master o Página Principal es una estructura base para un conjunto de páginas pertenecientes a un mismo sitio Web. Este esqueleto base se almacena en un archivo independiente y luego es heredado por otras páginas que requieren esa estructura base. Nota: Al trabajar con un site Master es como si estuviéramos trabajando con frames y donde el site Master es la página principal. Si se desea crear una aplicación sin usar site master solo basta con elegir un aplicación vacía. Después se puede diseñar un site master e integrarla al proyecto. Figura N 3: seleccionando característica del proyecto 6 ENTORNO DEL.NET.Net es un conjunto de bibliotecas que pueden ser utilizadas por aplicaciones para acelerar el desarrollo de programas y optimizar el rendimiento. Visual.Net ofrece un entorno de ejecución de aplicaciones, compiladores, y permite el desarrollo de todo tipo de programas de escritorio, aplicaciones para Internet, para dispositivos móviles, etc. P á g i n a 6

7 Fig. N 4: Entorno de Microsoft.Net 6.1 Barra de Menú Se encuentra todos los procesos que se puede realizar en.net separado por categorías representados en forma de cadena de texto, la cuales se puede desplegar un conjunto de submenús. Fig. N 5: Barra de Menú 6.2 Barra de Herramientas Son las principales herramientas mostradas en forma de iconos y separadas por función. P á g i n a 7

8 Fig. N 5: Barra de Herramientas Nota: Se puede insertar más cuadros de herramienta, para eso se debe de ubicar en una área de la barra de herramientas y presionar el botón secundario del mouse y de la lista seleccionar la barra de herramienta que desea mostrar u ocultar. 6.3 Ventana de Explorador de Soluciones Aquí se visualiza los recursos (Archivos) que están dentro del proyecto. Fig. N 6: Ventana de explorador de soluciones 6.4 Cuadro de Herramientas Esta ventana quizás sea una de las utilizada debido a que contiene los controles necesarios para la elaboración de nuestro proyecto estos controles están separados por fichas organizados por la sus características. P á g i n a 8

9 Figura N 7: Cuadro de Herramientas 6.5 Ventana de Propiedades Nos permite cambiar los valores de las propiedades del control o recurso seleccionado de una manera visual y rápida, para poder mostrar las propiedades de un elemento basta con seleccionar el elemento y automáticamente la ventana de propiedades se actualizar con respecto con lo seleccionado. Figura N 8: Ventana de propiedades P á g i n a 9

10 Nota: Existe muchas más ventanas las mencionadas previamente son las principales para agregar alguna otra venta desplegar el menú ver y seleccionar las ventanas que se deseas. 6 PRINCIPALES CONTROLES 6.1 CONTROLES BUTTON Button: se representa como un botón de comando estándar, que se representa como un elemento input HTML LinkButton: Se representa como un hipervínculo en la página. no obstante, contiene una secuencia de comandos del lado cliente que hace que el formulario se devuelva al servidor. (puede crear un hipervínculo real mediante el control de hyperlink servidor web.) ImageButton: Permite especificar un gráfico como botón. Esto es útil para representar los botones con una apariencia más rica. Los controles ImageButton determinan con precisión el punto en el que hizo clic el usuario, lo que permite utilizar el botón como si fuera un mapa de imagen. Hyperlink: Corresponde a un control que permite dar un salto a otra página web. P á g i n a 10

11 PRACTICA DESARROLLADA Crear un Sitio Web ASP con lenguaje Vb y organizar las carpetas según recurso a utilizar. La cual debe quedar de la siguiente manera. Se creó también un archivo webform en la cual se realizará un formulario que permita el ingreso 2 números y realice el cálculo de la suma de todos los números ubicado entre el rango de los dos número. Paso 1 Se inserta en el webform los controles label, textbutton, y button los necesarios para implementar el formulario. Se inicia haciendo clic en el cuadro de herramienta seleccionando la ficha Estándar, de la cual arrastramos los controles que deseamos insertar en el webform. P á g i n a 11

12 Paso 2 Y cambiamos las propiedades de los controles colocando nombres (id) y otras propiedades para su presentación y comportamiento. Nota: Para poder ejecutar la aplicación basta con presionar la tecla F5 o hacer clic sobre el icono ejecutar que está representado por una flecha de color verde y que además normalmente se encuentra ubicada al medio de la barra de herramienta. Y para detener la aplicación en el icono que estar representando por un rectángulo de color azul. P á g i n a 12

13 Paso 3 Para poder realizar la inserción del código se debe de hacer doble clic sobre el botón Calcular la cual nos llevara a un archivo de nombre Index.aspx.vb que es donde insertaremos el código para realizar el requerimiento del problema. El entorno que se muestra es idéntico como trabajar en visual.net. P á g i n a 13

14 Paso 4 Procederemos a programar. Resultado Nota: El Ejercicio no está validado eso se verá en otro ítems se tiene que tener precaución al momento de ingresar los número. P á g i n a 14

15 AUTOEVALUACIÓN Cuáles son los Elementos de un webform? 2. Qué es un site master y cuál es su función en un proyecto web? 3. Qué es la ventana de propiedades y cual el método abreviado de teclado con la que se puede invocar? P á g i n a 15