Visual StudioDavid Gan JimnezP08/B0036/01626

FUOC P08/B0036/01626

Visual Studio

ndice

Introduccin.......................................................................................... Objetivos................................................................................................. 1. Visual Studio................................................................................... 1.1. Caractersticas generales de Visual Studio ................................ 1.2. Ventajas de Visual Studio ......................................................... 1.3. Versiones de Visual Studio ........................................................ 1.4. Ediciones de Visual Studio ........................................................ 2. Herramientas de Visual Studio.................................................. 2.1. Pgina de inicio ........................................................................ 2.2. Configuracin del entorno ....................................................... 2.3. Descripcin del entorno ........................................................... 2.4. Creacin de aplicaciones .......................................................... 2.4.1. Creacin de proyectos ................................................... 2.4.2. El 'Explorador de soluciones' ......................................... 2.5. Ayuda ......................................................................................... 2.5.1. Ayuda dinmica ............................................................. 2.6. Edicin de cdigo ..................................................................... 2.6.1. 'Plegado de cdigo' ........................................................ 2.6.2. Code snippets ................................................................ 2.6.3. Intellisense ..................................................................... 2.7. Compilacin, ejecucin y depuracin del proyecto ................. 2.7.1. Herramientas de depuracin ......................................... 2.7.2. Puntos de interrupcin .................................................. 2.7.3. Control de la ejecucin ................................................. 2.7.4. Inspeccin de variables ................................................. 2.7.5. Otras herramientas de depuracin ................................ 2.8. Otras ventanas de herramienta ................................................ 2.9. Diseadores de documentos ..................................................... 2.9.1. WinForms ....................................................................... 2.9.2. WebForms ...................................................................... 2.9.3. Otros diseadores .......................................................... Actividades............................................................................................. Bibliografa............................................................................................

5 6 7 7 8 8 9 13 13 13 14 20 20 22 25 26 27 28 28 29 29 32 32 34 35 36 39 42 42 49 51 57 61

FUOC P08/B0036/01626

5

Visual Studio

Introduccin

El .NET Framework SDK proporciona todas las herramientas necesarias para compilar y ejecutar aplicaciones para la plataforma .NET. Podemos editar nuestros programas con cualquier editor de texto, como por ejemplo el notepad, y despus compilarlos y ejecutarlos con estas herramientas. No obstante, siempre es mejor tener un entorno de desarrollo integrado (IDE), que permita editar, compilar y ejecutar e incluso depurar programas, todo dentro de la misma aplicacin. Visual Studio es el IDE desarrollado por Microsoft para la construccin de software sobre la plataforma .NET. En este tema entraremos en contacto con este entorno de trabajo, viendo que facilidades aporta al desarrollo de software.

FUOC P08/B0036/01626

6

Visual Studio

Objetivos

El material que se os presenta a continuacin ha sido elaborado teniendo en cuenta los siguientes objetivos especficos:

1. Definir las caractersticas del entorno de desarrollo de Microsoft para la plataforma .NET. 2. Presentar las herramientas que proporciona Visual Studio para el desarrollo de aplicaciones.

FUOC P08/B0036/01626

7

Visual Studio

1. Visual Studio

El .NET Framework incluye todas las herramientas necesarias para desarrollar aplicaciones .NET. El cdigo fuente se puede escribir con cualquier editor de texto simple, como por ejemplo el editor de notas de Windows, y se compila con los compiladores que proporciona el .NET Framework SDK. No obstante, cuando se llevan a cabo proyectos relativamente complejos, este modo de desarrollo es poco eficiente. Microsoft Visual Studio es un entorno integrado de desarrollo (IDE integrated development environment) compartido y nico para todos los lenguajes .NET. El entorno proporciona acceso a todas las funcionalidades del .NET Framework, as como a muchas otras funcionalidades que hacen que el desarrollo de aplicaciones sea ms gil. En este apartado, veremos las caractersticas generales de Visual Studio e introduciremos las diferentes versiones existentes hasta el momento. 1.1. Caractersticas generales de Visual Studio Las caractersticas generales de Visual Studio son las siguientes: Simplifica el ciclo de vida de desarrollo de aplicaciones. Ofrece herramientas que facilitan la escritura de cdigo. Incluye diseadores que permiten definir visualmente esquemas de bases de datos, interfaces grficas, etc., y genera automticamente el cdigo para crearlas. Aumenta la productividad de los desarrolladores, lo que implica un menor tiempo de desarrollo y por lo tanto un descenso de los costes. Soporte multilenguaje. Cualquier lenguaje que cumpla las especificaciones del CLS (common language specification) de la plataforma .NET puede integrarse en el entorno de desarrollo. Facilita la creacin e integracin de servicios web. Permite crear soluciones para una amplia gama de clientes, incluidas aplicaciones ASP.NET, Winforms, servicios, aplicaciones para dispositivos mviles, etc.

FUOC P08/B0036/01626

8

Visual Studio

Proporciona un sistema de ayuda inteligente integrado en el mismo entorno, que va cambiando a medida que el desarrollador va escribiendo cdigo, mostrndole aquella informacin que le puede ser til en cada momento.

1.2. Ventajas de Visual Studio La principal aportacin de Visual Studio es la de mejorar el rendimiento de los desarrolladores en comparacin a trabajar directamente con el SDK del .NET Framework, o a trabajar con otras herramientas de terceros. Con Visual Studio, todas las herramientas estn disponibles en un mismo entorno integrado, lo que facilita y agiliza el proceso de desarrollo. Algunas ventajas adicionales, o consecuencia de lo anterior, son las siguientes: Arquitectura flexible y gil de aplicaciones Constituye un modelo sencillo, flexible y basado en estndares para integrar, ampliar y publicar aplicaciones. Facilita la integracin de aplicaciones empresariales, el enlace con socios y la prestacin de nuevos y eficaces servicios a clientes. Mxima productividad del desarrollador Es un entorno independiente del lenguaje. Proporciona mecanismos de expansin para adaptar nuevos lenguajes y funcionalidades de terceros. Incluye las mejores herramientas del sector y cientos de componentes ya existentes. Pueden compartirse y reutilizarse las aplicaciones escritas en cualquier lenguaje de programacin. Permite a los equipos compartir arquitecturas de aplicaciones y fomentar las mejores prcticas para rastrear rpidamente su desarrollo. Operaciones mejoradas Aumenta el rendimiento, la escalabilidad y la fiabilidad. Ofrece al usuario un tiempo en actividad percibido del 100%. Ofrece prestaciones de instalacin de aplicaciones sin necesidad de modificar el registro del sistema. Elimina el problema de conflictos entre versiones. Las nuevas aplicaciones se pueden ejecutar simultneamente y sin conflictos con las antiguas.

1.3. Versiones de Visual Studio Visual Studio no es un producto nuevo, ya exista antes de la aparicin de .NET, para desarrollar aplicaciones mediante las tecnologas anteriores. Existan diferentes versiones del producto para cada uno de los lenguajes, bsica-

FUOC P08/B0036/01626

9

Visual Studio

mente C++, Visual Basic y J#, aparte de la versin completa que daba soporte a todos ellos en el mismo entorno de trabajo. La ltima versin antes de la aparicin de .NET es la 6.0. En 2002, con la aparicin de la versin 1.0 de .NET, se cambi el nombre del producto por Visual Studio .NET 2002, aunque internamente esta versin corresponda con la versin 7.0. El ao siguiente apareci la versin 2003 (7.1) junto con el .NET 1.1. Esta versin aada nuevas funcionalidades, como por ejemplo el soporte para la creacin de aplicaciones para dispositivos mviles o las herramientas de desarrollo de aplicaciones para Office. Estas dos primeras versiones de Visual Studio se ofrecan en cuatro ediciones distintas, con ms o menos funcionalidades segn las necesidades de cada desarrollador y que son las siguientes: Visual C#, Visual C++ y Visual J#. Versiones independientes para cada lenguaje Professional. Versin para desarrolladores profesionales Enterprise developer. Versin empresarial para desarrolladores Enterprise architect. Versin empresarial para arquitectos

En 2005, apareci la versin Visual Studio 2005 (8.0), ya sin la palabra .NET en el nombre del producto. Esta versin, aparte de proporcionar las nuevas funcionalidades de la versin 2.0 del .NET Framework, se integra con el servidor de bases de datos SQL Server 2005, que apareci al mismo tiempo. A finales de 2007 o principios de 2008, est previsto que aparezca la nueva versin de Visual Studio 2008 (9.0), hasta ahora conocida como Visual Studio Orcas. Esta versin incorporar las novedades de la nueva versin 3.5 del .NET Framework, as como las herramientas de diseo de aplicaciones WPF y WCF del .NET Framework 3.0. Por otro lado, esta nueva versin estar integrada con la nueva versin de SQL Server 2008, hasta ahora conocida como SQL Server Katmai. 1.4. Ediciones de Visual Studio Visual Studio 2005 se presenta en diferentes ediciones adaptadas a diferentes necesidades de desarrollo. Estas ediciones son las siguientes: Ediciones Express. Son un conjunto de versiones limitadas de Visual Studio diseadas para desarrolladores principiantes o entusiastas. Estas versiones de Visual Studio se pueden descargar y utilizar gratuitamente con fines no lucrativos. Existen varias versiones Express (una para cada lenguaje de programacin) y son las siguientes: Visual Basic 2005 Express Edition Visual C# 2005 Express Edition Visual C++ 2005 Express Edition

