Componentes y Herramientas de Visual Studio

El Entorno de Desarrollo Integrado (IDE: sigla en ingls de integrated development

environment) es un entorno de programacin que ha sido empaquetado como un

programa de aplicacin; es decir, consiste en un editor de cdigo, un compilador, un depurador y un constructor de interfaz grfica (GUI). Los IDE proveen un marco de trabajo amigable para la mayora de los lenguajes de programacin y lo conforman las ventanas, herramientas, barras de mens y opciones que se cargan al momento de iniciar Visual Studio. Este IDE es comn para todos los lenguajes. Al momento de iniciarlo no se selecciona la herramienta de trabajo y esta abre el entorno de programacin, sino que directamente se abre el IDE y posteriormente elegiremos el lenguaje con el que vamos a escribir el programa. Para cargar el IDE, carga desde el men inicio o desde el escritorio segn tu sistema operativo: Visual Studio 2012. Cargar la siguiente ventana:

Estudiaremos a continuacin cada uno de los elementos que la conforman. 1.1.1 Componentes del IDE Todo entorno de desarrollo dispone de los siguientes componentes:

Un editor de texto: No es lo mismo que un procesador de textos. es un programa que permite crear y modificar archivos digitales compuestos nicamente por texto sin formato, conocidos comnmente como archivos de texto o texto plano; es el lugar donde escribirs el cdigo que permitir agregar funcionalidad a un programa u objeto. En un programa de consola se ver as:

Un compilador: Un compilador es un programa informtico que traduce un programa escrito en un lenguaje de programacin a otro lenguaje de programacin, generando un programa equivalente que la mquina ser capaz de interpretar. Este proceso de traduccin se conoce como compilacin. De esta manera un programador puede disear un programa en un lenguaje mucho ms cercano al pensamiento de un humano, para luego compilarlo a un programa entendible por una computadora.

Un

intrprete:

analiza

el

programa fuente y lo ejecuta directamente, sin generar ningn cdigo equivalente. Su accin equivale a la de un intrprete humano, que traduce las frases que oye sobre la marcha, sin producir permanente. compiladores ningn tienen escrito y diversas Intrpretes

ventajas e inconvenientes que los hacen complementarios:

Un intrprete facilita la bsqueda de errores, pues la ejecucin de un programa puede interrumpirse en cualquier momento para estudiar el entorno (valores de las variables, etc.). Adems, el programa puede modificarse sobre la marcha, sin necesidad de volver a comenzar la ejecucin.

Un compilador suele generar programas ms rpidos y eficientes, ya que el anlisis del lenguaje fuente se hace una sola vez, durante la generacin del programa equivalente. En cambio, un intrprete se ve obligado generalmente a analizar cada instruccin tantas veces como se ejecute (incluso miles o millones de veces).

Un depurador: Un depurador (en ingls, debugger), es un programa usado para probar y depurar (eliminar los errores) un programa. El cdigo a ser examinado puede alternativamente estar corriendo en un simulador de conjunto de instrucciones (ISS), una tcnica que permite gran potencia en su capacidad de detenerse cuando son encontradas condiciones especficas. 1.1.2 Herramientas.

A-Cuadro de herramientas El cuadro o barra de herramientas de Visual Studio 2012, nos permite utilizar los distintos componentes que .NET Framework pone a nuestra disposicin. Dentro de Visual Studio 2010 tenemos una gran cantidad de controles dispuestos en diferentes categoras. Entre ellos tenemos: controles comunes, generacin de informes, contenedores, mens y barras de herramientas, datos, componentes, impresin y Cuadros de Dialogo. En posteriores unidades estudiaremos estos controles.

B-Explorador de soluciones El Explorador de soluciones lo podemos encontrar en la parte superior derecha de nuestro entorno de desarrollo. Una solucin se compone de proyectos y stos, de recursos y objetos. Por lo general, una solucin contendr un proyecto, pero podemos encontrarnos con ms de un proyecto dentro de una misma solucin.

C-Propiedades

La

ventana

de

propiedades

la

encontraremos en la parte derecha y ms abajo de la ventana Explorador

de soluciones en nuestro entorno

de desarrollo. Esta ventana nos permitir acceder a las propiedades de los objetos insertados en nuestros formularios Windows, como se muestra en la figura.

Para acceder a las propiedades de un determinado control, deberemos seleccionar el control en el formulario Windows y acudir a la ventana Propiedades, o bien, seleccionar el control en el formulario Windows y presionar la tecla F4. D-Mens y Barras de Herramientas Respecto a los mens y barra de botones, son muchas las opciones que tenemos disponibles, tal como podemos comprobar en la figura.

