Leccin 1.

Iniciando con Visual Basic 2010 Express Entrar a Visual Basic 2010 Express En Windows Vista hacemos click en el botn [Iniciar] , despus en Todos los programas, seleccionamos la carpeta Microsoft Visual Studio 2010 Express y dentro de sta hacemos click en Microsoft Visual Basic 2010 Express, como se muestra en la figura siguiente:

Aparecer la Pgina principal de Microsoft Visual Basic 2010 Express, como se muestra en la figura siguiente:

Si ya se hubieran realizado proyectos en la computadora, stos se mostraran en la seccin de Proyectos recientes, como en la figura anterior, pero como apenas estamos iniciando es muy probable que esta seccin aparezca en blanco. Como vamos a desarrollar nuestro primer proyecto demos click en Nuevo Proyecto Aparecer el cuadro de dilogo de Nuevo proyecto, como se muestra en la figura siguiente:

Se nos mostrarn las plantillas instaladas de Visual Basic, que nos indican los tipos de aplicaciones que podemos crear. Para este curso crearemos slo aplicaciones con ventanas, por lo que siempre escogeremos la plantilla Aplicacin de Windows Forms Visual Basic; entonces, seleccionamos esta plantilla y hacemos click en el botn [Aceptar]. Luego de unos momentos aparecer el Entorno Integrado de Desarrollo de Visual Basic 2010 Express, formado por un conjunto de ventanas, a partir del cual disearemos la apariencia de nuestros programas y escribiremos sus instrucciones

Podemos encontrar, por debajo del ttulo de la ventana, la barra de mens (Archivo-Editar-Ver), ms abajo la barra de herramientas, ambas muy similares a las encontradas en otros programas de Windows. Como podemos observar, el resto del entorno est formado por las siguientes ventanas: Cuadro de herramientas, ventana de Diseo, Explorador de soluciones y ventana de Propiedades. En la ventana de Diseo observaremos a la ventana de nuestro sistema (a la que llamaremos formulario, de aqu en adelante), con sus botones, controles, mens, etc. Del Cuadro de Herramientas tomaremos los elementos necesarios para el formulario, como son Cuadros de Texto, Botones, Etiquetas, etc. En el Explorador de soluciones veremos la lista de archivos que forman nuestro proyecto. En la ventana de Propiedades podemos cambiar diferentes valores relacionados con elementos tomados del Cuadro de Herramientas, como pueden ser su nombre, tamao, colores, fuentes, textos, ubicacin, etc. Bueno, basta de descripciones por el momento, continuemos con nuestra sesin prctica Para agregar elementos del Cuadro de herramientas a nuestro formulario, se puede hacer al estilo de Paint, es decir, luego de seleccionar la pestaa de dicho cuadro, damos click en el elemento deseado, una vez seleccionado tal vez sea necesario hacer click fuera del cuadro de herramientas (pero no sobre el formulario) para que se oculte automticamente y despus lo dibujamos sobre el formulario, una vez que lo tengamos en la posicin y tamao necesario se suelta el botn izquierdo del ratn. Otra forma de agregar estos elementos, a los que llamaremos controles, es simplemente hacer doble-click sobre ellos y despus se mueven con el ratn a la posicin deseada, pudiendo modificarse tambin su tamao. Agreguemos un TextBox (cuadro de texto) a nuestro formulario:

colocndolo como se muestra en la figura siguiente

Agreguemos tambin un Button (botn),

colocndolo como se muestra en la figura siguiente:

Ntese que como ttulo de nuestro formulario se observa el texto Form1, el cuadro de texto aparece en blanco y el botn muestra el texto Button1; tal vez, podramos desear otros textos ms descriptivos o ms apropiados para nuestro sistema. La intencin es hacer un sistema que al momento de dar click en el botn aparezca la palabra Hola en el cuadro de texto, es decir un sistema saludador y siendo as tal vez sea ms adecuado que el ttulo de la ventana de nuestro sistema sea Saludador. Esto es la pura apariencia de nuestra ventana, pero tambin hay otros valores no visibles y s muy importantes en la programacin de nuestro sistema, entre ellos el nombre de los controles, ms bien la modificacin de estos nombres, ya que Visual Basic les pone nombres provisionales como son TextBox1 para el primer cuadro de texto agregado, TextBox2 para el segundo y as sucesivamente; Button1 para el primer botn y as Form1 para el primer formulario y as se sigue Para modificar valores relacionados con un control del formulario y el

formulario mismo basta con hacer click sobre l y realizar esos cambios en la ventana de Propiedades. Veamos, modifiquemos nombre y texto del formulario; para ello hagamos click sobre l (en cualquier espacio libre que no est ocupado por un control, en este caso no seleccionar ni el cuadro de texto ni el botn sino en cualquier hueco dejado por ellos) y vamos a la ventana de Propiedades, en ella modificamos el Name (nombre), modificando su valor de la derecha, actualmente Form1, por MiVentana.