FUOC P08/B0036/01626

10

Visual Studio

Visual J# 2005 Express Edition

Tambin existe una versin Express especfica para desarrollo de aplicaciones web, es la siguiente: Visual Web Developer 2005 Express Edition Finalmente, existe una versin limitada del servidor de bases de datos SQL Server 2005. Este producto es el sucesor de SQL Server MSDE y es el siguiente: SQL Server 2005 Express Edition Edicin standard. La edicin Standard de Visual Studio est orientada a desarrolladores ocasionales. Permite desarrollar aplicaciones Windows, ASP.NET, servicios Web y aplicaciones mviles en cualquiera de los lenguajes de Microsoft (C++, C#, Visual Basic .NET o J#).

Edicin professional. Edicin pensada para desarrolladores profesionales. Pensada para desarrollar todo tipo de aplicaciones incluido el desarrollo de soluciones basadas en Microsoft Office.

Ediciones Team System. Las ediciones Team System de Visual Studio forman un conjunto de herramientas de productividad orientadas al ciclo de vida del software, que expanden las funcionalidades de Visual Studio para mejorar la comunicacin y colaboracin entre los componentes de un equipo de trabajo. Actualmente, existen las siguientes versiones de Visual Studio Team System: Visual Studio 2005 Team Suite1 Visual Studio 2005 Team Edition for Software Architects Visual Studio 2005 Team Edition for Software Developers Visual Studio 2005 Team Edition for Software Testers Visual Studio 2005 Team Edition for Database Professionals(1)

El producto Visual Studio Team Suite es una versin especial que incorpora todas las funcionalidades de los productos Team System. El resto de ediciones contienen solamente las herramientas especficas de cada tipo de rol en el desarrollo de software.

Aparte de las diferentes ediciones de Team System, existe el servidor Team Foundation Server, que centraliza y coordina toda la informacin de los proyectos en desarrollo. A continuacin, repasaremos las caractersticas principales de las dos versiones principales de Visual Studio, la profesional y la Team System:

Direccin web Ms informacin acerca de las versiones de Visual Studio 2005 en la siguiente direccin Web:

FUOC P08/B0036/01626

11

Visual Studio

Visual Studio Professional. Con Visual Studio Professional, puede construir rpidamente la prxima generacin de aplicaciones, desde las aplicaciones Microsoft Windows hasta aplicaciones en n-capas compuestas de servicios Web XML, que pueden utilizarse con cualquier dispositivo y se integran en cualquier plataforma. Sus principales caractersticas son las siguientes: Entorno integrado multilenguaje. Visual Studio proporciona un entorno de desarrollo integrado para la edicin, compilacin, depuracin y ejecucin de aplicaciones basadas en el .NET Framework. Es compatible con las versiones 1.1 y 2.0 del mismo. Lenguajes .NET.Visual Studio incorpora los lenguajes .NET Visual Basic .NET, C#, J# y Visual C++. No obstante, el entorno de desarrollo es extensible a otros lenguajes, desarrollando por otras empresas u organismos bajo la especificacin CLS de la plataforma .NET, como por ejemplo Eiffel, COBOL o ADA. Formularios Windows y formularios Web. Permite generar visualmente interfaces grficas de Windows utilizando el diseador de formularios de Windows Forms y pginas web mediante Web Forms. Permite arrastrar los controles sobre la superficie de edicin y modificar las propiedades de cada elemento. El cdigo para construir la interfaz diseada se genera automticamente. Programacin de aplicaciones para dispositivos mviles. Visual Studio incorpora toda una serie de herramientas especificas para desarrollar aplicaciones para dispositivos mviles como Pocket PC o SmartPhone, utilizando el .NET Compact Framework, una versin reducida del .NET Framework, especfica para este tipo de dispositivos. Servicios web XML.Visual Studio Professional permite desarrollar servicios web XML de una manera rpida y sencilla. Aplicaciones de base de datos de alto rendimiento con XML. Incorpora toda una serie de herramientas para facilitar la creacin de aplicaciones con acceso a fuentes de datos, como por ejemplo un gestor de conexiones, editores de DataSets, o controles para WebForms o WinForms que permiten mostrar los datos por pantalla.

Visual Studio Team System. Contiene todas las caractersticas de Visual Studio Professional, ms todo un conjunto de funcionalidades orientadas especficamente a la programacin de aplicaciones empresariales y al ciclo de vida del software. Las funcionalidades de Visual Studio Team System son las siguientes: Gestin del trabajo en equipo. Team Foundation Server es un servidor diseado para coordinar los diferentes miembros de un equipo de tra-

FUOC P08/B0036/01626

12

Visual Studio

bajo, gestionando toda la informacin relativa a los proyectos que se estn llevando a cabo. Gestin del proyecto. Las funcionalidades de Microsoft Project se incluyen tambin en Visual Team System para facilitar an ms el seguimiento y control de planificaciones desde el propio entorno integrado de Visual Studio. Adems, permite compartir la planificacin con el resto del equipo y facilitar la informacin sobre posibles desvos o porcentaje completado de una tarea, permitiendo as mejorar la ejecucin del proyecto. Diseo de aplicaciones. Team System incluye herramientas de diseo de las diferentes partes de una aplicacin empresarial: diseo de la arquitectura, de la infraestructura lgica, diseo de clases, diseo de la base de datos, diseo de despliegue, etc. Testing de aplicaciones. Se incluyen en Visual Studio Team System herramientas para facilitar la realizacin de pruebas funcionales y de rendimiento. Existe una versin especfica de Visual Team System para la etapa de pruebas del software. Control de versiones. Para asegurar la correcta modificacin del cdigo fuente por parte de los miembros del equipo de trabajo, Visual Team System incluye herramientas de control de versiones y comparicin de cdigo, basadas en las funcionalidades de Visual SourceSafe. Mejora del despliegue de aplicaciones. Se incluyen nuevas herramientas para realizar aplicaciones de instalacin y despliegue ms complejas. Enterprise Servers. Junto con las subscripciones de Visual Studio se incluyen versiones completas del conjunto de servidores que proporcionan una serie de funcionalidades que facilitan el desarrollo y administracin de servidores y aplicaciones empresariales.

FUOC P08/B0036/01626

13

Visual Studio

2. Herramientas de Visual Studio

En este apartado, veremos las herramientas ms importantes que incorpora el entorno de desarrollo Visual Studio, desde las herramientas bsicas para empezar a crear aplicaciones nuevas, hasta complejos diseadores con funcionalidades muy especficas, pasando por otras funcionalidades comunes como las de edicin o ayuda. 2.1. Pgina de inicio La pgina de inicio es la pgina de presentacin que aparece al ejecutar Visual Studio. Esta pgina incluye una lista de proyectos con los que se ha trabajado recientemente para poder acceder directamente a ellos. Tambin permite crear un nuevo proyecto o abrir uno ya existente que no aparezca en la lista.

Pgina de inicio

Adems de la lista de proyectos, encontramos una serie de links de referencia sobre temas relacionados con tecnologas .NET. Estos links se actualizan dinmicamente con contenidos de MSDN. 2.2. Configuracin del entorno Visual Studio tiene un conjunto de caractersticas y funcionalidades que se pueden configurar para personalizar el entorno mediante la ventana de propiedades de configuracin. Para abrir esta ventana, seleccionamos el elemento 'Opciones...' del men 'Herramientas'.

FUOC P08/B0036/01626

14

Visual Studio

Ventana de opciones del entorno

Esta ventana muestra una lista de elementos a la izquierda, cada uno de los cuales corresponde a un conjunto de opciones que aparecen en el espacio que hay a la derecha. La lista es bastante extensa, se puede personalizar gran parte del entorno de desarrollo: los estilos y colores que se usan para realzar la sintaxis en el editor de cdigo, las combinaciones de teclas asociadas a opciones y acciones, las palabras clave que reconocer la lista de tareas, etc. 2.3. Descripcin del entorno Antes de entrar de lleno en las herramientas de Visual Studio es necesario conocer cmo se muestran y distribuyen estas herramientas dentro del entorno. Para ello, veremos los diferentes tipos de interfaz y de ventanas de Visual Studio, que son los siguientes: Modos de interfaz. Visual Studio admite dos modos de interfaz distintos para las ventanas de documento: Interfaz de mltiples documentos (MDI) y Organizacin por fichas. El primero muestra las ventanas separadas, con la posibilidad de organizarlas en mosaico o en cascada, de maximizar o minimizar ventanas, etc. El segundo permite organizar las ventanas en forma de fichas, una detrs de otra, permitiendo pasar de una a otra pulsando en las pestaas correspondientes.

FUOC P08/B0036/01626

15

Visual Studio

Organizacin MDI

Organizacin por fichas

Se puede cambiar el modo de interfaz en la ventana de opciones de configuracin que hemos visto en el apartado anterior, concretamente en el elemento 'General', seleccionando 'Varios documentos' u 'Organizacin por fichas' respectivamente, en el apartado 'Diseo de la ventana'. Tipos de ventanas. Hay dos tipos de ventanas en el entorno de desarrollo de Visual Studio: ventanas de herramienta (ofrecen una funcionalidad concreta) y ventanas de documento (permiten editar un documento del proyecto); son las siguientes: Ventanas de herramienta. Las ventanas de herramienta proporcionan diferentes funcionalidades para la edicin del proyecto o solucin con el que se est trabajando. Estas ventanas son comunes para cualquier tipo de proyecto.

FUOC P08/B0036/01626

16

Visual Studio

Ventanas de documento. Las ventanas de documento son las que se utilizan para editar los distintos elementos de un proyecto. Estas ventanas dependen del tipo de proyecto que se est desarrollando e incluso del tipo de fichero que se est editando en un momento dado.

Por otro lado, las ventanas pueden situarse dentro del entorno de desarrollo de varias maneras: Por fichas. Organizadas en el centro del entorno en forma de fichas. Es el modo por defecto de las ventanas de documento, a menos que est seleccionado el modo MDI. Para pasar de una ficha a otra basta con pulsar la pestaa correspondiente, o utilizar los iconos destinados a tal efecto en la parte superior derecha ( ). El primero abre una lista emergente con las ventanas abiertas y el segundo cierra la ventana actual. Acopladas. Las ventanas acopladas se sitan en los mrgenes del entorno de trabajo (izquierda, derecha y abajo). Podemos agrandar su tamao horizontalmente o verticalmente en funcin de su situacin, pero permanecen inmviles. Flotantes. Podemos arrastrar una ventana acoplada para convertirla en flotante. Una ventana flotante se puede mover libremente por el entorno. Para volver a convertir la ventana en acoplada, la acercamos a uno de los mrgenes del entorno y automticamente se adapta al resto de ventanas que existan en ese margen. Ocultas. Las ventanas acopladas pueden ocultarse mediante el icono ( ) que tienen todas las ventanas de herramienta en la barra de ttulo. Al pasar el cursor del ratn por encima del ttulo de la ventana, la ventana se abre para mostrar su contenido. Pulsando en el icono ( nuevo la ventana en visible. La siguiente imagen muestra las diferentes maneras de ajustar una ventana al entorno. ) convertiremos de

FUOC P08/B0036/01626

17

Visual Studio

Tipos de ventanas

Al arrastrar una ventana por el ttulo, aparecen unos 'conectores' en cada uno de los laterales y en el centro de la pantalla, que permiten ajustar la ventana que estamos moviendo al resto de ventanas. En la siguiente figura se ve cmo aparece, al acercar la ventana a uno de los conectores, una zona azul indicando la posicin final de la ventana.

Acoplamiento de ventanas al entorno

Actividad 1 Ejecutad las siguientes acciones: Abrid Visual Studio. Inspeccionad los links de recursos de la pgina de inicio. Abrid la ventana de opciones de configuracin del entorno. Repasad los distintos apartados, as como las diferentes opciones de configuracin. Cambiad el modo de interfaz a MDI. Escoger el tipo de interfaz preferido para trabajar.

FUOC P08/B0036/01626

18

Visual Studio

Arrastrad la ventana de 'Explorador de soluciones' para que pase a ser una ventana flotante. Volver a colocarla en su sitio. Abrid la ventana de 'Ayuda dinmica' mediante la opcin 'Ayuda dinmica' del men 'Ayuda'. Acoplar esta ventana a la del 'Explorador de soluciones', tal y como se muestra en la imagen siguiente:

Haced que la ventana del 'Explorador de soluciones' se oculte automticamente. El resto de ventanas acopladas con el 'Explorador de soluciones' deben quedar como estaban, es decir, visibles, como en la figura.

FUOC P08/B0036/01626

19

Visual Studio

NOTA: para conseguirlo, es necesario en primer lugar desacoplar la ventana del 'Explorador de soluciones' del resto de ventanas. Cerrad la ventana del 'Explorador de soluciones' y volverla a abrir. Dividid la zona central del entorno en dos como muestra la figura.

Volved a colocar todas las ventanas como estaban al principio.

FUOC P08/B0036/01626

20

Visual Studio

2.4. Creacin de aplicaciones En Visual Studio, las aplicaciones se dividen en proyectos, donde cada proyecto es un componente diferente de la aplicacin. Los proyectos pueden ser de diversos tipos (aplicacin Windows, aplicacin web, servicios web, etc.), y pueden estar desarrollados en lenguajes distintos. Para organizar los proyectos, stos se engloban dentro de una solucin, que es bsicamente una forma de organizar varios proyectos relacionados entre s. En este apartado, veremos cmo crear soluciones y proyectos, y cmo gestionarlos con el explorador de soluciones. 2.4.1. Creacin de proyectos

Existen dos grandes tipos de proyectos en Visual Studio 2005: proyectos cliente, y proyectos web. Para crear un tipo u otro de proyecto, escogemos el elemento correspondiente del submen 'Nuevo' dentro del men 'Archivo':

Opciones de creacin de proyecto

En ambos casos, aparece una ventana de seleccin del tipo especfico de proyecto. En el caso de los proyectos cliente, aparece una lista de elementos en forma de rbol, organizados por categoras, segn el lenguaje o el tipo de aplicacin. A la derecha, aparecen los distintos tipos de proyecto disponibles para el elemento seleccionado a la izquierda.

FUOC P08/B0036/01626

21

Visual Studio

Tipos de proyecto

Aparte de seleccionar el tipo de proyecto, podemos darle un nombre descriptivo e indicar la localizacin en el disco duro de los archivos del mismo. Tambin podemos escoger entre crear el proyecto dentro de una nueva solucin, o agregarlo a la solucin abierta actualmente (si no hay ninguna solucin abierta, esta lista de seleccin no aparece). En el caso de crear una nueva solucin, podemos escoger entre crear un nuevo directorio para la solucin (y un subdirectorio para cada proyecto que forme parte de la solucin), o incluir los ficheros de la solucin dentro del mismo directorio del proyecto que se va a crear. Uno de los tipos de proyectos de cliente es 'Solucin en blanco', dentro del elemento 'Soluciones de Visual Studio', dentro a su vez del elemento 'Otros tipos de proyectos'. Con este tipo de proyecto, se puede crear una solucin sin ningn proyecto, para aadir en ella a posteriori los proyectos que sean necesarios. En cuanto a los proyectos de tipo web, la ventana de seleccin del tipo de sitio web que se quiere crear es un poco diferente pero contiene la misma informacin. En la parte superior, se muestran los tipos de proyectos existentes, y en la parte inferior podemos seleccionar el lenguaje de programacin, y la ubicacin del sitio web. La ubicacin de un proyecto web puede ser un directorio comn del sistema de ficheros del ordenador, o un directorio virtual dentro del propio ordenador o de un servidor. Si se especifica ubicacin HTTP, Visual Studio configura la URL especificada automticamente en el servidor IIS. Si seleccionamos un directorio del disco duro, no se configurar el proyecto en IIS. Para poder ejecutarlo, Visual Studio 2005 incorpora un servidor web especfico para desarrollo.

FUOC P08/B0036/01626

22

Visual Studio

Tipos de proyectos web

Si tenemos una solucin abierta, y lo que queremos es aadir nuevos proyectos o proyectos ya existentes, podemos utilizar las opciones del submen 'Agregar' dentro del men 'Archivo':

Agregar proyecto a la solucin actual

Los tipos de proyectos no son ms que plantillas, un conjunto de ficheros y configuraciones prediseadas para facilitar el inicio de un nuevo proyecto al desarrollador. Se podran recrear estos proyectos iniciando un proyecto en blanco, aadiendo archivos y configurando propiedades de configuracin. 2.4.2. El 'Explorador de soluciones'

La ventana del 'Explorador de soluciones' muestra la informacin de los elementos pertenecientes a una solucin y sus proyectos en forma de rbol. Cada proyecto contiene a su vez un conjunto de elementos como ficheros de cdigo, imgenes, formularios, etc. Esta ventana se suele encontrar a la derecha del entorno en la parte de arriba. Si no est visible, se puede abrir seleccionando la opcin 'Explorador de soluciones' del men 'Ver'.

FUOC P08/B0036/01626

23

Visual Studio

Para abrir cualquiera de los elementos de una solucin, basta con hacer doble clic sobre l. Tambin se pueden llevar a cabo otras acciones sobre un elemento mediante el men contextual, que aparece al hacer clic con el botn secundario del ratn sobre dicho elemento.

Explorador de soluciones

En la parte superior de la ventana del 'Explorador de soluciones', aparecen una serie de botones que permiten tambin realizar acciones sobre la propia ventana o sobre el elemento actualmente seleccionado:

Cada uno de los elementos que aparece en el 'Explorador de soluciones' es un archivo con una determinada extensin y formato. La solucin, que relaciona a los dems elementos, se aloja en un archivo de texto con extensin .sln. Los proyectos, dependiendo del lenguaje, se almacenan en archivos con extensiones como csproj o vbproj, siendo su contenido XML. Algo similar ocurre con los mdulos de cdigo y correspondientes a formularios, cada uno de los cuales se escribe en un archivo con una extensin que depende del lenguaje.

FUOC P08/B0036/01626

24

Visual Studio

Si pulsamos sobre el icono 'Mostrar todos los archivos', vemos que aparecen otros ficheros que estn en la carpeta de la solucin, bien porque no forman parte directamente de la solucin, bien porque son ficheros 'ocultos'. Entre ellos, podemos encontrar la carpeta 'bin', donde se guardan los archivos resultantes de la compilacin de los proyectos (como por ejemplo .exe o .dll).

Archivos no incluidos en la solucin

Cuando en una solucin hay ms de un proyecto, es necesario indicar cul de ellos es el proyecto de inicio (el que incluye en programa principal o la pgina web de inicio). Se puede establecer el proyecto de inicio pulsando con el botn secundario del ratn encima del proyecto en el 'Explorador de soluciones' y seleccionando la opcin 'Establecer como proyecto de inicio' en el men contextual. A su vez, dentro de un proyecto ejecutable (las libreras de clases no se pueden ejecutar), es necesario establecer el mtodo main (mtodo principal que se ejecuta al iniciar la aplicacin) o la pgina inicial en el caso de un proyecto web. En el primer caso, es necesario abrir la ventana de propiedades del proyecto (pulsando el botn secundario del ratn encima del nombre del proyecto y seleccionando la opcin 'Propiedades'). En la opcin 'Objeto inicial', escogemos el mtodo main que queremos que se ejecute. En el caso de aplicaciones web, pulsamos el botn secundario del ratn encima de la pgina que queremos que sea la inicial y seleccionamos la opcin 'Establecer como pgina de inicio' en el men contextual. Cada proyecto tiene una serie de propiedades que permiten modificar diferentes caractersticas del mismo. Para modificar estas propiedades, seleccionamos la opcin 'Propiedades' del men contextual del proyecto en el explorador de soluciones. Dentro de la ventana de propiedades del proyecto podemos modificar la informacin del ensamblado generado por el proyecto, algunas propiedades de generacin y depuracin del proyecto, o los parmetros de firma del ensamblado.

FUOC P08/B0036/01626

25

Visual Studio

Ventana de propiedades del proyecto

2.5. Ayuda Cada uno de los elementos de Visual Studio cuenta con su respectiva ayuda, recurso indispensable para poder aprovechar todas sus posibilidades. Tambin podemos encontrar ayuda sobre la sintaxis de los diferentes lenguajes o informacin sobre las clases del .NET Framework. Podemos acceder a toda esta informacin mediante el men de Ayuda, en que encontramos opciones de tabla de contenidos, buscar una cierta palabra clave, establecer filtros, etc.

Opciones de ayuda

En la versin 2005 de Visual Studio, la ayuda es el producto MSDN library for visual studio 2005 que se abre en una ventana independiente. Desde la ventana de ayuda podemos buscar un trmino, ver el ndice de contenidos, etc. Al buscar un trmino en la ayuda con la opcin 'Buscar', nos aparece en la parte inferior del entorno la lista de resultados posibles para esa palabra, organizados por tipo de recurso:

FUOC P08/B0036/01626

26

Visual Studio

Bsqueda en la ayuda

2.5.1.

Ayuda dinmica

La ventana de ayuda dinmica proporciona acceso rpido a la ayuda pertinente en funcin de la tarea que se est realizando. Dependiendo del tipo de documento que se est realizando y de qu acciones lleve a cabo el desarrollador, la ayuda dinmica muestra unos temas u otros.Ejemplo Por ejemplo, si se est desarrollando un Web Service, la ayuda dinmica nos mostrar la informacin disponible sobre cmo crear, publicar y usar servicios web. Si de pronto pasamos a editar un mtodo que accede a una base de datos, la ayuda dinmica cambiar para mostrarnos informacin sobre ADO.NET.

Ejemplos de resultados de la ayuda dinmica

FUOC P08/B0036/01626

27

Visual Studio

2.6. Edicin de cdigo El editor de cdigo nos permite escribir y modificar el cdigo de los diferentes ficheros de la aplicacin. Funciona como cualquier otro editor de texto, utilizando las mismas teclas y combinaciones de teclas para desplazarse carcter a carcter, palabra a palabra, lnea a lnea, pgina a pgina, etc. Tambin podemos usar las mismas combinaciones de teclas para copiar, pegar, eliminar, etc. Aparte de todas estas funciones normales de un editor de texto, el editor de cdigo de Visual Studio ofrece toda una serie de caractersticas y funcionalidades adicionales que ayudan al desarrollador a escribir cdigo. En primer lugar, el editor de cdigo adapta su comportamiento al tipo de documento sobre el cual se est trabajando. Los distintos elementos sintcticos del documento se diferencian utilizando colores y estilos, y las barras de botones y mens se adaptan para mostrar las opciones disponibles para el tipo de documento en concreto. El editor tambin permite tabular (o indentar) el cdigo para su mejor visualizacin, de forma automtica mientras se escribe o bien manualmente mediante las opciones 'Dar formato al documento' y 'Dar formato a la seleccin' del submen 'Avanzadas' dentro men 'Edicin'. Con el uso del ratn, se pueden seleccionar porciones de texto y moverlas de posicin mediante arrastrar y soltar. Para ello, se pulsa el botn primario del ratn encima de la porcin de texto seleccionada y, sin soltar, se arrastra hasta la posicin a donde se quiera mover. Si, antes de soltar el botn del ratn, pulsamos la tecla CTRL y la mantenemos pulsada hasta que soltamos el botn del ratn, se crear una copia del texto seleccionado en la posicin final del ratn, en vez de moverse. Como todo buen editor de texto, el editor de cdigo de Visual Studio tambin permite buscar palabras dentro del texto y reemplazarlas por otras cadenas de texto. Tambin se puede realizar la bsqueda o el reemplazo en ms de un fichero a la vez. Todas estas opciones se pueden encontrar en el submen 'Buscar y reemplazar' del men Edicin.

FUOC P08/B0036/01626

28

Visual Studio

Opciones de bsqueda y reemplazo

La pantalla del editor admite el modo de pantalla completa pulsando la combinacin de teclas ALT+MAYS+INTRO. Para cambiar entre las diferentes ventanas abiertas en una misma sesin (formularios, clases, mdulos), se puede pulsar CTRL+TAB para desplazarse hacia delante y MAYS+CTRL+TAB para desplazarse hacia atrs. 2.6.1. 'Plegado de cdigo'

Una caracterstica interesante es la posibilidad de ocultar ciertos trozos de cdigo mediante los iconos de plegado y desplegado, situados a tal efecto en el margen izquierdo del cdigo. Por ejemplo, podemos ocultar el cuerpo de mtodos o trozos de cdigo para facilitar la lectura y organizacin del cdigo.

Plegado de cdigo

2.6.2.

Code snippets

Los code snippets, o recortes de cdigo, son porciones de cdigo que se pueden arrastrar a la barra de herramientas, para despus reutilizar en otra parte del cdigo arrastrando el elemento correspondiente desde la barra de herramientas a la ventana de edicin. En la ventana de herramientas se muestran estos fragmentos de cdigo tal y como se muestra en la siguiente imagen:

FUOC P08/B0036/01626

29

Visual Studio

Code snippets

2.6.3.

Intellisense

Intellisense aporta al desarrollador informacin inmediata acerca de las etiquetas disponibles, propiedades, mtodos e incluso parmetros que acepta un mtodo, dentro del editor de cdigo. Cuando el desarrollador escribe una variable seguida de un punto, Intellisense muestra una lista desplegable con las propiedades, mtodos y eventos disponibles para esa variable. Esto facilita muchsimo la tarea ya que se tiene una idea global y al instante de que acciones puedo realizar con esa variable.

Intellisense muestra las propiedades de un elemento

Al introducir una llamada de mtodo, Intellisense mostrar la firma del mtodo con los tipos de sus parmetros y desplazarse entre las distintas firmas sobrecargadas con las teclas del cursor.

Intellisense muestra los parmetros de un mtodo

2.7. Compilacin, ejecucin y depuracin del proyecto Una vez hayamos escrito el cdigo de nuestra aplicacin, podemos compilarlo mediante la opcin 'Generar solucin' del men 'Generar'. Si hemos cometido algn error, nos aparece una lista de ellos en la parte inferior.

FUOC P08/B0036/01626

30

Visual Studio

Errores de compilacin

Para corregir un error, se puede hacer doble clic sobre l, lo que nos lleva al punto del cdigo donde se ha detectado ese error. Cuando el cdigo ya no tiene ms errores, aparece el mensaje 'Generacin satisfactoria' en la barra de estado. Para iniciar la ejecucin del proyecto, basta con seleccionar la opcin 'Iniciar depuracin' del men 'Depurar'. Para ejecutar el proyecto sin iniciar el depurador, podemos utilizar la opcin 'Iniciar sin depurar' del mismo men. Tambin podemos ejecutar el proyecto desde fuera del entorno de Visual Studio. Dentro de la carpeta 'bin' del directorio donde se ubica la solucin, podemos encontrar otro directorio, llamado Debug o Release, dependiendo de si la versin que hemos compilado todava est en fase de pruebas (Debug) o ya es una versin estable (Release). Dentro de la carpeta correspondiente, podemos encontrar los ejecutables de la aplicacin.

Archivos generados

FUOC P08/B0036/01626

31

Visual Studio

Actividad 2 Ejecutad las siguientes acciones: Cread una nueva solucin y aadid tres proyectos: Aplicacin de consola en C# Aplicacin web ASP.NET en Visual Basic .NET Biblioteca de clases en J#

Cambiad el proyecto de inicio a la aplicacin ASP.NET. Mostrad los ficheros ocultos en el explorador de soluciones. Observad cmo va cambiando el contenido de la ayuda dinmica al cambiar de proyecto. Abrir alguno de los temas de ayuda para familiarizaros con el estilo de la documentacin de ayuda de Visual Studio.

Abrid el fichero "Program.cs" y escribid lo siguiente dentro del mtodo Main: Console.Out.WriteLine('Hola Mundo') Observad que al pulsar cada punto, se abre una lista de posibles miembros o mtodos a escoger (Intellisense). Cdigo final: /// /// Punto de entrada principal de la aplicacin. /// static void Main(string[] args) { Console.Out.WriteLine("Hola Mundo") }

Utilizad el plegado de cdigo para ocultar el contenido del mtodo Main.

Seleccionad el cdigo anterior y arrastradlo a la barra de herramientas. Arrastradlo de nuevo desde la barra de herramientas a otro punto del cdigo fuente.

Compilad la aplicacin. Corregid el error que se produce, aadiendo un ";" al final de la lnea de cdigo.

Estableced el proyecto de consola como proyecto de inicio y ejecutar la aplicacin.

Abrid el explorador de Windows y buscar los ficheros de cada uno de los proyectos.

FUOC P08/B0036/01626

32

Visual Studio

2.7.1.

Herramientas de depuracin

A veces, aunque el programa se compila correctamente, al ejecutarlo surgen errores, o no se conlleva como debera. Las herramientas de depuracin permiten investigar el comportamiento interno de la aplicacin mientras se est ejecutando. Para iniciar la aplicacin en modo depuracin, es necesario escoger la opcin de configuracin 'Debug', en la lista de seleccin que podemos encontrar en la barra de herramientas, e iniciar la aplicacin con la opcin 'Iniciar depuracin' del men 'Depurar'.

Configuracin de compilacin / ejecucin

2.7.2.

Puntos de interrupcin

Uno de los elementos bsicos de la depuracin es el breakpoint o punto de interrupcin. Un punto de interrupcin es un punto del programa en el que, al pasar por l en modo debug, se detendr la ejecucin. Una vez detenido el programa, podremos consultar los valores de las variables en ese punto de la ejecucin, lo cual es muy til a la hora de buscar fallos. Para establecer un punto de interrupcin en una lnea de cdigo, situamos el cursor de edicin encima de la lnea, pulsamos el botn secundario del ratn y seleccionamos la opcin 'Insertar punto de interrupcin' en el men contextual, dentro del submen 'Punto de interrupcin'.

Opciones de puntos de interrupcin

Una vez establecido el punto de interrupcin, la lnea aparecer coloreada y en el margen izquierdo del editor de texto aparecer un punto del mismo color.

FUOC P08/B0036/01626

33

Visual Studio

Punto de interrupcin activado

Si abrimos el men contextual pulsando con el botn secundario del ratn encima de la lnea con el punto de interrupcin, encontraremos nuevas opciones en el submen 'Punto de interrupcin', entre ellas 'Deshabilitar el punto de interrupcin'. Este submen tambin se puede abrir pulsando con el botn secundario del ratn encima del punto de color marrn del margen izquierdo.

Opciones de configuracin de un punto de interrupcin

El resto de opciones del submen, permiten modificar las propiedades del punto de interrupcin, de las siguientes maneras: Ubicacin. Permite indicar la localizacin del punto de interrupcin. Condicin. Permite especificar una condicin que se debe cumplir para que el programa se detenga en este punto de interrupcin. Si no se cumple la condicin al pasar por esta lnea, el programa contina, ignorando el punto de interrupcin. Recuento de visitas. Permite establecer el nmero de veces que ha de pasar la ejecucin del programa por la lnea correspondiente antes de interrumpir la ejecucin en este punto de interrupcin. Filtro. Permite definir en qu procesos o subprocesos es vlido el punto de interrupcin. Al visitar. Permite establecer una accin a ejecutar cuando se visita el punto de interrupcin, como mostrar un mensaje o ejecutar una macro.

FUOC P08/B0036/01626

34

Visual Studio

Cuando el programa se detiene en un punto de interrupcin, la lnea se colorea de color amarillo, para indicar el punto actual de ejecucin. El programa se detiene justamente antes de ejecutar la lnea marcada de color amarillo:

Flujo de ejecucin detenido en un punto de interrupcin

2.7.3.

Control de la ejecucin

Cuando el programa est detenido en un punto de interrupcin, es posible reanudar la ejecucin o ejecutar la aplicacin paso a paso. Para continuar con la ejecucin del programa hasta que vuelva a pasar por un punto de interrupcin o finalice, seleccionamos la opcin 'Continuar' del men 'Depurar'. Tambin podemos utilizar la combinacin de teclas de acceso rpido, por defecto F5.

Opciones de control de la ejecucin

En cambio, si queremos ir ejecutando cada lnea de cdigo una por una, podemos utilizar las opciones 'Paso a paso por instrucciones' y 'Paso a paso por procedimientos' o sus respectivas teclas de acceso rpido, F11 y F10. La diferencia entre estas dos opciones es que la segunda trata los mtodos como si fueran una nica lnea de cdigo; en cambio, la primera entra dentro del mtodo y ejecuta cada una de sus lneas de cdigo por separado.

FUOC P08/B0036/01626

35

Visual Studio

Por ltimo, si nos encontramos dentro de un mtodo y queremos ejecutar todas las instrucciones que quedan del mtodo hasta salir de l, de una sola vez, podemos utilizar la opcin 'Paso a paso para salir' del mismo men 'Depurar'. 2.7.4. Inspeccin de variables

En la parte inferior del entorno, podemos ver que han aparecido varias ventanas de herramienta nuevas, que facilitan la depuracin del programa. En la parte izquierda, tenemos las ventanas de inspeccin de variables: 'Automtico'. Muestra el valor de las variables que aparecen en la lnea de cdigo seleccionada. 'Variables locales'. Muestra el valor de las variables locales al mtodo actual. 'Inspeccin'. Permite mostrar los valores de variables o expresiones personalizadas.

Variables locales

Podemos aadir una variable o expresin a la ventana de 'Inspeccin' seleccionndola en el cdigo, pulsando el botn principal del ratn, y seleccionando la opcin 'Agregar inspeccin':

Opciones de inspeccin

FUOC P08/B0036/01626

36

Visual Studio

Si en vez de 'Agregar inspeccin' seleccionamos 'Inspeccin rpida...', aparece una ventana en la que podemos ver el valor de la variable o expresin con ms detalle.

Inspeccin rpida

2.7.5.

Otras herramientas de depuracin

En la parte inferior derecha del entorno aparece, durante la ejecucin del proyecto, otra serie de ventanas de herramienta que nos muestran informacin adicional de depuracin. En primer lugar, tenemos la ventana de pila de llamadas, donde se muestra una lista de las llamadas a mtodos que se han ido realizando hasta llegar al punto actual del programa. Si hacemos doble clic sobre una de ellas, el editor de cdigo nos llevar a la lnea concreta donde se realiza la llamada.

Pila de llamadas

La siguiente ventana es la de 'Puntos de interrupcin', desde la que podemos controlar todos los puntos de interrupcin definidos en la aplicacin. Podemos crear, modificar o eliminar un punto de interrupcin, o deshabilitar/habilitar uno o todos los puntos de interrupcin existentes.

FUOC P08/B0036/01626

37

Visual Studio

Lista de puntos de interrupcin

Finalmente, la ventana de 'Resultados' muestra los mensajes de compilacin, carga de libreras de la aplicacin, etc., as como los mensajes enviados por la aplicacin a la consola del sistema, y los errores de ejecucin que se pudiesen producir.

Resultados de la ejecucin

No todas las herramientas de depuracin que hemos visto estn abiertas por defecto, pero se pueden abrir mediante las correspondientes opciones del submen 'Ventanas' del men 'Depurar'. En este men, se pueden encontrar otras herramientas avanzadas de depuracin, como 'Subprocesos' o 'Desensamblador':

Otras herramientas de depuracin

FUOC P08/B0036/01626

38

Visual Studio

Actividad 3 Ejecutad las siguientes acciones: En la solucin de la actividad 2: Cambiad el cdigo del fichero Program.cs por el siguiente: [STAThread] static void Main(string[] args) { Console.Out.WriteLine("Hola Mundo"); } por: [STAThread] static void Main(string[] args) { Saludar (); } public static void Saludar () { Console.Out.WriteLine("Hola Mundo"); } Aadid un punto de interrupcin en la lnea: Console.Out.WriteLine("Hola Mundo"); Ejecutad la aplicacin. Al parar la aplicacin en el punto de interrupcin, aadid una inspeccin para la expresin 'Console.Out' Abrid una inspeccin rpida para la expresin 'Console.Out'. Observad el contenido de las ventanas de inspeccin de variables y la pila de llamadas. Finalizad la ejecucin. Deshabilitad el punto de interrupcin (no eliminarlo) y aadid otro punto de interrupcin en la lnea: Saludar (); Ejecutad el programa. Al parar la aplicacin en el punto de interrupcin, seleccionad la opcin 'Paso a paso por instrucciones' del men 'Depurar' (o pulsa F11). Observad como la ejecucin pasa a la lnea de cdigo dentro del mtodo Saludar Parad la ejecucin. Volved a iniciarla y cuando pare en el punto de interrupcin seleccionad la opcin 'Paso a paso por procedimientos' del men 'Depurar' (o pulsa F10). Observad cmo la ejecucin pasa a la lnea de cdigo siguiente del mtodo Main, sin entrar dentro del mtodo Saludar.

FUOC P08/B0036/01626

39

Visual Studio

2.8. Otras ventanas de herramienta Existen otras ventanas de herramienta en Visual Studio, que se pueden abrir desde el men 'Ver' si no estn visibles. A continuacin, citamos tres de ellas que son bastante tiles durante el desarrollo de aplicaciones: Ventana de vista de clases. La ventana de vista de clases muestra las diferentes clases del proyecto, sus propiedades y sus mtodos. Esta ventana suele estar acoplada a la ventana del explorador de soluciones. Si no est visible, se puede abrir mediante la opcin 'Vista de clases' del men 'Ver'. Utilizando las opciones del men emergente asociado a cada uno de estos elementos (que aparece al hacer clic con el botn derecho del ratn), podemos aadir nuevas clases al proyecto, nuevos miembros a las clases, acceder a la definicin de un elemento, etc.

Vista de clases

El examinador de objetos. La ventana del examinador de objetos nos permite obtener informacin diversa sobre los elementos que forman parte de la aplicacin y tambin los que nos proporciona la plataforma .NET. Normalmente esta ventana no es visible, por lo que tenemos que seleccionar la opcin 'Examinador de objetos' del men 'Ver'. Esta ventana cuenta con tres paneles claramente diferenciados. A la izquierda, tenemos la lista de objetos disponibles para nuestra aplicacin, y a la derecha se nos muestra la lista de miembros del elemento selecciona-

FUOC P08/B0036/01626

40

Visual Studio

do en la parte izquierda. Finalmente, en la parte inferior encontramos una descripcin textual de cada elemento.

Examinador de objetos

El explorador de servidores. En la ventana 'Explorador de servidores' encontraremos, en principio, dos elementos: 'Conexiones de datos' y 'Servidores'. El primero de ellos acta como raz de todas las conexiones de datos que podamos tener definidas, mientras que el segundo es la raz de los servidores, ordenadores, a los que tengamos acceso. La lista de conexiones de datos en principio estar vaca, mientras que en la de servidores aparecer el ordenador local. Usando las opciones del men emergente de cada nodo, podremos definir nuevas conexiones de datos, as como registrar otros servidores que pueda haber en nuestra red para as acceder a sus servicios. Desplegando una conexin de datos, accederemos a los distintos elementos que haya en la base de datos: tablas, vistas, procedimientos almacenados, etc. Anlogamente, abriendo la rama de un servidor tendremos acceso a sus servicios: colas de mensajes, servidores de datos y servicios de informes, entre otros.

FUOC P08/B0036/01626

41

Visual Studio

Explorador de servidores

FUOC P08/B0036/01626

42

Visual Studio

Actividad 4 Ejecutad las siguientes acciones: En la solucin de las actividades 2 y 3: Abrid la ventana de clases. Observad cmo se organizan las clases de cada proyecto y la informacin que se proporciona de cada una de ellas. Abrid la ventana del examinador de objetos. Observad que slo se muestra en esta ventana la informacin de los objetos existentes en las libreras utilizadas dentro de los proyectos de la solucin. Observad tambin que la informacin mostrada es muy similar a la de la ventana de clases. Abrid la ventana del explorador de servidores. Observad los elementos principales: 'Conexiones de datos' y 'Servidores'. Comprobad las opciones que se ofrecen en los mens contextuales de cada elemento. Abrid el elemento Servidores, y dentro de l, el que corresponda al ordenador local. Observad los elementos que se muestran, as como la informacin y funcionalidades que proporciona cada uno.

2.9. Diseadores de documentos Los diseadores de documentos de Visual Studio facilitan la creacin de determinados elementos de un proyecto como interfaces grficas, pginas web, iconos, imgenes, scripts de bases de datos, o incluso esquemas XML, de forma visual, sin tener que escribir prcticamente cdigo. 2.9.1. WinForms

WinForms es el nombre que se le ha dado dentro de .NET al conjunto de clases del Framework que implementan las interfaces grficas de cualquier aplicacin Windows corriente. La clase principal es la clase Form, que representa una ventana de Windows. Para crear un proyecto de WinForms, seleccionamos la opcin 'Proyecto' del submen 'Nuevo' del men 'Archivo'. En el momento de escoger el tipo de proyecto que deseamos crear, podemos escoger 'Aplicacin para Windows' para que el entorno cree y configure nuestro proyecto.

FUOC P08/B0036/01626

43

Visual Studio

Tipo de aplicacin de Windows

Si queremos aadir ms ventanas a nuestro proyecto, podemos hacerlo usando la opcin 'Aadir -> Windows Forms' del men contextual que aparece al hacer clic con el botn derecho del ratn sobre el proyecto, en la ventana del 'Explorador de soluciones'. Aparece la ventana de 'Agregar nuevo elemento', con el tipo de elemento 'Windows Forms' seleccionado. Podemos cambiar el nombre de la nueva ventana y aceptar.

Elementos disponibles para una aplicacin de Windows

Una vez creada la nueva ventana, aparece el diseador de formularios de Visual Studio, que muestra el contenedor de la ventana y nos permite insertar en l componentes visuales, es decir, objetos que intervienen directamente en el funcionamiento de la interfaz grfica de usuario. Hay dos tipos de componentes que podemos incorporar en una ventana: visuales y no visuales, (ejemplos de componentes visuales podran ser las etiquetas de texto y los botones). Entre los componentes no visuales, podemos

FUOC P08/B0036/01626

44

Visual Studio

citar ToolTip o ImageList. Ambos tipos de componentes se pueden aadir a la interfaz de usuario, pero los no visuales no son visibles. Para poder trabajar con ellos, se aaden en la parte inferior de la ventana

Diseador de formularios de Windows

Para insertar componentes, debemos seleccionarlos del cuadro de herramientas pulsando sobre cada uno de ellos con el botn principal del ratn y, a continuacin, hacer clic en el punto aproximado del contenedor donde queremos colocarlo. Podemos tanto cambiar la posicin de los componentes como alterar sus dimensiones con la ayuda del ratn. Para seleccionar un cierto componente, basta con hacer clic sobre l. A medida que vamos insertando componentes en el contenedor, independientemente de dnde aparezcan, y cada vez que modifiquemos sus dimensiones o posicin, el diseador se encargar de actualizar adecuadamente el cdigo necesario para generar la interfaz grfica de la ventana. Cuadro de herramientas o ToolBox El cuadro de herramientas contiene una lista de controles que se pueden arrastrar para agregarlos a formularios. Hay varios conjuntos de controles disponibles, dependiendo del tipo de diseador activo en el editor. Si se est diseando formularios de Windows, tendremos un conjunto de herramientas especficas para trabajar con Windows Forms. Si estamos diseando un Web Form, dispondremos de un conjunto de herramientas especfico para trabajar con controles web. Si lo que estamos diseando es un documento XML, tendremos opciones para crear elementos del schema.

FUOC P08/B0036/01626

45

Visual Studio

Cuadro de herramientas

Personalizacin del cuadro de herramientas Visual Studio permite personalizar las herramientas que se mostrarn en el cuadro de herramientas o agregar algn componente .NET adicional, controles Microsoft ActiveX o controles de terceros al cuadro de herramientas. Para ello, utilizamos las opciones del men contextual que aparece al pulsar con el botn secundario del ratn encima del cuadro de herramientas. Podemos mover elementos de sitio, cambiarlos de nombre, ordenarlos, aadir nuevas fichas, etc. Una de las opciones del men anterior es 'Elegir elementos'. Al seleccionar esta opcin, aparece una nueva ventana en la que podemos seleccionar los elementos que queremos que se visualicen y los que no, de la lista de componentes disponibles en el sistema.

FUOC P08/B0036/01626

46

Visual Studio

Eleccin de elementos del cuadro de herramientas

Trabajo con controles Existen numerosas herramientas que se pueden utilizar para manipular controles en tiempo de diseo en los formularios de Windows, son las siguientes: Definicin del orden de tabulacin. Al crear un formulario de entrada de datos, podemos definir el orden de tabulacin que sigue el usuario en los controles en el tiempo de ejecucin. Para iniciar el modo de vista de orden de tabulacin, seleccionamos la opcin 'Orden de tabulacin' del men 'Ver'. Para definir el orden de los componentes, se deben seleccionar los componentes uno a uno en el orden que queramos establecer.

FUOC P08/B0036/01626

47

Visual Studio

Modificacin del orden de tabulacin de los controles

Bloquear controles. Desde el men Formato, podemos seleccionar la opcin 'Bloquear controles'. Al seleccionar esta opcin, todos los controles de un formulario determinado se bloquearn en su ubicacin; no se podrn mover estos controles hasta que no se desbloqueen. Esto resulta muy til para evitar mover accidentalmente los controles una vez que estn alineados.

Seleccionar un grupo de controles. Para seleccionar un grupo de controles, podemos hacer clic con el ratn en la esquina superior izquierda del grupo de controles, y arrastrar hasta la esquina inferior derecha. Tambin podemos ir seleccionando cada vez un elemento, manteniendo pulsada la tecla MAYS para no perder los elementos seleccionados anteriormente. Una vez seleccionados todos los controles que queramos, en la ventana de propiedades aparece una lista con las propiedades que esos controles tienen en comn. Si modificamos estas propiedades, los cambios afectarn a todos los componentes seleccionados.

Edicin de propiedades. La ventana de propiedades nos permite modificar las caractersticas de los componentes del formulario, as como los eventos que puede generar. Las propiedades de un componente se pueden ordenar alfabticamente (botn 2), ya que cada propiedad cuenta con un nombre, que aparece a la izquierda, y un valor, que se muestra a la derecha. Las propiedades tambin

FUOC P08/B0036/01626

48

Visual Studio

pueden ordenarse por grupos de propiedades (botn 1), segn su finalidad (opcin por defecto):

Con los dos siguientes botones se alterna entre la pgina de propiedades (botn 3) y la de eventos (botn 4). En la parte inferior de la ventana, aparece una pequea descripcin de la propiedad o evento seleccionado en ese momento, correspondiente al componente que se muestra en la lista desplegable que hay justo debajo del ttulo de la ventana.

El valor de una propiedad depende de su tipo, puede ser una cadena de caracteres, un nmero, un valor de una enumeracin, un color o incluso un objeto. El valor de un evento siempre es un mtodo, el mtodo que se ejecutar cuando se genere dicho evento. Segn el tipo de propiedad, el valor se puede modificar directamente introducindolo en la segunda columna, o bien seleccionando un valor de una lista, o incluso utilizando un editor de propiedades especifico. Respuesta a eventos. Los componentes de un formulario son capaces de responder a las acciones que el usuario efecte sobre ellos o a los mensajes que pudieran recibir del propio sistema operativo. Estas acciones se denominan eventos, y ponemos definirlos en la pgina de eventos de la ventana de propiedades. Cada evento puede tener asociado el nombre de un mtodo que ser ejecutado cuando el suceso representado por el evento tenga lugar. Al seleccionar un evento y desplegar la lista adjunta en la ventana de propiedades, aparecern los nombres de los mtodos que ya existen y que, por su lista de parmetros, resultan compatibles. Para crear un nuevo mtodo asociado a un evento, en lugar de utilizar cualquiera de los que pudieran existir, tan slo tenemos que hacer doble clic sobre el nombre del evento. En ese momento, se completar la definicin de la clase con un nuevo mtodo y, al tiempo, ste aparecer como valor de dicho evento.

Actividad 5 Ejecutad las siguientes acciones:

FUOC P08/B0036/01626

49

Visual Studio

Cread un nuevo proyecto de Aplicacin de Windows. En el formulario aadid algunos controles desde el toolbox, para que se parezca a la figura.

Cambiad el orden de tabulacin de los componentes. Cambiad el color de fondo del botn, y el texto que se muestra por 'Saludar'.

Cambiad el nombre del Label (propiedad Name) por Saludo. Haced doble clic encima del botn. Observad cmo automticamente se cambia al cdigo del formulario.

En el mtodo que se crea automticamente para tratar el evento Click del botn aadid la siguiente lnea de cdigo: Saludo.Text = "Hola Mundo";

Ejecutad la aplicacin y comprobad cmo al pulsar el botn se cambia el texto del Label.

2.9.2.

WebForms

WebForms es el diseador de Visual Studio para crear pginas ASP.NET visualmente, igual que se crean aplicaciones de ventana con WinForms. Los proyectos de ASP.NET se crean mediante la opcin 'Sitio Web' del submen 'Nuevo' del men 'Archivo'. Al seleccionar el tipo de sitio web, escogemos 'Sitio Web ASP.NET'. El diseador de formularios web es similar al utilizado anteriormente para disear formularios Windows, pero en este caso el formulario no tiene lmites (bordes), ya que en las pginas web, al visualizarse dentro de un navegador, se puede hacer scroll vertical o horizontal.

FUOC P08/B0036/01626

50

Visual Studio

Diseador de formularios web

Para insertar cualquier componente, debemos seleccionarlo en el cuadro de herramientas y arrastrarlo al punto de la pgina donde deba colocarse, como haramos con WinForms. La edicin de las propiedades de estos componentes tambin se efecta de manera idntica a la descrita previamente, utilizando la ventana Propiedades. En la parte inferior del diseador o pgina hay dos botones: Diseo y HTML. Estos botones permiten pasar de la edicin de la pgina visualmente al cdigo HTML que se ha generado a partir de los elementos insertados en la pgina.

Cdigo HTML generado automticamente

Edicin del cdigo Al igual que los componentes para formularios Windows, los que usamos en una pgina web tambin generan eventos a los que es posible asociar la ejecucin de mtodos. El mecanismo para generar y editar el cdigo es idntico al usado anteriormente.

FUOC P08/B0036/01626

51

Visual Studio

Ejecucin del proyecto El proceso para ejecutar una aplicacin web es el mismo que el usado para una aplicacin Windows, aunque sta no se ejecuta en una ventana sino que se inicia el cliente web configurado por defecto en el sistema, y muestra la pgina de inicio de la aplicacin.

Actividad 6 Ejecutad las siguientes acciones: Cread un proyecto de Aplicacin Web ASP.NET. Intentad reproducir el ejemplo de la actividad 5 en ASP.NET.

2.9.3.

Otros diseadores

Visual Studio proporciona otros diseadores que facilitan la creacin de esquemas XML, pginas HTML, la estructura de conjuntos de datos, imgenes de mapas de bits, iconos, cursores, etc. Diseador de XML El diseador de XML proporciona herramientas intuitivas para trabajar con XML y archivos de definicin de esquema de XML (XSD, XML schema definition). Este diseador aparece cuando seleccionamos, en el explorador de soluciones, un elemento de tipo XML, un schema XSD o un fichero XSLT. Dentro del diseador existen tres vistas: 1) para crear y editar esquemas de XSD, 2) para la edicin estructurada de archivos de datos XML y 3) para la edicin de cdigo XML. La vista de esquema proporciona una superficie de diseo en la que se pueden construir y editar esquemas de XML de forma visual. Se pueden crear esquemas nuevos en el diseador agregando nuevos elementos, tipos y atributos al editor o arrastrando tablas hasta la superficie de diseo desde el Explorador de servidores. Adems, la vista de esquema permite la creacin de relaciones entre tablas y generar conjuntos de datos de ADO.NET. La vista Data permite ver y editar datos en formato XML de forma sencilla. Esta vista slo est disponible cuando se edita un fichero XML. La vista de fuente XML proporciona un editor para la creacin y edicin de XML. Esta vista ofrece la tecnologa IntelliSense (que vimos en el apartado 'Edicin de cdigo') y la finalizacin de sentencias, para los archivos XML asociados con un esquema determinado. Podemos cambiar entre las diferentes vistas del diseador utilizando los botones situados justo debajo del rea de edicin 'Data' y 'XML':

