Este documento presenta las referencias de un OVA (objeto virtual de aprendizaje) sobre la función del oxígeno en la respiración celular. El OVA consta de varias secciones que cubren los objetivos, conceptos, actividades interactivas y una evaluación. El estudiante debe completar las actividades antes de acceder a otras secciones y foros de discusión. El diseño y navegación siguen los lineamientos para mantener una interfaz coherente y accesible para los usuarios.

1. Referencia A Título: Función del oxígeno en la respiración celular
Objetivos:
1. Mostrar la página de inicio del OVA.
2. Registrar el código del estudiante.
CONTENIDOS
Texto
Título del OVA.
Texto “Digite si código”
Botón “Inicio”
Archivos gráficos
Imagen 1 mitocondria
Logo de la Corporación Universitaria del Meta
Elemento de registro
Casilla para digitar el código el estudiante
Archivos audiovisuales
No
Archivos interactivos
No
NAVEGACION
El estudiante debe digitar su código en la casilla “Digite
su código” para registrarse y poder iniciar la actividad
del OVA.
Después de digitar el código, el estudiante debe dar clic
en el botón “Inicio” para comenzar a utilizar el OVA.
Si el código no está bien digitado se mostrará el
mensaje. “Código invalido” “Volver a digitar”. Si se
realiza bien el registro y se da click en el botón “Inicio”
irá a la página B”.
INTERACTIVIDAD
Digitar el código del estudiante.
Nota: El OVA se encuentra en el servidor de la
universidad, para poder llevar el registro de la actividad
del OVA, se utiliza el respectivo código del estudiante,
los resultados de las evaluaciones se guardan en el
servidor en archivos de texto. Los resultados son
enviados en un archivo de texto a la plataforma virtual
del docente.
VISUAL
Se debe trabajar el color de la interfaz con los colores
del Logo de la Universidad.
El diseñador gráfico decide otros colores de la interfaz,
se entrega la imagen 1 de la mitocondria.
Se suministra el archivo imagen del Logo de la
Corporación Universitaria del Meta.

2. Referencia B Título: Objetivos
Objetivos:
1. Mostrar los objetivos del OVA.
CONTENIDOS
Texto
Título del OVA.
Textos 1,2 y 3.
Botón Empezar
“Consulta al profesor”
Archivos gráficos
Imagen 1 mitocondria
Archivos audiovisuales
No
Archivos interactivos
No
NAVEGACION
Al dar click en el botón “Empezar” irá a la página C. de
contenidos.
INTERACTIVIDAD
Leer los objetivos y dar click en el botón “Empezar”.
El estudiante puede enviar un mensaje al docente
dando click en el botón “Consulta al profesor”.
VISUAL
Se debe trabajar el color de la interfaz con los colores
del Logo de la Universidad.
El diseñador gráfico decide otros colores de la interfaz,
se entrega la imagen 2 de la mitocondria.

3. Referencia C Título: Conceptos y contenidos
Objetivos:
1. Presentar los conceptos teóricos de la respectiva temática.
2. Mostrar video relacionado con la temática.
3. Presentar una animación interactiva sobre la temática
CONTENIDOS
Texto
Título del OVA
Textos 4, 5, 6, 7, 8, 9 y 10
Botonera “Conceptos, actividad 1, activiad2”
Texto “Consulta al profesor”
Archivos gráficos
Imagen 3 Estructura de la mitocondria
Imagen 1 de la animación 1
Archivos audiovisuales
Video de youtube Link: https://www.youtube.com/watch?v=xsRJHXY3QzY
Archivos interactivos
Animación 1
NAVEGACION
Se tiene acceso por medio de la botonera a: actividad 1
(pagina D), dando click en el botón “Actividad 1”
El estudiante también puede acceder a la actividad 1,
dando click en el botón “Comenzar actividad 1” en la parte
inferior de la página.
El estudiante puede enviar un mensaje al docente.
INTERACTIVIDAD
El estudiante puede ver el video de youtube.
El estudiante avanza en la animación dando click en el botón
“Play”, en la siguiente página se explica la animación.
VISUAL
Se debe trabajar el color de la interfaz con
los colores del Logo de la Universidad.
Las imágenes de la animación deben
difuminarse cuando pasa de una imagen a
otra.
NOTA: en el siguiente guión C1
se explica solamente la parte de
la Animación.

