Informática Aplicada Nro.

DD-106
Página 1/12
Laboratorio – 15

INFORMÁTICA APLICADA

LABORATORIO N 15

Formularios

CODIGO DEL CURSO: IG 1014

Alumno(s): Valdivia Rivera Jonathan Gabriel Nota

Grupo: A Ciclo: II
Requiere No
Criterio de Excelente Bueno Puntaje
mejora acept.
Evaluación (5pts) (4pts) Logrado
(3pts) (0pts)
Identifica las estructuras
de programación.
Identifica las sentencias
de los bucles.
Desarrolla la estructura
de funciones de usuario.
Puntualidad, orden
Observaciones, y
conclusiones
 Informática Aplicada Nro. DD-106
Página 2/12
Laboratorio – 15

I. OBJETIVOS:
 Identificar las estructuras de programación del lenguaje de programación Visual Basic para
Aplicaciones.
 Identificar las sentencias de ciclos o bucles
 Identificar la estructura de las funciones definidas por el usuario.

II. SEGURIDAD:
Advertencia:
En este laboratorio está prohibida la manipulación del hardware,
conexiones eléctricas o de red; así como la ingestión de alimentos
o bebidas. No jugar durante el desarrollo de la sesión.
.

Al culminar la sesión de laboratorio, apagar correctamente la

computadora y el monitor.

III. RECURSOS:
 En este laboratorio cada alumno trabará con un equipo con Windows.
 Los equipos deben contar con internet.
 Microsoft Word
 Microsoft Excel 2013.

IV. METODOLOGÍA PARA EL DESARROLLO DE LA TAREA:

 El desarrollo del laboratorio es individual.

INTRODUCCIÓN

Los formularios en VBA permiten implementar interfaces de usuario mucho más amigables.
Los formularios se implementan en dos etapas:

1. Diseño del formulario:

 En esta etapa se implementa “Visualmente” el formulario arrastrando controles desde una
barra de herramientas hacia la superficie de dicho formulario.
 Una vez que se han ubicado los controles sobre el formulario se procede a personalizar el
aspecto visual de cada control, para esto se hace uso de la ventana de “Propiedades”
donde encontraremos un listado completo de cada una de las propiedades que posee el
control que en ese momento se encuentre seleccionado
2. Programación de código:
 Una vez finalizada la etapa de diseño anterior se procede a ingresar el código VBA que
deberá ejecutarse como respuesta a diversas acciones que realice el usuario del formulario
durante su interacción. Por ejemplo se debe incluir el código que debe ejecutar el
formulario cuando un usuario presione con el mouse los botones que hayamos situado
sobre él, o tal vez código que debe ejecutarse ante la presión de alguna determinada tecla
o combinación de teclas que efectúe el usuario.
 Este código a ingresar se define en bloques de código en forma de Subrutinas
denominados “Eventos”.
 Informática Aplicada Nro. DD-106
Página 3/12
Laboratorio – 15

PROCEDIMIENTO

1. Diseño de formularios
1.1. Crear un documento nuevo
 Encienda la PC utilice la cuenta de usuario: tecsup clave: Virtu@l
 Inicie el software MS Excel
 Crear un nuevo libro con soporte para macros
 Guardar el nuevo libro con el nombre Lab_15.xlsm en la carpeta d:\excel para luego enviarlo a
canvas.
 Eliminar las hojas 2 y 3 del nuevo libro
 Renombrar la hoja 1 con el nuevo nombre “datos”

 Ingrese los siguientes textos y aplique el formato indicado en la hoja “datos”

1.2. Creación de un formulario simple

 Inserte un botón ActiveX a la altura de la celda F1.
Ficha: Programador Categoría: Controles  Herramienta: Insertar  Controles ActiveX. Dibuje un
Botón.

 Para cambiar el nombre del nuevo botón y el texto que muestra dicho botón aplicaremos el siguiente
procedimiento:
o Clic derecho sobre el botón  Propiedades
o En la ventana Propiedades. Modifique los siguientes valores:
 Informática Aplicada Nro. DD-106
Página 4/12
Laboratorio – 15

Propiedad Nuevo Valor

(Name) botonIngresar
Caption Ingreso de datos
Font Algerian, Negrita, Tamaño 12

 Verifique el nuevo aspecto que tiene el botón ActiveX

 Doble clic al botón para modificar el código asociado al evento clic de dicho botón. Ingrese el siguiente
comando:

Copie el código: Worksheets("datos").ShowDataForm

 Antes de verificar la acción del botón anterior. Desactive el modo de diseño a través de la siguiente
herramienta de la ficha programador:

 Presione el nuevo botón y realice el ingreso de algunos registros a través del formulario que aparece.
(Cierre cualquier cuadro de diálogo que pueda mostrarse)
 Informática Aplicada Nro. DD-106
Página 5/12
Laboratorio – 15

 Cierre el formulario anterior.

 Verifique que los registros ingresados se hayan adicionado a la hoja “datos” como se muestra a
