VISUAL BASIC

PLANEACIÓN DEL PROYECTO A REALIZAR

Entregado por:

PEDRO ANDRÉS TOBAR MARTÍNEZ Código: “cédula”

LAURA YOJANA BUITRAGO Código: 1018477783
JUAN CARLOS GAONA Código: xxxxxxx
JUAN CARLOS RAMIREZ Código: 79646500
JUAN CARLOS RODRÍGUEZ Código: xxxxxxx

Presentado al tutor
JAIME RUBIANO LLORENTE

Grupo: 212056_5

UNIVERSIDAD NACIONAL ABIERTA Y A DISTANCIA - UNAD

ESCUELA DE CIENCIAS BÁSICAS TECNOLOGÍA E INGENIERÍA
PROGRAMA INGENIERIA DE SISTEMAS
CEAD JOSE ACEVEDO Y GOMEZ
Junio 25 de 2020
BOGOTÁ D.C.
 INTRODUCTION

The following work covers some of the controls available in the Visual Basic language for the
creation of user interfaces in this way we can have the basis for the design of the project
interface, it also proposes the design of the interface for the project proposed in the course.
 Objectives

o Investigate the functionality of the controls and give examples of their use

o Make the proposal of the user interface for the proposed project
 Tabla de Contenido

INTRODUCTION.............................................................................................................................2
Aporte Individual Pedro Andrés Tobar Martínez.........................................................................4
Aporte Individual Laura Yojana Buitrago......................................................................................6
Aporte Individual Juan Carlos Gaona.........................................................................................11
Aporte Individual Juan Carlos Ramirez......................................................................................13
Aporte Individual Juan Carlos Rodriguez...................................................................................17
Aporte Grupal Pedro Andrés Tobar............................................................................................21
Aporte Grupal Laura Yojana Buitrago.........................................................................................43
Aporte Grupal Juan Carlos Gaona..............................................................................................47
Aporte Grupal Juan Carlos Ramírez...........................................................................................47
Aporte Grupal Juan Carlos Rodríguez.......................................................................................53
Bibliografía......................................................................................................................................57
CONCLUSIONES..........................................................................................................................58
 Aporte Individual Pedro Andrés Tobar Martínez

1. Realizar la revisión de la caja de herramientas de Visual Basic 2017 y seleccionar

5 herramientas, esta actividad es de forma individual, realizar una descripción de
cada una de ellas con su imagen, funcionalidad, uso y al menos 5 propiedades de
cada una.

No. Herramientas Funcionalidades Propiedades

1. BorderStile: permite colocar bordes
con estilos 3D o sensillos.
2. BackColor: permite cambiar el color
Proporciona de fondo del componente.
1 Label información en 3. Cursor:permite cambiar la apariencia
tiempo de ejecución del curso cuando este pase por
o texto descriptivo encima del componente
para un control 4. RightToLeft: permite alinear el texto
a la derecha o izquierda
5. Font: permte seleccionar la fuente,
estilo y tamaño.

1. Text: edita el texto del link dentro del

Muestra un control componente
de etiqueta que 2. Location: permite establecer el lugar
2 LinkLabel admite un de ubicación del componende dentro
hipervinculo, formato de la vista
y siguimiento 3. Visible: Determina si el control esta
visible o culto
4. Size: tamaño del control en pixeles
5. Padding: especifica el espacio
interior del control arriba, abajo y los
lados.

1. Name: indica el nombre utilizado en

el codigo para identificar el objeto
2. AllowDrop:Indica si puede aceptar
Muestra una lista datos que el usuario arrrastre
3 ListBox entre los que el 3. Items: elementos en el cuadro de
usuario puede elegir lista
elementos 4. HorinzontalScrollbar: indica si la
listbox muestra una barra de
desplazamiento horinzontal para
elementos que se encuentra fuera
del borde.
5. Enabled: indica si el control esta
habilitado.

1. Alignment: indica como estan

alineados los elementos de la
 ListView
2. AllowColumnReorder: Indica si el
usuario puede reordenar las
4 ListView Muestra una columnas en la vista de detalles
colección de 3. Columns: mostradas en la vista de
elementos en una de detalles.
cinco vista diferentes 4. Dock: define los bordes del control
enlazados en el contenedor
5. HeardStyle: Estilos de los
encabezados de las columnas en la
vista detalle

Al establecer la 1. Locked: determina si se puede mover

propiedad Mask, o cambiar el tamaño del control
5 MaskedT extBox puede especificar la 2. Margin: determina el espacio entre
entrada de usuario este control y el margen de otro
permitida sin escribir control
ninguna lógica de 3. Mask: establece la cadena que
validación controla la entrada permitida para
personalizada en la este control
aplicación. 4. ReadOnly: controla si puede cambiar
el texto en el control de edición
5. BeepOnError: indica si el control
emitirá un bit cuando se especifique
una carácter invalido

