Introduccin al Visual Basic

PRACTICA NO. 1

INTRODUCCIN AL VISUAL BASIC

OBJETIVOS:

Conocer el contexto de los programas visuales orientados a eventos.

Aprender a hacer un programa sencillo en Visual Basic.

Conocer los controladores para caja de texto, etiquetas y Botones de

comando y usarlos en una aplicacin.

INTRODUCCIN

Visual Basic es una herramienta de diseo de programas (aplicaciones) para Windows, en

la que estos se desarrollan en gran parte a partir del diseo de una interfaz grfica. En
una aplicacin Visual Basic, el programa est formado por una parte de cdigo puro, y
otras partes asociadas a los objetos que forman la interfaz grfica.

Es por tanto un trmino medio entre la programacin tradicional, formada por una
sucesin lineal de cdigo estructurado, y la programacin orientada a objetos. Combina
ambas tendencias. Ya que no podemos decir que VB pertenezca por completo a uno de
esos dos tipos de programacin, debemos inventar una palabra que la defina:
PROGRAMACION VISUAL.

Al finalizar esta prctica usted aprender alguno de los conceptos bsicos de

programacin visual y podr realizar programas ejecutables sencillos.

MATERIAL Y EQUIPO EMPLEADO

Laboratorio equipado con computadoras que tengan instalado el sistema de

desarrollo de aplicaciones Windows en Microsoft Visual Basic 6.

Pre-reporte:

Leer previamente la prctica.

Llevar un CD con el software de instalacin de Visual Basic 6.

A. Espinoza/E. Romero ITSON Laboratorio de Sistemas Digitales III

Introduccin al Visual Basic

DESARRROLO

Para la creacin de un programa bajo Visual Basic es necesario realizar los siguientes
pasos:
1.- Elaborar una interfaz de usuario
2.- Agregar controles a la interfaz y definir sus propiedades.
3.- Generar cdigo asociado a eventos.
4.- Generar cdigo general del programa.

Durante el desarrollo de esta prctica se realizarn cada una de las acciones descritas,
pero antes de esto se har una introduccin al ambiente de desarrollo en Visual Basic.

I. Introduccin al sistema de desarrollo de Visual Basic.

1.1 Iniciando el Visual Basic.

Ejecute el programa Visual Basic desde Windows. Aparecer la ventana de desarrollo de

aplicaciones VB mostrando todos los tipos de proyectos para que usted elija el tipo que
quiere desarrollar. En este caso haremos una aplicacin simple por lo que seleccione el
icono Standard.exe y despus haga clic en el boton Abrir que est abajo a la
derecha. Con esto, aparecer una ventana con varias reas o elementos como muestra la
Figura 1.

Figura. 1: Pantalla inicial del Visual Basic

A. Espinoza/E. Romero ITSON Laboratorio de Sistemas Digitales III

Introduccin al Visual Basic

El rea 1 corresponde a la barra de men y la barra de herramientas, ests sirven para

seleccionar opciones o acciones sobre el diseo del programa.

El rea 2 es la ventana del proyecto. Un proyecto es un conjunto de elementos y

acciones que integran un programa. Hasta el momento nuestro programa cuenta con un
solo elemento, el cual es una forma (Form1) o ventana principal del programa (rea 3),
para el diseo del programa, se le irn agregando ms elementos, de acuerdo a lo que se
quiera que haga el programa. Estos elementos se les llama controles,.

El rea 3 corresponde a la forma principal del proyecto, un programa puede tener ms

de una forma. En esta forma es en la que iremos agregando los controles que
contendr nuestro programa.

El rea 4 corresponde a la ventana de Propiedades. En est aparecen las propiedades

de los objetos o controles que integran el programa. Una propiedad es una caracterstica
y cada objeto tiene varias propiedades que definen su funcionamiento, por ejemplo, el
objeto Form1 tiene como propiedades: su tamao (ancho y largo), color, tipo de borde,
etc.

El rea 5 corresponde a la barra de controles, de aqu vamos a seleccionar los

elementos que integrarn a la forma principal y por ende a nuestro programa.

1.2.- Ejecucin de un programa en el sistema de desarrollo

Aunque aun no hemos agregado ninguna lnea de cdigo, ya tenemos un programa

sumamente sencillo en visual basic, este consiste solamente en una ventana gris que
aparece y no tiene ninguna accin ms que eso. Para hacer que este programa se
ejecute y poder ver como se comporta, se puede usar las barra de men seleccionando la
opcin RUN y START, o directamente con la barra de herramientas seleccionando el
icono de sta. Para finalizar la ejecucin del programa, se puede usar el comando
RUN y END o directamente con el icono , o tambin cerrando directamente la
ventana de nuestro programa.