Las barras de botones son configurables, adems de que podemos elegir las que queremos que se muestren de forma permanente en el entorno de desarrollo de Visual Studio 2012. Algunas de las barras de botones se mostrarn automticamente segn las tareas que estemos realizando, por ejemplo, cuando estamos en modo depuracin o diseando las tablas de una base de datos. Con el contenido de los mens ocurre lo mismo, segn el elemento que tengamos seleccionado se mostrarn ciertas opciones que sea relevantes para ese elemento del IDE. Algunas de las opciones que tenemos en los mens tambin las podemos conseguir usando los mens contextuales (el mostrado al presionar con el botn secundario del

mouse), y como es de esperar, tambin sern diferentes segn el elemento sobre el que hemos presionado. Por ejemplo, para configurar el proyecto actual, podemos elegir la opcin Propiedades del men Proyecto o bien presionar con el botn secundario del mouse sobre el proyecto mostrado en el Explorador de soluciones. Al seleccionar las propiedades del proyecto, tendremos una nueva ventana desde la que podemos configurar algunas de las caractersticas de nuestro proyecto. En la siguiente figura, tenemos esa ventana de propiedades del proyecto, en la que podemos apreciar que est dividida segn el tipo de configuracin que queremos realizar, en este caso concreto las opciones de generacin o compilacin del proyecto.

E- VENTANA DE ERRORES Cuando ejecutas un programa, el compilador y el intrprete hacen su trabajo. En el momento que inicias la ejecucin el compilador traduce el cdigo a lenguaje mquina, el intrprete analiza el cdigo fuente y lo ejecuta, el depurador evaluar lnea por lnea para buscar errores, si los errores evitan que el programa se ejecute, se mostrarn en la ventana de errores, como se ve en la siguiente imagen:

En caso de que el programa no encuentre errores al principio, pero los encuentre durante la ejecucin, la ejecucin se pausa para pedirte que corrijas los errores antes de continuar, veras un mensaje similar al siguiente:

F- AYUDA CON INTELLISENSE Mientras escribes el cdigo de un programa tendrs disponible la ayuda IntelliSense, esta es la aplicacin de autocompletar, mejor conocido por su utilizacin en Microsoft Visual Studio. Adems de completar el smbolo de los nombres que el programador est escribiendo, IntelliSense sirve como documentacin y desambiguacin de los nombres de variables, funciones y mtodos de utilizacin. Significa que mientras escribes cdigo

IntelliSense te sugiere la sintaxis segn lo que vas escribiendo adems de proporcionarte documentacin, observars algo como muestra la imagen, en este caso escriba String:

1.2. Creacin de la primera aplicacin para Windows

Una de las primeras acciones que sueles realizar cuando te enfrentas a un nuevo lenguaje de programacin, es la escritura de un programa que muestre el clsico mensaje Hola Mundo por pantalla. Proceders a dar tu primer paso escribiendo este sencillo programa para familiarizarte con los componentes del IDE. 1. Ingresa a Visual Studio 2. Da clic en el men Archivo y Selecciona Nuevo Proyecto

3. En la opcin plantillas, elige Visual Basic y a continuacin elija Aplicacin de consola como muestra la siguiente imagen:

1 2

4. Colocaremos el nombre del proyecto: ConsoleApplication_Hola_Mundo y da clic en Aceptar.

Cargar la ventana del IDE y observar lo siguiente:

5. Como ya habamos estudiado, el rea enmarcada en la imagen es la que llamamos: Editor de cdigo. Es ah donde escribiremos las lneas que conforman nuestro primer programa, escribe las siguientes lneas entre las palabras Sub Main y End Sub tal como se muestra a continuacin:

6. En el explorador de soluciones podrs visualizar los archivos correspondientes a este proyecto: 7. El archivo que modificaste en el paso anterior es el Module1.vb

Ahora estudiaremos lnea por lnea el cdigo que ha escrito: Module Module1:

Cada programa de consola es un mdulo y en este caso Module1 es automticamente el nombre que se da a nuestro modulo. Ese nombre puede cambiarse desde el explorador de soluciones. End Module cierra el bloque de cdigo para ste mdulo. Fuera de este bloque no

escribiremos cdigo. Sub Main: o El procedimiento principal donde estamos trabajando, todo el cdigo reconocible por el compilador debe quedar entre las lneas Sub Main y

End Sub donde terminamos el bloque de este procedimiento. Console.WriteLine: o Instruccin que permite mandar a imprimir una lnea en pantalla, la instruccin debe ir entre parntesis y comillas, como en nuestro caso

(Hola Mundo) Console.Read: o Lee datos ingresados por el usuario, en este caso lo utilizamos para que la ventana se mantenga visible mientras vemos el mensaje, pues en caso contrario se mostrara por espacio de un segundo y se cierra automticamente sin que podamos visualizar el resultado.

1.3

Depuracin de Programas

