TUTORIAL Hot potatoes

76

Transcript of TUTORIAL Hot potatoes

Page 1: TUTORIAL Hot potatoes
Page 2: TUTORIAL Hot potatoes

IntroducciónOHot Potatoes es un conjunto de

herramientas que permiten elaborar ejercicios interactivos.

ONo es necesario conocer ni HTML, ni JavaScript, sólo introducir los datos.

O Es una aplicación de libre distribución para uso educativo (freeware).

Page 3: TUTORIAL Hot potatoes

Herramientas disponibles en Hot Potatoes

O JCloze:O Ejercicios de completar huecos

O JMatch:O Ejercicios de asociación y de ordenación

de listasO JQuiz:

O Ejercicios de preguntas abiertas, de respuestas múltiples e híbridas

O JCross:O Crucigramas

O JMix:O Ejercicios de ordenar frases

Page 4: TUTORIAL Hot potatoes

Pasos para la elaboración de ejercicios

O Introducción de los datosO Preguntas, respuestas, ayudas,

pistas…O Configuración del aspecto final

O Nombres de botones, instrucciones, características de la Web…

O Elaboración de la página WebO Compilación de todos los ejercicios en

una sola página Web

Page 5: TUTORIAL Hot potatoes

Haciendo doble clic sobre el archivo de instalación se iniciará el asistente que nos ayudará a instalar HotPotatoes en nuestro equipo

Page 6: TUTORIAL Hot potatoes

Una vez instalado, podemos acceder a él desde el menú Inicio, Programas, HotPotatoes 6, que abrirá una última ventana con la pantalla inicial del programa y el acceso a las aplicaciones del mismo.

Si durante la instalación lo hemos indicado, podremos tener un botón de enlace al programa en el Escritorio

Page 7: TUTORIAL Hot potatoes

Una vez arrancado, por vez primera, el programa, lo primero que debemos hacer es configurarlo para el idioma castellano, desde Opciones y Project Settings, se nos abrirá una nueva ventana y allí, trabajaremos sobre el Archivo de configuración.

Page 8: TUTORIAL Hot potatoes

Pinchamos en la carpeta translations

Y allí encontraremos el archivo espanol6.cfg, pulsamos abrir y aplicamos en la ventana anterior

Page 9: TUTORIAL Hot potatoes

Cómo utilizar cada herramienta de

HotPotatoes paso a paso

Page 10: TUTORIAL Hot potatoes

Todas las aplicaciones de HotPotatoes presentan una serie de botones, identificados con un icono, en su barra de herramientas (parte superior de la pantalla).

      Ejercicio nuevo       Configurar

      Abrir ejercicio guardado previamente

         

Cargar la información de configuración guardada en un archivo de datos

     Guardar ejercicio       Salir del programa

     Guardar ejercicio con un nombre nuevo         Insertar imagen desde Internet

      Cortar        Insertar imagen desde su disco duro

       Copiar        Inserta vínculo a una dirección de internet

       Pegar      Inserta vínculo a un archivo de su disco duro

        Deshacer la acción anterior       Crea cuadrícula automática a partir de las palabras introducidas (En JCross)

      Crear o editar un texto para añadir al ejercicio como lectura        

Exportar como página web pero como ejercicio de arrastrar y soltar (En JMatch y JMix)

      Ayuda       Exportar como página web para Internet versión 6

Page 11: TUTORIAL Hot potatoes

JCloze:completar huecos

OAparece un texto con huecos que el usuario debe rellenar

OTras completarlos, comprueba los resultados pulsando un botón

ODevuelve una evaluación en porcentajesOPermite incluir el botón “pista” que pone

una letra del huecoOReconoce sinónimos, mayúsculas, faltas

ortográficas…

Page 12: TUTORIAL Hot potatoes

Esta es la pantalla principal de JCloze que nos permitirá elaborar e introducir los principales datos de la actividad

Page 13: TUTORIAL Hot potatoes