Ejecute el programa y observe que aparece un nuevo elemento en la barra inferior del
Windows indicando un nuevo programa en ejecucin. Maximise, minimise y modifique el
tamao de la ventana del programa.

II. Desarrollo de una aplicacin en Visual Basic

Una vez que se tiene la forma inicial para comenzar nuestro programa, se tiene que
agregar a esta todos los elementos y acciones que integrarn un programa que tenga
alguna aplicacin prctica. Para esto se tiene que seguir los pasos siguientes:

1.- Creacin de una interfaz de usuario.

2.- Definicin de las propiedades de los controles.
3.- Generacin del cdigo asociado a los eventos que ocurran a estos objetos.
4.- Generacin del cdigo del programa.

A. Espinoza/E. Romero ITSON Laboratorio de Sistemas Digitales III

Introduccin al Visual Basic

Hasta el momento nuestra aplicacin se encuentra a la mitad de la etapa 1 ya que

tenemos el Formulario principal pero no le hemos agregado los controles, faltara
concluir esta etapa y continuar las 3 etapas posteriores.

Antes de comenzar con el desarrollo de un aplicacin, es necesario definir que es lo que

esta har. Para esta prctica se propone hacer un programa que calcule la ley de ohm.
El programa tendr la siguiente presentacin:

Figura 2: Presentacin del programa propuesto

Funcionamiento: Se escribirn los valores de Corriente y Resistencia en las reas de

texto y al hacer clic sobre el botn Calcular Voltaje, la ventana de texto Voltaje se
actualizar con el voltaje que corresponda a la corriente y resistencia dados. Ejemplo: si
se escribe 3 en corriente y 5 en Resistencia, al hacer clic en el botn calcular voltaje, el
rea de texto Voltaje se pondr en 15. El botn Salir ser para salir del programa.
Una vez definido el programa, comenzamos con el desarrollo de este.

III. Creacin de la interfaz de usuario y definicin de propiedades de los

controladores.

La interfaz de usuario es la va de comunicacin hombre mquina, tanto para salida de

datos como para entrada. Ser necesario partir de la Forma, creada en en el paso 1.1,
a la que le iremos aadiendo los controles necesarios hasta tener una interfaz como la
mostrada en la figura 2.

La interfaz de usuario del programa propuesto tendr 3 tipos de controles (Adems de la

forma principal), estos controles son: Etiquetas, Caja de texto y Botn de comando.
Estos controles se toman de la barra de controles haciendo clic en el control que se
desea agregar y dibujndolo en la parte de la interfaz en la que queremos que quede
dicho elemento.

A. Espinoza/E. Romero ITSON Laboratorio de Sistemas Digitales III

Introduccin al Visual Basic

3.1.- Agregando etiquetas

En el programa propuesto tenemos 4 etiquetas, estas son cada uno de los letreros que
aparecen en el formato. Estos letreros son: Clculo usando la ley de Ohm, Voltaje :,
Corriente: y Resistencia:.
Primero agregaremos la etiqueta Clculo usando la ley de Ohm

Haga clic en el icono de agregar etiquetas que se encuentra en la barra de

controladores. Es el que tiene est forma: .

En la forma principal haga clik y sin soltar el botn del mouse mueva el cursor en
diagonal para formar un rectngulo del tamao que quiere la etiqueta y en la posicin en
la que se desea que est sta (Centrada en la parte superior). Deber aparecer un
rectngulo con la etiqueta. Al generar cualquier objeto, el VB le asigna un nombre por
default, en este caso Label1, el que se puede cambiar posteriormente. La forma
deber quedar como se muestra.

Figura 3: Primera etiqueta

3.2.- Modificando propiedades de etiquetas.

Hasta ahora ya tenemos nuestra primera etiqueta pero sus propiedades se tiene que
definir de acuerdo a las necesidades de nuestro programa. Para definir las propiedades,
usamos la ventana de propiedades a la derecha de la pantalla (figura 4). En la parte
superior de esta ventana, podemos ver el selector de controlador, en donde se ve el
nombre del controlador. Aparece Label1 por lo que las propiedades que vemos en las
columnas inferiores son las de este controlador y su respectivo valor.

A. Espinoza/E. Romero ITSON Laboratorio de Sistemas Digitales III

Introduccin al Visual Basic

Figura 4: Ventana de propiedades

Las 2 pestaas Alphabetic y Categorized permiten ordenar el nombre de las

propiedades por orden alfabtico o por tipo de propiedad. Seleccione cada pestaa y vea
la diferencia.

Las propiedades ms importantes de esta clase son:

(Name) : La cual representa el nombre con el que se va hacer referencia a este
objeto. VB asign por default el nombre Label1, nosotros podemos cambiar el
nombre pero es recomendable que sea un nombre que nos indique que se trata de
una etiqueta, por ejemplo, LabelTitulo.