Fuente: https://docs.microsoft.com/es-es/office/vba/language/reference/user-interface-
help/objects-microsoft-forms
 Aporte Individual Laura Yojana Buitrago

NumericUpDown

Este control provee al usuario de una interfaz que le permite establecer

un valor numérico, entre un grupo de valores predefinidos mediante el
uso de las flechas arriba/abajo. Este control puede ser usado en una
variedad de aplicaciones como por ejemplo aplicaciones de
administración de inventarios donde se deba establecer una cantidad
limitada de productos.
Propiedades

 Minimum

o Establece el valor minimo del rango del control

 Maximum

o Establece el valor máximo del rango el control

 Increment
o Es el “paso” en el que se incrementan o disminuye el valor
en el controlador
 Value
o Es el valor actual en el control

 HexaDecimal
o Establece si el número se muestra en formato Hexadecimal.
RichTextBox

Este control es como una TextBox avanzada en el sentido de que

permite añadir mucho más formato al texto que contiene, también
permite la cara de archivos del tipo RTF. Este control puede ser usado
en aplicaciones que permitan el ingreso de texto por ejemplo en el caso
del proyecto del curso puede ser usado para la edición de las preguntas
de las evaluaciones.
Propiedades

 Font

o Es la fuente del texto que muestra el controlador

 ShortcutsEnabled

o Permite habilitar o deshabilitar la posibilidad de utilizar atajos

de teclado como Copiar(Ctrl+C), Pegar (Ctrl+V), etc.

 ScrollBars

o Establece que se utilicen barras verticales y horizontales en la

caja de texto

 Text

o Es el texto que actualmente contiene el controlador

 TextLength

o Es la longitud del texto que posee el controlador

OpenFileDialog

Es un cuadro de dialogo pre configurado el cual le pide al usuario que

abra un archivo que se encuentra alojado en una ubicación ya
programada.

Propiedades
 AddExtension
o este controla si la extensión se agrega automáticamente a
los nombres de los archivos.
 FileName
o Primer archivo que se muestra en el cuadro de dialogo o el
ultimo que el usuario utilizo.
 Multiselect
o controla si se puede seleccionar varios archivos en el cuadro
de dialogo.
 ValidateName
o controla si el cuadro de dialogo comprueba los archivos para
que no tengan caracteres o secuencias no válidas.
 CanRaiseEvents
o obtiene un valor que indica si el componente puede generar
algún evento.
Datagrid

Es una cuadricula la cual permite mostrar datos de una forma

personalizada, permitiendo establecer conexión con el origen de los
datos y mostrarlos de forma automática de acuerdo a los datos
recibidos, y también permite personalizar los campos que se quieren
mostrar.

Propiedades:

 AlternatingRowBackground: Obtiene o establece el color

de fondo para usar en filas alternas permitiendo una mejor
visualización al usuario.
 CanUserAddRows: Esta propiedad establece si el usuario
puede agregar filas en el datagrid.
 MaxColumnWidth: Permite establecer el tamaño máximo
que puede llegar a tener una columna.
 HeadersVisibility: Permite definir si se mostraran o no los
encabezados de filas y columnas.
 CurrentItem: Obtiene el elemento de datos vinculado a la
fila que contiene la celda actual.
Groupbox

Es para agrupar otros objetos, se lo utiliza mucho en barras de

herramientas. Se inserta el GroupBox y luego los objetos que contendrá,
dentro. Para ello simplemente se los arrastra al interior del GroupBox,
ya acomodado en el formulario.

Propiedades
 Modifers: Indica el nivel de visibilidad de objeto.
 Text: Texto asociado al control.
 FontColor: color del primer plano de este componente, utilizado
para mostrar texto.
 AllowDrop: Obtiene o establece un valor que indica si este
elemento se puede utilizar como objetivo de una operación de
arrastrar y soltar. Es una propiedad de dependencia.
 fontStretch: Obtiene o establece el grado en que una fuente se
condensa o expande en la pantalla.
 Aporte Individual Juan Carlos Gaona

1. ACCEPTBUTTON.
2. LINKLABEL.
3. LISTVIEW.
4. PICTUREBOX.
5. TEXTBOX.

Control Funcionalidad Propiedades

