Propuesta Diseño

Esta ventana es el login y está compuesta por lo siguiente:

 Imagen de la UNAD en la parte superior izquierda.

 En el centro, un ícono que representa a un usuario.
 Luego dos etiquetas que indican que datos se debe ingresar en los campos
de texto que se encuentran debajo de cada una.
 Luego un ícono de color verde que representa un check, al ubicar el cursor
sobre este, se muestra la palabra Ingresar y al dar clic verifica los datos y,
si son correctos, indica al usuario que los datos son correctos y pasa a la
ventana de inicio. De lo contrario, muestra una alerta indicando al usuario
que verifique los datos de ingreso.
  Luego un ícono de color azul que en forma de usuario con el símbolo “+”, al
ubicar el cursor en este ícono, se muestra la palabra Registrarse y al dar
clic envía a la ventana que contiene un formulario de registro.

En esta ventana se encuentra en formulario de registro y está compuesta por lo

siguiente:

 Etiquetas y campos de texto que indican que se debe diligenciar en cada

uno de estos.
 ComboBox que obliga al usuario a seleccionar cada alguna de las opciones
del tipo de documento, para así evitar problemas al momento de consultar
información en la base de datos
 Campo de fecha donde el usuario puede digitar o seleccionar la fecha de
nacimiento al dar clic sobre el un ícono en forma de calendario
 Todos estos campos están validados, esto quiere decir, que en los campos
que se requieran texto, solo se puede digitar texto y en los que requieran
números, solo se puede digitar número.
 Los campos que tengan el símbolo “*” son obligatorios, si uno de estos está
en blanco, el usuario no puede terminar el registro.
 Cuadro de texto con información importante para el usuario
 Ícono de color verde que tiene la forma de check, al ubicar el cursor en
este, se muestra la palabra Terminar y al dar clic verifica los datos y, si son
correctos, indica al usuario que los datos son correctos y lo retorna a la
ventana de login. De lo contrario, muestra una alerta indicando al usuario
que verifique la información ingresada.
 Ícono de color rojo que representa una equis, al ubicar el cursor en este, se
muestra la palabra Cancelar y al dar clic retorna a la ventana de login.
Esta es la ventada de inicio y está compuesta por lo siguiente:

 Una barra de menú que cuenta con las opciones inicio, quienes somos,
temas, contáctenos y cerrar sesión.
 En la parte izquierda se tiene una lista con los temas que se van a reforzar.
 En el centro de la página hay un título de bienvenida y un cuadro de texto
donde se da la bienvenida al usuario y una breve explicación de cómo
navegar en el curso.
Al dar clic sobre la opción Inicio, se direcciona a la página de incio.
Al dar clic sobre la opción Quienes somos, aparece el título y un cuadro de texto
que muestra una breve información sobre el grupo que realizó el desarrollo.
Al dar clic sobre la opción Temas, aparece el título y cinco imágenes que
representan cada uno de los temas que se pretende dar refuerzo, al dar clic sobre
alguna de estas imágenes se lleva al tema indicado.

Al dar clic sobre la opción Contáctenos, aparece el título y un cuadro donde se

muestra información de contacto de los miembros del grupo de desarrollo. Y al dar
clic sobre la opción cerrar sesión, se cierra sesión y se direcciona a la ventana de
Login.
Al dar clic sobre la opción Active Server Pages (ASP), aparece el título y un
cuadro de video, donde se da a conocer toda la información del tema. Debajo de
esta, se encuentra un ícono con la forma de lápiz sobre papel de color azul que al
ubicar el mouse sobre este aparece la palabra Evaluar y al dar clic sobre este,
direcciona a la página de introducción de la evaluación de este curso.
En esta página, se encentra toda la información relacionada con el desarrollo de la
actividad, es decir, se indica el tiempo de respuesta, consejos, indicaciones, entre
otros. Debajo de este cuadro de texto, hay un botón de color verdad con el texto,
Iniciar, al ser presionado primero muestra una ventana de alerta indicando al
usuario si está seguro de iniciar la evaluación. Al presionar sobre la palabra Si,
inicia la evaluación.
En esta página se encuentra el test y tiene los siguientes componentes:

 Titulo que indica de que tema se está realizando la evaluación

 Cuadros de texto donde se realizan las preguntas
 Radio Button grup donde se encuentran las opciones de respuesta a
seleccionar.
 En la parte superior izquierda se encuentra una etiqueta con el tiempo que
le queda al usuario para desarrollar la evaluación.
 Por último, se encuentra un botón con la palabra terminar, al presionar este
botón, se muestra una alerta indicando si está seguro de terminar la
 evaluación. Al presionar si, se muestra una alerta indicando el puntaje y se
direcciona a la página de inicio.

Al dar clic sobre la opción Machine Learning, aparece el título y un cuadro de