FUOC P08/B0036/01626

52

Visual Studio

Diseador de XML

Diseador de pginas HTML El editor de pginas HTML es similar al de formularios web, si bien los componentes que podemos incluir no son componentes ASP.NET sino HTML. Este diseador aparece al seleccionar algn elemento de tipo HTML.

Diseador HTML

Diseador de imgenes Mediante el editor de imgenes se facilita la edicin de cualquier tipo de imagen que pudiramos necesitar en el proyecto, ya sea un grfico para el fondo de la ventana, un icono o un cursor. Este diseador se muestra si seleccionamos algn elemento de este tipo en el explorador de soluciones.

FUOC P08/B0036/01626

53

Visual Studio

Diseador de recursos

En la parte superior del diseador de imgenes aparecen las distintas herramientas que es posible utilizar para, por ejemplo, dibujar lneas, borrar, insertar texto, etc. Diseador de componentes Visual Studio proporciona una forma de construir componentes de servidor rpida y grfica. El diseador de componentes aplica los conceptos de desarrollo rpido de aplicaciones (RAD, rapid application development) y programacin basada en formularios para construir objetos de nivel intermedio, una forma visual de construir objetos no visuales. En lugar de escribir montones de cdigo basado en el servidor, se puede arrastrar y colocar componentes de servidor a una superficie de diseo que se ejecutar en el servidor. Diagrama de clases A partir de la versin 2005 de Visual Studio, se incorpora un nuevo diseador de clases. Este diseador permite crear un diagrama detallado de las clases y correspondientes miembros de la aplicacin. Este diagrama se sincroniza automticamente con el cdigo fuente, de forma que cualquier cambio en el diagrama se ve reflejado en el cdigo y viceversa. Podemos crear un diagrama de clases aadiendo un nuevo elemento y seleccionando 'Diagrama de clases' en la ventana de seleccin del tipo de elemento, o bien seleccionando la opcin 'Ver diagrama de clases' del men contextual que aparece al pulsar el botn secundario del ratn, encima del elemento del proyecto correspondiente, en el explorador de soluciones.

