MANUAL DE LABORATORIO 2 II BIMESTRE

Quinto Bachillerato en Ciencias y Letras con Orientacin en Computacin

PROGRAMACION ORIENTADA EN OBJETOS VISUAL BASIC

La programacin orientada a objetos (P00) cam bi la forma tradicional de realizar programas in-
formticos. Anteriormente el programador diriga al usuario y ste nicamente poda ejecutar una
accin a la vez; hoy en una interfaz diseada mediante P00 el usuario tiene varias alternativas
y puede elegir cualquiera de ellas; por ejemplo, recuerda la pantalla de edicin de Word, donde
en un momento dado puedes escribir un prra fo, guardarlo, imprimirlo, eliminarlo, enviarlo al
portapapeles, definir una o varias propiedades del texto, etctera. En una interfaz diseada con
P00 el programador crea los escenarios sin sa ber por cul de ellos va a transitar el usuario.

Los lenguajes de programacin se crearon para resolver problemas que se relacionan con datos numricos
o alfanumricos empleando una computadora. Una aplicacin diseada para un pro psito
especfico pide al usuario que introduzca datos al programa, estos son procesados por la computadora
mediante el cdigo escrito por el programador y entrega los resultados en la pan talla o mediante
impresos en papel. Las interfaces de los programas deben ser muy intuitivas y los nuevos
lenguajes de programacin orientada a objetos permiten crearlas con relati va facilidad, pero es el
desarrollados quien debe disearlas con su ingenio.

VISUAL BASIC
El lenguaje de programacin Visual Basic (VB) fue creado por Microsoft; con l puedes disear progra-
mas de propsito general y generar aplicaciones sobre la plataforma de Windows, que no requieren
de un intrprete para ser ejecutadas.

Se fundamenta en dos conceptos:

VISUAL. Mtodo que se emplea para crear la interfaz grfica con base en los controles de la caja de
herramientas.
BASIC (Beginners All Purpose Symbolic Instruction Code). Conjunto de instrucciones y comandos
del lenguaje que le da origen.
 INSTALAR VISUAL STUDIO
1. Tener en una memoria usb o carpeta de la computadora
el programa descomprimido con todos sus componentes.
2. Doble clic sobre el instalador vs_ultimate y seguir los
pasos correspondientes.

3. Aceptar los trminos de licencia y dar clic en siguiente:

4. Seleccionar todas las caracteristicas del programa y dar
clic en Siguiente.

5. Automticamente se inciara la instalacin.

6. La instalacin durar casi 30 minutos.

7. Una vez haya finalizado la instalacin damos clic en

iniciar.

8. Nos pedira inciar sesion a lo cual

daremos clic en De momento no quiza
mas tarde.

9. En la siguiente ventana configuremos nuestro entorno y damos

clic en iniciar Visual Studio.

10. Esperamos a que se carguen cada una de las configuraciones.

 11. Asi es como luce Visual Studio despus de todos los pasos anteriores.

REGISTRAR VISUAL STUDIO 2013 ULTIMATE

Intrprete: Traductor de cdigo fuente, orden por orden para que el programa se ejecute en la
computadora.
 ENTORNO DE VISUAL BASIC
La P00 es intuitiva y Visual Basic es, tal vez, uno de sus mejores exponentes. Desde el inicio de un
proyecto cuentas con una interfaz que casi no necesita de explicaciones. Por eso programar en
este entorno de desarrollo es muy sencillo, y hasta divertido. La interfaz de Visual Basic 2010 aparece
con el Cuadro de herramientas oculto, pero al pulsar en su nombre en la barra, se despliega hacia
la derecha. Si quieres que se mantenga siempre visible, pulsa en el pequeo cono Ocultar
automticamente.
Barra de Ttulo Barra de menu

Barra de
Herramientas

Cuadro de
Herramientas Explorador de Soluciones

formulario
s
Ventana de diseador
de formularios

Barra de ttulo. Muestra el nombre del proyecto que se est diseando y el de la aplicacin,
Microsoft Visual Basic 2013. Contiene los botones de control Minimizar a, Maximizar, y Cerrar

Barra de mens. Visual Basic tiene 10 mens con gran cantidad de comandos y opciones que
permiten disear, editar, dar formato, depurar y ejecutar las aplicaciones que se crean en su
interfaz.

Barra de herramientas Estndar. Contiene los conos o botones que ejecutan los comandos
que ms se utilizan, como Nuevo proyecto, Agregar nuevo elemento, Abrir proyecto, Guardar
todo, Cortar, Copiar, Pegar, Iniciar depuracin, Explorador de soluciones, Ventana Propiedades,
Cuadro de herramientas, etctera. Al pasar el apuntador del ratn sobre los botones de la barra,
aparece un pequeo recuadro con su nombre.

Visual Basic cuenta con otras barras de herramientas que se pueden activar desde la opcin
Barras de herramientas del men Ver.