Autosize. Permite que se ajuste
Muestra texto en forma
automáticamente al texto que visualiza.
de vínculo estilo Web y
LINKLABEL Font. Formato de texto.
desencadena un evento
Text. Texto que muestra la etiqueta.
cuando el usuario hace
Visible. Oculta o visualiza el texto de la
clic sobre el texto
etiqueta.
Muestra los elementos
LISTVIEW
ya sean textos solo o
con gráficos (íconos)
Permite navegar y seleccionar
Image
la imagen deseada
Muestra la
Normal imagen a
tamaño original
Centra la
CenterImage imagen en el
control
Muestra archivos de
Redimensiona
PICTUREBOX imágenes, tales como SizeMode
la imagen para
mapas de bits, íconos. StretchImage
que llene el
Gifs, etc.
control
Redimensiona
el control al
Atosize
tamaño de la
imagen
Visualiza u
Visible T/F oculta la
imagen
Multiline. Permite que el control tengas más
de una línea.
Muestra texto escrito en
Textalign, Font, Backcolor, ScrollBars,
TEXTBOX tiempo de diseño que
WordWrap, AcceptsTab, MaxLegth.
puede ser editado en
ReadOnly. Impide que un usuario modifique
tiempo de ejecución
el contenido del control.
Locked, PassWordChar, SelectedText.
Obtiene o establece el
Representa el botón
ACCEPTBUTTON botón del formulario que
IButtonControl que se usa para
se activa cuando el
aceptar el formulario
usuario presiona ENTER
CONTROLTIMER Produce un evento a Enabled Activa y desactiva el
 control
intervalos regulares Frecuencia en
Interval
mililsegundos
Text
Por defecto false, si
se pone a true, en
lugar de mostrar un
ShowUpDown (T/F) cuadro desplegable,
hay que desplazarse
Permite seleccionar un con unas flechas de
DateTimePicker solo elemento de una arriba hacia abajo
lista de fechas y horas Determinan el
MaxDate, MinDate intervalo de fechas y
horas
Contiene la fecha y
hora establecidas
Value
actualmente en el
control

Adaptado de: Controles más comunes:

http://programacionaragua.blogspot.com/2011/10/visual-basic-net-controles.html y
https://docs.microsoft.com/es-es/dotnet/api/system.

Aporte Individual Juan Carlos Ramirez

No Imagen/
. Nombre Funcionalidad Propiedades
En una aplicación de
Windows Form si hace clic
Seleccionar objetos es el único en un control en la Caja de
elemento del cuadro de herramientas herramientas, el puntero del
que no dibuja un control. Cuando lo mouse entra
1. selecciona, solo puede cambiar el automáticamente en el
tamaño o mover un control que ya se modo de creación para ese
ha dibujado en un formulario. control. Después de eso, si
hace clic en el formulario de
Windows, ese control se
creará allí.
1. AutoSizeMode: Obtiene o
establece el modo por el
cual el Botón cambia
automáticamente de
tamaño.
2. BackColor: Obtiene o
establece el color de fondo
El control Button representa un botón del control.
2. estándar de Windows. Generalmente 3. BackgroundImage:
se usa para generar un evento Click Obtiene o establece la
al proporcionar un controlador para el imagen de fondo que se
evento Click. muestra en el control.
4. DialogResult: Obtiene o
establece un valor que se
devuelve al formulario
primario cuando se hace clic
en el botón. Esto se usa al
crear cuadros de diálogo.
5. ForeColor: Obtiene o
establece el color de primer
plano del control.

No Imagen/ Funcionalidad Propiedades

. Nombre
3. Crea una casilla que el usuario
puede elegir fácilmente para
indicar si algo es verdadero o
falso, o para mostrar varias
opciones cuando el usuario
puede elegir más de una.
Le permite dibujar un cuadro de
4. texto y un cuadro de lista de
combinación. El usuario puede
elegir un elemento de la lista o
especificar un valor en el cuadro
de texto.
1. ThreeState: Obtiene o
establece un valor que indica
si una casilla de verificación
debe permitir tres estados de
verificación en lugar de dos.
2. AutoCheck: Obtiene o
establece un valor que indica
si el valor Checked o
CheckedState y la apariencia
del control cambian
automáticamente cuando se
selecciona la casilla de
verificación.
3. CheckAlign: Obtiene o
establece la alineación
horizontal y vertical de la
marca de verificación en la
casilla de verificación.
4. Checked: Obtiene o
establece un valor que indica
si la casilla de verificación
está seleccionada.
5. Check State: Obtiene o
establece el estado de una
casilla de verificación.
1. AllowSelection: Obtiene un
valor que indica si la lista
permite la selección de
elementos de la lista.
2.
AutoCompleteCustomSource:
Obtiene o establece un
System.Collections
.Specialized.StringCollection
personalizado para usar
cuando
AutoCompleteSourceproperty
se establece en
CustomSource.
3. AutoCompleteMode:
Obtiene o establece una
opción que controla cómo
funciona la finalización
automática de ComboBox.
4. AutoCompleteSource:
Obtiene o establece un valor
que especifica el origen de
las cadenas completas
 utilizadas para la finalización
automática.
5. DataBindings: Obtiene los
enlaces de datos para el
control.

No Imagen/ Funcionalidad Propiedades