video, donde se da a conocer toda la información del tema. Debajo de esta, se
encuentra un ícono con la forma de lápiz sobre papel de color azul que al ubicar el
mouse sobre este aparece la palabra Evaluar y al dar clic sobre este, direcciona a
la página de introducción de la evaluación de este curso.
En esta página, se encentra toda la información relacionada con el desarrollo de la
actividad, es decir, se indica el tiempo de respuesta, consejos, indicaciones, entre
otros. Debajo de este cuadro de texto, hay un botón de color verdad con el texto,
Iniciar, al ser presionado primero muestra una ventana de alerta indicando al
usuario si está seguro de iniciar la evaluación. Al presionar sobre la palabra Si,
inicia la evaluación.
En esta página se encuentra el test y tiene los siguientes componentes:

 Título que indica de que tema se está realizando la evaluación

 Cuadros de texto donde se realizan las preguntas
 Radio Button grup donde se encuentran las opciones de respuesta a
seleccionar.
 En la parte superior izquierda se encuentra una etiqueta con el tiempo que
le queda al usuario para desarrollar la evaluación.
 Por último, se encuentra un botón con la palabra terminar, al presionar este
botón, se muestra una alerta indicando si está seguro de terminar la
 evaluación. Al presionar si, se muestra una alerta indicando el puntaje y se
direcciona a la página de inicio.

Al dar clic sobre la opción Scratch, aparece el título y un cuadro de video, donde
se da a conocer toda la información del tema. Debajo de esta, se encuentra un
ícono con la forma de lápiz sobre papel de color azul que al ubicar el mouse sobre
este aparece la palabra Evaluar y al dar clic sobre este, direcciona a la página de
introducción de la evaluación de este curso.
En esta página, se encentra toda la información relacionada con el desarrollo de la
actividad, es decir, se indica el tiempo de respuesta, consejos, indicaciones, entre
otros. Debajo de este cuadro de texto, hay un botón de color verdad con el texto,
Iniciar, al ser presionado primero muestra una ventana de alerta indicando al
usuario si está seguro de iniciar la evaluación. Al presionar sobre la palabra Si,
inicia la evaluación.
En esta página se encuentra el test y tiene los siguientes componentes:

 Título que indica de que tema se está realizando la evaluación

 Cuadros de texto donde se realizan las preguntas
 Radio Button grup donde se encuentran las opciones de respuesta a
seleccionar.
 En la parte superior izquierda se encuentra una etiqueta con el tiempo que
le queda al usuario para desarrollar la evaluación.
 Por último, se encuentra un botón con la palabra terminar, al presionar este
botón, se muestra una alerta indicando si está seguro de terminar la
 evaluación. Al presionar si, se muestra una alerta indicando el puntaje y se
direcciona a la página de inicio.

Al dar clic sobre la opción SQL Server, aparece el título y un cuadro de video,
donde se da a conocer toda la información del tema. Debajo de esta, se encuentra
un ícono con la forma de lápiz sobre papel de color azul que al ubicar el mouse
sobre este aparece la palabra Evaluar y al dar clic sobre este, direcciona a la
página de introducción de la evaluación de este curso.
En esta página, se encentra toda la información relacionada con el desarrollo de la
actividad, es decir, se indica el tiempo de respuesta, consejos, indicaciones, entre
otros. Debajo de este cuadro de texto, hay un botón de color verdad con el texto,
Iniciar, al ser presionado primero muestra una ventana de alerta indicando al
usuario si está seguro de iniciar la evaluación. Al presionar sobre la palabra Si,
inicia la evaluación.
En esta página se encuentra el test y tiene los siguientes componentes:

 Título que indica de que tema se está realizando la evaluación

 Cuadros de texto donde se realizan las preguntas
 Radio Button grup donde se encuentran las opciones de respuesta a
seleccionar.
 En la parte superior izquierda se encuentra una etiqueta con el tiempo que
le queda al usuario para desarrollar la evaluación.
 Por último, se encuentra un botón con la palabra terminar, al presionar este
botón, se muestra una alerta indicando si está seguro de terminar la
 evaluación. Al presionar si, se muestra una alerta indicando el puntaje y se
direcciona a la página de inicio.

Al dar clic sobre la opción Azure, aparece el título y un cuadro de video, donde se
da a conocer toda la información del tema. Debajo de esta, se encuentra un ícono
con la forma de lápiz sobre papel de color azul que al ubicar el mouse sobre este
aparece la palabra Evaluar y al dar clic sobre este, direcciona a la página de
introducción de la evaluación de este curso.
En esta página, se encentra toda la información relacionada con el desarrollo de la
actividad, es decir, se indica el tiempo de respuesta, consejos, indicaciones, entre
otros. Debajo de este cuadro de texto, hay un botón de color verdad con el texto,
Iniciar, al ser presionado primero muestra una ventana de alerta indicando al
usuario si está seguro de iniciar la evaluación. Al presionar sobre la palabra Si,
inicia la evaluación.
En esta página se encuentra el test y tiene los siguientes componentes:

 Título que indica de que tema se está realizando la evaluación

 Cuadros de texto donde se realizan las preguntas
 Radio Button grup donde se encuentran las opciones de respuesta a
seleccionar.
 En la parte superior izquierda se encuentra una etiqueta con el tiempo que
le queda al usuario para desarrollar la evaluación.

Por último, se encuentra un botón con la palabra terminar, al presionar este botón,
se muestra una alerta indicando si está seguro de terminar la evaluación. Al
presionar si, se muestra una alerta indicando el puntaje y se direcciona a la página
de inicio.