4. Referencia C1 Título: Animación
Objetivos:
1. Aprender las estructuras y función de la
mitocondria por medio de la animación
interactiva.
CONTENIDOS
Texto
Animación sobre la mitocondria.
Textos 9,10,11,12 y 13.
Botón Empezar
Archivos gráficos
Imagen Mitocondria 4, 5, 6 y 7.
Archivos audiovisuales
No
Archivos interactivos
Animación
NAVEGACION
La botonera de la animación permita avanzar, devolverse o reiniciar la animación.
INTERACTIVIDAD
Al dar click en “play” para comenzar, aparece el texto 11 y la imagen “mitocondria 5” y al dar click otra vez en “play”
aparece el texto 12 y la imagen “mitocondria 6” y así sucesivamente. Al final hay un botón para volver a ver la
animación.
VISUAL
Las imágenes de la animación deben difuminarse
cuando pasa de una imagen a otra.
El diseñador gráfico decide otros colores.
Se suministran los respectivos dibujos de las
imágenes, el diseñador gráfico debe crearlas.

5. Referencia D Título: Actividad 1
Objetivos:
1. Memorizar las estructuras de la mitocondria por medio de
una actividad interactiva.
CONTENIDOS
Texto
Título de la actividad.
Texto 14. Explicación de la actividad.
Nombres de las estructuras (Archivo de texto A)
Botonera “Conceptos, actividad 1, actividad 2”
Texto “Consulta al profesor”
Archivos gráficos
Imagen 8 (prediagramada)
Archivos audiovisuales
No
Archivos interactivos
Actividad
Audio
Sonido 1
NAVEGACION
Se tiene acceso por medio de la botonera a:
conceptos (página C), dando click en el botón
“Conceptos”.
Cuando el estudiante resuelve bien la actividad 1,
aparece el botón “Comenzar actividad 2”.
Se accede a la actividad 2, dando click en “actividad
2”.
INTERACTIVIDAD
Se debe arrastrar cada uno de los nombres (casillas
A,B,C,D,E y F) a su respectivo lugar en la imagen 8. El
puntero del cursor se pone encima de cada casilla, se da
click sobre ella y se arrastra a la casilla correspondiente
en la imagen 8, se suelta el click, si está bien se queda
ahí, si no, desaparece.
Al terminar de colocar la última casilla, si está mal
sonará un sonido aguda para indicar que algo no
corresponde, automáticamente se reinicia la actividad.
Hay un botón para reinicio de la actividad.
El estudiante puede enviar un mensaje al docente.
VISUAC
Se debe trabajar el color de la interfaz con los colores
del Logo de la Universidad.
El diseñador gráfico decide otros colores de la interfaz,
se entrega la imagen 8 de la mitocondria para la
creación del elemento interactivo.
Las casillas deben verse mientras son arrastradas

6. Referencia E Título: Actividad 2
Objetivos:
1. Memorizar los elementos que intervienen en la captación de
electrones por parte de la molécula de oxígeno.
CONTENIDOS
Texto
Título de la actividad 2
Nombres de las estructuras (Archivo de texto B)
Botón “Ir a sección conectivismo”
Texto 15. Explicación de la actividad.
Archivos gráficos
Imagen 9 prediagramada de la mitocondria.
Archivos audiovisuales
No
Archivos interactivos
Actividad
Audio
Sonido 1
NAVEGACION
Se tiene acceso por medio de la botonera a: conceptos
(página C), dando click en el botón “Conceptos”.
Cuando el estudiante resuelve bien la actividad 2,
aparece el botón “Ir a sección conectivismo”.
Cuando se resuelve bien la actividad 2, aparece el
botón “Ir a sección conectivismo” Si no lo resuelve
bien no aparece. Solo se puede acceder a dicha
sección, cuando se resuelven bien las dos actividades.
INTERACTIVIDAD
Se debe arrastrar cada uno de los nombres (casillas A, B
y C) a su respectivo lugar en la imagen. El puntero del
cursor se pone encima de cada casilla, se da click sobre
ella y se arrastra a la casilla correspondiente en la
imagen 8, se suelta el click, si está bien se queda ahí, si
no, desaparece y se reinicia la actividad.
Si la casilla arrastrada no corresponde al ubicarla,
sonará un sonido agudo, indica que no está bien.
El estudiante puede enviar un mensaje al docente.
Hay un botón para reinicio de la actividad.
VISUAL
Se debe trabajar el color de la interfaz con los colores
del Logo de la Universidad.
El diseñador gráfico decide otros colores de la interfaz,
se entrega la imagen 9 prediagramada de la
mitocondria, para la creación del elemento interactivo.
Las casillas deben verse mientras son arrastradas.

