Manual recurso hipermedial

UNIVERSIDAD TÉCNICA DEL NORTE
FACULTAD DE INGENIERÍA EN CIENCIAS APLICADAS
Realizado por: Ing. Nancy Cervantes e Ing. Carpio Pineda
GUÍA DE USO DEL RECURSO HIPERMEDIAL
En el presente documento es un manual de uso del sistema educativo hipermedial de
Programación I, cuyo objetivo es ofrecer una guía de las actividades que ofrece el recurso.
Para acceder al recurso debe digitarse la siguiente URL en la barra de dirección de un navegador
(Chrome, Mozilla, Opera, entre otros): http://programacionnncr.jimdo.com/
Al presionar ENTER, aparecerá la página web de Programación como se observa en la Figura 1.
Figura 1: Ingreso de URL para acceso al recurso
Fuente: Recurso hipermedial de Programación
A través del Menú Principal se puede acceder a las siguientes opciones:
Inicio. Es la primera pantalla que aparece al cargar el recurso hipermedial y ofrece una
bienvenida al uso de los elementos contenidos en la página.
Autores. En este espacio se encuentra información general sobre los autores del recurso
hipermedial.
Programación I. A través de esta opción se accede a los recursos educativos de las unidades de
Programación I, la cual se detalla más adelante.
Descargas. En este espacio los usuarios de la página, podrán encontrar archivos descargables de
diferentes temas, relacionados a la programación.
Libro de Visitas. En esta sección de la página, los visitantes tienen la opción de dejar comentarios
respecto al servicio y características del contenido. Los comentarios están sujetos a aprobación.
Ayuda. Esta opción permite visualizar y descargar la guía de uso del recurso hipermedial.

A continuación se detalla el acceso al menú Programación. Una vez que haga clic sobre esta
opción se visualizará un submenú de las unidades de estudio de la asignatura Programación I,
como se observa en la Figura 2.
Al hacer clic sobre el menú
Programación se despliega en la
parte inmediatamente inferior un
submenú con las unidades de
estudio:
 Fundamentos
 Estructuras de Control
 Arreglos
 Fundamentos de la POO
Adicionalmente se han incorporado
dos opciones que corresponden a
videos de implementación en
Netbeans y C# respectivamente.
El contenido de esta página incluye
una motivación, describe los
resultados de aprendizaje
esperados y las estrategias
metodológicas de la Asignatura.
Para acceder al recurso educativo,
debe seleccionarse una unidad de
estudio. A continuación se detalla
la estructura de una unidad.
Figura 2: Página de acceso a las unidades de Programación I
Cada unidad de estudio tiene la siguiente estructura:
 Contenidos
 Recurso educativo
 Actividades de refuerzo
 Resumen
 Evaluación de la unidad

En la Figura 3, se observa la estructura de la unidad Fundamentos.
La estructura que se detalla a
continuación, tiene como objetivo
inducir al estudiante a seguir una
secuencia de actividades que
favorezcan su aprendizaje y
comprensión de la Programación.
Contenidos. Describe los temas que
serán detallados en la unidad.
Recursos de aprendizaje. Al hacer
clic sobre la imagen se abre en una
nueva pestaña el recurso educativo
de la unidad que corresponda, en el
caso actual Fundamentos. Esta
componente de describe
detalladamente a continuación.
Ejercicios de refuerzo académico.
Este apartado contiene un enlace
que permite la descarga de las
soluciones a los ejercicios
propuestos en la unidad
correspondiente. Cada archivo de
descarga contiene el diseño en
PSeInt y el código de su
implementación en el lenguaje de
programación Java – IDE Netbeans.
Resumen. Corresponde a una
recopilación básica de los
contenidos revisados en el recurso
educativo, con el objetivo de
recordarle los conceptos principales.
Figura 3: Componentes de la unidad Fundamentos

