Documentos de Académico
Documentos de Profesional
Documentos de Cultura
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
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 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
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
• 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 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,
Propiedades
BackgroundImage
Backcolor
ForeColor
Es el nombre del control y sirve para hacer referencia al mismo en el código, como
Text
Image
TextAling
AllowDrop
Locked
GenerateMember
TextBox
El control TextBox o Caja de texto se utiliza para Ingresar y/o visualizar Texto ( es
Locked
TabStop
control.
Enabled
Visible
TextAling
Alineación del texto que se mostrará en el control.
Image
AllowDrop
GenerateMember
Cursor
Enabled
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
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
Propiedades
Cursor
Enabled
Image
TextAling
AllowDrop
Locked
Determina si se puede mover o cambiar el tamaño del control.
GenerateMember
Tag
TabIndex
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
Propiedades
AccessibleDescription
accesibilidad utilizan.
AccessibleName
accesibilidad utilizan.
Image
TextAling
Determina la posición del texto dentro de la etiqueta.
AllowDrop
Locked
GenerateMember
AccessibleRole:
ImageKey
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
Size
Image
TextAling
Determina la posición del texto dentro de la etiqueta.
AllowDrop
Locked
GenerateMember
Name
Es el nombre del control y sirve para hacer referencia al mismo en el código, como
CausesValidation
AccessibleRole:
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
almacenará la información suministrada por el usuario, el botón nuevo, limpiará las casillas
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
Formato de Evaluación
Este form permite
evaluar los
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
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.
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.
• 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 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,
Propiedades
BackgroundImage
Backcolor
ForeColor
Es el nombre del control y sirve para hacer referencia al mismo en el código, como
Text
Image
TextAling
AllowDrop
Locked
GenerateMember
TextBox
El control TextBox o Caja de texto se utiliza para Ingresar y/o visualizar Texto ( es
Locked
TabStop
control.
Enabled
Visible
TextAling
Alineación del texto que se mostrará en el control.
Image
AllowDrop
GenerateMember
Cursor
Enabled
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
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
Propiedades
Cursor
Enabled
Image
TextAling
AllowDrop
Locked
Determina si se puede mover o cambiar el tamaño del control.
GenerateMember
Tag
TabIndex
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
Propiedades
AccessibleDescription
accesibilidad utilizan.
AccessibleName
accesibilidad utilizan.
Image
TextAling
Determina la posición del texto dentro de la etiqueta.
AllowDrop
Locked
GenerateMember
AccessibleRole:
ImageKey
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
Size
Image
TextAling
Determina la posición del texto dentro de la etiqueta.
AllowDrop
Locked
GenerateMember
Name
Es el nombre del control y sirve para hacer referencia al mismo en el código, como
CausesValidation
AccessibleRole:
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
almacenará la información suministrada por el usuario, el botón nuevo, limpiará las casillas
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
Formato de Evaluación
Este form permite
evaluar los
Herramienta 2
CheckBoxList
Herramienta 3
ImagenButton
Herramienta 4
RadioButton
Herramienta 5
Calendar
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
• 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