Upload
mafre1975
View
62
Download
1
Embed Size (px)
Citation preview
Guía de prácticas I – Prof. Leonel Orozco Celaya Página 1
Centro de Bachillerato Tecnológico
Industrial y de servicios No. 231
Manual de prácticas
de
Visual Basic 6.0
Nivel Básico
Profesor:
Lic. Leonel Orozco Celaya
Guía de prácticas I – Prof. Leonel Orozco Celaya Página 2
Práctica No.
1
Creando el proyecto y la primera aplicación de Visual Basic 6.0
Objetivo: Crear el proyecto de trabajo del manual de prácticas y el primer
formulario que contendrá la primera aplicación, misma que consiste en
mostrar un mensaje de bienvenida, usando para ello la ventana de
propiedades y la ventana de código.
Controles a
usar: Etiqueta (Label), botón de comandos (CommandButton)
Interfaz propuesta:
Guía de prácticas I – Prof. Leonel Orozco Celaya Página 3
DESARROLLO DE LA PRÁCTICA
1. Ejecutar Microsoft Visual Basic 6.0, desde el menú del sistema operativo o escritorio
del mismo.
Aparece la ventana que permite seleccionar el tipo de aplicación a crear, o en su
defecto, abrir un proyecto creado.
Al ser la primera práctica y no tener creado ningún proyecto, seleccionarás la opción
por defecto que es EXE estándar, pulsando después el botón Abrir.
2. Posteriormente presenta la pantalla inicial que usarás para desarrollar las aplicaciones
que integrarán tu proyecto final.
Es importante reconocer cada uno de los elementos que integran la Interfaz de
desarrollo integrado (IDE) que presenta el lenguaje y que facilitan la programación
como son:
Ventana del proyecto
Ventana del cuadro de herramientas
Ventana de propiedades
Ventana de código
Ilustración 1 Pantalla inicial de VB 6.0
Guía de prácticas I – Prof. Leonel Orozco Celaya Página 4
Icono “ver código”
Icono “ver objeto”
Cuadro de herramientas
Proyecto general
Formulario activo
Ejecutar el formulario
Puntos de control
Ventana de proyectos
Ventana de propiedades
3. Primero, cambiarás el nombre que tiene por defecto el proyecto, para hacerlo, en la
ventana de proyecto pulsar con el apuntador del mouse sobre Proyecto1 (proyecto1),
y en la ventana de propiedades, ajusta la propiedad cambiando el nombre que tiene
por defecto; para hacerlo solo tienes que borrar el contenido actual, introducir el
nuevo nombre y pulsar la tecla Enter.
Name (nombre) Manual_de_prácticas
Es importante no usar espacios en el nombre del proyecto, para ello usar el guión bajo
( _ ) para separar palabras.
4. Ahora cambiarás el nombre del formulario activo, para hacerlo, en la ventana de
proyecto pulsar con el apuntador del mouse sobre Form1 (form1), y en la ventana de
Guía de prácticas I – Prof. Leonel Orozco Celaya Página 5
propiedades, ajusta la propiedad cambiando el nombre que tiene por defecto; para
hacerlo solo tienes que borrar el contenido actual, introducir el nuevo nombre y pulsar
la tecla Enter.
Name (nombre) frmBienvenida
Es importante no usar espacios en el nombre del formulario, para ello
usar el guión bajo (_) para separar palabras. Se usa el prefijo frm para
denotar que se trata de un Formulario (form).
5. Adicionalmente, ajustar las siguientes propiedades del formulario:
Objeto: Formulario
Propiedades: Valor:
Backcolor: Selecciona el color de tu preferencia pulsando sobre la zona cuadrada que lo identifica. Una vez hecho esto, enel valor de la propiedad aparece su valor correspondiente en hexadecimal.
Ilustración 2 Seleccionado un color de fondo del
formulario
Caption: Formulario 1. Pantalla de bienvenida
Width: 6000
6. De la barra de herramientas, seleccionar el control Etiqueta y dibujarlo sobre
el lienzo del formulario (después de seleccionar el control y pasar el apuntador del
ratón sobre el lienzo del formulario, éste cambia su forma a una cruz, y para dibujar el
control, pulsa y mantén pulsado el botón izquierdo de ratón y dibuja un rectángulo
con las dimensiones que consideres pertinente y suelta el botón del ratón), como se
muestra en la siguiente figura:
Guía de prácticas I – Prof. Leonel Orozco Celaya Página 6
Ilustración 3 Colocando una etiqueta en el formulario
Este proceso se repite para cualquier otro control que se coloque
sobre el formulario.
Ajustar las siguientes propiedades:
Objeto: Etiqueta
Propiedades: Valor:
Nombre: lblMensaje
Alignment: Center
Backcolor: <Selecciona el color de tu preferencia.>
Caption: Mi primera aplicación de Visual Basic
Font: Arial, 12, negrita
Se usa el prefijo lbl para denotar que se trata de una Etiqueta (label).
7. Del cuadro de herramientas, seleccionar un botón de comandos (CommandButton),
repite el proceso anterior para colocar el control en el lienzo del formulario.
Ajustar las siguientes propiedades:
Objeto: Botón de comandos
Propiedades: Valor:
Nombre: cmdSalir
Caption: Salir de la aplicación
Font: Arial, 12, negrita
Guía de prácticas I – Prof. Leonel Orozco Celaya Página 7
Se usa el prefijo cmd para denotar que se trata de un Botón de comandos
(CommandButton).
8. Sobre el botón de comandos, pulsar dos veces para poder acceder a la ventana de
código de la aplicación, como se muestra en la siguiente ilustración:
En esta ventana es donde se introduce el código correspondiente a cada formulario
que se esté diseñando o programando; desglosando las líneas de instrucciones que
presenta, éstas son:
Private sub: Indica un procedimiento privado que solo tiene referencia en el mismo formulario. Es, por decirlo de alguna manera, el “corazón de la estructura del código” de visual basic. cdmSalir_Click (): El nombre del control, antes del guión bajo, y después de él, el evento que se está ejecutando, para este caso el evento Click (); es decir, que cuando el usuario pulse sobre el botón (que “haga click”) se ejecutarán las instrucciones que el programador haya introducido. End Sub: Indica el fin de las instrucciones que se ejecutarán entre él y Private Sub.
Introducir la siguiente instrucción entre
Private sub y End Sub, tal y como se
muestra en la siguiente imagen de la
ilustración 5.
La sentencia End, tiene como única función terminar de ejecutar los formularios que contenga el proyecto
Ilustración 4 Ventana de código
Ilustración 5 Introduciendo código de evento
Guía de prácticas I – Prof. Leonel Orozco Celaya Página 8
activo.
9. Ejecutar la aplicación, pulsado la tecla F5. El resultado se muestra en la siguiente
imagen:
Ilustración 6 La aplicación funcionando
Se puede observar el formulario elaborado ejecutándose con todas las características
de las ventanas del sistema operativo Windows. Con prácticamente ninguna línea de
instrucción se ha creado una aplicación con una apariencia atractiva.
Pulsa sobre el botón Salir de la aplicación, para volver a la Interfaz de desarrollo de la
aplicación.
10. Grabar el formulario y la aplicación, para ello seguir las siguientes indicaciones:
a. Seleccionar el menú Archivo (file)
b. Seleccionar la opción Guardar proyecto (save project)
Ilustración 7 Cuadro de diálogo para guardar el formulario y proyecto
Guía de prácticas I – Prof. Leonel Orozco Celaya Página 9
c. Por defecto almacena los proyectos en la carpeta VB98, pulsar sobre la flecha
ubicada en la parte derecha de la carpeta y seleccionar la Unidad C del disco duro.
d. Seleccionar el icono “crear nueva carpeta” y asignarle el nombre: PrácticasVB6.
e. Acceder a la carpeta, pulsando sobre el botón Abrir.
f. Guardar primero el formulario, dejando el nombre asignado durante la práctica,
pulsando sobre el botón Guardar.
g. Posteriormente grabar el formulario; pulsar sobre el botón Guardar
Guía de prácticas I – Prof. Leonel Orozco Celaya Página 10
1. Agrega uno, dos o más mensajes usando el control Etiqueta. Cuidar que al
asignarle los nombres correspondientes, éstos inicien con el prefijo lbl.
Prueba cambiando el color de fondo del control, tamaño y color de la fuente.
2. Intenta cambiar el color de fondo del botón de comandos. ¿Qué pasa?
3. Descargar de internet uno o más archivos con extensión .ico (iconos), grábalos en
la carpeta en la cual tienes almacenados el proyecto y el formulario activo
(PrácticasVB6) y afecta la propiedad Icon del objeto formulario, ejecuta el
formulario, ¿Qué cambios observas?
4. Ejecuta el formulario y cambia el tamaño del mismo pulsando sobre sus bordes.
Cierra la aplicacición y ahora cambia la propiedad BorderStyle del formulario a
Fixed Single, ejecuta la aplicación e intenta cambiar el tamaño, ¿Qué pasa?
5. Cambia nuevamente la propiedad BorderStyle del formulario a Sizable; ahora
cambia la propiedad Picture del formulario seleccionando una imagen que se
encuentre en tu computadora; si no cuentas con alguna, descargala de internet.
Ejecuta el formulario y observa los cambios, cambia el tamaño del formulario. ¿te
gustó?
6. Selecciona el botón de comandos y en la ventana de propiedades vas a localizar
las propiedades de posición y dimensión; anota sobre las línea los valores que
tiene asignados:
cmdSalir.Top = __________
cmdSalir.Left = __________
cmdSalir.Height = __________
cmdSalir.Width = __________
7. Ahora, teniendo el botón de comandos seleccionado, cambia su tamaño,
arrastrando el punto de control que se encuentra en la esquina inferior derecha.
¿qué valores tienen ahora las propiedades de dimensión?
Guía de prácticas I – Prof. Leonel Orozco Celaya Página 11
Ilustración 8 Puntos que tienen todos los controles para ajustar su tamaño.
cmdSalir.Height = __________
cmdSalir.Width = __________
8. Ahora, coloca el apuntador del ratón en el centro del botón de comandos y
muévelo (arrastrar) hacia la esquina inferior izquierda del formulario. ¿Qué valores
tienen ahora las propiedades de posición?
cmdSalir.Top = __________
cmdSalir.Left = __________
9. Guarda los cambios, si lo deseas.
10. Salir de la interfaz del lenguaje: Menú Archivo, seleccionar la opción salir.
Guía de prácticas I – Prof. Leonel Orozco Celaya Página 12
En tu cuaderno de actividades, contesta las siguientes preguntas:
a) ¿Tuviste alguna dificultad para obtener el producto resultado de la
práctica? Justifica tu respuesta.
b) De la presente práctica, genera una lista de respuestas para cada una de las
siguientes preguntas guías:
a. Ya sabía …
b. Con esta práctica aprendí …
c. Me quedaron las siguientes dudas …
d. Me gustaría aprender …
c) Describe el funcionamiento del evento click en el botón de comando.
d) Que relación tienen las propiedades Left y Top con el sistema de
coordenadas que se usa en los formularios de Visual Basic?
e) De las actividades complementarias, ¿llevaste a cabo todas las actividades?
¿Tuviste alguna dificultad? Amplía tus respuestas.
f) ¿Consideras que ésta práctica te fue útil? ¿por qué?