continuación:

 Mencione algunas ventajas y desventajas del uso del comando ”ShowDataForm” para la creación de
un formulario de ingreso y consulta de datos

Ventajas Desventajas

1.3. Creación de un formulario de ingreso de datos personalizado

 Ingrese a la herramienta Visual Basic desde la ficha programador

 En la herramienta visual Basic. Agregue un nuevo Formulario empleando la opción del menú:
Insertar  UserForm
 Informática Aplicada Nro. DD-106
Página 6/12
Laboratorio – 15

 A continuación se muestra el aspecto del nuevo Formulario totalmente vacío

 Empleando la ventana de propiedades modificaremos algunas propiedades del nuevo formulario

Nota: En caso no estuviera visible la ventana de propiedades puede activarla a través de la opción
del menú: Ver  Ventana Propiedades o también presionando la tecla F4
Propiedad Nuevo Valor
(Name) formIngresoNotas
BackColor &H00C0FFFF&
Caption Ingreso de notas finales
Picture Seleccione el archivo “tecsup Logo”
PictureAlignment 4 – fmPictureAlignmentBottomRight

 A continuación se muestra el aspecto del nuevo formulario

1.4. Trabajar con controles de formularios

 Haremos uso de la ventana de Cuadro de herramientas, la cual contiene los controles más comunes
para el diseño de formularios
 Informática Aplicada Nro. DD-106
Página 7/12
Laboratorio – 15

Nota: En caso no estuviera visible la ventana de “Cuadro de herramientas” puede activarla a través
de la opción del menú: Ver  Cuadro de herramientas

Checkbox: Casillas de
Label: Etiquetas o títulos verificación

TextBox: Cajas para ingreso de datos RadioButton: Elementos de

selección única
Button: Botón de comandos

 Desde la ventana “Cuadro de herramientas” arrastre los siguientes controles al formulario:

Cuadros de Texto:
(TextBox 1 - 4)

 Desde la ventana de Propiedades, modifique las siguientes propiedades de cada uno de los controles
Label:
Control Propiedad Nuevo Valor
Label1 Caption Nro
Label2 Caption Curso
Label3 Caption Nota final
Label4 Caption Estado

 Verifique el efecto que produjo la modificación de propiedades anterior

 Informática Aplicada Nro. DD-106
Página 8/12
Laboratorio – 15

 Desde la ventana de Propiedades, modifique las siguientes propiedades de cada uno de los controles
TextBox:
Control Propiedad Nuevo Valor
TextBox1 (Name) txtNro
TextBox2 (Name) txtCurso
TextBox3 (Name) txtNota
TextBox4 (Name) txtEstado

 Desde la ventana de Propiedades, modifique las siguientes propiedades de cada uno de los controles
CommandButton:
Control Propiedad Nuevo Valor
CommandButton1 (Name) btnAceptar
Caption Aceptar
CommandButton2 (Name) btnSalir
Caption Salir

1.5. Trabajar con eventos

 Actualmente el formulario es una simple interfaz visual pero no tiene incorporada ningún tipo de
funcionalidad. Para poder asignarle funcionalidad a los diferentes componentes de nuestro formulario
se necesita especificar código VBA. Este código generalmente es ingresado como eventos asociados a
los controles involucrados.
 Se desea que al presionar el botón Salir se cierre todo el formulario.
 Para ello. Asignaremos el código necesario al evento clic del botón “Salir” de nuestro formulario.
 Presione “doble clic” sobre el botón Salir. Se mostrará una ventana de código con el esqueleto de la
subrutina asociada al evento clic de dicho botón.

 Adicionaremos al evento anterior la única instrucción VBA requerida para cerrar el formulario
 Informática Aplicada Nro. DD-106
Página 9/12
Laboratorio – 15

Copie el código: Unload Me

1.6. Verificar la acción de los eventos

 Para verificar el funcionamiento de nuestro formulario y de la única acción implementada “Salir”.
Debemos adicionar un botón a nuestra hoja Excel que permita cargar el formulario creado.
 Regrese al libro creado en Excel.
 Inserte un botón ActiveX a la altura de la celda H1. Empleando
Ficha: Programador Categoría: Controles  Herramienta: Insertar  Controles ActiveX
 Para cambiar el nombre del nuevo botón y el texto que muestra dicho botón aplicaremos el siguiente
procedimiento:
o Clic derecho sobre el botón  Propiedades
o En la ventana Propiedades. Modifique los siguientes valores:
Propiedad Nuevo Valor
(Name) botonAbrirformulario
Caption Abrir Formulario
Font Negrita, Tamaño 12

 Verifique el nuevo aspecto que tiene el botón ActiveX

 Doble click al botón para modificar el código asociado al evento click de dicho botón. Ingrese el
siguiente comando:

Copie el código: formIngresoNotas.Show

 Antes de verificar la acción del botón anterior. Desactive el modo de diseño a través de la siguiente
