You are on page 1of 11

Introducción al Visual Basic

PRACTICA NO. 1

INTRODUCCIÓN 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 aplicación.

INTRODUCCIÓN

Visual Basic es una herramienta de diseño de programas (aplicaciones) para Windows, en


la que estos se desarrollan en gran parte a partir del diseño de una interfaz gráfica. En
una aplicación Visual Basic, el programa está formado por una parte de código puro, y
otras partes asociadas a los objetos que forman la interfaz gráfica.

Es por tanto un término medio entre la programación tradicional, formada por una
sucesión lineal de código estructurado, y la programación orientada a objetos. Combina
ambas tendencias. Ya que no podemos decir que VB pertenezca por completo a uno de
esos dos tipos de programación, debemos inventar una palabra que la defina:
PROGRAMACION VISUAL.
Al finalizar esta práctica usted aprenderá alguno de los conceptos básicos de
programación 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 práctica.

Llevar un CD con el software de instalación de Visual Basic 6.

ARQUITECTURA DE COMPUTADORAS
Introducción al Visual Basic

DESARRROLO

Para la creación 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 código asociado a eventos.
4.- Generar código general del programa.
Durante el desarrollo de esta práctica se realizarán cada una de las acciones descritas,
pero antes de esto se hará una introducción al ambiente de desarrollo en Visual Basic.

I. Introducción 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 aplicación simple por lo que seleccione el
icono “Standard.exe” y después 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

ARQUITECTURA DE COMPUTADORAS
Introducción al Visual Basic