Caption: Es el mensaje que se quiere que despliegue la etiqueta.

Modifique las propiedades de Label1 a los valores indicados a continuacin.

(Name) = LabelTitulo.
Caption = CALCULO USANDO AL LEY DE OHM
Font = Comic, Normal, 12.
Alignment = Center

3.3.- Modificando propiedades de la Forma principal

Seleccione el control de Form1 en el Selector de controlador para modificar las

propiedades que se indican:
(Name) = FormPrincipal.
Caption = LEY DE OHM

3.4.- Agregue las 3 etiquetas para Voltaje, corriente y resistencia. Con el nombre
LabelVolt, labelCorr y labelResist. La forma del programa deber verse como se muestra
a continuacin.

A. Espinoza/E. Romero ITSON Laboratorio de Sistemas Digitales III

Introduccin al Visual Basic

Figura 5: Interfaz con las 4 etiquetas.

3.5.- Agregando cajas de texto. Las cajas de texto son los controles que nos sirven
como entrada y salida de mensajes de texto. Es decir, el usuario puede escribir datos en
la caja para que el programa los procese o el programa puede mostrar texto de salida
para que el usuario lo vea.
Haga clic en el icono de agregar Caja de texto que se encuentra en la barra de
controladores. Es el que tiene est forma: .
Coloque una caja de texto a la derecha de las etiquetas de voltaje, corriente y resistencia,
modifique las propiedades con los siguientes valores y tratando que queden como
muestra la figura 2:
(Name) = TextVolt, TextCorr y TextRes.
Text = 1,1,1

Este ltimo parmetro sirve para definir el mensaje que queremos que aparezca
inicialmente en la caja de texto.

3.6.- Agregando Botones de comando

Los Botones de comando son los controles que nos sirven para ordenar acciones cada
vez que se hace Clic en ellos. Generalmente indican con texto la accin que realizar al
activarlos.
Haga clic en el icono de agregar Botones de comandos que se encuentra en la barra

de controladores. Es el que tiene est forma: .

A. Espinoza/E. Romero ITSON Laboratorio de Sistemas Digitales III

Introduccin al Visual Basic

Coloque un botn de comando a la derecha de la caja de texto correspondiente a voltaje

y, modifique las propiedades con los siguientes valores:
(Name) = CommVoltaje
Caption = Calcula Voltaje.

Agregue otro Botn en la parte inferior de la forma y, modifique las propiedades con los
siguientes valores:
(Name) = CommSalir
Caption = SALIR.

La forma debe quedar como se mostr en la figura 2.

IV.- Generacin del cdigo asociado a eventos

Hasta este momento usted tiene un programa que solamente es una interfaz de usuario,
pero sin ninguna funcin prctica. Ejectelo y vea como se comporta. En el caso del
programa planteado para calculo de la ley de ohms, se requiere que el programa
reaccione a 2 eventos, el primero de ellos debido a que se seleccione el botn calcular
voltaje, y la accin al evento es colocar el clculo en la Caja de texto voltaje a partir de
los datos contenidos en las Cajas de texto resistencia y Corriente. Y el segundo
evento es cuando se activa el botn SALIR, la accin sera finalizar el programa.

4.1.- Ventana de cdigo para eventos

Para agregar eventos a los controladores haga doble clic en el controlador al que se le
quiere agregar, en este caso comenzaremos con el botn SALIR. Aparecer la ventana
de cdigo, en esta aparece el cdigo que forma el programa. Por default aparece el
cdigo para el evento de hacer clic en el controlador ComSalir, esto se puede ver en el
selector de controlador y selector de evento en la parte superior de la ventana.

4.2.- Tipos de eventos

Existen varios tipos de eventos a los que va responder este controlador, Haga clic en el
selector de eventos donde aparece el mensaje click (el triangulito para desplegar los
eventos) y vea todos los eventos a los que puede atender este controlador.

4.3.- Agregando Cdigo

Dado que la accin que se quiere que realice el botn SALIR es que el programa
termine hay que agregar la instruccin End como accin al evento. El cdigo deber
quedar como se muestra.

A. Espinoza/E. Romero ITSON Laboratorio de Sistemas Digitales III

Introduccin al Visual Basic

Figura 6: Ventana de cdigo

4.4.- El botn SALIR

Ejecute el programa y pruebe la accin del boton SALIR.

4.5.- Usando las propiedades desde el cdigo de programa

En el caso del botn CommVoltaje (Calcula voltaje ) la accin al evento es ms

complicada debido a que tiene que usar el valos de las propiedades de las cajas de texto.
Para hacer referencia a cualquier propiedad de un controlador, simplemente se escribe el
nombre del controlador seguido despus de un punto por el nombre de la propiedad. Por
ejemplo TextVoltaje.Text corresponde a la propiedad Texto de la caja de texto
relacionada con el voltaje. Escriba la siguiente lnea de cdigo a la funcin del evento clic
del botn calcula voltaje. Y pruebe el programa para ver el efecto del botn sobre la caja
de texto.