herramienta de la ficha programador:

 Presione el nuevo botón y verifique si se muestra el nuevo formulario que acaba de crear y si funciona
el botón Salir
 Informática Aplicada Nro. DD-106
Página 10/12
Laboratorio – 15

1.7. Implementar el código del evento clic del botón Aceptar

 Regrese al editor de Visual Basic
 Indicaremos en palabras la secuencia de acciones que debe realizar el botón Aceptar:
1. Declarar variables para referenciar la fila donde se incluirán los datos del nuevo registro
2. Buscar en la hoja “Datos” de nuestro libro Excel la ubicación para la nueva fila de datos
3. Copiar el valor ingresado en cada uno de los controles TextBox de nuestro formulario en cada
una de las celdas de la nueva fila que se acaba de ubicar. Esta acción físicamente agregará la
información del nuevo registro en nuestra hoja “Datos”
4. Enviar un aviso al usuario que la inserción del nuevo registro se realizó correctamente
5. Colocar en blanco cada uno de los controles TextBox del formulario para facilitar el ingreso de
un nuevo registro.
 Active el formulario creado en las secciones anteriores
 Doble click sobre el botón “Aceptar” para acceder al esqueleto de su evento Clic:

 Adicione las siguientes instrucciones al evento anterior:

Private Sub btnAceptar_Click()
'Declaración de varibales requeridas
Dim nuevaFila As Long
Dim nuevaFilas As Long
Dim hojaDatos As Worksheet

'Asignación de datos a las varibles anteriores

Set hojaDatos = Worksheets("datos")
totalFilas = hojaDatos.Rows.Count

'Ubicar la posición de la nueva fila de datos a utilizar

nuevaFila = hojaDatos.Cells(totalFilas, "A").End(xlUp).Offset(1, 0).Row

'Copiar el contenido de cada control TextBox a cada celda.

hojaDatos.Cells(nuevaFila, 1).Value = txtNro.Text
hojaDatos.Cells(nuevaFila, 2).Value = txtCurso.Text
hojaDatos.Cells(nuevaFila, 3).Value = txtNota.Text
hojaDatos.Cells(nuevaFila, 4).Value = txtEstado.Text
 Informática Aplicada Nro. DD-106
Página 11/12
Laboratorio – 15

'Muestra el mensaje sobre el resultado del nuevo registro agregado

MsgBox "Registro agregado correctamente"

'Colocar los controladores de textbox en blanco.

txtNro.Text = ""
txtCurso.Text = ""
txtNota.Text = ""
txtEstado.Text = ""

End Sub
1.8. Verificar la acción del botón Aceptar
 Regrese al libro creado en Excel.
 Presione el botón que abre nuestro formulario y que ya fue creado previamente

 Verifique que se muestre nuevamente el formulario

 Ingrese un nuevo registro y luego presione el botón Aceptar para verificar si adiciona un nuevo registro
a la hoja “datos” del libro Excel

Estado actual de la hoja

de cálculo “Datos”
antes del ingreso del
nuevo registro

Ingreso de datos para

un nuevo registro
empleando el
formulario creado.
Al finalizar el ingreso
presione el botón
“Aceptar”
 Informática Aplicada Nro. DD-106
Página 12/12
Laboratorio – 15

Cuadro de diálogo generado por el

formulario anterior para avisarle al
usuario sobre el éxito de la adición del
nuevo registro.

Verificación de la existencia
del nuevo registro agregado
a través de nuestro
formulario

OBSERVACIONES Y CONCLUSIONES
Observaciones
 En el área de diseño es posible manipular los objetos para alinearlos, igualar su tamaño,
agruparlos y ordenarlos, mediante su menú contextual o manualmente.
 Se observa que las propiedades de los controles se pueden modificar al momento de diseño del
formulario o al momento de ejecución de los programas asociados.
 Se observa que el Panel de Propiedades, si no está visible, puede verse presionando F4.
 El Panel de propiedades muestra las propiedades del objeto seleccionado.
 Se observa que el control label al momento de ejecución, las propiedades pueden cambiarse
asignándoles el valor adecuado. Para ello será necesario conocer el nombre del control y de la
propiedad.

Conclusiones
 Concluyo que un formulario es un diseño de pantalla que permite una interacción diversa con
el usuario.
 En el formulario el usuario puede digitar información, escoger un valor de una lista, marcar
una o varias acciones entre un número de alternativas posibles, presionar botones, entre
otras cosas.
 Los formularios permiten minimizar los errores y facilitar el ingreso de datos por parte del
usuario,
 Cada control que se añade al formulario, y el formulario mismo, son objetos que tienen una
serie de propiedades las cuales determinan cómo luce o como se ve y cómo se comporta
cada uno de ellos.
 Se concluye que, al momento de ejecución, las propiedades pueden cambiarse asignándoles
el valor adecuado. Para ello será necesario conocer el nombre del control y de la propiedad.