Conociendo el Entorno De Desarrollo Integrado (IDE)

El Entorno de Desarrollo Integrado (Integrated Development Environment) o IDE es el que proporciona todas las
facilidades para programar en Visual Basic.

Es por eso, que gran parte de este libro, está orientado a que el lector aprenda a manejar el software, para poder
sacarle el máximo provecho a todas las herramientas que el IDE proporciona, para programar de manera rápida y
eficiente.

A continuación, se creará un proyecto para entender mejor como utilizar el IDE de Visual Basic.

Para iniciar un nuevo proyecto, de clic en el menú Archivo y luego en Nuevo proyecto.

Después de unos segundos aparecerá la siguiente pantalla...

En esta pantalla hay múltiples opciones para desarrollo de aplicaciones, elija Aplicación de Windows form porque lo
que vamos a desarrollar es una aplicación para Windows usando un Formulario como herramienta principal.

Luego escriba en el nombre, Mi primer proyecto y luego de clic en Aceptar y después de unos segundos Visual Basic
desplegará el entorno de desarrollo integrado o IDE, como se le llamará de ahora en adelante, en este curso.
Observe que el nombre del proyecto aparece en la barra de título, luego está la barra de menús, la barra de
herramientas estándar y más abajo está una barra que contiene un elemento con el nombre del proyecto actual y
otro con el nombre de form.vb Todos los archivos de visual Basic se guardan con la extensión .vb

En el centro, Observe el rectángulo que aparece a la izquierda; este es el  FORMULARIO (Form en inglés) y es para el
programador en Visual Basic como el lienzo del pintor, la pizarra del maestro o el pentagrama del escritor de música;
Es, donde el programador diseña los objetos que tendrá la interfaz del programa.

Más adelante conocerá más profundamente acerca del formulario, porque el conocimiento de este, es clave para la
programación en visual Basic.

Por ahora, continuemos conociendo el IDE, observando que a la derecha está una columna con el nombre
de Explorador de soluciones que contiene el proyecto y sus respectivos formularios.

En visual Basic, los programas en desarrollo o terminados, son llamados Proyectos o Soluciones.

Visual Basic 2010 incluye un proyecto. vbproyect) y un archivo de soluciones (.sln)

La diferencia entre un proyecto y una solución es que el primero contiene información y elementos específicos para
un solo programa o proyecto y una solución contiene información para uno o más proyectos.

Más abajo de la ventana del explorador de soluciones, encontrará la ventana de propiedades que contiene una
columna con el nombre Propiedades, que son los atributos o características del objeto (control) seleccionado en el
formulario y las cuales varían según los objetos, porque no todos tienen las mismas propiedades.

Por ahora, es bueno que dé una revisión general del entorno de desarrollo integrado (IDE) para que se familiarice
con él. No se preocupe si usted es nuevo en visual Basic y ve un montón de menús, botones y ventanas que ahora no
entiende, porque en las próximas lecciones, conocerá con más detalle cada una de las secciones del entorno de
desarrollo integrado (IDE)

A la izquierda se encuentra el cuadro de herramientas (o ToolBox en inglés)

Al desplegarlo queda así…

 105
El cuadro de herramientas es de gran utilidad porque es donde escogeremos las herramientas que vamos a utilizar
para construir nuestros proyectos.

Si en el IDE, no logra ver el cuadro de herramientas, es porque esta desactivado; actívelo, abriendo el menú VER y
luego OTRAS VENTANAS y luego clic en CUADRO DE HERRAMIENTAS que se reconoce por tener como icono, lo que
parece, un martillo cruzado con una llave de mecánico.

Luego regrese al IDE y deberá aparecer el cuadro de herramientas en el lugar ya descrito.

A continuación, va a conocer con más detalle cada uno de los elementos del IDE o entorno de desarrollo integrado.

No se desespere si hasta aquí no ha creado ninguna aplicación, porque el tiempo que dedique a conocer, observar y
leer la teoría acerca del IDE (Integrated Development Environment) o entorno de desarrollo integrado, le será
reconocido con la facilidad que creará sus aplicaciones en el futuro, al dominar y conocer las herramientas para
desarrollarlas.

Conociendo la barra de menús

La barra de menús, es de frecuente utilización, en el desarrollo de nuestras aplicaciones por lo que debe revisar su
contenido.

Menú Archivo:

Casi siempre, está en el primer menú de la barra, por los importantes submenús que contiene.

Por ejemplo, si abre menú Archivo encontrará, lo siguiente…

 112
Aquí encontrará la opción para Nuevo proyecto, para abrir proyecto, Guardar todo, Cerrar proyecto, Agregar, Salir;
además de otras opciones, que usted puede explorar.

Menú Editar:

En el menú Editar, los más importantes son los tradicionales y ya conocidos, Cortar, Copiar, Pegar, y Eliminar.

También tiene el submenú Esquematización que al activarlo permite que, en el margen izquierdo del editor de
código, se muestren un signo más o menos, para esconder y mostrar parte del código.

Para activar la esquematización debe hacerlo en el menú Editar-------à Esquematización-------- >Iniciar

esquematización automática.

En la siguiente imagen se señala con flechas los signos + o – que aparecen cuando se activa la esquematización y que
nos sirven para que solo se muestre el código en el cual estamos trabajando en determinado momento y también
permite dividir el editor en secciones, separando los procedimientos con una raya horizontal.
 114
Al dar clic en el signo menos se ocultará parte del código.