Evalúa tus conocimientos. Esta sección contiene un enlace a un test sobre los fundamentos de
Programación, creado en la herramienta Daypo. Al hacer clic sobre este enlace iniciará una
evaluación que corresponde a un conjunto de preguntas y que genera al final un reporte con el
número de aciertos y fallos. Este apartado también se detalla más adelante.
ACCESO A LOS RECURSOS DE APRENDIZAJE
Como se describe anteriormente, este espacio permite acceder al recurso educativo al hacer clic
sobre la imagen que se encuentra bajo este título, mostrada en la Figura 4.
Figura 4: Imagen de acceso al recurso educativo
Esta acción abre una nueva pestaña, en la que abre el recurso. La Figura 5. Ilustra la pantalla en
mención.

Figura 5: Página de inicio del recurso educativo
Cada unidad contiene cinco elementos, los cuales se observan al hacer clic sobre el título de la
unidad (Fundamentos de programación en este caso), como se muestra en la Figura 6.
Figura 6: Elementos del recurso educativo
En este espacio
aparecerá el mapa
de navegación
En este espacio
aparecerá contenido
del recurso
Fundamentación teórica
Autoevaluación
Actividades interactivas
Ejercicios propuestos

Fundamentos de Programación. Esta página corresponde a la raíz del mapa de navegación y
contiene los temas preliminares: objetivos de la unidad, descripción de los conocimientos previos
y de los contenidos de la unidad.
Fundamentación teórica. Desarrollo de los contenidos descritos, los cuales pueden ser accedidos
a través del mapa de navegación situado en la parte izquierda de la página.
Si es la primera vez que accede al recurso, se sugiere revisar la fundamentación teórica con una
navegación lineal, ya sea a través de la secuencia ordenada del mapa de navegación o utilizando
el botón Siguiente, que se encuentra en la esquina inferior izquierda de cada página o regresar
al tema inmediatamente previo a través del botón Anterior. Algunos temas se expanden para
detallar su explicación. En la Figura
Figura 7: Vista de una página de la fundamentación teórica.
Comprueba tus conocimientos: Corresponde a una autoevaluación que incluye serie de
preguntas sobre los temas revisados en la fundamentación teórica, lo cuales disponen de
retroalimentación con el objetivo de corregir, aclarar o reforzar el conocimiento del tema de la
pregunta. La Figura 8 ilustra este tipo de actividades.
Mapa de Navegación
expandido
Botones de navegación
lineal

Figura 8: Modelo de autoevaluación
La autoevaluación varios tipos de preguntas: verdadero/falso, selección simple, selección
múltiple, listas desplegables, llenar espacios.
Ejercicios con guía de solución. Que corresponde a un conjunto de actividades interactivas que
guía la solución de ejercicios en las que el usuario debe responder una serie de preguntas y
cumplir tareas hasta lograr el diseño de una solución al problema propuesto.
Cada ejercicio incluye actividades para las cuatro fases de la resolución de problemas. En la
Figura 9 se presentan las actividades de la fase de Análisis.
Pregunta tipo verdadero/falso
Retroalimentación
Pregunta elección múltiple
Retroalimentación

Figura 9: Actividades de la Fase de Análisis
De forma similar a lo que se presenta en la Figura 9, con actividades para comprender el
problema, al desplazarse hacia abajo se encuentran preguntas para identificar las entradas y
salidas necesarias para la resolución del problema. Finalmente se solicita completar el cuadro de
análisis.
Al hacer clic sobre el botón Enviar, se indican
con colores: verde para señalar un acierto y
rojo para señalar un fallo.
Al hacer clic en el botón Siguiente se dirige a la
sección de actividades de Diseño, que
básicamente corresponde a la construcción del
algoritmo.
verde = acierto
rojo = fallo
Figura 10: Actividad interactiva - cuadro de análisis