Una vez hayamos tecleado el texto (o pegado desde el portapapeles) hemos de decidir si deseamos introducir un texto de lectura presionando el icono (ver iconos comunes)  "Crear texto de lectura." En tal caso nos aparecerá la esta pantalla en la que hemos de insertarlo

Page 14: TUTORIAL Hot potatoes

Pestaña de configuración de Títulos e Instrucciones

Page 15: TUTORIAL Hot potatoes

Pestaña de configuración de Avisos e Indicaciones

Page 16: TUTORIAL Hot potatoes

Pestaña de configuración de los botones disponibles en el ejercicio

Page 17: TUTORIAL Hot potatoes

Pestaña de configuración del Aspecto de la actividad

Page 18: TUTORIAL Hot potatoes

Pestaña de configuración del Contador de Tiempo

Page 19: TUTORIAL Hot potatoes

Configuración de diferentes parámetros y opciones

Las pestañas "Personalizar" y "CGI" tienen que ver con el uso y manejo de código HTML y Javascript y lo veremos al final

Page 20: TUTORIAL Hot potatoes

Exportación a HTML

Page 22: TUTORIAL Hot potatoes

JMatch

emparejamientos

asociaciones

ordenaciones de listas

Page 23: TUTORIAL Hot potatoes

Ventana principal de JMatch

Page 24: TUTORIAL Hot potatoes

La pantalla de introducción de datos tiene este aspecto y, como se ve en el gráfico, dispone de una serie de campos donde introducir la información necesaria para configurar el ejercicio

Page 25: TUTORIAL Hot potatoes

Esta aplicación tiene ciertas peculiaridades de configuración propias, similares a las que tiene JQuiz. A esta configuración se accede desde la barra de menús, presionando "Organizar elementos."

Page 26: TUTORIAL Hot potatoes

La opción de configuración que encontramos en opciones/configurar el formato del archivo originado/otro que, como vemos en la siguiente imagen, nos permite un par de interesantes opciones

Page 28: TUTORIAL Hot potatoes

JQuiz

preguntas abiertas

O Respuesta múltiple:O Elegir la respuesta correcta pulsando un botón

O Respuesta corta:O Escribir la respuesta en una casilla

O Híbrida:O Comienza con casillas y, si falla varias veces, cambia

a botones.O Multiselección:

O Seleccionar varias respuestas correctas

Page 29: TUTORIAL Hot potatoes

La siguiente ilustración muestra la interfaz del ejercicio. Hemos marcado los espacios donde el profesor debe escribir datos.

Page 30: TUTORIAL Hot potatoes

Introducción de datosNo existen cambios en la elaboración de este ejercicio por el profesor con respecto al ejercicio de respuesta múltiple. Sólo se debe cambiar el tipo de ejercicio en el menú desplegable diseñado para tal efecto.

Page 31: TUTORIAL Hot potatoes

Pregunta híbrida

Al seleccionar este tipo de ejercicio podremos ver que aparecen unas casillas de selección nuevas. Se trata de elegir qué respuestas, de las posibles previstas por el profesor, queremos que formen parte del ejercicio de respuesta múltiple en que se transformará el de respuesta breve tras un número determinado de intentos incorrectos.

Page 32: TUTORIAL Hot potatoes

Preguntas multiselección

Este tipo de ejercicio es distinto a los demás en la forma en que se dan indicaciones. El hecho de que haya que seleccionar varias opciones dificulta enormemente la forma en que el profesor puede hacer comentarios sobre aciertos o errores. El programa ofrece una indicación cada vez que se comprueba si está correcto.

Page 33: TUTORIAL Hot potatoes

INTRODUCCIÓN DE TEXTOEn cualquiera de los tipos de ejercicios explicados en JQuiz es posible insertar un texto que el alumno puede leer en cualquier momento. Esto puede hacerse de tres formas. Podemos pulsar las teclas CTRL + R. También es posible abrir el menú de archivo y seleccionar Añadir Lectura o pulsar directamente en el icono con forma de libro situado en la barra de Menú.

Page 34: TUTORIAL Hot potatoes

