1.1.

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 2013. 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

ningn

permanente.

escrito

Intrpretes

compiladores

tienen

diversas

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:
o

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 2013\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

es la

carpeta de tu proyecto, dentro de ella

debes dar

doble clic en el icono

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:

ACTIVIDADES-EJERCICIOS
1. Investigue los entornos de desarrollo integrado de dos lenguajes de
programacin que no estn incluidos en el Visual Studio.
2. Configure los mens y barras de herramientas e interacte con ellos.
3. Identifique los elementos de la barra de herramientas estndar y redacte la
funcin de cada uno.
4. Oculte todos los componentes bsicos que se muestran en el IDE. Vulvalos
a cargar dejndolos visibles con la opcin de su agrado: Acoplar,
organizacin por fichas, flotante.
EJERCICIOS DE AUTOEVALUACION
1. Escriba un programa de Consola que muestre su nombre en pantalla y la
carrera que estudia.
2. Cree un nuevo proyecto de consola con su nombre. Verifique donde se
guarda el archivo. Identifique los archivos que se generan. Investigue la
utilidad de cada archivo y cules son los archivos de trabajo en cada
proyecto.

3. Investigue las instrucciones para mostrar datos en pantalla y para capturar

entradas de datos en otros lenguajes como C#, Java, php. Encuentra
diferencias? Qu le ensean estas diferencias?