43
Julián Esteban Gutiérrez Posada Universidad del Quindío Abril 2010 FACULTAD DE INGENIERIA FACULTAD DE INGENIERIA 1 Universidad del Quindio - Jugutier Abril 2010

creando un objeto SCORM

Embed Size (px)

DESCRIPTION

COMO CREAR UN OBJETO TIPO SCORM CON YUDA DE LAS TIC

Citation preview

Page 1: creando un objeto SCORM

Julián Esteban Gutiérrez Posada

Universidad del Quindío

Abril 2010

FACULTAD DE INGENIERIAFACULTAD DE INGENIERIA

1Universidad del Quindio - Jugutier

Abril 2010

Page 2: creando un objeto SCORM

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

Page 3: creando un objeto SCORM

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

Page 5: creando un objeto SCORM

Ejecute el programa

5Universidad del Quindio - Jugutier

Abril 2010

Page 6: creando un objeto SCORM

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

Page 7: creando un objeto SCORM

Ejecute el programa

7Universidad del Quindio - Jugutier

Abril 2010

Page 8: creando un objeto SCORM

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

Page 9: creando un objeto SCORM

Ejecute el programa

9Universidad del Quindio - Jugutier

Abril 2010

Page 10: creando un objeto SCORM

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

Page 11: creando un objeto SCORM

A manera de ilustración, analice la propuesta de

David Kold sobre ¿cómo aprendemos?

Universidad del Quindio - Jugutier Abril 2010 11

Page 12: creando un objeto SCORM

Universidad del Quindio - Jugutier Abril 2010 12

Page 13: creando un objeto SCORM

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

Page 14: creando un objeto SCORM

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

Page 15: creando un objeto SCORM

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

Page 16: creando un objeto SCORM

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

Page 17: creando un objeto SCORM

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

Page 18: creando un objeto SCORM

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

Page 19: creando un objeto SCORM

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

Page 20: creando un objeto SCORM

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

Page 21: creando un objeto SCORM

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

Page 22: creando un objeto SCORM

En las propiedades del enlace “Link Properties” defina la localización del enlace “Link Location”

Universidad del Quindio - Jugutier Abril 2010 22

Page 23: creando un objeto SCORM

Universidad del Quindio - Jugutier Abril 2010 23

Page 24: creando un objeto SCORM

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

Page 25: creando un objeto SCORM

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

Page 26: creando un objeto SCORM

Complete la información solicitada

Universidad del Quindio - Jugutier Abril 2010 26

Page 27: creando un objeto SCORM

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

Page 28: creando un objeto SCORM

Se puede observar que hay textos que podemos traducir

Universidad del Quindio - Jugutier Abril 2010 28

Page 29: creando un objeto SCORM

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

Page 30: creando un objeto SCORM

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

Page 31: creando un objeto SCORM

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

Page 32: creando un objeto SCORM

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

Page 33: creando un objeto SCORM

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

Page 34: creando un objeto SCORM

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

Page 35: creando un objeto SCORM

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

Page 36: creando un objeto SCORM

Ejecute el ReLoad Editor

Cree un nuevo “ADL SCORM 2004 Package” y seleccione la carpetade trabajo

Universidad del Quindio - Jugutier Abril 2010 36

Page 37: creando un objeto SCORM

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

Page 38: creando un objeto SCORM

Arrastre a “Resources” todas las páginas web creadas

Universidad del Quindio - Jugutier Abril 2010 38

Page 39: creando un objeto SCORM

Cambie “Organizations” por “Contenido”

Universidad del Quindio - Jugutier Abril 2010 39

Page 40: creando un objeto SCORM

Cambie “Item” por “Presentación”

Seleccione en“Referencedelement” lapágina asociada a lapresentación“Presentacion.html”

Universidad del Quindio - JugutierAbril 2010 40

Page 41: creando un objeto SCORM

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

Page 42: creando un objeto SCORM

Realice una pre-visualización del objeto

Universidad del Quindio - Jugutier Abril 2010 42

Page 43: creando un objeto SCORM

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