Seguidamente podremos ver una ventana para introducir el texto con algunas opciones.

Page 35: TUTORIAL Hot potatoes

También es posible introducir algunos elementos en el texto. Para esto tendremos que abrir el menú de Insertar y seleccionar las opciones que nos interesen.

Page 36: TUTORIAL Hot potatoes

MODALIDAD AVANZADAJQuiz es una aplicación bastante compleja y podría resultar algo confusa para usuarios principiantes. Debido a esto se ha dividido en dos modalidades, una principiante (la que hemos explicado hasta el momento) y otra avanzada. Estas dos modalidades afectan a la introducción y tratamiento de datos. Seguidamente explicaremos las características de la modalidad avanzada.Cuando abrimos JQuiz encontramos la ventana de introducción de datos. Es aquí donde podemos cambiar a "Modalidad Avanzada".

Page 37: TUTORIAL Hot potatoes

Existen tres características nuevas en esta modalidad:- Ponderación- Porcentaje de corrección (no disponible en multiselección)- Aceptar como correcta  (no disponible en multiselección)

Page 38: TUTORIAL Hot potatoes

Pestaña de configuración de Títulos e Instrucciones

Page 39: TUTORIAL Hot potatoes

Pestaña de configuración de Avisos e Indicaciones

Page 40: TUTORIAL Hot potatoes

Pestaña de configuración de los botones disponibles en el ejercicio

Page 41: TUTORIAL Hot potatoes

Pestaña de configuración del Aspecto de la actividad

Page 42: TUTORIAL Hot potatoes

Pestaña de configuración del Contador de Tiempo

Page 43: TUTORIAL Hot potatoes

Configuración de diferentes parámetros y opciones

Page 44: TUTORIAL Hot potatoes

Exportación a htm o html (web)

Page 46: TUTORIAL Hot potatoes

JCross:

crucigramas

Page 47: TUTORIAL Hot potatoes

La pantalla de introducción de datos tiene este aspecto y, como se ve en el gráfico, dispone de una serie de campos donde introducir la información necesaria para configurar el ejercicio.

Page 48: TUTORIAL Hot potatoes
Page 49: TUTORIAL Hot potatoes

Cuando hemos terminado hacemos clic en el botón crear cuadrícula y volvemos a la página inicial; una vez allí sólo hemos de presionar el botón "añadir pistas" para introducir las pistas o definiciones de las palabras. Esta es la pantalla en la que hemos de introducir esa información

Page 50: TUTORIAL Hot potatoes

Merece la pena destacar en el capítulo de configuración las opciones que nos ofrece JCross de presentar las pistas de las palabras. Podemos presentarlas una a una según el estudiante haga clic en el número de la palabra.

Page 51: TUTORIAL Hot potatoes

O bien podemos podemos hacer que todas las pistas aparezcan y sean visibles al cargar la página debajo crucigrama.

Page 52: TUTORIAL Hot potatoes

Estas opciones las elegimos en el menú opciones/configurar el formato del archivo originado/otro como podemos ver en la siguiente imagen

Page 54: TUTORIAL Hot potatoes

JMix:

ordenar frases

Ejercicios de ordenar palabras de una frase, o letras de una palabra

Page 55: TUTORIAL Hot potatoes

Pantalla principal de JMix

Page 56: TUTORIAL Hot potatoes
Page 58: TUTORIAL Hot potatoes

The Masher

Para unir en una sola unidad, varias actividades.

Es necesario adquirir la versión completa para usar esta aplicación en toda su extensión.

En la versión gratuita se pueden enlazar tres actividades.

De todas formas, podemos enlazar actividades también usando FrontPage, Word, PowerPoint, guardando los archivos en formato “página web”

Page 59: TUTORIAL Hot potatoes

El primer paso para crear una unidad de "Masher" es determinar qué archivos incluiremos en ella. Los archivos deben ser del tipo de los generados con las otras "patatas" del programa. No los archivos finales "html" sino los propios de cada aplicación con su extensión propia, como, por ejemplo, "jqz" para JQuiz.