115
Si da clic en el signo menos, de Public Class Form1, se ocultará el código del editor excepto la línea mencionada.

116
Para quitar la esquematización hágalo en el menú Editor…>Esquematización--------- > Detener esquematización y el
editor volverá a la configuración original.

117
En el menú Editar está Intellisense que contiene entre otros, la opción para insertar fragmento de códigos; La cual,
también se puede buscar en el menú contextual que se muestra cuando se da clic derecho en el mouse y que sirve
para buscar plantillas de códigos para ciertas aplicaciones y que al elegirlas la insertamos en el código de nuestro
proyecto actual, pero hay que modificarlo y hacerlo funcionar correctamente.
 118
4.5 Menú Ver:

En el menú Ver encontrará la opción para ver el código, el modo diseñador y algo importante es que, si una ventana
no se visualiza, por ejemplo, el cuadro de herramientas, puede buscarla en Otras ventanas como se muestra a
continuación.

119
Al dar clic encontrará…

1110
Observe que en Otras ventanas también está el explorador de soluciones y Ventana Propiedades.

Es importante que recuerde donde están, porque los necesitará con mucha frecuencia. A veces, por acciones
voluntarias o involuntarias, puede hacer no visibles algunos elementos del IDE y tendrá la necesidad de activarlas
desde aquí.

Menú Proyectos
Luego tenemos la ventana PROYECTO

1112
Desde esta ventana y sus ítems, podrá agregar formularios a sus proyectos, utilizando Agregar Windows Forms y
otros elementos que necesite. También Puede aquí, cambiar la configuración de los proyectos (más adelante se
explica en que consiste)

En este menú se encuentra el submenú Propiedades del proyecto, que nos permite tener acceso a las propiedades
del proyecto, el cual se explicará con más detalle en un capítulo posterior.

Menú Depurar

Este menú es muy importante porque permite probar los proyectos que está desarrollando y / o los cambios que le
vaya haciendo.

Tiene su representación también en la barra de herramientas estándar con un ícono representado por una flecha o
play. 

El menú Depurar tiene los siguientes Submenús, que puede ver en la imagen que sigue.
El submenú Ventanas, permite activar o desactivar la ventana Inmediato que hace que en la parte inferior del IDE se
muestre una ventana en donde informa de los errores que se producen al depurar la aplicación. Esto es de
importancia porque allí se puede ver el número de línea de cada error que hay en el código; Al dar clic en una de
ellas, nos ubica el cursor exactamente en la línea donde está el error.

1116
Menú Generar:

La barra de menús, contiene el menú GENERAR, para producir el archivo ejecutable del proyecto; Pero solo se activa
si ya está un proyecto en desarrollo o terminado.

El archivo que se genera con este menú es de extensión .exe y es el que generalmente se distribuye al usuario final
del programa.

Observe en las imágenes, que la barra de menús al abrir Visual Basic, tiene menos opciones que la barra de menús,
cuando ya se está en un proyecto nuevo o existente; porque se activan los menús Proyecto, Generar, Depurar y
Datos. Esto sucede cuando ya se abrió el IDE para un nuevo proyecto, pero no se han agregado controles.

Menú Formato: sirve para dar formato a los controles y solo se activa si hay un objeto en el formulario.

 Luego observe el menú Formato, que se hace visible y activa solo cuando se agrega el primer control u objeto en un
formulario.

1118
4.9 Menú Datos:

En el menú Datos se encuentran varios submenús como puede ver en la siguiente imagen…

Uno de ellos es Mostrar orígenes de datos que sirve para conectar Visual Basic a bases de datos.

Menú Formato:
Sirve para configurar espaciado, alineado y centrado de controles, además de otras funciones. Por ejemplo, si
queremos que un grupo de controles tengan el mismo tamaño, debemos seleccionar los controles, luego abrir el
menú Formato y elegir Igualar tamaño.

Podemos de igual manera, en menú Formato, definir el espaciado horizontal o vertical, así como ordenarlos.

4.11 Menú Herramientas:

No confundir con el cuadro de herramientas porque son cosas diferentes.

Un Ítem importante es el que sirve para trabajar con bases de datos (Conectar con base de datos) pues es útil para
conectar bases de datos con aplicaciones de Visual Basic.

En el menú contextual está el submenú Opciones, sea cuidadoso al habilitar o deshabilitar las casillas porque puede
provocar que el programa haga cosas inesperadas. Si lo hace, no se preocupe porque más adelante encontrará la
manera de restablecer el IDE a su configuración original.

Observe que aquí también puede elegir elementos para el cuadro de herramientas, lo cual es una alternativa a la
opción directa con clic derecho en el mouse, en donde sale la misma opción para elegir elementos del  cuadro de
herramientas.

A continuación, vea una imagen del submenú del menú Herramientas.

4.12 Menú Ventana:

Aquí se encuentra un elemento muy importante como Restablecer diseño de ventana que permite recuperar el
entorno de desarrollo integrado a su configuración predeterminada. Esto es útil cuando hemos hecho cambios en las
ventanas del IDE y nos hemos perdido y deseamos volver al principio del camino que iniciamos.
 

Menú Ayuda:

Puede observar las opciones que presenta y le serán de mucha utilidad, especialmente, si tiene conexión a internet,
pues hay suficiente información sobre diferentes temas relacionados a visual Basic.

Ya tendrá la oportunidad de utilizar la mayoría de los submenús que acaba de ver, pero es importante que usted por
su propia cuenta haga sus propias exploraciones en la barra de menús y submenús, así como, los menús
contextuales.