Private Sub CommVoltaje_Click()

TextVolt.Text=Se hizo clic
End Sub

4.6.- En la misma forma se puede tomar el valor de una propiedad de un controlador para
tomarla como dato de entrada. Cambie la lnea de cdigo del paso anterior por la
siguientes:

Private Sub CommVoltaje_Click()

TextVolt.Text = Val(TextCorr.Text) * Val(TextRes.Text)
End Sub

La funcin Val() de VB sirve para transformar una secuencia de caracteres ASCII a un

valor numrico para que se le puedan hacer operaciones aritmticas. Nos entrega el valor
numrico de las secuencia de caracteres entre parntesis.
Pruebe el funcionamiento del programa.

A. Espinoza/E. Romero ITSON Laboratorio de Sistemas Digitales III

Introduccin al Visual Basic

V. Creacin de un archivo executable (*.exe)

Hasta el momento ya tenemos el programa terminado y funcionando, pero est slo

correr dentro del ambiente de desarrollo de VB, es decir, tenemos que tener instalado el
VB en la computadora en la que se quiere que corra el programa. El sistema de
desarrollo nos permite generar un programa ejecutable o *.exe de tal forma que todo el
proyecto queda en un archivo ejecutable el cual puede ser corrido sin necesidad de que
exista el sistema de desarrollo de VB en la mquina. Pero, se requiere que exista el
intrprete de VB para el windows. Este archivo se llama msvbvm60.dll y es indispensable
para que el windows pueda ejecutar programas de VB, este archivo debe estar en
c:\windows\system.

5.1.- Para generar el archivo *.exe seleccione de la barra de men el comando File, y
seleccione de la columna que aparece el comando Make Project1.exe.

5.2.- Aparece una ventana en la que se puede especificar el directorio en el que

queremos que se guarde el archivo ejecutable y el nombre que queremos que tenga dicho
archivo.

5.3.- Usando el Explorador de Windows, busque el archivo que acaba de generar y

ejectelo haciendo clic en el icono, como lo hara con cualquier otro programa. Qu
tamao tiene dicho archivo?

5.4.- Usando el Explorador de Windows, busque el archivo intrprete de VB para

windows (msvbmv60.exe). Qu tamao tiene dicho archivo?

5.5.- Describa los pasos necesarios para que el programa que acaba de hacer pueda
ejecutarse en una mquina en la que no se tiene VB.

ACTIVIDADES COMPLEMENTARIAS

1. Modifique el programa para que adems de calcular el voltaje pueda calcular la

corriente o la resistencia colocando 2 botones ms para esto. De tal forma que la interfaz
de usuario ser como muestra la figura 7.

A. Espinoza/E. Romero ITSON Laboratorio de Sistemas Digitales III

Introduccin al Visual Basic

Figura 7. Pantalla de la interfaz propuesta

2. Investigue el uso de la instruccin If del VB y sela para eliminar el problema que se

presenta al querer calcular corriente cuando se tiene resistencia en cero, o calcular
Resistencia cuando se tiene corriente en cero. Haga que cuando esto ocurra aparezca el
la caja de texto el mensaje indeterminado, indicando que el valor no se puede calcular.

3.- Tomando como referencia el ejemplo visto en la prctica, desarrollar los siguientes
ejercicios en VB:

a) Elaborar una aplicacin permita realizar conversiones entre las distintas escalas
de temperatura.
b) Un programa que permite realizar conversiones entre los sistemas decimal,
binario, octal y hexadecimal.
c) Una calculadora binaria que permita realizar la suma, la resta de dos nmeros de
16 bits y C1 (complemento a uno) y C2 (complemento a dos) de cualquiera de
ellos. Los datos se introducirn en un cuadro de dilogo.
d) Lo mismo que el inciso anterior, pero ahora la informacin se introducir a travs
de casillas de verificacin. Si la casilla est marcada se tomar como un 1 y si no
lo esta ser 0.
e) Programar una aplicacin que permita saber la hora en una ciudad a partir de una
determinada en otra ciudad. Las ciudades sern DF, Obregn, Espaa, Japn,
Australia, Magadascar.

Cabe mencionar que todas las aplicaciones los datos de entrada debern validarse (con
la ayuda de la instruccin IF o CASE) para no provocar que el programa aborte su
funcionamiento, por ejemplo: si se requieren que los datos sean numricos y se
introducen caracteres, el programa deber generar una advertencia y continuar.

A. Espinoza/E. Romero ITSON Laboratorio de Sistemas Digitales III