7. Referencia F Título: Sección conectivismo
Objetivos:
1. Resolver, analizar y discutir una situación real (notica : link) en
la que se aplican los conceptos aprendidos.
2. Proponer preguntas que deben necesariamente resolverse
por medio de información obtenida por medio de internet.
3. Digitar o responder las preguntas en el foro virtual de la
materia en Facebook.
4. Generar discusión entre los estudiantes y el profesor en el
foro virtual de la materia en Facebook.
CONTENIDOS
Texto
Título “Sección conectivismo”
Texto 16, 17, 18, 19 y 20.
Link a noticia real.
Botón “Responder en el foro virtual”
Botón “Ir a Evaluación de la temática”
Archivos gráficos
Imagen 10. Noticia real
Archivos audiovisuales
No
Archivos interactivos
No
Audio: No
NAVEGACION
Se tiene acceso por medio de la botonera a: conceptos
(página C), actividad 1 (página D), actividad 2 (página E),
el estudiante puede ir desde está página a las indicadas.
Hay un botón que enlaza el foro virtual de la materia en
Facebook.
Hay un botón para ir a la sección evaluación de la
temática, si se accede a dicha sección, el estudiante no
puede regresar a las secciones anteriores.
INTERACTIVIDAD
Ir al foro virtual dando click en el botón “Responder en
el foro virtual”.
Ir a la sección “Evalaución del OVA” dando click en el
botón “Ir a sección conectivismo”.
En el foro virtual de la materia en Facebook, los
estudiantes publican las respuestas, análisis, discusiones
y conclusiones de la actividad o análisis de la noticia.
El docente revisa la participación de cada uno de los
estudiantes.
El estudiante puede enviar un mensaje al docente.
VISUAL
Se debe trabajar el color de la interfaz con los colores
del Logo de la Universidad.
El diseñador gráfico decide otros colores de la interfaz.

8. Referencia G Título: Sección Evaluación de la temática
Objetivos:
Evaluar los conceptos aprendidos.
CONTENIDOS
Texto
Título “Evaluación del OVA”
Texto 21 a 29, afirmaciones.
Botón “Evaluación del OVA”
Botón “Enviar respuestas”
NAVEGACION
El estudiante no puede regresar a
ninguna de las otras secciones.
Debe seleccionar si es falso o
verdadero dando click en la
respectiva casilla.
Cuando se envían las respuestas
aparece el botón “Evaluación del
OVA”
INTERACTIVIDAD
Cuando termina de responder se
envían las respuestas dando click en
el botón “Enviar respuestas”.
Las respuestas se envían a la
plataforma del docente y
automáticamente aparecen “X” en
las respuestas erróneas y “bueno”
(chulito) en las respuestas correctas.
VISUAL
Se debe trabajar el color de la
interfaz con los colores del
Logo de la Universidad.
El diseñador gráfico decide
otros colores de la interfaz.

9. Referencia H Título: Evaluación del OVA
Objetivos:
1. Evaluar el OVA para el rediseño.
CONTENIDOS
Texto
Título “Evaluación del OVA”.
Texto “Preguntas”
Texto afirmaciones: textos del 30 al 34.
Botón “Enviar formulario”
Botón “Ir al inicio del OVA”
Archivos gráficos
No
NAVEGACION
El estudiante no puede acceder a
otras secciones del OVA.
Cuando termina de responder, da click
en el botón “Enviar formulario”,
enviado sus opiniones a la plataforma
virtual del docente.
Solo aparece el botón “Ir al inicio del
OVA”, cuando ha enviado el
formulario.
INTERACTIVIDAD
El estudiante digita sus opiniones en
las respectivas casillas.
VISUAL
Se debe trabajar el color de
la interfaz con los colores del
Logo de la Universidad.
El diseñador gráfico decide
otros colores de la interfaz.