FUOC P08/B0036/01626

54

Visual Studio

Diseador de diagrama de clases

Diseadores de bases de datos Visual Studio incluye herramientas para trabajar con bases de datos que maximizan la productividad, permitiendo crear y modificar bases de datos, tablas, vistas, etc. desde el propio entorno integrado de desarrollo. Estas herramientas son las siguientes: Creacin de bases de datos. Desde el elemento 'Conexiones de datos' del explorador de servidores, podemos acceder a bases de datos ya existentes o crear bases de datos nuevas.

Crear bases de datos desde el explorador de servidores

Para cada base de datos podemos consultar las tablas, vistas procedimientos y funciones definidos, o crear nuevos, mediante los correspondientes mens contextuales:

FUOC P08/B0036/01626

55

Visual Studio

Agregar tablas

Al crear cada tipo de elemento, aparece un diseador diferente especfico para definir las propiedades de cada uno de ellos. Por ejemplo, el siguiente diseador permite definir la estructura de una nueva tabla de la base de datos:

Diseador de tablas

Y este otro diseador permite definir consultas SQL:

FUOC P08/B0036/01626

56

Visual Studio

Diseador de sentencias SQL

Actividad 7 Ejecutad las siguientes acciones: Aadid a un proyecto nuevos elementos como pginas HTML o XML, esquemas XSD, imgenes, etc., y probad los distintos editores. En el explorador de servidores, aadid una nueva conexin a una base de datos existente. Abrid la conexin y seleccionad la opcin 'Nueva tabla' del men contextual del elemento 'Tablas'. Observad y probad el editor de tablas. Seleccionad la opcin 'Nueva vista' del men contextual del elemento 'Vistas' de la conexin. Observad y probad el editor de consultas SQL.