Ahora que ya tenemos nuestro primer programa, vamos a depurarlo para detectar y corregir errores y al mismo tiempo verificar su funcionamiento. Utilizaremos nuestro proyecto Hola Mundo. Si no lo tienes abierto, selecciona Men ArchivoAbrir proyecto--- y busca en la ruta donde quedan almacenados los proyectos automticamente: C:\Users\...\Documents\Visual Studio 2012\Projects Donde los puntos suspensivos indican tu nombre de usuario. En el cuadro de dialogo abrir proyecto, una vez que llegues a la carpeta Projects busca la carpeta ConsoleApplication_Hola_Mundo que carpeta de tu proyecto, dentro de ella dar doble clic en el icono es la debes

Una vez que tienes cargado el proyecto, en el men depuracin encontrars diferentes opciones:

En la barra de herramientas estndar encontramos tambin el icono iniciar depuracin, podramos depurar y ejecutar nuestro programa desde ah o presionando F5; tendramos los mismos resultados que seleccionndolo desde el men Depurar. Para depurar el proyecto ejecuta los siguientes pasos:

1. Da clic en el men Depurar (el que observas en la imagen anterior) 2. Elige Iniciar Depuracin Si has seguido al pie de la letra las indicaciones, observaras en la barra de estado (parte inferior del programa) un mensaje de color anaranjado con la palabra Listo, eso significa que el proceso de compilacin y depuracin no detect errores. Tendrs en pantalla tu primer programa escrito con Visual Basic, lo veras en una ventana como la siguiente:

Si por el contrario el proceso de compilacin detecta algunos errores, te lo indicar en la barra de estado con la frase: error al compilar, te indica tambin la lnea donde se encontr el error y te preguntar si quieres ejecutar la versin anterior (si la hubiera) observaras una ventana como la siguiente:

Debes corregir estos errores antes de continuar con la depuracin. Es importante que recuerdes que mientras estas ejecutando un programa la mayora de opciones de men se desactivan. Ahora que ya hiciste tu primer programa cierra la ventana de consola para asegurarte que no quede cargada en ejecucin en el escritorio, en caso contrario no podrs continuar editando el programa. Mientras el programa est en ejecucin, observaras el siguiente icono en la barra de tareas

1.4. Trabajo con mens, barras de herramientas y cuadros de dilogo

En esta seccin aprenders a utilizar los diferentes mens y barras de herramientas ms comunes de Visual Basic, as como a personalizar el IDE segn tus preferencias o utilidad. BARRA DE TITULO: Muestra el nombre del proyecto con el que estamos trabajando y el nombre de la aplicacin, en este caso: ConsoleApplication_Hola_Mundo es nuestro proyecto y a continuacin vemos: Visual Studio 2012.

BARRA DE MENU: Es el acceso principal a todas las funciones, opciones y herramientas que encontramos en el IDE y que podemos desplegar haciendo clic en cada opcin de men.

Si por ejemplo desplegamos el men Archivo encontraremos las opciones disponibles y junto a cada una de ellas la combinacin de teclas que activa esa opcin: Por ejemplo Ctrl+N para nuevo proyecto.

BARRA DE HERRAMIENTAS ESTANDAR: Contiene los accesos directos a los comandos ms utilizados que se encuentran disponibles en las diferentes opciones del men y que ubicados en esta barra ahorran tiempo y facilitan el trabajo del programador:

Si ubicas el puntero del mouse sobre cada icono te indicar su utilidad. Entre los bsicos ac tenemos: Nuevo Proyecto, Abrir, Guardar, Guardar Todo, Iniciar Depuracin. CONFIGURAR LAS BARRAS Y ELEMENTOS DEL IDE Todos los elementos que ya hemos descrito del IDE tienen diferentes opciones para personalizarlos a tu gusto. Encontraras las opciones:

1. Hacer Flotante: Permite movilizar (arrastrar) el elemento (propiedades, cuadro de herramientas, etc) de manera flotante en la ventana principal.

2. Acoplar: Permite ubicar el elemento en un lugar especfico de la ventana principal para que no se movilice. Presentando las diferentes posiciones a las cuales se puede arrastrar el elemento, como muestra la figura:

Posiciones para acoplar

3. Acoplar como organizacin por Fichas: Ubica el elemento en una ficha y se muestra en el espacio central donde elegimos, formularios, mdulos o el archivo que estemos trabajando:

4. Ocultar automticamente: Oculta el elemento y lo ubica a los costados derecho o izquierdo del IDE segn el elemento ocultado, basta con dar clic sobre el nombre para volver a hacerlo visible, en la siguiente imagen puedes observar la ventana de propiedades, el explorador de soluciones, el origen de datos y el cuadro de herramientas plegados despus de elegir la opcin ocultar automticamente.

5. Ocultar: cierra el elemento de la ventana principal en caso que no lo estemos necesitando. Si ocultas un elemento por error, puedes hacerlo visible nuevamente desde el men ver o las combinaciones de tecla que se muestran en el men, a continuacin te mostramos los de uso comn: