Vous êtes sur la page 1sur 90

Paso 2 Planeación Del Proyecto

Visual Basic Avanzado

Entregado A:
Jaime Rubiano Llorente

Presentado Por:
Brian Aldana Suarez -Código: 1071941125
Juan Miguel Muñoz Puentes-1075627493
Lizbeth Nataly Bermúdez
MAURICIO ESTEBAN JIMENEZ OMBITA- 1072073932
Jenny Liliana Sierra Cruz-20385113

Grupo: 1

Universidad Nacional Abierta Y A Distancia (UNAD)


29 De Febrero De 2020
Introduction

In this course we will use Visual Studio to create and run some different console applications
and explore some features of the Visual Studio Integrated Development Environment (IDE).
First, a Visual Basic application project will be created. The type of project includes all the
template files that we are going to need, without adding anything else.
Objectives
General objective
Here we will learn to edit, debug and compile code and then publish an application.
Specific goal
Know the integrated development environment (IDE) which is a program with numerous
features that can be used for many aspects of software development. Beyond the standard
editor and debugger that most IDEs provide, Visual Studio includes compilers, code
completion tools, graphic designers and many more features to facilitate the software
development process.
Brian Aldana Suarez
Herramienta 1
DateTimePicker

Permite al usuario seleccionar fecha y hora, así como mostrar ambas en un formato
especifico
Propiedades
CalendarFont: Fuente utilizada para mostrar el calendario
CalendarForeColor: color utilizado para mostrar texto en un mes
ContextMenuStrip: Menú contextual que se muestra cuando el usuario hace clic con
el botón secundario en el control
Dock: Define los bordes del control enlazado al contenedor
Font: fuente utilizada pata mostrar texto en el control
Location: Coordenadas de la esquina superior izquierda del control respecto de la
esquina superior izquierda de su contenedor
Locked: La propiedad locked determina si se puede mover o cambiar el tamaño del
control
MaxDate: Fecha máxima que se puede seleccionar
MinDate: Fecha mínima que se puede seleccionar
Value: Valor de fecha y hora actual para este control
Herramienta 2
ComboBox

Muestra un cuadro de texto editable con una lista desplegable de los valores permitidos
Propiedades
AllowDrop: Indica si el control puede aceptar datos que el usuario arrastre
BlackColor: El color de fondo del componente
DaraSource: Indica la lista que este control utiliza para obtener sus elementos
DrawMode: Indica si el código o el sistema operativo controlara el dibujo de
elementos de la lista
DropDownHeight: Alto, en pixeles, del cuadro desplegable en un cuadro combinado
DropDownStyle: Comprueba la apariencia y funcionalidad del cuadro combinado
FlatStyle: Determina la visualización del control
ForeColor: Color de primer plano de este componente utilizado para mostrar texto
FormatString: Caracteres de especificador de formato que indican como se muestra
un valor
IntegralHeight: Indica si el cuadro combinado debe cambiar de tamaño para evitar
mostrar elementos parciales
Herramienta 3
ListBox

Muestra una lista en la que el usuario puede elegir elementos


Propiedades
Anchor: Define a que bordes del contenedor esta enlazado un control
CausesValidation: Indica si este componente genera eventos de validación
ColumnWidth: Indica el ancho que deben tener las columnas de un control de varias
columnas
Cursor: Curso que aparece al pasar el puntero por el control
Enable: Indica si el control está habilitado
ForeColor: color de primer plano de este componente utilizado para mostrar texto
GenerateMember: indica si se genera una variable miembro para este componente
ItemHeight: Alto de los elementos en (pixeles) de un cuadro de lista de alto fijo y
dibujado por el propietario.
Items: Elementos en el cuadro de la lista
MaximumSize: Especifica el tamaño máximo del control
Herramienta 4
PictureBox

Elemento que permite mostrar una imagen


Propiedades
BackgroundImage: Imagen de fondo utilizada para el control
BackgroundImageLayout: Diseño de imagen de fondo utilizada para el
componente
BorderStyle: Controla que tipo de borde debe tener PictureBox
Enable: Indica si el control está habilitado
Image: Imagen mostrada en el control de PictureBox
ImageLocation: Disco o ubicación web desde la que carga la imagen
InitialImage: Imagen que se muestra mientras se carga otra imagen
Locked: La propiedad locked determina si puede mover o cambiar el tamaño del
control
MinimumSize: Especifica el tamaño mínimo del control
Size: tamaño del control, en pixeles
Herramienta 5
ProgressBar

Muestra una barra que se va completando para indicar al usuario el progreso de una
operación
Propiedades
BackColor: El color de fondo del componente
ContextMenuStrip: Menú contextual que se muestra cuando el usuario hace clic
con el botón secundario en el control
Maximun: Limite superior del intervalo con el que trabaja ProgressBar
Minimun: Límite inferior del intervalo con el que trabaja ProgressBar
Modifiers: indica el nivel de visibilidad del objeto
RightToLeft: indica si el componente debe dibujar de derecha a izquierda para
idiomas RTL
Step: Cantidad por la que aumentar el valor actual control cuando se emplea el
método PerformStep()
Style: Esta propiedad permite al usuario establecer el estilo de PorgressBar
TabIndex: Determina el índice del orden de tabulación que ocupara este control
Value: Valor actual de ProgressBar, en el intervalo especificado por las propiedades
de mínimo y máximo
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 una a una las áreas a estudiar como apoyo al proceso de
formación, estas áreas:
1. Active Server Pages (ASP).
2. Machine Learning
3. Big Data
4. Minería de datos
5. AWS, (Amazon Web Services)
Cada área o tema debe tener una evaluación, cada uno de estos temas se muestran mediante
ayudas didácticas multimedia, videos, imágenes, sonido y texto.
El proyecto o programa puede ser publicado en internet al final del curso, o solo a nivel de
localhost.
Interfaz de Inicio
Dentro de este Formulario, como imagen de fondo, estará un paisaje mágico, se pretende
mostrar una interfaz diferente a lo habitual, un entorno amigable con la naturaleza, en el
cabezal estaría el logo de la UNAD, y una frase de motivación
En este formulario se muestra 1 botón de registro y 3 clases de ingreso ya sea por Facebook,
cuanta Google o con el usuario que registro, también encontramos un enlace para
recuperación de clave y los términos y condiciones, después de ingresar será dirigido a la
siguiente sección
Interfaz de registro
En este formulario encontramos un nuevo fondo llamativo, en el encabezado el logo de la
UNAD, en la izquierda un botón de ingreso de sección, y en el centro están las cajas de texto
donde el estudiante podrá registrar sus datos para el ingreso, en el final hay un botón de OK,
al darle lo redirecciona a la pagina de inicio de sección

Interfaz de menú
En este formulario encontramos las diferentes opciones que podrá elegir el estudiante, al dar
clic en cada botón lo dirigirá hacia otra parte donde estarán los contenido didácticos y
multimedia para realizar una evaluación sobre lo aprendido
Contenido multimedia
Este formulario muestra todo el contenido multimedia y didáctico para aprender sobre el
tema, desde videos hasta explicación de temas, en la parte inferior hay un boto para iniciar
el quiz de aprendizaje
Interfaz de quiz

En este ultimo formulario se muestra las preguntas con sus respectivas opciones de
selección, y un boton de teminar cuestionario
Jenny Liliana Sierra Cruz
Anexo 1
Unidad 1: Paso 2 Planeación del proyecto a realizar

Actividad individual
Realizar la revisión de la caja de herramientas de Visual Basic 2017 y seleccionar 5
herramientas de uso web, esto se hace de forma individual, realizar una descripción de cada
una de ellas con su imagen, funcionalidad, uso y al menos 10 propiedades de cada una.
1.Change password
Permite al usuario actualizar su contraseña. Al igual que los demás controles Web
relacionados con el inicio de sesión que hemos visto en esta serie de tutoriales, los controles
PasswordRecovery y ChangePassword funcionan con el marco de pertenencia en segundo
plano para restablecer o modificar las contraseñas de los usuarios.
Propiedades
1. CreateUserUrl: dirección URL de la página crear usuario.
2. EditProfileURl: de la página editar perfil.
3. PasswordRecoveryURL: dirección URL de la pagina de recuperación de contraseña.
4. UserNameRequiredErrorMessage:texto que se va ha mostrar en e resumen de
validación cuando el nombre de usuario este vacío.
5. NewPasswordRegularExpressionErrorMessage: texto que seva a mostrar cuando
falle la expresión regular de nueva contraseña.
6. ConfirmPasswordCompareErrorMessage: texto que se va a mostrar en el resumen
de validación cuando la contraseña y la confirmación de contraseña no coincidan.
7. TitleTextStyle: estilo del título.
8. SuccessTextStyle: estilo de texto que indica proceso correcto.
9. ChangePasswordButtonStyle: estilo que se va ha mostrar en el botón de cambiar
contraseña.
10. RenderOuterTable: si se va a representar una tabla en torno a las plantillas en este
control.
2.ConnectionsZone
Proporciona una interfaz de usuario (UI) que permite a los usuarios formar conexiones
entre WebPart y otros controles de servidor que residen en zonas WebPartZoneBase . La
primera parte de este ejemplo de código es el control de usuario que permite a los usuarios
cambiar los modos de visualización en una página web. Para obtener detalles sobre los
modos de visualización y una descripción del código fuente en este control, consulte.
Propiedades
1. HeaderStyle: estilo del encabezado de la zona.
2. InstructionTextStyle:estilo alicado al texto con instrucciones mostrando en la zona.
3. PartChormePadding: espacio del cromo de los elementos contenidos.
4. DisconnectVerb: verbo para desconectar dos elementos web.
5. ConnectVerb: verbo para conectar elementos web.
6. CancelVerb: verbo ara cancelar la acción actual.
7. CloseVerb: verbo para cerrar ConnectionsZone.
8. ConfigureVerb: verbo para configurar una conexión.
9. HeaderCloseVerb: verbo mostrado en el encabezado para cerrar la zona.
10. ViewStateMOde: determina se el control tiene habilitado o no viewstate; de forma
predeterminada, se hereda del control primario.
3.DynamicControl

En un control ListView para mostrar, insertar, eliminar y editar valores de una tabla de base
de datos.
Propiedades
1. ClientlDMode: indica como debe de generar ClientID para el control.
2. HtmlEncode: indica si el campo esta codificado en HTML cuando se muestra al
usuario.
3. NullDisplayText: texto que aparece si los datos enlazados al campo son nulos.
4. UIHint: sugerencia opcional de la interfaz de usuario usada para cargar la plantilla
para representar este capo.
5. ValidateRequestode: determina si el control es valido o no la entrada del cliente. De
forma predeterminada, se hereda del control primario.
6. Visible: indica si el control esta visible y se ha procesado.
7. DataField: nombre del campo del modelo al que se enlaza este campo.
8. DataFormatString: formato que se aplica al valor enlazado. Por ejemplo, {0:d} o
{0:c}
9. ValidateRequestMode: determina si el control valido o no la entrada del cliente. De
forma predeterminada, se hereda del control.
10. ValidateGroup: nombre del grupo de validación para el que este campo debería
causar la validación.
4.PageCatalogPart

1. ChormeState: indica si el elemento Web se muestra minimizado o a tamaño normal.


2. ChormeType: tipo de cromo que se representara alrededor del elemento.
3. Description: descripción de texto del elemento.
4. ClientlDMode: indica como se debe generar ClientID para el control.
5. EnableViewState: indica si el control guarda automáticamente su estado para
utilizarlo en acciones de ida y vuelta.
6. ValidateRequestMode: determina si el control valida o no la entrada del cliente. De
forma predeterminada, se hereda del control primario.
7. ViewStateMode: determina si e control tiene habilitado o no viewstate; de forma
predeterminada, se hereda del control primario.
8. ID: nombre de programación de control.
9. Expressions: expresiones enlazadas a propiedades de este control.
10. Title: título del elemento.

5.TreeView
Muestra una colección jerárquica de elementos etiquetados, cada uno representado por
un TreeNode .
Propiedades
1. AccessKey: método abreviado de teclado utilizado por el control.
2. SkipLinkText: texto que aparece en el atributo ALT del vínculo de imagen invisible
que ermite a los lectores de pantalla omitir el texto repetitivo.
3. Tablndex: el orden de tabulación del control.
4. BackColor: color del fondo del control.
5. CollapseImageToolTip: cadena de formato de información sobre herramientas de la
imagen que contrae un nodo cuando se hace clic en ella.
6. CollapseImageUrl: dirección URL de la imagen que contrae un nodo cuando se
hace clic en ella.
7. CssClass: nombre de clase CSS aplicado al control.
8. ExpandlmageUrl: cadena de formato de información sobre herramientas de la
imagen que expande un nodo cuando se hace clic en ella.
9. ForeColor: color del texto del control.
10. NodeIndent: número de pixeles ara la sangría de cada uno.
Revisar el proyecto propuesto y hacer una propuesta de diseño para dar solución. Su aporte
es a la Interfaz del proyecto.
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 una a una las áreas a estudiar como apoyo al proceso de
formación, estas áreas:
6. Active Server Pages (ASP).
7. Machine Learning
8. Big Data
9. Minería de datos
10. AWS, (Amazon Web Services)
Cada área o tema debe tener una evaluación, cada uno de estos temas se muestran mediante
ayudas didácticas multimedia, videos, imágenes, sonido y texto.
El proyecto o programa puede ser publicado en internet al final del curso, o solo a nivel de
localhost.
Propuesta de diseño

Esta es la ventana de entrada está compuesta por:


✓ Imagen en la mitad en a cuál está el logotipo de a UNAD
✓ En la mitad un icono el que representa al usuario
✓ Luego unos label donde se escribe al frente en unos text input el usuario y contraseña.
✓ En e icono en forme de fecha es para dar ingreso a la información
✓ En el icono del lado permite realizar e registro de sus datos en el cual tendrá usuario
y contraseña
Ventana donde se debe de llenar información del estudiante donde este compuesto por:
• Logotipo de la universidad al lado izquierdo
• Label donde se colocan los diferentes campos de información
• Text input donde se digita la información
• Y un botón ara pasar a la página siguiente en e costado derecho en la parte de abajo.

Ventana en la cual se registra nombre de usuario y la contraseña que se va a utilizar.


• Un logotipo de la universidad
• Label donde se pide la información
• Text input donde se digita la información.
➢ Logotipo de la UNAD centrado
➢ Debajo del logotipo están unos botones con cada uno de los temas los cuales al dar
clic se abre una nueva pantalla con información de tema y evaluación de cada tema.
➢ Debajo de los botones se escribirá un mensaje alusivo al contenido que se va a
trabajar.

➢ Al lado izquierdo estará un logotipo de la UNAD


➢ En a parte centra titulo del tema a tratar
➢ Debajo ira la información sobre el tema
➢ En a parte derecha hay iconos que sirve para ir al principio o continuar a la siguiente
pantalla.
➢ En a parte izquierda ira un logotipo de la UNAD
➢ Luego ira una proyección de un video en el que se explica el tema
➢ A lado derecho se encontrarán una flecha para poder continuar o volver un paso
atrás.

Ventana de evaluación de todos lo temas vistos contendrá:


• Logotipo de la universidad
• Un título donde dirá evaluación
• Luego en aparte de abaja van diferentes preguntas relacionadas con los temas vistos
• Un botón para pasar a la siguiente pagina
• Logotipo de la universidad
• Un título donde dirá evaluación
• Luego en aparte de abaja van diferentes preguntas relacionadas con los temas vistos
• Un botón para pasar a la siguiente pagina

• Logotipo de la universidad
• Un título donde dirá evaluación
• Luego en aparte de abaja van diferentes preguntas relacionadas con los temas vistos
• Un botón para pasar a la siguiente pagina

• Logotipo de la universidad
• Un título donde dirá evaluación
• Luego en aparte de abaja van diferentes preguntas relacionadas con los temas vistos
• Un botón para pasar a la siguiente pagina

• Logotipo de la universidad
• Un título donde dirá evaluación
• Luego en aparte de abaja van diferentes preguntas relacionadas con los temas vistos
• Un botón para finalizar y Guardar la evaluación
Juan Miguel Muñoz Puentes
Anexo 1 Unidad 1: Paso 2 Planeación del proyecto a realizar Actividad individual
Realizar la revisión de la caja de herramientas de Visual Basic 2017 y seleccionar 5
herramientas de uso web, esto se hace de forma individual, realizar una descripción de cada
una de ellas con su imagen, funcionalidad, uso y al menos 10 propiedades de cada una.
FileUpload

Muestra un control de cuadro de texto y un botón Examinar que permiten a los usuarios
seleccionar un archivo para cargarlo al servidor.
1. AccessKey: Obtiene o establece la clave de acceso que permite navegar rápidamente
al control de servidor web.(Heredado de WebControl)
2. Adapter: Obtiene el adaptador específico del explorador para el control.(Heredado de
Control)
3. AllowMultiple: Obtiene o establece un valor que especifica si pueden seleccionarse
varios archivos para la carga.
4. AppRelativeTemplateSourceDirectory: Obtiene o establece el directorio virtual
relativo a la aplicación del objeto Page o el objeto UserControl que contiene este
control.(Heredado de Control)
5. Attributes: Obtiene la colección de atributos arbitrarios (sólo para su representación)
que no corresponden a propiedades del control.(Heredado de WebControl)
6. BackColor: Obtiene o establece el color de fondo del control de servidor
web.(Heredado de WebControl)
7. BindingContainer: Obtiene el control que contiene el enlace de datos de este
control.(Heredado de Control)
8. BorderColor: Obtiene o establece el color de borde del control Web.(Heredado de
WebControl)
9. BorderStyle: Obtiene o establece el estilo del borde del control de servidor
web.(Heredado de WebControl)
10. BorderWidth: Obtiene o establece el ancho del borde del control de servidor
web.(Heredado de WebControl)
Treeview
Muestra una colección jerárquica de elementos con etiquetas, representado cada uno por un
TreeNode.
1. AccessibilityObject: Obtiene AccessibleObject asignado al control.(Heredado de
Control)
2. AccessibleDefaultActionDescription : Obtiene o establece la descripción de la acción
predeterminada del control que usan las aplicaciones cliente de
accesibilidad.(Heredado de Control)
3. AccessibleDescription: Obtiene o establece la descripción del control que las
aplicaciones cliente de accesibilidad utilizan.(Heredado de Control)
4. AccessibleName: Obtiene o establece el nombre del control que las aplicaciones
cliente de accesibilidad utilizan.(Heredado de Control)
5. AccessibleRole: Obtiene o establece el rol accesible del control.(Heredado de
Control)
6. AllowDrop: Obtiene o establece un valor que indica si el control puede aceptar los
datos que el usuario arrastra al mismo.(Heredado de Control)
7. Anchor: Obtiene o establece los bordes del contenedor al que está enlazado un control
y determina cómo se cambia el tamaño de un control con su elemento
primario.(Heredado de Control)
8. AutoScrollOffset: Obtiene o establece a dónde se desplaza este control en
ScrollControlIntoView(Control).(Heredado de Control)
9. AutoSize: Esta propiedad no es relevante para esta clase.(Heredado de Control)
10. BackColor: Obtiene o establece el color de fondo del control. DataPager

Proporciona funcionalidad de paginación para los controles enlazados a datos que


implementan la interfaz IPageableItemContainer , como el control ListView .
1. Adapter: Obtiene el adaptador específico del explorador para el control.(Heredado de
Control)
2. AppRelativeTemplateSourceDirectory: Obtiene o establece el directorio virtual
relativo a la aplicación del objeto Page o el objeto UserControl que contiene este
control.(Heredado de Control)
3. Attributes:Obtiene una colección de pares nombre/valor de atributo personalizado
para el control DataPager.
4. BindingContainer: Obtiene el control que contiene el enlace de datos de este
control.(Heredado de Control)
5. ChildControlsCreated: Obtiene un valor que indica si se han creado controles
secundarios del control de servidor.(Heredado de Control)
6. ClientID: Obtiene el id. de control para marcado HTML que se genera por
ASP.NET.(Heredado de Control)
7. ClientIDMode: Obtiene o establece el algoritmo que se utiliza para generar el valor
de la propiedad ClientID.(Heredado de Control)
8. ClientIDSeparator: Obtiene un valor de carácter que representa el carácter separado
utilizado en la propiedad ClientID.(Heredado de Control)
9. Context: Obtiene el objeto HttpContext asociado al control de servidor para la
solicitud Web actual.(Heredado de Control)
10. Controls: Obtiene un objeto ControlCollection que representa los controles
secundarios del control DataPager en la jerarquía de la interfaz de usuario. Wizard

Proporciona navegación y una interfaz de usuario (UI) para recopilar datos relacionados en
varios pasos.
1. AccessKey: Obtiene o establece la clave de acceso que permite navegar rápidamente
al control de servidor web.(Heredado de WebControl)
2. ActiveStep: Obtiene el paso de la colección WizardSteps que se muestra actualmente
al usuario.
3. ActiveStepIndex: Obtiene o establece el índice del objeto WizardStepBase actual.
4. Adapter: Obtiene el adaptador específico del explorador para el control.(Heredado de
Control)
5. AppRelativeTemplateSourceDirectory: Obtiene o establece el directorio virtual
relativo a la aplicación del objeto Page o el objeto UserControl que contiene este
control.(Heredado de Control)
6. Attributes: Obtiene la colección de atributos arbitrarios (sólo para su representación)
que no corresponden a propiedades del control.(Heredado de WebControl)
7. BackColor: Obtiene o establece el color de fondo del control de servidor
web.(Heredado de WebControl)
8. BindingContainer: Obtiene el control que contiene el enlace de datos de este
control.(Heredado de Control)
9. BorderColor: Obtiene o establece el color de borde del control Web.(Heredado de
WebControl)
10. BorderStyle: Obtiene o establece el estilo del borde del control de servidor
web.(Heredado de WebControl)
WebPartZone

Actúa como control primario en el conjunto de controles de elementos web que hospedan
los controles WebPart en una página web.
1. AccessKey: Obtiene o establece la clave de acceso que permite navegar rápidamente
al control de servidor web.(Heredado de WebControl)
2. Adapter: Obtiene el adaptador específico del explorador para el control.(Heredado de
Control)
3. AllowLayoutChange: Obtiene o establece un valor que indica si el diseño de los
controles WebPart se puede cambiar dentro de una zona.(Heredado de
WebPartZoneBase)
4. AppRelativeTemplateSourceDirectory: Obtiene o establece el directorio virtual
relativo a la aplicación del objeto Page o el objeto UserControl que contiene este
control.(Heredado de Control)
5. Attributes: Obtiene la colección de atributos arbitrarios (sólo para su representación)
que no corresponden a propiedades del control.(Heredado de WebControl)
6. BackColor:Obtiene o establece el color de fondo del control de servidor
web.(Heredado de WebControl)
7. BackImageUrl: Obtiene o establece la dirección URL a una imagen de fondo para una
zona.(Heredado de WebZone)
8. BindingContainer:Obtiene el control que contiene el enlace de datos de este
control.(Heredado de Control)
9. BorderColor: Obtiene o establece el color del borde del
control WebPartZoneBase.(Heredado de WebPartZoneBase)
10. BorderStyle: Obtiene o establece el tipo de borde que rodea a un control
WebPartZoneBase.(Heredado de WebPartZoneBase)
Revisar el proyecto propuesto y hacer una propuesta de diseño para dar solución. Su aporte
es a la Interfaz del proyecto.
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 una a una las áreas a estudiar como apoyo al proceso de
formación, estas áreas:
1. Active Server Pages (ASP).
2. Machine Learning
3. Big Data
4. Minería de datos
5. AWS, (Amazon Web Services)

Cada área o tema debe tener una evaluación, cada uno de estos temas se muestran mediante
ayudas didácticas multimedia, videos, imágenes, sonido y texto.
Lizbeth Nataly Bermúdez
Actividad individual
Realizar la revisión de la caja de herramientas de Visual Basic 2017 y seleccionar 5
herramientas de uso web, esto se hace de forma individual, realizar una descripción de cada
una de ellas con su imagen, funcionalidad, uso y al menos 10 propiedades de cada una.
Revisar el proyecto propuesto y hacer una propuesta de diseño para dar solución. Su
aporte es a la Interfaz del proyecto.
Herramientas Seleccionadas:
• Label
• TextBox
• Button
• Radio Button
• CheckBox
Label

El control Label o Etiqueta es un simple control que se utiliza para mostrar texto,

descripciones, información para el programa.

Propiedades

BackgroundImage

Imagen de fondo utilizado para el control.

Backcolor

Determina el color del fondo de la etiqueta. Si la propiedad BackStyle está en

transparente esta propiedad no se visualiza, es decir el color no se muestra.

ForeColor

Color de primer plano de este componente, utilizado para mostrar texto.


Name

Es el nombre del control y sirve para hacer referencia al mismo en el código, como

todos los controles.

Text

Texto asociado al control.

Image

Imagen que se mostrará en el control.

TextAling

Determina la posición del texto dentro de la etiqueta.

AllowDrop

Indica si el control puede aceptar datos que el usuario arrastre.

Locked

Determina si se puede mover o cambiar el tamaño del control.

GenerateMember

Indica si se genera una variable miembro para este componente.

TextBox

El control TextBox o Caja de texto se utiliza para Ingresar y/o visualizar Texto ( es

un control de entrada de datos ).


Propiedades

Locked

La propiedad Locked, determina si se puede mover o cambiar el tamaño del control.

TabStop

Indica si el usuario puede utilizar la tecla TABULADOR para poner el foco en el

control.

Enabled

Indica si el control está habilitado.

Visible

Determina si el control está visible u oculto.

TextAling
Alineación del texto que se mostrará en el control.

Image

Imagen que se mostrará en el control.

AllowDrop

Indica si el control puede aceptar datos que el usuario arrastre.

GenerateMember

Indica si se genera una variable miembro para este componente.

Cursor

Cursor que aparece al pasar el puntero por el control.

Enabled

Indica si el control está habilitado.

Button
Este control " Botón de comando ", nos permite ejecutar alguna rutina, función o

procedimiento, generalmente en el evento click del mismo, para realizar de esta manera

alguna tarea dentro del programa

Como se dijo, se utiliza generalmente en el evento Click par ejecutar alguna acción

cuando se produce dicho evento, y es precisamente el evento Click, el que por defecto

añade Visual Basic al control.

Propiedades

Cursor

Cursor que aparece al pasar el puntero por el control.

Enabled

Indica si el control está habilitado.

Image

Imagen que se mostrará en el control.

TextAling

Determina la posición del texto dentro de la etiqueta.

AllowDrop

Indica si el control puede aceptar datos que el usuario arrastre.

Locked
Determina si se puede mover o cambiar el tamaño del control.

GenerateMember

Indica si se genera una variable miembro para este componente.

Tag

Datos definidos por el usuario asociado con el objeto.

TabIndex

Determina el índice del orden de tabulación que se ocupará este control.

Anchor

Define a qué bordes del contenedor está enlazado un control. Cuando un control está

delimitado con relación a un borde, la distancia entre el borde más cercano del control y

borde especificado permanecerá constante.


Radio Button

Control que permite al usuario escoger solo una de varias opciones.


Estos controles generalmente se agrupan en un control contenedor llamado
GroupBox y de esa manera se pueden poner varias opciones en un solo formulario, por
supuesto que agrupando los radioButton en varios GroupBox.

Propiedades

AccessibleDescription

Obtiene o establece la descripción del control que las aplicaciones cliente de

accesibilidad utilizan.

AccessibleName

Obtiene o establece el nombre del control que las aplicaciones cliente de

accesibilidad utilizan.

Image

Imagen que se mostrará en el control.

TextAling
Determina la posición del texto dentro de la etiqueta.

AllowDrop

Indica si el control puede aceptar datos que el usuario arrastre.

Locked

Determina si se puede mover o cambiar el tamaño del control.

GenerateMember

Indica si se genera una variable miembro para este componente.

AccessibleRole:

Obtiene o establece el rol accesible del control.

ImageKey

Índice de la imagen en la ImageList que se va a mostrar en el control.

Anchor:

Infraestructura.

CheckBox
El control CheckBox se utiliza generalmente para listar opciones y que el usuario

pueda elegir entre ellas, y dependiendo del valor (si está chequeado o no), se realiza una u

otra acción.

Propiedades

FlatStyle

Determina la apariencia del control cuando un usuario mueve el mouse sobre el

control y hace click.

Size

Tamaño del control en píxeles.

Image

Imagen que se mostrará en el control.

TextAling
Determina la posición del texto dentro de la etiqueta.

AllowDrop

Indica si el control puede aceptar datos que el usuario arrastre.

Locked

Determina si se puede mover o cambiar el tamaño del control.

GenerateMember

Indica si se genera una variable miembro para este componente.

Name

Es el nombre del control y sirve para hacer referencia al mismo en el código, como

todos los controles.

CausesValidation

Indica si este componente genera eventos de validación.

AccessibleRole:

Obtiene o establece el rol accesible del control.

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 una a una las áreas a estudiar como apoyo al proceso de
formación, estas áreas:
11. Active Server Pages (ASP).
12. Machine Learning
13. Big Data
14. Minería de datos
15. AWS, (Amazon Web Services)

Cada área o tema debe tener una evaluación, cada uno de estos temas se muestran mediante
ayudas didácticas multimedia, videos, imágenes, sonido y texto.
El proyecto o programa puede ser publicado en internet al final del curso, o solo a nivel de
localhost.

Interfaz de Inicio

Dentro de este form, como imagen de fondo, estará la UNAD, se pretende mostrar

el título de la universidad y de igual manera, solicitar algunos datos básicos del usuario para

mantener un registro de ingreso.

El botón continuar, permitirá avanzar a la siguiente fase, el botón guardar,

almacenará la información suministrada por el usuario, el botón nuevo, limpiará las casillas

para ingresar nueva información y el botón salir, cerrará el programa.

Form 2
Dentro de este form, se mostrará el menú principal que identifica los

diferentes temas a tratar dentro del programa, el usuario solo podrá seleccionar el

primer tema, ya que esta lista, estará ordenada de tal manera que los temas sean

lógicos para evitar confundir al estudiante o persona en cuestión.

Formato General del Contenido

Dentro de este modelo se evidencian las diferentes opciones para el proceso de


aprendizaje, permitiendo un orden y una adaptabilidad sencilla, de tal manera de que para el
estudiante no le sea complejo el desarrollo de la actividad.

Formato de Evaluación
Este form permite
evaluar los

conocimientos adquiridos, el botón siguiente envía a la posterior fase.


Al finalizar el proceso de evaluación, se mostrará un form en donde se observará el puntaje
obtenido con las correcciones respectivas.
Mauricio Esteban Jimenez Ombita
Herramienta 1
LinkButton
Esta opción permite insertar un botón como link
Propiedades
• BlackColor: Color del fondo de control
• BorderColor: color de borde alrededor del control
• Text: Texto que aparecerá en el vinculo
• ToolTip: Información sobre herramientas mostrada cuando el mouse está sobre el
control
• (ID): Nombre de programación del control
• CausesValidation: indica si el botón provoca que se desencadene la validación
• CommandArgument: Argumento de comando asociado con el Botón
• EnableTheming: Indica si se puede aplicar un tema de control
• OnClientClick: Script de lado cliente que se ejecuta con OnClick del cliente
• ValidateRequestMode: determina si el control valida o no la entrada del cliente. De
forma predeterminada, se hereda del control primario

Herramienta 2
CheckBoxList
Permite insertar una lista de chequeo
Propiedades
• TextAlign: alineación de la etiqueta de texto respecto a cada elemento
• ValidationGroup: Grupo que se debería validar cuando el control origine un
postback
• Visible: Indica si el control y se ha procesado
• CellPadding: permite asignar un espacio entre los elementos
• CellSpacing: permite asignar un espaciado entre los elementos
• RepeatColumns: número de columnas utilizadas para colocar los elementos
• DataSourcelID: Id. De control de un IDataSource que se utilizará como origen de
datos
• DataTextFormatString: formato aplicado al campo de texto. Por ejemplo, “{0:d}”.
• DataValueField: Campo del origen de datos que proporcionan el valor del elemento
• SkinID: skinid de la mascara de controles que proporcionan la máscara del control.

Herramienta 3
ImagenButton
Permite insertar una imagen como botón
Propiedades
DescriptionUrl: Dirección URL que contiene una descripción más detallada de la imagen
TabIndex: El orden de tabulación del control
AlternateText: Texto alternativo que aparece cuando no se puede mostrar la imagen
BorderStyle: estilo del borde alrededor del control
ForeColor: Color del texto de control
ImageUrl: Dirección URL de una imagen mostrada
PostBackUrl: Dirección URL que se va a exponer cuando se hace clic en el botón
ImageAling: alineación de la imagen
Visible: Indica si el control esta visible y se ha procesado
(ID): Nombre de programación del control

Herramienta 4
RadioButton
Botón que permite ser seleccionado
Propiedades
• AccessKey: Método abreviado de teclado utilizado por el control
• BorderWidth: ancho del borde del control
• CssClass: Nombre de la clase CSS aplicado al control
• Bold: Indica si la fuente tiene el atributo de negrita
• Italic: indica si la fuente el atributo de cursiva
• Name: fuente preferida para procesar el control
• Names: secuencial de fuentes que se pueden utilizar para procesar el control
• Overline: indica si la fuente tiene el atributo de línea alta
• Size: Tamaño de la fuente
• ForeColor: color del texto del control

Herramienta 5
Calendar
Este botón Permite ingresar un calendario
Propiedades
• Caption: Titulo asociado con el calendario
• CaptionAling: alineación del título asociado
• DayNameFormat: formato para el texto del encabezado del día
• FirstDayOfWeek: Día de la semana que se va a mostrar en primer lugar
• ForeColor: color del Texto del control
• NextMonthText: texto para el botón del siguiente mes
• ShowGridLines: True si se quiere mostrar las líneas de cuadricula
• ShowNextPrevMonth: True si muestra los botones de mes anterior y siguiente
• Title Format: Formato para el titulo de mes en el encabezado
• SelectionMode: determina si se pueden seleccionar días, Semanas o meses

Propuesta de Diseño
Interfaz Principal
En esta se mostrará la opción para registrar el estudiante, acceder al login y a los 5 cursos
solicitados en la guía de actividades
Registro Estudiante

En esta interfaz el estudiante debe ingresar la información solicitada en los diferentes


campos que se han habilitado y dar clic en registrar nuevo estudiante o cancelar la acción

Login
En esta interfaz el estudiante podrá acceder sus credenciales de acceso e iniciar sesión y
acceder a los cursos o sencillamente salir a la interfaz principal.
Diseño del curso

En esta interfaz el estudiante podrá encontrar el titulo del curso, un texto con información
básica alusiva al curso seleccionado, un video resumen de toda la temática que se presenta
en el curso y una lectura con toda la información y datos del curso, por ultimo se encontrará
un botón para acceder a la evaluación del curso. Este formato aplica para los 5 cursos.

Cuestionario
En esta interfaz se podrá encontrar un cuestionario con preguntas múltiples de únicas
respuestas y un botón que dice finalizar esta opción aplica para los 5 cursos.

Jenny Liliana Sierra Cruz


Anexo 1
Unidad 1: Paso 2 Planeación del proyecto a realizar

Actividad individual
Realizar la revisión de la caja de herramientas de Visual Basic 2017 y seleccionar 5
herramientas de uso web, esto se hace de forma individual, realizar una descripción de cada
una de ellas con su imagen, funcionalidad, uso y al menos 10 propiedades de cada una.
1.Change password
Permite al usuario actualizar su contraseña. Al igual que los demás controles Web
relacionados con el inicio de sesión que hemos visto en esta serie de tutoriales, los controles
PasswordRecovery y ChangePassword funcionan con el marco de pertenencia en segundo
plano para restablecer o modificar las contraseñas de los usuarios.
Propiedades
1. CreateUserUrl: dirección URL de la página crear usuario.
2. EditProfileURl: de la página editar perfil.
3. PasswordRecoveryURL: dirección URL de la pagina de recuperación de contraseña.
4. UserNameRequiredErrorMessage:texto que se va ha mostrar en e resumen de
validación cuando el nombre de usuario este vacío.
5. NewPasswordRegularExpressionErrorMessage: texto que seva a mostrar cuando
falle la expresión regular de nueva contraseña.
6. ConfirmPasswordCompareErrorMessage: texto que se va a mostrar en el resumen
de validación cuando la contraseña y la confirmación de contraseña no coincidan.
7. TitleTextStyle: estilo del título.
8. SuccessTextStyle: estilo de texto que indica proceso correcto.
9. ChangePasswordButtonStyle: estilo que se va ha mostrar en el botón de cambiar
contraseña.
10. RenderOuterTable: si se va a representar una tabla en torno a las plantillas en este
control.
2.ConnectionsZone

Proporciona una interfaz de usuario (UI) que permite a los usuarios formar conexiones
entre WebPart y otros controles de servidor que residen en zonas WebPartZoneBase . La
primera parte de este ejemplo de código es el control de usuario que permite a los usuarios
cambiar los modos de visualización en una página web. Para obtener detalles sobre los
modos de visualización y una descripción del código fuente en este control, consulte.
Propiedades
1. HeaderStyle: estilo del encabezado de la zona.
2. InstructionTextStyle:estilo alicado al texto con instrucciones mostrando en la zona.
3. PartChormePadding: espacio del cromo de los elementos contenidos.
4. DisconnectVerb: verbo para desconectar dos elementos web.
5. ConnectVerb: verbo para conectar elementos web.
6. CancelVerb: verbo ara cancelar la acción actual.
7. CloseVerb: verbo para cerrar ConnectionsZone.
8. ConfigureVerb: verbo para configurar una conexión.
9. HeaderCloseVerb: verbo mostrado en el encabezado para cerrar la zona.
10. ViewStateMOde: determina se el control tiene habilitado o no viewstate; de forma
predeterminada, se hereda del control primario.
3.DynamicControl

En un control ListView para mostrar, insertar, eliminar y editar valores de una tabla de base
de datos.
Propiedades
1. ClientlDMode: indica como debe de generar ClientID para el control.
2. HtmlEncode: indica si el campo esta codificado en HTML cuando se muestra al
usuario.
3. NullDisplayText: texto que aparece si los datos enlazados al campo son nulos.
4. UIHint: sugerencia opcional de la interfaz de usuario usada para cargar la plantilla
para representar este capo.
5. ValidateRequestode: determina si el control es valido o no la entrada del cliente. De
forma predeterminada, se hereda del control primario.
6. Visible: indica si el control esta visible y se ha procesado.
7. DataField: nombre del campo del modelo al que se enlaza este campo.
8. DataFormatString: formato que se aplica al valor enlazado. Por ejemplo, {0:d} o
{0:c}
9. ValidateRequestMode: determina si el control valido o no la entrada del cliente. De
forma predeterminada, se hereda del control.
10. ValidateGroup: nombre del grupo de validación para el que este campo debería
causar la validación.
4.PageCatalogPart
1. ChormeState: indica si el elemento Web se muestra minimizado o a tamaño normal.
2. ChormeType: tipo de cromo que se representara alrededor del elemento.
3. Description: descripción de texto del elemento.
4. ClientlDMode: indica como se debe generar ClientID para el control.
5. EnableViewState: indica si el control guarda automáticamente su estado para
utilizarlo en acciones de ida y vuelta.
6. ValidateRequestMode: determina si el control valida o no la entrada del cliente. De
forma predeterminada, se hereda del control primario.
7. ViewStateMode: determina si e control tiene habilitado o no viewstate; de forma
predeterminada, se hereda del control primario.
8. ID: nombre de programación de control.
9. Expressions: expresiones enlazadas a propiedades de este control.
10. Title: título del elemento.

5.TreeView

Muestra una colección jerárquica de elementos etiquetados, cada uno representado por
un TreeNode .
Propiedades
1. AccessKey: método abreviado de teclado utilizado por el control.
2. SkipLinkText: texto que aparece en el atributo ALT del vínculo de imagen invisible
que ermite a los lectores de pantalla omitir el texto repetitivo.
3. Tablndex: el orden de tabulación del control.
4. BackColor: color del fondo del control.
5. CollapseImageToolTip: cadena de formato de información sobre herramientas de la
imagen que contrae un nodo cuando se hace clic en ella.
6. CollapseImageUrl: dirección URL de la imagen que contrae un nodo cuando se
hace clic en ella.
7. CssClass: nombre de clase CSS aplicado al control.
8. ExpandlmageUrl: cadena de formato de información sobre herramientas de la
imagen que expande un nodo cuando se hace clic en ella.
9. ForeColor: color del texto del control.
10. NodeIndent: número de pixeles ara la sangría de cada uno.
Revisar el proyecto propuesto y hacer una propuesta de diseño para dar solución. Su aporte
es a la Interfaz del proyecto.
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 una a una las áreas a estudiar como apoyo al proceso de
formación, estas áreas:
1. Active Server Pages (ASP).
2. Machine Learning
3. Big Data
4. Minería de datos
5. AWS, (Amazon Web Services)

Cada área o tema debe tener una evaluación, cada uno de estos temas se muestran mediante
ayudas didácticas multimedia, videos, imágenes, sonido y texto.
El proyecto o programa puede ser publicado en internet al final del curso, o solo a nivel de
localhost.
Propuesta de diseño
Esta es la ventana de entrada está compuesta por:
✓ Imagen en la mitad en a cuál está el logotipo de a UNAD
✓ En la mitad un icono el que representa al usuario
✓ Luego unos label donde se escribe al frente en unos text input el usuario y contraseña.
✓ En e icono en forme de fecha es para dar ingreso a la información
✓ En el icono del lado permite realizar e registro de sus datos en el cual tendrá usuario
y contraseña

Ventana donde se debe de llenar información del estudiante donde este compuesto por:
• Logotipo de la universidad al lado izquierdo
• Label donde se colocan los diferentes campos de información
• Text input donde se digita la información
• Y un botón ara pasar a la página siguiente en e costado derecho en la parte de abajo.

Ventana en la cual se registra nombre de usuario y la contraseña que se va a utilizar.


• Un logotipo de la universidad
• Label donde se pide la información
• Text input donde se digita la información.

➢ Logotipo de la UNAD centrado


➢ Debajo del logotipo están unos botones con cada uno de los temas los cuales al dar
clic se abre una nueva pantalla con información de tema y evaluación de cada tema.
➢ Debajo de los botones se escribirá un mensaje alusivo al contenido que se va a
trabajar.

➢ Al lado izquierdo estará un logotipo de la UNAD


➢ En a parte centra titulo del tema a tratar
➢ Debajo ira la información sobre el tema
➢ En a parte derecha hay iconos que sirve para ir al principio o continuar a la siguiente
pantalla.

➢ En a parte izquierda ira un logotipo de la UNAD


➢ Luego ira una proyección de un video en el que se explica el tema
➢ A lado derecho se encontrarán una flecha para poder continuar o volver un paso
atrás.

Ventana de evaluación de todos lo temas vistos contendrá:


• Logotipo de la universidad
• Un título donde dirá evaluación
• Luego en aparte de abaja van diferentes preguntas relacionadas con los temas vistos
• Un botón para pasar a la siguiente pagina
• Logotipo de la universidad
• Un título donde dirá evaluación
• Luego en aparte de abaja van diferentes preguntas relacionadas con los temas vistos
• Un botón para pasar a la siguiente pagina

• Logotipo de la universidad
• Un título donde dirá evaluación
• Luego en aparte de abaja van diferentes preguntas relacionadas con los temas vistos
• Un botón para pasar a la siguiente pagina

• Logotipo de la universidad
• Un título donde dirá evaluación
• Luego en aparte de abaja van diferentes preguntas relacionadas con los temas vistos
• Un botón para pasar a la siguiente pagina

• Logotipo de la universidad
• Un título donde dirá evaluación
• Luego en aparte de abaja van diferentes preguntas relacionadas con los temas vistos
• Un botón para finalizar y Guardar la evaluación
Juan Miguel Muñoz Puentes
Anexo 1 Unidad 1: Paso 2 Planeación del proyecto a realizar Actividad individual
Realizar la revisión de la caja de herramientas de Visual Basic 2017 y seleccionar 5
herramientas de uso web, esto se hace de forma individual, realizar una descripción de cada
una de ellas con su imagen, funcionalidad, uso y al menos 10 propiedades de cada una.
FileUpload

Muestra un control de cuadro de texto y un botón Examinar que permiten a los usuarios
seleccionar un archivo para cargarlo al servidor.
1. AccessKey: Obtiene o establece la clave de acceso que permite navegar rápidamente
al control de servidor web.(Heredado de WebControl)
2. Adapter: Obtiene el adaptador específico del explorador para el control.(Heredado de
Control)
3. AllowMultiple: Obtiene o establece un valor que especifica si pueden seleccionarse
varios archivos para la carga.
4. AppRelativeTemplateSourceDirectory: Obtiene o establece el directorio virtual
relativo a la aplicación del objeto Page o el objeto UserControl que contiene este
control.(Heredado de Control)
5. Attributes: Obtiene la colección de atributos arbitrarios (sólo para su representación)
que no corresponden a propiedades del control.(Heredado de WebControl)
6. BackColor: Obtiene o establece el color de fondo del control de servidor
web.(Heredado de WebControl)
7. BindingContainer: Obtiene el control que contiene el enlace de datos de este
control.(Heredado de Control)
8. BorderColor: Obtiene o establece el color de borde del control Web.(Heredado de
WebControl)
9. BorderStyle: Obtiene o establece el estilo del borde del control de servidor
web.(Heredado de WebControl)
10. BorderWidth: Obtiene o establece el ancho del borde del control de servidor
web.(Heredado de WebControl)
Treeview

Muestra una colección jerárquica de elementos con etiquetas, representado cada uno por un
TreeNode.
1. AccessibilityObject: Obtiene AccessibleObject asignado al control.(Heredado de
Control)
2. AccessibleDefaultActionDescription : Obtiene o establece la descripción de la acción
predeterminada del control que usan las aplicaciones cliente de
accesibilidad.(Heredado de Control)
3. AccessibleDescription: Obtiene o establece la descripción del control que las
aplicaciones cliente de accesibilidad utilizan.(Heredado de Control)
4. AccessibleName: Obtiene o establece el nombre del control que las aplicaciones
cliente de accesibilidad utilizan.(Heredado de Control)
5. AccessibleRole: Obtiene o establece el rol accesible del control.(Heredado de
Control)
6. AllowDrop: Obtiene o establece un valor que indica si el control puede aceptar los
datos que el usuario arrastra al mismo.(Heredado de Control)
7. Anchor: Obtiene o establece los bordes del contenedor al que está enlazado un control
y determina cómo se cambia el tamaño de un control con su elemento
primario.(Heredado de Control)
8. AutoScrollOffset: Obtiene o establece a dónde se desplaza este control en
ScrollControlIntoView(Control).(Heredado de Control)
9. AutoSize: Esta propiedad no es relevante para esta clase.(Heredado de Control)
10. BackColor: Obtiene o establece el color de fondo del control. DataPager

Proporciona funcionalidad de paginación para los controles enlazados a datos que


implementan la interfaz IPageableItemContainer , como el control ListView .
1. Adapter: Obtiene el adaptador específico del explorador para el control.(Heredado de
Control)
2. AppRelativeTemplateSourceDirectory: Obtiene o establece el directorio virtual
relativo a la aplicación del objeto Page o el objeto UserControl que contiene este
control.(Heredado de Control)
3. Attributes:Obtiene una colección de pares nombre/valor de atributo personalizado
para el control DataPager.
4. BindingContainer: Obtiene el control que contiene el enlace de datos de este
control.(Heredado de Control)
5. ChildControlsCreated: Obtiene un valor que indica si se han creado controles
secundarios del control de servidor.(Heredado de Control)
6. ClientID: Obtiene el id. de control para marcado HTML que se genera por
ASP.NET.(Heredado de Control)
7. ClientIDMode: Obtiene o establece el algoritmo que se utiliza para generar el valor
de la propiedad ClientID.(Heredado de Control)
8. ClientIDSeparator: Obtiene un valor de carácter que representa el carácter separado
utilizado en la propiedad ClientID.(Heredado de Control)
9. Context: Obtiene el objeto HttpContext asociado al control de servidor para la
solicitud Web actual.(Heredado de Control)
10. Controls: Obtiene un objeto ControlCollection que representa los controles
secundarios del control DataPager en la jerarquía de la interfaz de usuario. Wizard

Proporciona navegación y una interfaz de usuario (UI) para recopilar datos relacionados en
varios pasos.
1. AccessKey: Obtiene o establece la clave de acceso que permite navegar rápidamente
al control de servidor web.(Heredado de WebControl)
2. ActiveStep: Obtiene el paso de la colección WizardSteps que se muestra actualmente
al usuario.
3. ActiveStepIndex: Obtiene o establece el índice del objeto WizardStepBase actual.
4. Adapter: Obtiene el adaptador específico del explorador para el control.(Heredado de
Control)
5. AppRelativeTemplateSourceDirectory: Obtiene o establece el directorio virtual
relativo a la aplicación del objeto Page o el objeto UserControl que contiene este
control.(Heredado de Control)
6. Attributes: Obtiene la colección de atributos arbitrarios (sólo para su representación)
que no corresponden a propiedades del control.(Heredado de WebControl)
7. BackColor: Obtiene o establece el color de fondo del control de servidor
web.(Heredado de WebControl)
8. BindingContainer: Obtiene el control que contiene el enlace de datos de este
control.(Heredado de Control)
9. BorderColor: Obtiene o establece el color de borde del control Web.(Heredado de
WebControl)
10. BorderStyle: Obtiene o establece el estilo del borde del control de servidor
web.(Heredado de WebControl)
WebPartZone

Actúa como control primario en el conjunto de controles de elementos web que hospedan
los controles WebPart en una página web.
1. AccessKey: Obtiene o establece la clave de acceso que permite navegar rápidamente
al control de servidor web.(Heredado de WebControl)
2. Adapter: Obtiene el adaptador específico del explorador para el control.(Heredado de
Control)
3. AllowLayoutChange: Obtiene o establece un valor que indica si el diseño de los
controles WebPart se puede cambiar dentro de una zona.(Heredado de
WebPartZoneBase)
4. AppRelativeTemplateSourceDirectory: Obtiene o establece el directorio virtual
relativo a la aplicación del objeto Page o el objeto UserControl que contiene este
control.(Heredado de Control)
5. Attributes: Obtiene la colección de atributos arbitrarios (sólo para su representación)
que no corresponden a propiedades del control.(Heredado de WebControl)
6. BackColor:Obtiene o establece el color de fondo del control de servidor
web.(Heredado de WebControl)
7. BackImageUrl: Obtiene o establece la dirección URL a una imagen de fondo para una
zona.(Heredado de WebZone)
8. BindingContainer:Obtiene el control que contiene el enlace de datos de este
control.(Heredado de Control)
9. BorderColor: Obtiene o establece el color del borde del
control WebPartZoneBase.(Heredado de WebPartZoneBase)
10. BorderStyle: Obtiene o establece el tipo de borde que rodea a un control
WebPartZoneBase.(Heredado de WebPartZoneBase)
Revisar el proyecto propuesto y hacer una propuesta de diseño para dar solución. Su aporte
es a la Interfaz del proyecto.
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 una a una las áreas a estudiar como apoyo al proceso de
formación, estas áreas:
1. Active Server Pages (ASP).
2. Machine Learning
3. Big Data
4. Minería de datos
5. AWS, (Amazon Web Services)

Cada área o tema debe tener una evaluación, cada uno de estos temas se muestran mediante
ayudas didácticas multimedia, videos, imágenes, sonido y texto.
Lizbeth Nataly Bermúdez
Actividad individual
Realizar la revisión de la caja de herramientas de Visual Basic 2017 y seleccionar 5
herramientas de uso web, esto se hace de forma individual, realizar una descripción de cada
una de ellas con su imagen, funcionalidad, uso y al menos 10 propiedades de cada una.
Revisar el proyecto propuesto y hacer una propuesta de diseño para dar solución. Su
aporte es a la Interfaz del proyecto.
Herramientas Seleccionadas:
• Label
• TextBox
• Button
• Radio Button
• CheckBox
Label

El control Label o Etiqueta es un simple control que se utiliza para mostrar texto,

descripciones, información para el programa.

Propiedades

BackgroundImage

Imagen de fondo utilizado para el control.

Backcolor

Determina el color del fondo de la etiqueta. Si la propiedad BackStyle está en

transparente esta propiedad no se visualiza, es decir el color no se muestra.

ForeColor

Color de primer plano de este componente, utilizado para mostrar texto.


Name

Es el nombre del control y sirve para hacer referencia al mismo en el código, como

todos los controles.

Text

Texto asociado al control.

Image

Imagen que se mostrará en el control.

TextAling

Determina la posición del texto dentro de la etiqueta.

AllowDrop

Indica si el control puede aceptar datos que el usuario arrastre.

Locked

Determina si se puede mover o cambiar el tamaño del control.

GenerateMember

Indica si se genera una variable miembro para este componente.

TextBox

El control TextBox o Caja de texto se utiliza para Ingresar y/o visualizar Texto ( es

un control de entrada de datos ).


Propiedades

Locked

La propiedad Locked, determina si se puede mover o cambiar el tamaño del control.

TabStop

Indica si el usuario puede utilizar la tecla TABULADOR para poner el foco en el

control.

Enabled

Indica si el control está habilitado.

Visible

Determina si el control está visible u oculto.

TextAling
Alineación del texto que se mostrará en el control.

Image

Imagen que se mostrará en el control.

AllowDrop

Indica si el control puede aceptar datos que el usuario arrastre.

GenerateMember

Indica si se genera una variable miembro para este componente.

Cursor

Cursor que aparece al pasar el puntero por el control.

Enabled

Indica si el control está habilitado.

Button
Este control " Botón de comando ", nos permite ejecutar alguna rutina, función o

procedimiento, generalmente en el evento click del mismo, para realizar de esta manera

alguna tarea dentro del programa

Como se dijo, se utiliza generalmente en el evento Click par ejecutar alguna acción

cuando se produce dicho evento, y es precisamente el evento Click, el que por defecto

añade Visual Basic al control.

Propiedades

Cursor

Cursor que aparece al pasar el puntero por el control.

Enabled

Indica si el control está habilitado.

Image

Imagen que se mostrará en el control.

TextAling

Determina la posición del texto dentro de la etiqueta.

AllowDrop

Indica si el control puede aceptar datos que el usuario arrastre.

Locked
Determina si se puede mover o cambiar el tamaño del control.

GenerateMember

Indica si se genera una variable miembro para este componente.

Tag

Datos definidos por el usuario asociado con el objeto.

TabIndex

Determina el índice del orden de tabulación que se ocupará este control.

Anchor

Define a qué bordes del contenedor está enlazado un control. Cuando un control está

delimitado con relación a un borde, la distancia entre el borde más cercano del control y

borde especificado permanecerá constante.


Radio Button

Control que permite al usuario escoger solo una de varias opciones.


Estos controles generalmente se agrupan en un control contenedor llamado
GroupBox y de esa manera se pueden poner varias opciones en un solo formulario, por
supuesto que agrupando los radioButton en varios GroupBox.

Propiedades

AccessibleDescription

Obtiene o establece la descripción del control que las aplicaciones cliente de

accesibilidad utilizan.

AccessibleName

Obtiene o establece el nombre del control que las aplicaciones cliente de

accesibilidad utilizan.

Image

Imagen que se mostrará en el control.

TextAling
Determina la posición del texto dentro de la etiqueta.

AllowDrop

Indica si el control puede aceptar datos que el usuario arrastre.

Locked

Determina si se puede mover o cambiar el tamaño del control.

GenerateMember

Indica si se genera una variable miembro para este componente.

AccessibleRole:

Obtiene o establece el rol accesible del control.

ImageKey

Índice de la imagen en la ImageList que se va a mostrar en el control.

Anchor:

Infraestructura.

CheckBox
El control CheckBox se utiliza generalmente para listar opciones y que el usuario

pueda elegir entre ellas, y dependiendo del valor (si está chequeado o no), se realiza una u

otra acción.

Propiedades

FlatStyle

Determina la apariencia del control cuando un usuario mueve el mouse sobre el

control y hace click.

Size

Tamaño del control en píxeles.

Image

Imagen que se mostrará en el control.

TextAling
Determina la posición del texto dentro de la etiqueta.

AllowDrop

Indica si el control puede aceptar datos que el usuario arrastre.

Locked

Determina si se puede mover o cambiar el tamaño del control.

GenerateMember

Indica si se genera una variable miembro para este componente.

Name

Es el nombre del control y sirve para hacer referencia al mismo en el código, como

todos los controles.

CausesValidation

Indica si este componente genera eventos de validación.

AccessibleRole:

Obtiene o establece el rol accesible del control.

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 una a una las áreas a estudiar como apoyo al proceso de
formación, estas áreas:
6. Active Server Pages (ASP).
7. Machine Learning
8. Big Data
9. Minería de datos
10. AWS, (Amazon Web Services)

Cada área o tema debe tener una evaluación, cada uno de estos temas se muestran mediante
ayudas didácticas multimedia, videos, imágenes, sonido y texto.
El proyecto o programa puede ser publicado en internet al final del curso, o solo a nivel de
localhost.

Interfaz de Inicio

Dentro de este form, como imagen de fondo, estará la UNAD, se pretende mostrar

el título de la universidad y de igual manera, solicitar algunos datos básicos del usuario para

mantener un registro de ingreso.

El botón continuar, permitirá avanzar a la siguiente fase, el botón guardar,

almacenará la información suministrada por el usuario, el botón nuevo, limpiará las casillas

para ingresar nueva información y el botón salir, cerrará el programa.

Form 2
Dentro de este form, se mostrará el menú principal que identifica los

diferentes temas a tratar dentro del programa, el usuario solo podrá seleccionar el

primer tema, ya que esta lista, estará ordenada de tal manera que los temas sean

lógicos para evitar confundir al estudiante o persona en cuestión.

Formato General del Contenido

Dentro de este modelo se evidencian las diferentes opciones para el proceso de


aprendizaje, permitiendo un orden y una adaptabilidad sencilla, de tal manera de que para el
estudiante no le sea complejo el desarrollo de la actividad.

Formato de Evaluación
Este form permite
evaluar los

conocimientos adquiridos, el botón siguiente envía a la posterior fase.


Al finalizar el proceso de evaluación, se mostrará un form en donde se observará el puntaje
obtenido con las correcciones respectivas.
Mauricio Esteban Jimenez Ombita
Herramienta 1
LinkButton
Esta opción permite insertar un botón como link
Propiedades
• BlackColor: Color del fondo de control
• BorderColor: color de borde alrededor del control
• Text: Texto que aparecerá en el vinculo
• ToolTip: Información sobre herramientas mostrada cuando el mouse está sobre el
control
• (ID): Nombre de programación del control
• CausesValidation: indica si el botón provoca que se desencadene la validación
• CommandArgument: Argumento de comando asociado con el Botón
• EnableTheming: Indica si se puede aplicar un tema de control
• OnClientClick: Script de lado cliente que se ejecuta con OnClick del cliente
• ValidateRequestMode: determina si el control valida o no la entrada del cliente. De
forma predeterminada, se hereda del control primario

Herramienta 2
CheckBoxList

Permite insertar una lista de chequeo


Propiedades
• TextAlign: alineación de la etiqueta de texto respecto a cada elemento
• ValidationGroup: Grupo que se debería validar cuando el control origine un
postback
• Visible: Indica si el control y se ha procesado
• CellPadding: permite asignar un espacio entre los elementos
• CellSpacing: permite asignar un espaciado entre los elementos
• RepeatColumns: número de columnas utilizadas para colocar los elementos
• DataSourcelID: Id. De control de un IDataSource que se utilizará como origen de
datos
• DataTextFormatString: formato aplicado al campo de texto. Por ejemplo, “{0:d}”.
• DataValueField: Campo del origen de datos que proporcionan el valor del elemento
• SkinID: skinid de la mascara de controles que proporcionan la máscara del control.

Herramienta 3
ImagenButton

Permite insertar una imagen como botón


Propiedades
DescriptionUrl: Dirección URL que contiene una descripción más detallada de la imagen
TabIndex: El orden de tabulación del control
AlternateText: Texto alternativo que aparece cuando no se puede mostrar la imagen
BorderStyle: estilo del borde alrededor del control
ForeColor: Color del texto de control
ImageUrl: Dirección URL de una imagen mostrada
PostBackUrl: Dirección URL que se va a exponer cuando se hace clic en el botón
ImageAling: alineación de la imagen
Visible: Indica si el control esta visible y se ha procesado
(ID): Nombre de programación del control

Herramienta 4
RadioButton

Botón que permite ser seleccionado


Propiedades
• AccessKey: Método abreviado de teclado utilizado por el control
• BorderWidth: ancho del borde del control
• CssClass: Nombre de la clase CSS aplicado al control
• Bold: Indica si la fuente tiene el atributo de negrita
• Italic: indica si la fuente el atributo de cursiva
• Name: fuente preferida para procesar el control
• Names: secuencial de fuentes que se pueden utilizar para procesar el control
• Overline: indica si la fuente tiene el atributo de línea alta
• Size: Tamaño de la fuente
• ForeColor: color del texto del control

Herramienta 5
Calendar

Este botón Permite ingresar un calendario


Propiedades
• Caption: Titulo asociado con el calendario
• CaptionAling: alineación del título asociado
• DayNameFormat: formato para el texto del encabezado del día
• FirstDayOfWeek: Día de la semana que se va a mostrar en primer lugar
• ForeColor: color del Texto del control
• NextMonthText: texto para el botón del siguiente mes
• ShowGridLines: True si se quiere mostrar las líneas de cuadricula
• ShowNextPrevMonth: True si muestra los botones de mes anterior y siguiente
• Title Format: Formato para el titulo de mes en el encabezado
• SelectionMode: determina si se pueden seleccionar días, Semanas o meses

Propuesta de Diseño
Interfaz Principal

En esta se mostrará la opción para registrar el estudiante, acceder al login y a los 5 cursos
solicitados en la guía de actividades
Registro Estudiante
En esta interfaz el estudiante debe ingresar la información solicitada en los diferentes
campos que se han habilitado y dar clic en registrar nuevo estudiante o cancelar la acción

Login

En esta interfaz el estudiante podrá acceder sus credenciales de acceso e iniciar sesión y
acceder a los cursos o sencillamente salir a la interfaz principal.
Diseño del curso
En esta interfaz el estudiante podrá encontrar el titulo del curso, un texto con información
básica alusiva al curso seleccionado, un video resumen de toda la temática que se presenta
en el curso y una lectura con toda la información y datos del curso, por ultimo se encontrará
un botón para acceder a la evaluación del curso. Este formato aplica para los 5 cursos.

Cuestionario

En esta interfaz se podrá encontrar un cuestionario con preguntas múltiples de únicas


respuestas y un botón que dice finalizar esta opción aplica para los 5 cursos
Conclusiones
• Visual Basic is an excellent programming tool that allows you to create your own
applications for Windows. This program allows you to create windows, buttons,
menus, etc. in an easy and intuitive way.
• The development of the previous activities allowed me to know the different tools
that Visual Basic offers for web development
• The development of the previous graphic interfaces were very helpful since these
will serve as a guide for the development of the software that the university needs
Bibliografía

• Ceballos, J. (2010). Visual Basic .NET: lenguaje y aplicaciones (3a. ed.), capítulo 2.
Fundamentos de Visual Basic .Net, Recuperado de
http://bibliotecavirtual.unad.edu.co:2077/lib/unadsp/reader.action?ppg=38&docID=
11038934&tm=1480458925094
• Rubiano. J. (2017). Características generales y Fundamentos de Visual Basic. Net.
[OVI]. Recuperado de http://hdl.handle.net/10596/11629
• Llorente, J. R. (24 de 09 de 2019). youtube. Obtenido de
https://www.youtube.com/watch?v=pVz8zKH3Wwk&feature=youtu.be

Vous aimerez peut-être aussi