. Nombre
El control DateTimePicker
permite seleccionar una fecha y
hora editando los valores
mostrados en el control. Si hace
5. clic en la flecha en el control
DateTimePicker, muestra un
calendario mensual, como un
control de cuadro combinado. El
usuario puede hacer una
selección haciendo clic en la
fecha requerida. El nuevo valor
seleccionado aparece en la
parte del cuadro de texto del
control.
1. BackColor: Obtiene o
establece un valor que
indica el color de fondo del
control DateTimePicker.
2. CalendarFont: Obtiene
o establece el estilo de
fuente aplicado al
calendario.
3. CalendarForeColor:
Obtiene o establece el
color de primer plano del
calendario.
4. Checked: Obtiene o
establece un valor que
indica si la propiedad
Value se ha establecido
con un valor de fecha /
hora válido y si el valor
mostrado se puede
actualizar.
5. MaxDate: Obtiene o
establece la fecha y hora
máximas que se pueden
seleccionar en el control.
 Aporte Individual Juan Carlos Rodriguez

Herramientas Funcionalidades Propiedades

No.
TextBox Control que 1. Enabled: si está establecido
principalmente se a True permite que se
utiliza para que el pueda escribir sobre el
usuario introduzca TextBox. Si está establecida
1 datos, pero a False, impide que el
también puede usuario pueda modificar el
mostrar una contenido del TextBox.
respuesta 2. Maxlenght: limita el
predeterminada o número máximo de
incluso servir para caracteres que puede
mostrar en vez de admitir un TextBox. Si
para pedir datos. escribimos el valor 0, esto
indica la ausencia de un
máximo distinto del que
imponga la memoria del
sistema del usuario (lo cual
será un valor muy grande,
prácticamente equivalente
a decir “se admite cualquier
longitud de texto).
3. Scrollbars: permite añadir
barras de desplazamiento
verticales, horizontales o
ambas al TextBox.
4. TextAlign ó Alignment:
permite que el texto se
alinee a la izquierda, a la
derecha, o que aparezca
centrado.
5. Visible: determina si el
TextBox resultará visible
para el usuario o no.
CheckedListBox Control que tiene 1. Anchor: Obtiene o
una lista de ListBox establece los bordes del
y brinda toda la contenedor al que está
2 capacidad de un enlazado un control y
cuadro de lista, determina cómo se cambia
también le permite el tamaño de un control
mostrar una marca con su elemento primario.
de verificación 2. BackColor: Obtiene o
junto a los establece el color de fondo
elementos del del control.
 cuadro de lista 3. CanFocus: Obtiene un valor
que indica si el control
puede recibir el foco.
4. CheckOnClick: Obtiene o
establece un valor que
indica si la casilla debería
alternar al seleccionar un
elemento.
5. Created: Obtiene un valor
que indica si se ha creado el
control.
DataSet 1. Casesensitive: Obtiene o
Es una caché en establece un valor que
memoria de los indica si las comparaciones
datos recuperados de cadena en los objetos
3 de un origen de DataTable distinguen entre
datos, es un mayúsculas y minúsculas.
componente 2. DataSetName: Obtiene o
importante de la establece el nombre del
arquitectura objeto DataSet actual.
ADO.NET. El 3. HasErrors : Obtiene un
DataSet consta de valor que indica si hay
una colección de errores en alguno de los
objetos DataTable objetos DataTable de este
que se pueden DataSet.
relacionar entre sí 4. IsInitialized: Obtiene un
con objetos valor que indica si el objeto
DataRelation DataSet está inicializado.
5. Tables: Obtiene la
colección de tablas
incluidas en DataSet.
HScrollBar 1. Name: Es el nombre de
Control que nuestra barra. Hay que
representa una tener mucho cuidado con
barra de esta propiedad ya que si
desplazamiento cambiamos el nombre
4 horizontal entonces también
estándar de deberemos cambiar el
Windows nombre de la herramienta
en el código base.
2. Maximum: Esta propiedad
determina el valor máximo
que puede recorrer nuestra
barra.
3. Minimum: Es el valor
mínimo que podrá recorrer
la barra de desplazamiento.
4. Locked: Esta propiedad
 bloquea el desplazamiento