FUOC P08/B0036/01626

57

Visual Studio

Actividades1.Ejecutadlassiguientesacciones: Abrid Visual Studio. Inspeccionad los links de recursos de la pgina de inicio. Abrid la ventana de opciones de configuracin del entorno. Repasad los distintos apartados, as como las diferentes opciones de configuracin. Cambiad el modo de interfaz a MDI. Escoged el tipo de interfaz preferido para trabajar. Arrastrad la ventana de 'Explorador de soluciones' para que pase a ser una ventana flotante. Volved a colocarla en su sitio. Abrid la ventana de 'Ayuda dinmica' mediante la opcin 'Ayuda dinmica' del men 'Ayuda'. Acoplad esta ventana a la del 'Explorador de soluciones', tal y como se muestra en la imagen siguiente:

Haced que la ventana del 'Explorador de soluciones' se oculte automticamente. El resto de ventanas acopladas con el 'Explorador de soluciones' deben quedar como estaban, es decir, visibles, como en la figura.

FUOC P08/B0036/01626

58

Visual Studio

NOTA: para conseguirlo, es necesario en primer lugar desacoplar la ventana del 'Explorador de soluciones' del resto de ventanas. Cerrad la ventana del 'Explorador de soluciones' y volvedla a abrir. Dividid la zona central del entorno en dos como muestra la figura.

