Está en la página 1de 11

Introduccin al Visual Basic 1

PRCTICA 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 (VB) 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 de VB, el programa est formado por una parte de cdigo puro,
y otras partes asociadas a los objetos que forman la interfaz grfica.

VB es por lo tanto, un trmino medio entre la programacin tradicional, formada por una
sucesin lineal de cdigo estructurado, y la programacin orientada a objetos, de tal forma
que 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: programacin visual.

Al finalizar esta prctica se dominarn algunos de los conceptos bsicos de programacin
visual y podr realizar programas ejecutables sencillos.


MATERIAL Y EQUIPO EMPLEADO

Laboratorio equipado con computadoras que tengan instalado Windows XP y
Microsoft Visual Basic 6.0.


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

Iniciando el Visual Basic.

1. 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 se har una aplicacin simple por lo que se selecciona el
icono Standard.exe y despus haga click en el botn Abrir que est abajo a la derecha.
Con esto, aparecer una ventana con varias reas o elementos como muestra la figura
1.1.



Figura 1.1: Pantalla inicial del Visual Basic.

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

Introduccin al Visual Basic 3
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 el programa elaborado cuenta con
un solo elemento, el cual es un Form (forma) 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. A 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 se irn agregando los controles que
contendr el 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 al programa que se va a
elaborar.


Ejecucin de un programa en el sistema de desarrollo

2. Aunque no se ha agregado ninguna lnea de cdigo, ya se tiene un programa
sumamente sencillo en VB, 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 la 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. Maximice, minimice 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 4
Hasta el momento nuestra aplicacin se encuentra a la mitad de la etapa 1 ya que se
tiene el Formulario principal pero no le han agregado los controles, faltara concluir esta
etapa y continuar las tres posteriores.

3. Antes de comenzar con el desarrollo de una 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 1.2: Presentacin del programa propuesto.


Funcionamiento: Se escribirn los valores de Corriente y Resistencia en las reas de
texto y al hacer click sobre el botn Calcular Voltaje, la ventana de texto Voltaje se
actualizar con el voltaje que corresponda a la corriente y resistencia dadas. Ejemplo: si
se escribe 3 en corriente y 5 en Resistencia, al hacer click 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 el paso 1, a la
que le irn aadiendo los controles necesarios hasta tener una interfaz como la mostrada
en la figura 1.2.

La interfaz de usuario del programa propuesto tendr 3 tipos de controles (adems de la
forma principal), estos controles son: etiquetas, cajas de texto y botones de
comando . Estos controles se toman de la barra de controles haciendo click en el
control que se desea agregar y dibujndolo en la parte de la interfaz en la que se
quiere que quede dicho elemento.
A. Espinoza/E. Romero ITSON Laboratorio de Sistemas Digitales III

Introduccin al Visual Basic 5
Agregando etiquetas

En el programa propuesto se tienen 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:.

4. Primero se agregara la etiqueta Clculo usando la ley de Ohm, para esto haga click
en el icono de agregar etiquetas que se encuentra en la barra de controladores. Es el que
tiene esta forma: .

5. En la forma principal haga click y sin soltar el botn del ratn mueva el cursor en
diagonal para formar un rectngulo del tamao que se quiere la etiqueta y en la posicin
en la que se desea que est (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 en la figura 1.3.


Figura 1.3: Primera etiqueta.


Modificando propiedades de etiquetas.

Hasta ahora se tiene la primera etiqueta pero sus propiedades se tienen que definir de
acuerdo a las necesidades de nuestro programa. Para definir las propiedades, se usa la
ventana de propiedades a la derecha de la pantalla (figura 1.4). En la parte superior de
ella, es posible 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.

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

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

Introduccin al Visual Basic 6

Figura 1.4: Ventana de propiedades.


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.

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


Modificando propiedades de la Forma principal

9. Seleccione el control de Form1 en el Selector de controlador para modificar las
propiedades que se indican:

(Name) =FormPrincipal.
Caption =LEY DE OHM

10. 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 en la figura 1.5.

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

Introduccin al Visual Basic 7

Figura 1.5: Interfaz con las 4 etiquetas.


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.
11. Haga click en el icono de agregar caja de texto que se encuentra en la barra
de controladores.

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


Agregando Botones de comando

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

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

Introduccin al Visual Basic 8
14. 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.

15. 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 1.2.


IV. Generacin del cdigo asociado a eventos

Hasta este momento se 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 clculo de la ley de ohm, 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. El segundo evento es cuando
se activa el botn SALIR, la accin sera finalizar el programa.

Ventana de cdigo para eventos

16. Para agregar eventos a los controladores haga doble click en el controlador al que
se le quiere agregar, en este caso se comenzar con el botn SALIR. Aparecer la
ventana de cdigo, en esta aparece el cdigo que conforma el programa. Por default
aparece el cdigo para el evento de hacer click en el controlador ComSalir,. Esto puede
se visto en el selector de controlador y selector de evento en la parte superior de la
ventana.


Tipos de eventos

17. Existen varios tipos de eventos a los que va responder este controlador, Haga click
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.


Agregando cdigo

18. Dado que la accin que se quiere que realice el botn SALIR es que el programa
finalice 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 9

Figura 1.6: Ventana de cdigo


El botn SALIR

19. Ejecute el programa y pruebe la accin del botn SALIR.


Usando las propiedades desde el cdigo de programa

20. En el caso del botn CommVoltaje (calcula voltaje) la accin al evento es ms
complicada debido a que tiene que usar los valores 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 click del botn calcula voltaje. 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

21. 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
siguiente:

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, lo que permite hacer operaciones aritmticas. La funcin entrega el valor
numrico de las secuencia de caracteres entre parntesis.

22. Verifique el funcionamiento del programa.

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

Introduccin al Visual Basic 10
V. Creacin de un archivo executable (*.exe)

Hasta el momento ya se tiene el programa terminado y funcionando, pero este 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 ejecutado 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
Windows pueda ejecutar programas de VB, este archivo debe estar en la ruta
c:\windows\system.

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

24. Aparece una ventana en la que se puede especificar el directorio en el que se desea
se guarde el archivo ejecutable y el nombre que se quiere que tenga dicho archivo.

25. Con la ayuda del Explorador de Windows, busque el archivo que acaba de generar y
ejectelo haciendo click en el icono, como lo hara con cualquier otro programa. Qu
tamao tiene dicho archivo?_________________________________

26. Usando el Explorador de Windows, busque el archivo intrprete de VB para
Windows (msvbmv60.exe). Qu tamao tiene dicho archivo?_____________________

27. Describa los pasos necesarios para que el programa que se acaba de realizar 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 1,7.



Figura 1.7: Pantalla de la interfaz propuesta.
A. Espinoza/E. Romero ITSON Laboratorio de Sistemas Digitales III

Introduccin al Visual Basic 11
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, J apn,
Australia, Magadascar.

Cabe mencionar que en 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