La Figura 11, ilustra las actividades de la fase de diseño.
En una primera parte se
encuentran preguntas que guían
hacia la creación del diseño de la
solución del problema. Recuerde
que estas preguntas son guías, no
significa que todos los problemas
van a tener las mismas preguntas,
sin embargo tiene el objetivo de
crear una conducta de
razonamiento a través de
cuestionamientos respecto a lo que
debe realizarse en cada paso.
Al igual que en la fase de análisis, al
recibir una respuesta, aparecerá
una retroalimentación.
Luego de responder algunas
preguntas, utilizando el resultado
de la fase de análisis, debe
construirse el diseño de algoritmo,
completando variables, operadores
expresiones, entre otros elementos
que forman parte del
pseudocódigo.
Finalmente, se encuentra un video
que guía paso a paso la creación del
diseño utilizando el programa
PSeInt. Todos los videos se
encuentran subidos al canal de
YouTube FunProo:
https://www.youtube.com/user/NancyNahomy
Figura 11: Actividades interactivas - fase de diseño

La siguiente fase corresponde a la comprobación del algoritmo diseñado, para lo cual además de
un conjunto de preguntas, el usuario debe completar los valores de la prueba de escritorio. La
Figura 12 muestra este tipo de actividades.
Figura 12: Actividad interactiva para la fase de Pruebas
Finalmente, en la fase de implementación, se presentan dos secciones, la primera en la que se muestra
en imagen el código en el lenguaje de programación Java en el IDE de NetBeans, con el objetivo de evitar
que el usuario copie el código, teniendo que obligatoriamente digitarlo y de esta forma se familiarice con
las instrucciones.
La segunda parte incluye un video, que guía paso a paso en la utilización del lenguaje de programación e
implementación de la solución del problema.
Prueba de escritorio

Figura 13: Guía para la fase de implementación
El recurso incluye tres ejercicios de este tipo por cada tema, luego de lo cual se encuentra la
sección de Ejercicios propuestos.
Problemas Propuestos. Contiene un grupo de ejercicios que se sugieren para ser resueltos a
cerca del tema tratado en la unidad. La solución de estos ejercicios se ha colocado como
elementos descargables en la página de la unidad en la sección Actividades de refuerzo
académico. La Figura 14 presenta una pantalla con algunos de los ejercicios propuestos en la
unidad Fundamentos.
Figura 14: Actividades de ejercicios propuestos
Acceso al video de implementación
Código de implementación

Al finalizar esta actividad el usuario, tiene la posibilidad de regresar a la página principal, a la sección de
Actividades de refuerzo académico, en el que se dispone del enlace a archivos de descarga con las
soluciones como se indicó anteriormente en esta guía.
EVALÚA TUS CONOCIMIENTOS
La última sección de la página corresponde a la evaluación de cada unidad, al hacer clic en el
enlace se abre una nueva pestaña del navegador con el test correspondiente. La Figura 15 ilustra
el modelo de esta pantalla que corresponde a los test de Daypo.
Figura 15: Pantalla inicial del test en Daypo
Luego de hacer clic sobre el botón Realizar Test se despliega una pantalla por cada pregunta, la estructura
de las ventanas de pregunta se muestran en la Figura 16.
Punto de acceso a la ejecución del test
Datos informativos del test

Figura 16: Estructura de la ventana de preguntas en Daypo
Al finalizar el test se tiene acceso a un reporte en el que se presentan los resultados de la evaluación
realizada. La Figura 17 presenta un modelo.
Figura 17: Informe de la evaluación en Daypo
Sección informativa del test
Resultado de la respuesta Botón de navegación

Los botones que aparecen en la parte inferior del reporte permiten Imprimir el cuestionario,
repetir la evaluación, enviar el enlace de la evaluación con la puntuación para retar a un
compañero en la ejecución del cuestionario, calificar el test y salir.

Manual recurso hipermedial

Recommended

Recommended

More Related Content

What's hot

What's hot (8)

Similar to Manual recurso hipermedial

Similar to Manual recurso hipermedial (20)

More from NancyNahomy

More from NancyNahomy (9)

Recently uploaded

Recently uploaded (12)

Manual recurso hipermedial