Volved a colocar todas las ventanas como estaban al principio.

2.Ejecutadlassiguientesacciones: Cread una nueva solucin y aadid tres proyectos: Aplicacin de consola en C# Aplicacin Web ASP.NET en Visual Basic .NET Biblioteca de clases en J# Cambiad el proyecto de inicio a la aplicacin ASP.NET. Mostrad los ficheros ocultos en el explorador de soluciones. Observad cmo va cambiando el contenido de la ayuda dinmica al cambiar de proyecto. Abrid alguno de los temas de ayuda para familiarizaros con el estilo de la documentacin de ayuda de Visual Studio. Abrid el fichero "Program.cs" y escribid lo siguiente dentro del mtodo Main: Console.Out.WriteLine('Hola Mundo') Observad que, al pulsar cada punto, se abre una lista de posibles miembros o mtodos a escoger (Intellisense). Cdigo final: ///

FUOC P08/B0036/01626

59

Visual Studio

/// Punto de entrada principal de la aplicacin. /// static void Main(string[] args) { Console.Out.WriteLine("Hola Mundo") }

Utilizad el plegado de cdigo para ocultar el contenido del mtodo Main.. Seleccionad el cdigo anterior y arrastradlo a la barra de herramientas. Arrastradlo de nuevo desde la barra de herramientas a otro punto del cdigo fuente. Compilad la aplicacin. Corregid el error que se produce, aadiendo un ";" al final de la lnea de cdigo. Estableced el proyecto de consola como proyecto de inicio y ejecutad la aplicacin. Abrid el explorador de Windows y buscad los ficheros de cada uno de los proyectos.