Cuadro de herramientas. Contiene los controles para crear la interfaz que interacta con el
usuario. Se toma el control con el ratn y se arrastra al formulario o se "dibuja" sobre l; sus
propiedades se modifican en la ventana Propiedades.
Observa que muchos de los nombres de los comandos, herramientas y propiedades de Visual Basic
2010 estn en ingls, aunque la versin sea en espaol. Recuerda que al pasar el ratn sobre
los conos, puedes obtener informacin detallada sobre el uso de la herramienta.

Formulario. Es el rea de trabajo de Visual Basic, en ella se dibujan los controles que el desarrollados
incluye para que el usuario interacte con el programa.

Explorador de soluciones. Conocido tambin

como Ventana de proyectos, muestra una
estructura de rbol con todos los archivos y formularios
que contiene la aplicacin. En la parte superior presenta
cinco conos; los dos de la derecha, Ver cdigo El y
Ver diseador permiten conmutar entre la ventana
de cdigo y la de edicin; Mostrar todos los
archivos despliega el rbol de directorios
completo.

Ventana Propiedades. Muestra las caractersticas

particulares que tiene el objeto que en ese momento se
encuentre seleccionado. En el lado izquierdo se localiza el
nombre de la Propiedad y en el derecho el estado en que se
encuentra, o su valor.

Barra de estado. Muestra el estado de los procesos que se

estn realizando en la interfaz. En la parte de la derecha se
muestran la posicin (en coordenadas XY) y el tamao del objeto
seleccionado en el formulario.
ACTIVIDAD 1
1. Inicia una sesin de Visual Basic.
2. Inicia un proyecto Aplicacin de Windows Forms.
En el cuadro de dilogo Nuevo proyecto acepta el nombre que propone el programa y pulsa el
botn Aceptar.
3. Abre otro proyecto con el comando Agregar/Nuevo proyecto del men Archivo.
En el cuadro de dilogo Agregar nuevo proyecto pulsa en el botn Guardar, acepta el nom-
bre propuesto y pulsa nuevamente en Guardar.
Inicia el proyecto Aplicacin de Windows Forms aceptando otra vez el nombre propuesto.
4. Por ltimo repite la operacin anterior y crea otro proyecto Aplicacin de Windows
Forms aceptando guardar con el nombre propuesto.
5. Observa la ventana Explorador de soluciones y escribe en las lneas los nombres de los tres
proyectos.
6. Cierra los proyectos y el programa con el botn Cerrar.

Si aparece un mensaje preguntando si deseas guardar el proyecto, selecciona No.

ACTIVIDAD 1

Busca la carpeta donde se guardaron los proyectos, que si no indicaste otra direccin, de ben
estar en Bibliotecas Documentos Visual Studio 2013 Projects WindowsApplicationl, como
se muestra en la figura.

Retrocede un
nivel pulsando en el
botn Atrs de la
carpeta y borra
completa la carpeta

WindowsApplication1 con los tres proyectos. Pulsa

con el botn derecho del ratn sobre la carpeta y en el
men contextual selecciona Eliminar.
2. Retrocede un nivel ms (a Visual Studio 2010), abre la
carpeta Backup Files y elimina las carpetas de respaldo
de los tres proyectos creados en la actividad anterior.
3. Puedes hacer esto porque an no se ha creado ningn
proyecto con contenido, pero no lo hagas con las
carpetas que se creen en adelante. Si hay otras carpetas
con otros nombres diferentes, no las elimines.
 ELEMENTOS DE UNA APLICACIN DE VISUAL BASIC
Formulario y objetos
Un buen ejemplo de un formulario es un cuadro de dilogo de cualquiera de las aplicaciones de
Windows como Imprimir. La mayora de sus componentes se encuentran en el Cuadro de
herramientas, en el apartado Controles comunes, otros como GroupBox estn en Contenedores,
porque sirve para agrupar controles de un tema comn.

El tamao del formulario se puede configurar desde una ventana pequea hasta ocupar la
pantalla completa, que generalmente es de 1024 x 768 pixeles o ms, dependiendo de la
resolucin del monitor.
Propiedades de los objetos de VB
Al iniciar un nuevo proyecto de VB el formulario es el nico objeto que aparece en la ventana de
edicin y sus propiedades se muestran en la Ventana Propiedades. Para modificarlas elige la
propiedad en la lista y a la derecha especifica la nueva caracterstica o el nuevo valor.
Las propiedades ms comunes de los formularios y otros objetos de VB, como los controles
Etiqueta (Label), Caja de grupo (GroupBox), Botn de pulsacin (Button), Caja de imagen (Pictu 1
reBox), etctera, se muestran en la Tabla 5.1.
 NOTA:
