Está en la página 1de 73

 Hot Potatoes es un conjunto de

aplicaciones que permiten elaborar


ejercicios interactivos.

 No es necesario conocer ni HTML, ni


JavaScript, sólo introducir los datos.

 Es una herramienta de libre


distribución para uso educativo
 JQuiz:
◦ Ejercicios de preguntas abiertas, de respuestas
múltiples e híbridas.
 JCloze:
◦ Ejercicios de completar huecos.
 JCross:
◦ Crucigramas
 JMix:
◦ Ejercicios de ordenar frases.
 JMatch:
◦ Ejercicios de asociación y de ordenación de listas.
 Introducción de los datos
◦ Preguntas, respuestas, ayudas, pistas…
 Configuración del aspecto final
◦ Nombres de botones, instrucciones, características
de la Web…
 Elaboración de la página Web
◦ Compilación de todos los ejercicios en una sola
página Web.
Haciendo doble clic sobre el archivo de instalación se iniciará el
asistente que nos ayudará a instalar Hot Potatoes en nuestro equipo.
Una vez instalado, podemos acceder a él desde el menú Inicio,
Programas, Hot Potatoes 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.
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.
Pinchamos en la carpeta
translations.

Y allí encontraremos el
archivo espanol6.cfg,
pulsamos abrir y
aplicamos en la
ventana anterior.
Cómo utilizar cada
aplicación de Hot
Potatoes paso a paso
Todas las aplicaciones de Hot Potatoes 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 Cargar la información de configuración


previamente guardada en un archivo de datos

Guardar ejercicio Salir del programa

Guardar ejercicio con un nombre


Insertar imagen desde Internet
nuevo

Cortar Insertar imagen desde su disco duro

Inserta vínculo a una dirección de


Copiar
internet

Inserta vínculo a un archivo de su disco


Pegar
duro

Crea cuadrícula automática a partir de


Deshacer la acción anterior
las palabras introducidas (En JCross)

Exportar como página web pero como


Crear o editar un texto para
ejercicio de arrastrar y soltar (En
añadir al ejercicio como lectura
JMatch y JMix)

Exportar como página web para


Ayuda
Internet versión 6
JQuiz
Preguntas abiertas

 Respuesta múl tipl e:


◦ Elegir la respuesta co rrecta pu lsan do un botón .
 Respuesta corta:
◦ Escribir la respuesta en un a casilla.
 Híbrida:
◦ Comienza con casillas y, si falla varias veces, cambia
a boton es.
 Mul tiselecci ón:
◦ Seleccion ar varias respu estas co rrectas.
La siguiente ilustración muestra la interfaz del ejercicio. Hemos
marcado los espacios donde el profesor debe escribir datos.
Introducción de datos: No 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.
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.
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.
Introducción de texto: En 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ú.
Seguidamente podremos ver una ventana para introducir el texto
con algunas opciones.
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.
MODALIDAD AVANZADA: JQuiz 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".
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)
Pestaña de configuración de Títulos e Instrucciones
Pestaña de configuración de Avisos e Indicaciones
Pestaña de configuración de los botones disponibles en el ejercicio
Pestaña de configuración del Aspecto de la actividad
Pestaña de configuración del Contador de Tiempo
Configuración de diferentes parámetros y opciones
Exportación a htm o html (web)
 Aparece un texto con huecos que el usuario
debe rellenar.
 Tras completarlos, comprueba los resultados
pulsando un botón.
 Devuelve una evaluación en porcentajes.
 Permite incluir el botón “pista” que pone una
letra del hueco.
 Reconoce sinónimos, mayúsculas, faltas
Esta es la pantalla principal de JCloze que nos permitirá elaborar e
introducir los principales datos de la actividad.
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
Pestaña de configuración de Títulos e Instrucciones
Pestaña de configuración de Avisos e Indicaciones
Pestaña de configuración de los botones disponibles en el ejercicio.
Pestaña de configuración del Aspecto de la actividad
Pestaña de configuración del Contador de Tiempo
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.
Exportación a HTML
JCross:
Crucigramas
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.
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.
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.
O bien podemos hacer que todas las pistas aparezcan y sean visibles
al cargar la página debajo crucigrama.
Estas opciones las elegimos en el menú opciones/configurar el
formato del archivo originado/otro como podemos ver en la
siguiente imagen.
JMix:
ordenar frases

Ejercicios de ordenar palabras de una frase,


o letras de una palabra.
Pantalla principal de JMix
JMatch

 Emparejamientos.

 Asociaciones.
 Ordenaciones de listas.
Ventana principal de JMatch
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.
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”.
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
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”.
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.
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.
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í.
Otra ventana de configuración que podemos utilizar es la
de “botones”
Dentro del apartado de configuración también podemos encontrar otra
pestaña llamada “índice”
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”.
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.
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.
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.
Vínculo a una
dirección de
Internet

Vínculo a un
archivo local
Imagen desde
Internet

Imagen de un
archivo local
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.
y así es cómo quedaría el ejercicio una vez exportado.
Inserción de audio (mp3) y de video (mpg)
Insertar una tabla
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.
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.
Códigos hexadecimales de los colores básicos utilizados en la web