3.Ejecutadlassiguientesaccionesenlasolucindelaactividad2: Cambiad el cdigo del fichero Program.cs por el siguiente: [STAThread] static void Main(string[] args) { Console.Out.WriteLine("Hola Mundo"); } por: [STAThread] static void Main(string[] args) { Saludar (); } public static void Saludar () { Console.Out.WriteLine("Hola Mundo"); }

Aadid un punto de interrupcin en la lnea: Console.Out.WriteLine("Hola Mundo"); Ejecutad la aplicacin. Al parar la aplicacin en el punto de interrupcin, aadid una inspeccin para la expresin 'Console.Out'. Abrid una inspeccin rpida para la expresin 'Console.Out'. Observad el contenido de las ventanas de inspeccin de variables y la pila de llamadas. Finalizad la ejecucin. Deshabilitar el punto de interrupcin (no eliminarlo) y aadir otro punto de interrupcin en la lnea: Saludar (); Ejecutad el programa. Al parar la aplicacin en el punto de interrupcin, seleccionar la opcin 'Paso a paso por instrucciones' del men 'Depurar' (o pulsad F11). Observad cmo la ejecucin pasa a la lnea de cdigo dentro del mtodo Saludar. Parad la ejecucin. Volved a iniciarla, y cuando pare en el punto de interrupcin, seleccionar la opcin 'Paso a paso por procedimientos' del men 'Depurar' (o pulsad F10). Observad cmo la ejecucin pasa a la lnea de cdigo siguiente del mtodo Main, sin entrar dentro del mtodo Saludar.

