Post on 28-Mar-2016
description
Julián Esteban Gutiérrez Posada
Universidad del Quindío
Abril 2010
FACULTAD DE INGENIERIAFACULTAD DE INGENIERIA
1Universidad del Quindio - Jugutier
Abril 2010
Software requerido
Procedimiento
◦ Descargue e Instale el software requerido
◦ Construyendo un sitio web de un TEMA o UNIDAD
◦ Creando actividades evaluativas
◦ Empaquetando el objeto de aprendizaje SCORM
Conclusiones
2Universidad del Quindio - Jugutier
Abril 2010
KompoZer(http://www.kompozer.net/)
Herramienta para crear sitios web
HotPotatoes(http://hotpot.uvic.ca/)
Herramienta para crear actividades evaluativas
Reload(http://www.reload.ac.uk/new/editor.html/)
Herramienta para crear objetos de aprendizaje
3Universidad del Quindio - Jugutier
Abril 2010
Descargue el programa KompoZer(http://hivelocity.dl.sourceforge.net/project/kompozer/current/0.7.10/kompozer-0.7.10-win32.zip)
Descomprima el archivo (kompozer-0.7.10-win32.zip)
En Program Files (Archivos de programa)
4Universidad del Quindio - Jugutier
Abril 2010
Ejecute el programa
5Universidad del Quindio - Jugutier
Abril 2010
Descargue el programa HotPotatoes(http://hotpot.uvic.ca/setup_hotpot_6303.exe)
Instale el programa (setup_hotpot_6303.exe)
En C:\Program Files\HotPotatoes6
6Universidad del Quindio - Jugutier
Abril 2010
Ejecute el programa
7Universidad del Quindio - Jugutier
Abril 2010
Descargue el programa Reload(http://www.reload.ac.uk/download/Reload_Dist255_Java15.zip)
Descomprima el archivo (Reload_Dist255_Java15.zip)
En Program Files (Archivos de programa)
8Universidad del Quindio - Jugutier
Abril 2010
Ejecute el programa
9Universidad del Quindio - Jugutier
Abril 2010
Lo primero que hay que hacer es hacer una planeación inicial, es decir tener claro por lo menos:
La población destinataria para el objeto de aprendizaje (OVA).
Conocimientos previos para poder enfrentar el OVA.
Definir los objetivos del OVA.
Los contenidos del OVA, idealmente multimediales.
Las actividades (auto)evaluativas que involucra el OVA.
Idealmente deben proponer actividades colaborativas.
Tener presente en el diseño los estilos de aprendizaje.
Universidad del Quindio - Jugutier Abril 2010 10
A manera de ilustración, analice la propuesta de
David Kold sobre ¿cómo aprendemos?
Universidad del Quindio - Jugutier Abril 2010 11
Universidad del Quindio - Jugutier Abril 2010 12
Ejemplo de una Planeación inicial –Sitio sobre la construcción de OVAs-
Universidad del Quindio - Jugutier Abril 2010 13
CARACTERISTICA INICIAL DEL OVA
Población destinataria• Principalmente estudiantes del curso de E-Learning, o cualquier persona
que cumpla los conocimiento previos.
Conocimiento previosHabilidades y conocimiento básicos en:• El manejo, instalación y descompresión de software• Internet, específicamente la navegación
Objetivo General Ilustrar un procedimiento de creación de un OVA
Objetivos específicos
• Indicar cuál puede ser un conjunto de software requerido para el diseño yconstrucción de un OVA
• Mostrar su instalación y ejecución.• Crear paso a paso un OVA
Contenidos
• Instalación y ejecución del software requerido• Creación del sitio web• Creación de actividades evaluativas• Creación del OVA en sí mismo.
Actividades evaluativasPor cada contenido respectivamente y una actividad final
• Ejercicios de reordenar frases• Ejercicios de rellenar huecos• Ejercicios de emparejamiento• Ejercicios de evaluación tipo test• Ejercicios de crucigramas
Cree desde el explorador de archivo una carpeta de trabajo.
Ej: y otra dentro de ella para las imágenes, Ej:
Ejecute la herramienta para crear sitios web.
◦ Defina un área de trabajo de 600px
Universidad del Quindio - Jugutier Abril 2010 14
Copie primero en la carpeta destinada para las imágenes todasaquellas que desee utilizar.
Por ejemplo para crear la presentación del OVA, yo necesito:
Universidad del Quindio - Jugutier Abril 2010 15
Antes de comenzar a trabajar en una página del proyecto, guárdelo(save) en la carpeta de trabajo con la extensión (html). El títulopuede tener acentos, pero recomiendo no ponerlos en el nombre delarchivo.
Universidad del Quindio - Jugutier Abril 2010 16
Construya una presentación para el OVA, tal y como si estuviera usando un editor detextos como el Word. No se niegue la posibilidad de utilizar imágenes, animaciones ydemás elementos visuales que le ayuden a dar una presentación agradable, sin llegarnunca a exagerar.
◦ Inserte únicamente las imágenes que copió en la carpeta destinada para ellas.
◦ Asegúrese de que ellas tengan activa la opción “URL is relative to page location”.
◦ Asígnele un texto alternativo para poder insertar la imagen.
◦ Use tablas para organizarlas, si son varias.
◦ Puede usar la opción de Insertar HTML para
insertar elementos como videos de YouTube.
Universidad del Quindio - Jugutier Abril 2010 17
Sólo para ilustrar, en Youtube se debehacer clic en Insertar y luego copiar elcódigo señalado en la ventana queaparece al insertar HTML… y listo.
Para verlo por la opción Browse.
Universidad del Quindio - Jugutier Abril 2010 18
Ejemplo de la presentación del OVA vista desde el navegador (Browse)
Sería ideal asignarle una
licencia CC (Creative Commons)
a su objeto de aprendizaje
para facilitar su difusión y
reutilización.
http://creativecommons.org/choose/?jurisdiction=co
Universidad del Quindio - Jugutier Abril 2010 19
Repita el procedimiento para crear TODO el contenido del OVA, iniciando con las características del OVA.
Le recomiendo
no escribir
mucho
contenido por
página, en su
lugar divida
el contenido
varios páginas
(secciones y
subsecciones)
Universidad del Quindio - Jugutier Abril 2010 20
Al igual que en los procesadores de textos como Word, usted puedeponer enlaces a otras páginas externas o internas al OVA. Para ello se usa la
opción “Link…”
Por ejemplo:
◦ Regrese a la página de
presentación.
◦ Adicione la palabra
Continuar en la parte
inferior, subráyela y
haga clic en Link…
Universidad del Quindio - Jugutier Abril 2010 21
En las propiedades del enlace “Link Properties” defina la localización del enlace “Link Location”
Universidad del Quindio - Jugutier Abril 2010 22
Universidad del Quindio - Jugutier Abril 2010 23
Ejecute la herramienta para crear actividades evaluativas
Pero antes de crear un ejemplo, lo invito a ver los siguientes videos en YouTube.
◦ Parte 1 (Ejercicios de reordenar frases)
http://www.youtube.com/watch?v=--McdHtr4-s
◦ Parte 2 (Ejercicios de rellenar huecos)
http://www.youtube.com/watch?v=h2DIF3DKtGU&feature=related
◦ Parte 3 (Ejercicios de emparejamiento)
http://www.youtube.com/watch?v=zwfVQ9bRyMQ&feature=related
◦ Parte 4 (Ejercicios de evaluación tipo test)
http://www.youtube.com/watch?v=ZejEfEBEeNA&feature=related
◦ Parte 5 (Ejercicios de crucigramas)
http://www.youtube.com/watch?v=j-ScQgkm0bM&feature=related
Universidad del Quindio - Jugutier Abril 2010 24
Una vez hecha una actividad evaluativa en el HotPotatoes, se debe generar un archivo HTML y este debe ser almacenado en la carpeta de trabajo, ej:
Ahora y a manera de ilustración, haremos un ejercicio de emparejamiento (JMatch)
Universidad del Quindio - Jugutier Abril 2010 25
Complete la información solicitada
Universidad del Quindio - Jugutier Abril 2010 26
Genere una página web con el ejercicio
◦ Guarde el archivo (.htm)
en la carpeta de trabajo.
No deje espacios en losnombres de los archivos.
◦ Finalmente vea el resultado en el navegador
Universidad del Quindio - Jugutier Abril 2010 27
Se puede observar que hay textos que podemos traducir
Universidad del Quindio - Jugutier Abril 2010 28
Vamos a la pantalla de configuración
Cambiemos en Títulos/Instrucciones
◦ “Matching exercise” por “Ejercicio de emparejamiento”
◦ “Match the items on the right to the items on the left” por“Empareje los elementos de la derecha con los de la izquierda”
Universidad del Quindio - Jugutier Abril 2010 29
Cambiemos enAvisos / Feedback:
◦ “:-)” por “Correcto”
◦ “X” por “Incorrecto”
◦ “Your score is “ por“Su puntaje es “
◦ “Correct! Well done.” por “Correcto! Bien hecho.”
◦ “Sorry! Try again. Incorrect matches have been removed.”por “Lo siento! Inténtelo de nuevo.”
Universidad del Quindio - Jugutier Abril 2010 30
Cambiemos enBotones:
◦ “Check” por “Comprobar”
◦ “Ok” por “Correcto”
◦ “Next” por “Siguiente”
◦ “Delete” por “Borrar”
Desactive las opciones◦ Incluir botón “Siguiente ejercicio”
◦ Incluir botón “Ir a Contenidos”
Universidad del Quindio - Jugutier Abril 2010 31
Cambiemos enContador:
◦ “Your time is over!” por “Su tiempo ha terminado”
Especifique un limite detiempo si lo estima conveniente
Universidad del Quindio - Jugutier Abril 2010 32
Activemos enOtro:
◦ “Incluir SCORM 1.2 functions”
◦ “Barajar el orden de las preguntas cada vez que carguela página”
Las demás pestañas pueden
permanecer tal y como están
configuradas.
Universidad del Quindio - Jugutier Abril 2010 33
Genere una página web con el ejercicio ya configurado
◦ Guarde el archivo (.htm)
en la carpeta de trabajo
No deje espacios en losnombres de los archivos.
◦ Finalmente vea el resultado en el navegador
Universidad del Quindio - Jugutier Abril 2010 34
De esta forma cree otras actividades de (auto)evaluación.
Experimente los otros tipos de actividades (auto)evaluativas), según los videos sugeridos.
Universidad del Quindio - JugutierAbril 2010 35
Ejecute el ReLoad Editor
Cree un nuevo “ADL SCORM 2004 Package” y seleccione la carpetade trabajo
Universidad del Quindio - Jugutier Abril 2010 36
La pantalla obtenida debe ser similar a esta una vez creadas todas la páginas de contenido y de evaluación.
Universidad del Quindio - Jugutier Abril 2010 37
Arrastre a “Resources” todas las páginas web creadas
Universidad del Quindio - Jugutier Abril 2010 38
Cambie “Organizations” por “Contenido”
Universidad del Quindio - Jugutier Abril 2010 39
Cambie “Item” por “Presentación”
Seleccione en“Referencedelement” lapágina asociada a lapresentación“Presentacion.html”
Universidad del Quindio - JugutierAbril 2010 40
Añada un Item al “Contenido”, según la estructura de su contenido y (auto)evaluaciones.Para ello haga clic derecho en el item al que le desea añadir otro… creando así un índice.
No olvide especificar“Referencedelement” al recurso (página Web)correspondiente
Universidad del Quindio - Jugutier Abril 2010 41
Realice una pre-visualización del objeto
Universidad del Quindio - Jugutier Abril 2010 42
Ahora genere el objeto virtual de aprendizaje
Universidad del Quindio - Jugutier Abril 2010 43
Objeto Virtual de AprendizajeSCORM
Muchas gracias
Julián Esteban Gutiérrez Posada