de la barra, se usa
comúnmente para que no
se pueda alterar el valor de
la barra a menos que se
realice un acción antes.
5. Value: Es el valor en el que
se encontrara nuestra
barra, si establecemos que
el valor mínimo es 0, el
máximo es 300 y
declaramos el valor en 150,
entonces la barra se
posicionaría a la mitad de
su camino.
RadioButton
Control que 1. Anchor: Obtiene o
permite al usuario establece los bordes del
5 escoger solo una contenedor al que está
de varias opciones. enlazado un control y
determina cómo se cambia
el tamaño de un control
con su elemento primario.
2. AutoSize: Obtiene o
establece un valor que
indica si el control cambia
el tamaño basándose en su
contenido. (Se hereda de
ButtonBase.
3. BackColor: Obtiene o
establece el color de fondo
del control. (Se hereda de
ButtonBase).
4. Cursor: Obtiene o establece
el cursor que se muestra
cuando el puntero del
mouse se sitúa sobre el
control. (Se hereda de
Control).
5. Dock: Obtiene o establece
que los bordes del control
se acoplarán a su control
principal y determina cómo
se cambia el tamaño de un
control con su elemento
primario. (Se hereda de
Control).
Fuente: https://www.aprenderaprogramar.com/index.php?
option=com_content&view=article&id=195:textbox-visual-basic-propiedad-multiline-scrollbars-
maxlenght-textalign-borderstyle-enabled-cu00317a&catid=37&Itemid=61

http://vb.net-informations.com/gui/

https://docs.microsoft.com/es-es/dotnet/api/
 Aporte Grupal Pedro Andrés Tobar

1. Revisar el proyecto propuesto a continuación y hacer una propuesta de diseño

para dar una solución. Su aporte es a la Interfaz del proyecto y la propuesta de
diseño.

El proyecto es el siguiente.
La universidad Nacional Abierta y a Distancia requiere un programa de
computador para el apoyo en el proceso enseñanza aprendizaje de los
estudiantes de ingeniería de sistemas, este programa debe manejar un
registro de estudiantes en una base de datos, una vez registrado el
estudiante debe seleccionar uno a uno las temas a estudiar como apoyo
al proceso de formación, estas áreas:
Tema 1. Operaciones básicas de programación
Tema 2. Condicionales
Tema 3. Ciclos de programación
Cada tema se debe mostrar mediante ayudas didácticas multimedia, de
videos, imágenes, sonido y texto.
Cada tema tendrá ejemplos de programación.

Propuesta proyecto UNAD Programa de aprendizaje-ECBTI

_________________________________________________
Vista INGRESO
Diseño interfaz (Color de fondo gray6 (EEEEEE)
 Título: UNAD Programa de aprendizaje-ECBTI
 Etiqueta Ingreso al sistema: nombre de la vista
 Caja de texto usuario: texto editable para ingreso del usuario del Estudiante
 Caja de Password: de tipo password para ingresar la contraseña si ser mostrada
 Botón Ingresar: al dar clic muestra la vista selección tema
 Etiqueta Registrar usuario: nombre para la selección del botón registrase
 Botón Registrase: al dar clic muestra la vista registro.
 Etiqueta Olvido password: nombre para la selección del botón de pregunta
 Botón de pregunta: al dar clic muestra la vista admin
 Botón X: al dar clic permite salir del sistema

Vista REGISTRO
Diseño interfaz
 Título: UNAD Programa de aprendizaje-ECBTI
 Etiqueta Registro de usuarios: nombre de la vista
 Caja de texto Nombres: texto editable para ingreso de los nombres del Estudiante
 Caja de texto Apellidos: texto editable para ingreso de los apellidos del Estudiante
 Caja de texto Cédula: texto editable para ingreso de la cédula del Estudiante
 Caja de texto Correo electrónico : texto editable para ingreso del correo del
Estudiante
 Caja de texto Usuario: texto editable para ingreso de la asignación del usuario
 Caja de texto Password: para ingreso de la asignación de la contraseña
  Botón Registrar: al dar clic inserta los datos en la base de datos y muestra la vista
ingreso
 Botón X: al dar clic permite salir del sistema

Base de datos

Modelo base de datos

Nombre de la base de datos: bd_programa_unad
Campo Nombres: para el almacenamiento de los nombres del Estudiante
Campo Apellidos: para el almacenamiento de los apellidos del Estudiante
Campo Cédula: para el almacenamiento del número de cédula del Estudiante
Campo Correo: para el almacenamiento del correo electrónico del Estudiante
Campo Usuario: para el almacenamiento del usuario del Estudiante
Campo Pass: para el almacenamiento de la contraseña del Estudiante

Vista Admin
Diseño interfaz
 Título: UNAD Programa de aprendizaje-ECBTI
 Etiqueta Datos del Administrador: nombre de la vista
 Etiqueta Juan Carlos: nombres del Administrador del sistema
 Etiqueta Martínez Cruz: apellidos del Administrador del sistema
 Etiqueta 312657987: teléfono del Administrador del sistema
 Etiqueta soporte@unad.edu.co: correo del Administrador del sistema
 Etiqueta “ Al contactar al Administrador, Él enviará su nueva clave al correo
electrónico registrado”: texto de orientación al usuario
 Etiqueta Ingresar al sistema: nombre para la selección del botón con imagen de
usuario que muestra la vista ingreso.
 Botón con imagen de usuario: al dar clic muestra la vista ingreso.
 Botón X: al dar clic permite salir del sistema
 Vista Selección_tema

Diseño interfaz
 Título: UNAD Programa de aprendizaje-ECBTI
 Menú orientación horizontal Tema 1: al dar clic muestra la vista Tema1
 Menú orientación horizontal Tema 2: al dar clic muestra la vista Tema2
 Menú orientación horizontal Tema 3: al dar clic muestra la vista Tema3
 Menú orientación horizontal ayuda: al dar clic muestra la vista Ayuda
 Botón X: al dar clic permite salir del sistema

Vista Tema1
Diseño interfaz
 Título: UNAD Programa de aprendizaje-ECBTI
 Menú orientación horizontal Tema 1: al dar clic muestra la vista Tema1
Color de Fondo: blue2 (9FC5F8)
 Menú orientación vertical Presentación: al dar clic muestra vista Presentacion1
 Menú orientación vertical Video: al dar clic muestra vista Video1
 Menú orientación vertical Audio: al dar clic muestra vista Audio1
 Menú orientación vertical Texto: al dar clic muestra vistaTexto1
 Menú orientación horizontal Tema 2: al dar clic muestra la vista Tema2
 Menú orientación horizontal Tema 3: al dar clic muestra la vista Tema3
 Menú orientación horizontal Ayuda: al dar clic muestra la vista Ayuda
 Botón X: al dar clic permite salir del sistema

Vista Presentacion1
Diseño interfaz
 Título: UNAD Programa de aprendizaje-ECBTI
 Menú orientación horizontal Tema 1: al dar clic muestra la vista Tema1
 Menú orientación vertical Presentación: al dar clic muestra vista Presentacion1
Color de Fondo: blue2 (9FC5F8)
 Menú orientación vertical Video: al dar clic muestra vista Video1
 Menú orientación vertical Audio: al dar clic muestra vista Audio1
 Menú orientación vertical texto: al dar clic muestra vistaTexto1
 Menú orientación horizontal Tema 2: al dar clic muestra la vista Tema2
 Menú orientación horizontal Tema 3: al dar clic muestra la vista Tema3
 Menú orientación horizontal Ayuda: al dar clic muestra la vista Ayuda
 Botón X: al dar clic permite salir del sistema

Vista Video1
Diseño interfaz
 Título: UNAD Programa de aprendizaje-ECBTI
 Menú orientación horizontal Tema 1: al dar clic muestra la vista Tema1
 Menú orientación vertical Presentación: al dar clic muestra vista Presentacion1
 Menú orientación vertical Video: al dar clic muestra vista Video1
Color de Fondo: blue2 (9FC5F8)
 Menú orientación vertical Audio: al dar clic muestra vista Audio1
 Menú orientación vertical Texto: al dar clic muestra vistaTexto1
 Menú orientación horizontal Tema 2: al dar clic muestra la vista Tema2
 Menú orientación horizontal Tema 3: al dar clic muestra la vista Tema3
 Menú orientación horizontal Ayuda: al dar clic muestra la vista Ayuda
 Botón X: al dar clic permite salir del sistema

Vista Audio1
Diseño interfaz
 Título: UNAD Programa de aprendizaje-ECBTI
 Menú orientación horizontal Tema 1: al dar clic muestra la vista Tema1
 Menú orientación vertical Presentación: al dar clic muestra vista Presentacion1
 Menú orientación vertical Video: al dar clic muestra vista Video1
 Menú orientación vertical Audio: al dar clic muestra vista Audio1
Color de Fondo: blue2 (9FC5F8)
 Menú orientación vertical Texto: al dar clic muestra vistaTexto1
 Menú orientación horizontal Tema 2: al dar clic muestra la vista Tema2
 Menú orientación horizontal Tema 3: al dar clic muestra la vista Tema3
 Menú orientación horizontal Ayuda: al dar clic muestra la vista Ayuda
 Botón X: al dar clic permite salir del sistema

Vista Texto1

Diseño interfaz
 Título: UNAD Programa de aprendizaje-ECBTI
 Menú orientación horizontal Tema 1: al dar clic muestra la vista Tema1
 Menú orientación vertical Presentación: al dar clic muestra vista Presentacion1
 Menú orientación vertical Video: al dar clic muestra vista Video1
 Menú orientación vertical Audio: al dar clic muestra vista Audio1
 Menú orientación vertical Texto: al dar clic muestra vistaTexto1
Color de Fondo: blue2 (9FC5F8)
 Menú orientación horizontal Tema 2: al dar clic muestra la vista Tema2
 Menú orientación horizontal Tema 3: al dar clic muestra la vista Tema3
 Menú orientación horizontal Ayuda: al dar clic muestra la vista Ayuda
 Botón X: al dar clic permite salir del sistema
 Vista Tema2

Diseño interfaz
 Título: UNAD Programa de aprendizaje-ECBTI
 Menú orientación horizontal Tema 1: al dar clic muestra la vista Tema1
 Menú orientación horizontal Tema 2: al dar clic muestra la vista Tema2
Color de Fondo: orange5 (B45F06)
 Menú orientación vertical Presentación: al dar clic muestra vista Presentacion2
 Menú orientación vertical Video: al dar clic muestra vista Video2
 Menú orientación vertical Audio: al dar clic muestra vista Audio2
 Menú orientación vertical Texto: al dar clic muestra vistaTexto2
 Menú orientación horizontal Tema 3: al dar clic muestra la vista Tema3
 Menú orientación horizontal Ayuda: al dar clic muestra la vista Ayuda
 Botón X: al dar clic permite salir del sistema

Vista Presentacion2
Diseño interfaz
 Título: UNAD Programa de aprendizaje-ECBTI
 Menú orientación horizontal Tema 1: al dar clic muestra la vista Tema1
 Menú orientación horizontal Tema 2: al dar clic muestra la vista Tema2
 Menú orientación vertical Presentación: al dar clic muestra vista Presentacion2
Color de Fondo: orange5 (B45F06)
 Menú orientación vertical Video: al dar clic muestra vista Video2
 Menú orientación vertical Audio: al dar clic muestra vista Audio2
 Menú orientación vertical Texto: al dar clic muestra vistaTexto2
 Menú orientación horizontal Tema 3: al dar clic muestra la vista Tema3
 Menú orientación horizontal Ayuda: al dar clic muestra la vista Ayuda
 Botón X: al dar clic permite salir del sistema

Vista Video2
Diseño interfaz
 Título: UNAD Programa de aprendizaje-ECBTI
 Menú orientación horizontal Tema 1: al dar clic muestra la vista Tema_1
 Menú orientación vertical Presentación: al dar clic muestra vista Presentacion2
 Menú orientación vertical Video: al dar clic muestra vista Video2
Color de Fondo: orange5 (B45F06)
 Menú orientación vertical Audio: al dar clic muestra vista Audio2
 Menú orientación vertical Texto: al dar clic muestra vistaTexto2
 Menú orientación horizontal Tema 2: al dar clic muestra la vista Tema_2
 Menú orientación horizontal Tema 3: al dar clic muestra la vista Tema_3
 Menú orientación horizontal Ayuda: al dar clic muestra la vista Ayuda
 Botón X: al dar clic permite salir del sistema

Vista Audio2
Diseño interfaz
 Título: UNAD Programa de aprendizaje-ECBTI
 Menú orientación horizontal Tema 1: al dar clic muestra la vista Tema_1
 Menú orientación vertical Presentación: al dar clic muestra vista Presentacion2
 Menú orientación vertical Video: al dar clic muestra vista Video2
 Menú orientación vertical Audio: al dar clic muestra vista Audio2
Color de Fondo: orange5 (B45F06)
 Menú orientación vertical Texto: al dar clic muestra vistaTexto2
 Menú orientación horizontal Tema 2: al dar clic muestra la vista Tema_2
 Menú orientación horizontal Tema 3: al dar clic muestra la vista Tema_3
 Menú orientación horizontal Ayuda: al dar clic muestra la vista Ayuda
 Botón X: al dar clic permite salir del sistema

Vista Texto2
Diseño interfaz
 Título: UNAD Programa de aprendizaje-ECBTI
 Menú orientación horizontal Tema 1: al dar clic muestra la vista Tema_1
 Menú orientación vertical Presentación: al dar clic muestra vista Presentacion2
 Menú orientación vertical Video: al dar clic muestra vista Video2
 Menú orientación vertical Audio: al dar clic muestra vista Audio2
 Menú orientación vertical Texto: al dar clic muestra vistaTexto2
Color de Fondo: orange5 (B45F06)
 Menú orientación horizontal Tema 2: al dar clic muestra la vista Tema_2
 Menú orientación horizontal Tema 3: al dar clic muestra la vista Tema_3
 Menú orientación horizontal Ayuda: al dar clic muestra la vista Ayuda
 Botón X: al dar clic permite salir del sistema

Vista Tema3
Diseño interfaz
 Título: UNAD Programa de aprendizaje-ECBTI
 Menú orientación horizontal Tema 1: al dar clic muestra la vista Tema1
 Menú orientación horizontal Tema 2: al dar clic muestra la vista Tema2
 Menú orientación horizontal Tema 3: al dar clic muestra la vista Tema3
Color de Fondo: red5 (990000)
 Menú orientación vertical Presentación: al dar clic muestra vista Presentacion3
 Menú orientación vertical Video: al dar clic muestra vista Video3
 Menú orientación vertical Audio: al dar clic muestra vista Audio3
 Menú orientación vertical Texto: al dar clic muestra vistaTexto3
 Menú orientación horizontal Ayuda: al dar clic muestra la vista Ayuda
 Botón X: al dar clic permite salir del sistema

Vista Presentacion3
Diseño interfaz
 Título: UNAD Programa de aprendizaje-ECBTI
 Menú orientación horizontal Tema 1: al dar clic muestra la vista Tema1
 Menú orientación horizontal Tema 2: al dar clic muestra la vista Tema2
 Menú orientación horizontal Tema 3: al dar clic muestra la vista Tema3
 Menú orientación vertical Presentación: al dar clic muestra vista Presentacion3
Color de Fondo: red5 (990000)
 Menú orientación vertical Video: al dar clic muestra vista Video3
 Menú orientación vertical Audio: al dar clic muestra vista Audio3
 Menú orientación vertical Texto: al dar clic muestra vistaTexto3
 Menú orientación horizontal Ayuda: al dar clic muestra la vista Ayuda
 Botón X: al dar clic permite salir del sistema

Vista Video3
Diseño interfaz
 Título: UNAD Programa de aprendizaje-ECBTI
 Menú orientación horizontal Tema 1: al dar clic muestra la vista Tema1
 Menú orientación horizontal Tema 2: al dar clic muestra la vista Tema2
 Menú orientación horizontal Tema 3: al dar clic muestra la vista Tema3
 Menú orientación vertical Presentación: al dar clic muestra vista Presentacion3
 Menú orientación vertical Video: al dar clic muestra vista Video3
Color de Fondo: red5 (990000)
 Menú orientación vertical Audio: al dar clic muestra vista Audio3
 Menú orientación vertical Texto: al dar clic muestra vistaTexto3
 Menú orientación horizontal Ayuda: al dar clic muestra la vista Ayuda
 Botón X: al dar clic permite salir del sistema

Vista Audio3
Diseño interfaz
 Título: UNAD Programa de aprendizaje-ECBTI
 Menú orientación horizontal Tema 1: al dar clic muestra la vista Tema1
 Menú orientación horizontal Tema 2: al dar clic muestra la vista Tema2
 Menú orientación horizontal Tema 3: al dar clic muestra la vista Tema3
 Menú orientación vertical Presentación: al dar clic muestra vista Presentacion3
 Menú orientación vertical Video: al dar clic muestra vista Video3
 Menú orientación vertical Audio: al dar clic muestra vista Audio3
Color de Fondo: red5 (990000)
 Menú orientación vertical Texto: al dar clic muestra vistaTexto3
 Menú orientación horizontal Ayuda: al dar clic muestra la vista Ayuda
 Botón X: al dar clic permite salir del sistema

Vista Texto3
Diseño interfaz
 Título: UNAD Programa de aprendizaje-ECBTI
 Menú orientación horizontal Tema 1: al dar clic muestra la vista Tema1
 Menú orientación horizontal Tema 2: al dar clic muestra la vista Tema2
 Menú orientación horizontal Tema 3: al dar clic muestra la vista Tema3
 Menú orientación vertical Presentación: al dar clic muestra vista Presentacion3
 Menú orientación vertical Video: al dar clic muestra vista Video3
 Menú orientación vertical Audio: al dar clic muestra vista Audio3
 Menú orientación vertical Texto: al dar clic muestra vistaTexto3
Color de Fondo: red5 (990000)
 Menú orientación horizontal Ayuda: al dar clic muestra la vista Ayuda
 Botón X: al dar clic permite salir del sistema

Vista Ayuda
Diseño interfaz
 Título: UNAD Programa de aprendizaje-ECBTI
 Etiqueta Datos del Administrador: nombre de la vista
 Etiqueta Juan Carlos: nombres del Administrador del sistema
 Etiqueta Martínez Cruz: Apellidos del Administrador del sistema
 Etiqueta 312657987: teléfono del Administrador del sistema
 Etiqueta soporte@unad.edu.co: correo del Administrador del sistema
 Etiqueta “Estamos para ayudarte, en que le podemos servir!!!”: texto de
orientación al usuario
 Etiqueta “De clic para volver a la selección de temas”: nombre de orientación para
el botón con imagen de address book usuario
 Botón con imagen de address book usuario: al dar clic muestra la Seleccion_tema.
 Botón X: al dar clic permite salir del sistema

Fin del programa

Aporte Grupal Laura Yojana Buitrago

Propuesta de interfaz
Aporte Grupal Juan Carlos Gaona
Aporte Grupal Juan Carlos Ramírez

Propuesta de Interfaz
 Aporte Grupal Juan Carlos Rodríguez

Cada tema se debe mostrar mediante ayudas didácticas multimedia, de videos, imágenes, sonido y
texto. Cada tema tendrá ejemplos de programación.
Cada temática tendrá una ventana como la siguiente
 Bibliografía

VB.Net - Button Control - Tutorialspoint. (2020). Retrieved 22 June 2020, from

https://www.tutorialspoint.com/vb.net/vb.net_button.htm
 CONCLUSIONS

It was possible to define some of the existing controls in the programming language of
Visual Basic, and it was understood how important it is to know each one of its properties
since this facilitates the creation of an intuitive application for the user. It was also possible
to make an initial proposal for the application to be developed during the course work