4.Ejecutadlassiguientesaccionesenlasolucindelasactividades2y3: Abrid la ventana de clases. Observad cmo se organizan las clases de cada proyecto y la informacin que se proporciona de cada una de ellas. Abrid la ventana del examinador de objetos. Observad que slo se muestra en esta ventana la informacin de los objetos existentes en las libreras utilizadas dentro de los proyectos de la solucin. Observad tambin que la informacin mostrada es muy similar a la de la ventana de clases. Abrid la ventana del explorador de servidores. Observad los elementos principales: 'Conexiones de datos' y 'Servidores'. Comprobad las opciones que se ofrecen en los mens contextuales de cada elemento. Abrid el elemento Servidores, y dentro de l, el que corresponda al ordenador local. Observad los elementos que se muestran, as como la informacin y funcionalidades que proporciona cada uno. 5.Ejecutadlassiguientesacciones: Cread un nuevo proyecto de Aplicacin de Windows. En el formulario, aadid algunos controles desde el toolbox, para que se parezca a la figura.

FUOC P08/B0036/01626

60

Visual Studio

Cambiad el orden de tabulacin de los componentes. Cambiad el color de fondo del botn, y el texto que se muestra por 'Saludar'. Cambiad el nombre del Label (propiedad Name) por Saludo. Haced doble clic encima del botn. Observad cmo automticamente se cambia al cdigo del formulario. En el mtodo que se crea automticamente para tratar el evento Click del botn, aadid la siguiente lnea de cdigo: Saludo.Text = "Hola Mundo"; Ejecutad la aplicacin y comprobad cmo al pulsar el botn se cambia el texto del Label.

6.Ejecutadlassiguientesacciones: Cread un proyecto de Aplicacin Web ASP.NET. Intentad reproducir el ejemplo de la actividad 5 en ASP.NET. 7.Ejecutadlassiguientesacciones: Aadid a un proyecto nuevos elementos como pginas HTML o XML, esquemas XSD, imgenes, etc., y probad los distintos editores. En el explorador de servidores, aadid una nueva conexin a una base de datos existente. Abrid la conexin y seleccionad la opcin 'Nueva tabla' del men contextual del elemento 'Tablas'. Observad y probad el editor de tablas. Seleccionad la opcin 'Nueva vista' del men contextual del elemento 'Vistas' de la conexin. Observad y probad el editor de consultas SQL.

FUOC P08/B0036/01626

61

Visual Studio

BibliografaBalena, Francesco (2002). Programming Microsoft Visual Basic .NET. Microsoft Press. Nagel, C.; Evjen, B.; Glynn, J. et al.Professional C# 2005 with 3.0. Wrox Microsoft Corporation. (2001). As es Microsoft Visual Studio. Mc-Graw-Hill Profesional. MSDN Visual Studio 2008 Development System. http://msdn.microsoft.com/vstudio/products/ Visual Studio (MSDN Spain) http://www.microsoft.com/spain/msdn/vstudio/default.asp Visual Studio 2005 Developer Center http://msdn.microsoft.com/vstudio/default.aspx Visual Studio 2005 Team System Home http://msdn.microsoft.com/vstudio/teamsystem/default.aspx