Como puede notarse en la figura, el elemento seleccionado aparece enmarcado y con unos pequeos cuadritos, indicando los puntos a mover para modificar el tamao del elemento. Modifiquemos tambin su propiedad Text (texto), reemplazando el valor actual de Form1 por Saludador. Cambiemos tambin el nombre del cuadro de texto, reemplazando su valor actual de TextBox1 por el de Saludo:

Finalmente, cambiemos el nombre del botn, reemplazando su nombre actual Button1 por el de BotonSaludar (sin espacios entre las dos palabras). Tambin reemplacemos su valor de Text (texto, ttulo visible), actualmente Button1 por el de Saldame.

Bien, ya hemos modificado propiedades relacionadas con los elementos visibles de nuestro sistema; ahora falta programar (o codificar) la respuesta del botn, es decir, lo que har nuestro sistema cuando hagamos click en el botn. En este caso deseamos que aparezca la palabra Hola en el cuadro de texto. Para programar la respuesta ya mencionada empecemos por hacer doble-click sobre el botn, con lo que aparecer la ventana de cdigo, algo similar a lo que se muestra en la figura siguiente:

Hacia la parte superior se encuentran dos listas, una donde se observa BotonSaludar (si la abrimos veremos que se incluyen los tres elementos del proyecto: formulario, botn y cuadro de texto) y otra donde se observa Click (si la abrimos veremos una lista extensa donde se indican los diferentes acontecimientos que pueden sucederle a un elemento como click, doble-click, mover el ratn, etc). Ms adelante vemos Public Class MiVentana que finaliza con End Class donde se indica el cdigo o programacin relacionada con la ventana de nuestro sistema. Hacia adentro de esta seccin se observa:

En este caso indica las instrucciones a seguir cuando se haga Click sobre el botn (llamado BotonSaludar). Entre las lneas Private Sub y End Sub escribamos la instruccin: Saludo.Text = Hola

Expliquemos su significado: Saludo es el nombre del cuadro de texto y unido a su nombre por un punto va indicada la propiedad Text (texto, el contenido del cuadro de texto), luego va el operador = que en este caso significa que el nuevo valor de la propiedad Text de Saludo viene a la derecha del signo =, que en este caso es Hola. Simple y sencillamente significa que al presionar el botn aparecer Hola en el cuadro de texto Ser? Nuestro cdigo (o programacin) queda finalmente as:

Bueno, respiremos hondo, frotmonos las manos, aguantemos la respiracin y esperemos que nuestro primer sistema realmente funcione. Para probar nuestro sistema hagamos click en la herramienta Iniciar depuracin, mostrada en la figura siguiente:

Si todo va bien veremos nuestro sistema en accin

De no ser as deberemos hacer una revisin de los procedimientos seguidos para tratar de detectar errores y omisiones. Observemos la barra de ttulo de la ventana de nuestro programa, que adems del ttulo (Saludador) tiene tres botones que hemos observado en otros programas de Windows: el botn Minimizar (guin), botn Maximizar (rectngulo) y botn Cerrar (X). Probemos de momento el efecto de hacer click sobre los botones Minimizar y Maximizar. Ms adelante probaremos el botn Cerrar.

Finalmente, hagamos la prueba con nuestro sistema, es decir hagamos click en el botn, etiquetado como [Saldame] y deberemos obtener la palabra Hola en el cuadro de texto

Para salir de nuestro sistema debemos hacer click en el botn cerrar, sealado en la figura siguiente:

Bien, supongamos que hemos terminado por hoy y deseamos conservar el sistema que hemos elaborado; para ello deberemos guardarlo, ya sea en disco duro (C:) o en algn otro medio como una memoria extrable. Para guardar nuestro proyecto hagamos click en la herramienta Guardar todo mostrada en la figura siguiente:

Aparecer un cuadro de dilogo como el siguiente:

Podemos modificar, si lo deseamos, el Nombre, la Ubicacin (para cambiarla debe hacerse click en [Examinar] y seleccionar la unidad de almacenamiento y carpeta donde se desea guardar, tambin puede cambiarse el Nombre de la solucin y si se desea Crear directorio para la solucin (una carpeta). Una vez que estemos satisfechos con las indicaciones hacemos click en [Guardar].

Para salir de Visual Basic vamos al men Archivo y seleccionamos Salir

Si por alguna razn se nos olvid guardar el proyecto con el que estuvimos trabajando se nos advertir esa situacin dndonos la opcin de guardar o simplemente descartar ese proyecto porque tal vez no sea importante conservarlo. Ejercicio 1.1. Elaborar un programa que muestre su nombre completo al hacer click en un botn. Hermilo Victorio Meza. Marzo 1 de 2011.