Page 60: TUTORIAL Hot potatoes

Cuando pulsamos en abrir archivo, veremos una ventana con la que podemos explorar y buscarlo. Una vez elegido, se abre otra ventana en la que podemos cambiar algunos parámetros

Page 61: TUTORIAL Hot potatoes

La siguiente pestaña que podemos elegir es de "Aspecto". Su contenido es el mismo que en otras aplicaciones o "patatas" de "HOT POTATOES". La única diferencia es la que se muestra aquí.

Page 62: TUTORIAL Hot potatoes

Otra ventana de configuración que podemos utilizar es la de "botones":

Page 63: TUTORIAL Hot potatoes

Dentro del apartado de configuración también podemos encontrar otra pestaña llamada "índice":

Page 64: TUTORIAL Hot potatoes

Existen otras dos pestañas de configuración de las que no hemos hablado hasta el momento. Hemos querido dejarlas para el final porque son opciones avanzadas una de ellas es "Cadenas de usuario". Este tipo de configuración existe en otras aplicaciones del programa bajo el título de "Personalizar".

Page 65: TUTORIAL Hot potatoes

Finalmente nos queda hablar sobre la pestaña "Fuente".

Otra característica avanzada que no debemos cambiar si no estamos seguros de lo que hacemos.

Page 66: TUTORIAL Hot potatoes

Exportación a HTML

Primero guardaremos todo el trabajo creando así un archivo con la extensión "jms" . Después abriremos la opción "Acciones" del menú del programa y podremos ver este menú desplegable.

Page 67: TUTORIAL Hot potatoes

Con la herramienta Batch podemos crear unidades más grandes a las que llamaremos "Temas". La idea es realizar el mismo proceso que con los ejercicios pero esta vez con archivos ".jms", es decir con archivos de unidades creadas por Masher. De esta manera, los temas estarán compuestos por diversas unidades creadas con anterioridad.

Page 68: TUTORIAL Hot potatoes
Page 69: TUTORIAL Hot potatoes

Vínculo a una dirección de Internet

Vínculo a un archivo local

Page 70: TUTORIAL Hot potatoes

Imagen desde Internet

Imagen de un archivo local

Page 71: TUTORIAL Hot potatoes

La inserción de imágenes es especialmente útil en la aplicación JMatch en la que se crean ejercicios de emparejamiento ya que los elementos a emparejar pueden ser imágenes en lugar de texto. Esto resulta muy atractivo a la hora de su realización por parte de los alumnos y lo hace más ameno. El proceso a seguir es igual pero, en lugar de introducir texto en todos los campos, hemos de insertar imágenes en aquellos en los que deseemos que éstas aparezcan.

Page 72: TUTORIAL Hot potatoes

y así es cómo quedaría el ejercicio una vez exportado.

Page 73: TUTORIAL Hot potatoes

Inserción de audio (mp3) y de video (mpg)

Page 74: TUTORIAL Hot potatoes

Insertar una tabla

Page 75: TUTORIAL Hot potatoes

Uso de CGI Esta opción nos permite enviar los resultados de un ejercicio a una dirección de correo electrónico. Naturalmente nuestros ejercicios deben estar publicados en Internet y además en un servidor que contenga un Script PERL CGI llamado FormMail.pl.

Lo que ocurre cuando se configura esta opción es que el alumno carga la página y a la vez se le pide su nombre o cualquier otro dato que lo identifique.

Cuando se termina el ejercicio se envían los datos (identificación del alumno, resultado y tiempo consumido) al CGI de nuestro servidor, que lo remitirá a nuestro correo electrónico.

Page 76: TUTORIAL Hot potatoes

Personalizar

Llegamos a esta sección a través del menú Configurar el formato del archivo originado/Personalizar:La pestaña "Personalizar" que se encuentra dentro de la opción de configuración del archivo generado nos permite modificar los parámetros que hot potatoes usa por defecto. Esto se consigue mediante la edición y modificación de los archivos "fuente" del programa.