Los Controles son objetos que se ubican sobre el Formulario, sirven para que el usuario pueda
comunicarse con la aplicacin. Al insertar o "dibujar" un control, adquiere propiedades
predefinidas que se pueden modificar de la misma manera que las propiedades del formulario.

Actividad No. 3
 6. Abre el men Archivo y ejecuta el comando Guardar todo.
En el cuadro de dilogo Guardar proyecto acepta el nombre Mi primer proyecto y pulsa en el
botn Aceptar.
7. Deja abierto el proyecto y el programa, luego realiza la siguiente actividad.

Actividad No. 4
1. Pulsa en el botn Iniciar depuracin de la barra
de herramientas Estndar para depurar y ejecutar
el programa.
Observa que el formulario se ubica a 100 pixe les
del borde izquierdo y a 100 del superior de la
pantalla.
Selecciona los botones de opcin y ve rifica
que al seleccionar uno se deseleccionan los
dems, en cambio, prueba cmo s se pueden 91

seleccionar todas las casillas de verificacin.

2. Pulsa en el botn Detener depuracin para detener la
ejecucin y volver a la pantalla de trabajo.
3. Cambia los valores de la propiedad Location a 300, 300
pixeles.
Asegrate de fijar los valores seleccionando cualquier otra propiedad.
4. Depura nuevamente la aplicacin, ahora con el comando Iniciar depuracin del men Depurar.
Cambi la posicin del formulario?
Detn la depuracin con el comando Detener depuracin del men Depurar, pulsando en
el botn Detener depuracin o pulsando en el men de control Cerrar del formulario.
5. Abre el men Archivo y ejecuta el comando Guardar Forml.vb como.
En el cuadro de dilogo Guardar archivo como escribe Mi primer formullariomb en lugar de
Forml.vb, al final de la lnea Nombre.
6. Cierra la aplicacin y el programa pulsando en el botn de control Cerrar.
En el cuadro de dilogo que pregunta Desea guardar los cambios de los siguientes elementos?,
contesta S.

Detn la depuracin con el comando Detener depuracin del men Depurar, pulsando en
el botn Detener depuracin o pulsando en el men de control Cerrar del formulario.
5. Abre el men Archivo y ejecuta el comando Guardar Forml.vb como.
En el cuadro de dilogo Guardar archivo como escribe Mi primer formullariomb en lugar de
Forml.vb, al final de la lnea Nombre.
6. Cierra la aplicacin y el programa pulsando en el botn de control Cerrar.
En el cuadro de dilogo que pregunta Desea guardar los cambios de los siguientes elementos?,
contesta S.
Actividad 5
 Ejemplo.
Solucin de una estructura de programacin secuencia)

El profesor de matemticas te pide que desarrolles un programa que resuelva cualquier

ecuacin de la forma Ax + B = C. Despus de un anlisis, decides que:

1. El Formulario o interfaz de usuario debe tener:

a) Etiquetal que explique la finalidad del programa: Este programa resuelve cualquier
ecuacin de la forma Ax + B = C.
b) Etiqueta2 con las instrucciones Escribe el valor de A.
c) Etiqueta3 con las instrucciones Escribe el valor de B.
d) Etiqueta4 con las instrucciones Escribe el valor de C.
e) Tres Cajas de texto para capturar los datos de A, B y C en tiempo de ejecucin.
f) Un Botn de comando para ejecutar el cdigo con los clculos.
g) Etiquetas que contenga el texto El valor de x es:.
h) Etiqueta6 para visualizar el resultado.
2. La ventana de cdigo debe tener:
a) La declaracin de las variables del problema:
De entrada: A, B y C de tipo Integer.
De salida: x de tipo punto flotante Single.
b) Cdigo del mdulo Formulario:
Entrada de datos:
La variable A toma el valor de la caja de texto 1
La variable B toma el valor de la caja de texto 2
La variable C toma el valor de la caja de texto 3
Proceso:
Frmula: x = (C B) / A.

La computadora ejecuta la operacin indicada y asigna el resultado a la variable x.

Resultado:
Cdigo que borra el contenido de la caja de imagen.
Imprime el contenido de la variable x en la caja de imagen.
Actividad No. 7
1. Inicia una sesin de VB con el nombre MovRectUnif y desarrolla una in-
terfaz y el cdigo para que se realicen las operaciones que se muestran en
la figura.
La interfaz contiene seis etiquetas, dos
cajas de texto, una caja de grupo y el botn
de pulsacin para realizar los clculos.

2. El cdigo es muy parecido al del ejemplo

5.1, as que no debers tener problemas
para escribirlo despus (I( presionar dos
veces sobre el botn de pulsacin para abrir
la ventana Cdigo.
3. Guarda el proyecto ( , en el nombre
MovRectUnif.vbproj y el formulario como
MRU.vb. Recuerda que las extonalonom Iris
pone el programa de manera automtica.
4. Cierra la aplicacin y el programa.