El área “1” corresponde a la barra de menú y la barra de herramientas, estás sirven para
seleccionar opciones o acciones sobre el diseño 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 diseño del programa, se le irán agregando más 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 más
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 característica
y cada objeto tiene varias propiedades que definen su funcionamiento, por ejemplo, el
objeto Form1 tiene como propiedades: su tamaño (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 integrarán a la “forma principal” y por ende a nuestro programa.
1.2.- Ejecución de un programa en el sistema de desarrollo

Aunque aun no hemos agregado ninguna línea de código, ya tenemos un programa


sumamente sencillo en visual basic, este consiste solamente en una ventana “gris” que
aparece y no tiene ninguna acción más que eso. Para hacer que este programa se
ejecute y poder ver como se comporta, se puede usar las barra de menú seleccionando la
opción “RUN” y “START”, o directamente con la barra de herramientas seleccionando el
icono de ésta. Para finalizar la ejecución del programa, se puede usar el comando
“RUN” y “END” o directamente con el icono , o también 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 ejecución. Maximise, minimise y modifique el
tamaño de la ventana del programa.
II. Desarrollo de una aplicación 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 integrarán un programa que tenga
alguna aplicación práctica. Para esto se tiene que seguir los pasos siguientes:

1.- Creación de una interfaz de usuario.


2.- Definición de las propiedades de los controles.
3.- Generación del código asociado a los eventos que ocurran a estos objetos.
4.- Generación del código del programa.

ARQUITECTURA DE COMPUTADORAS
Introducción al Visual Basic

Hasta el momento nuestra aplicación se encuentra a la mitad de la etapa “1” ya que


tenemos el “Formulario principal” pero no le hemos agregado los controles, faltaría
concluir esta etapa y continuar las 3 etapas posteriores.
Antes de comenzar con el desarrollo de un aplicación, es necesario definir que es lo que
esta hará. Para esta práctica se propone hacer un programa que “calcule la ley de ohm”.
El programa tendrá la siguiente presentación:

Figura 2: Presentación del programa propuesto

Funcionamiento: Se escribirán los valores de “Corriente “ y “Resistencia” en las áreas de


texto y al hacer “clic” sobre el botón “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 botón calcular voltaje, el
área de texto Voltaje se pondrá en 15. El botón “Salir” será para salir del programa.
Una vez definido el programa, comenzamos con el desarrollo de este.
III. Creación de la interfaz de usuario y definición de propiedades de los
controladores.

La interfaz de usuario es la vía de comunicación hombre máquina, 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 añadiendo 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 (Además de la


“forma principal”), estos controles son: “Etiquetas”, “Caja de texto” y “Botón de comando”.
Estos controles se toman de la barra de controles haciendo “clic” en el control que se
desea agregar y “dibujándolo” en la parte de la “interfaz” en la que queremos que quede
dicho elemento.

ARQUITECTURA DE COMPUTADORAS
Introducción 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: “Cálculo usando la ley de Ohm”, “Voltaje :”,
“Corriente:” y “Resistencia:”.
Primero agregaremos la etiqueta “Cálculo 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 botón del mouse mueva el cursor en
diagonal para formar un rectángulo del tamaño que quiere la etiqueta y en la posición en
la que se desea que esté ésta (Centrada en la parte superior). Deberá aparecer un
rectángulo 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.

ARQUITECTURA DE COMPUTADORAS
Introducción al Visual Basic

Figura 4: Ventana de propiedades

Las 2 pestañas “Alphabetic” y “Categorized” permiten ordenar el nombre de las


propiedades por orden alfabético o por tipo de propiedad. Seleccione cada pestaña y vea
la diferencia.

Las propiedades más 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 continuación.
(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 continuación.

ARQUITECTURA DE COMPUTADORAS
Introducción 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 parámetro 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. Generalment e indican con texto la acción 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: .

ARQUITECTURA DE COMPUTADORAS
Introducción al Visual Basic

Coloque un botón 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 Botón 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.- Generación del código asociado a eventos

Hasta este momento usted tiene un programa que solamente es una interfaz de usuario,
pero sin ninguna función práctica. Ejecútelo 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 botón “calcular
voltaje”, y la acción al evento es colocar el cálculo 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 botón “SALIR”, la acción sería finalizar el programa.
4.1.- Ventana de código 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 botón “SALIR”. Aparecerá la ventana
de código, en esta aparece el código que forma el programa. Por default aparece el
código 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 Código

Dado que la acción que se quiere que realice el botón “SALIR” es que el programa
termine hay que agregar la instrucción “End” como acción al evento. El código deberá
quedar como se muestra.

ARQUITECTURA DE COMPUTADORAS
Introducción al Visual Basic

Figura 6: Ventana de código

4.4.- El botón “SALIR”

Ejecute el programa y pruebe la acción del boton “SALIR”.

4.5.- Usando las propiedades desde el código de programa

En el caso del botón “CommVoltaje“ (Calcula voltaje ) la acción al evento es más


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 después de un punto por el nombre de la propiedad. Por
ejemplo TextVolt aje.Text corresponde a la propiedad “Texto” de la caja de texto
relacionada con el voltaje. Escriba la siguiente línea de código a la función del evento clic
del botón “calcula voltaje”. Y pruebe el programa para ver el efecto del botón 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 línea de código del paso anterior por la
siguientes:

Private Sub CommVoltaje_Click()


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

La función Val() de VB sirve para transformar una secuencia de caracteres ASCII a un


valor numérico para que se le puedan hacer operaciones aritméticas. Nos entrega el valor
numérico de las secuencia de caracteres entre paréntesis.
Pruebe el funcionamiento del programa.

ARQUITECTURA DE COMPUTADORAS
Introducción al Visual Basic

V. Creación de un archivo executable (*.exe)

Hasta el momento ya tenemos el programa terminado y funcionando, pero esté sólo


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 máquina. Pero, se requiere que exista el
intérprete 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


ejecútelo haciendo “clic” en el icono, como lo haría con cualquier otro programa. ¿Qué
tamaño tiene dicho archivo?

5.4.- Usando el “Explorador de Windows”, busque el archivo intérprete de VB para


windows (msvbmv60.exe). ¿Qué tamaño tiene dicho archivo?

5.5.- Describa los pasos necesarios para que el programa que acaba de hacer pueda
ejecutarse en una máquina en la que no se tiene VB.
ACTIVIDADES COMPLEMENTARIAS

1. Modifique el programa para que además de calcular el voltaje pueda calcular la


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

ARQUITECTURA DE COMPUTADORAS
Introducción al Visual Basic

Figura 7. Pantalla de la interfaz propuesta

2. Investigue el uso de la instrucción “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 práctica, desarrollar los siguientes
ejercicios en VB:

a) Elaborar una aplicación 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 números de
16 bits y C1 (complemento a uno) y C2 (complemento a dos) de cualquiera de
ellos. Los datos se introducirán en un cuadro de diálogo.
d) Lo mismo que el inciso anterior, pero ahora la información se introducirá a través
de casillas de verificación. Si la casilla está marcada se tomará como un 1 y si no
lo esta será 0.
e) Programar una aplicación que permita saber la hora en una ciudad a partir de una
determinada en otra ciudad. Las ciudades serán DF, Obregón, España, Japón,
Australia, Magadascar.

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

ARQUITECTURA DE COMPUTADORAS

You might also like