Una actividad de prueba con Hot Potatoes

Una actividad de prueba con Hot Potatoes

En este paso a paso vamos a crear un ejercicio de prueba del tipo rellenar huecos. La intención es
lograr la actividad que se muestra a continuación en la cual el usuario debe completar los huecos
colocando los nombres de las partes de la flor que muestra la figura de la izquierda con un límite
de tiempo.

Especialización docente de nivel superior en educación y TIC. Ministerio de Educación de la Nación

1. Antes de comenzar, es importante
definir una carpeta de trabajo. Como
se va a utilizar una imagen (Flor.jpg)
es fundamental colocarla allí.

2. Para realizar la actividad, ejecutar
Hot Potatoes y seleccionar la
herramienta JCloze (es la que permite
crear huecos para rellenar).

3. Una vez que se muestra la ventana
de edición, comenzar por escribir los
textos que se deberán completar y el
título de la actividad:

Partes de la Flor
A. Androceo
B. Corola
C. Gineceo
D. Receptáculo
E. Cáliz
F. Pedúnculo

Tutoriales: Una actividad de prueba con Hot Potatoes

4. Es muy importante la selección
exacta de la palabra que va a tener
que escribir el usuario. Simplemente
se la pinta con el puntero del mouse y
luego se hace clic en el botón Hueco.

5. Para cada palabra seleccionada, se abrirá una
nueva ventana que permite colocar una pista (no
es obligatorio) y otras respuestas correctas
alternativas. En este caso, solamente vamos
completar con una pista para cada una:

Si no se colocaron las pistas en una primera edición, se pueden ingresar luego haciendo clic en el
botón Mostrar palabras.

               Palabra         Pista
               Androceo        Estructura reproductora masculina
               Corola          Formada por pétalos
               Gineceo         Estructura reproductora femenina
               Receptáculo También se lo llama tálamo
               Cáliz           Tiene función protectora, se compone de sépalos
               Pedúnculo       Une la flor a la rama

Especialización docente de nivel superior en educación y TIC. Ministerio de Educación de la Nación

6. Siempre es importante guardar la
actividad a medida que se completa. Hay
que ponerle un nombre sin espacios, el
programa no lo aceptará si no se lo hace.

7. En la carpeta de trabajo se verá un
archivo nuevo con extensión jcl. Este
archivo solamente podrá ser abierto con el
programa Hot Potatoes. Por el momento,
no se puede observar el resultado
definitivo, que es una página web que se
podrá ver y operar con el navegador de
internet que se utilice (Explorer, Mozilla,
Chrome, etcétera).

8. Para colocar la imagen, posicionar el puntero del
mouse en el lugar correcto. Como la imagen va a la
izquierda, colocar el puntero justo delante de la primera
palabra.

9. El menú que permite insertar la imagen
es Insertar > Imagen > Imagen desde un
archivo local.

Tutoriales: Una actividad de prueba con Hot Potatoes

10. A continuación, seleccionar la imagen de la
flor y hacer clic en el botón Abrir.

11. Aparece una ventana que permite alinear la
imagen con relación al texto, cambiar el ancho y
alto, agregar un texto alternativo, la ubicación y el
título. No es necesario cambiar todo; en nuestro
caso, simplemente, seleccionar que se posicione
a la izquierda y hacer clic en el botón OK para
finalizar.

12. En el modo de edición, Hot Potatoes no
muestra la imagen, sino el código en html
(lenguaje que permite crear páginas web).
Se verá también que toda la orden de la imagen
queda pegada a la primera palabra y la corre de
lugar. No hay que preocuparse, en el resultado
se verá correctamente. Por lo tanto, no es
conveniente acomodar nada ya que puede
afectar a la visualización final.

Especialización docente de nivel superior en educación y TIC. Ministerio de Educación de la Nación

13. Para ver el resultado en una página
web, es necesario crearla. Ir al menú
Archivo > Crear página web > Página
web para navegadores V6.

14. También se puede utilizar el botón que
se encuentra en la barra de herramientas.

15. Aparecerá una ventana para
guardar el archivo htm. Por defecto,
toma el nombre que se le puso al
guardar, pero se puede cambiar. Hacer
clic en Guardar para terminar la
operación.

16. En una nueva ventana, el programa
propone ver directamente la actividad en el
navegador. Para hacerlo, seleccionar la
opción Ver el ejercicio en mi navegador.

Tutoriales: Una actividad de prueba con Hot Potatoes

17. Se abre el navegador y muestra el
ejercicio listo para usar. Puede
suceder que los textos indicadores no
sean los adecuados o que el diseño
general no sea el deseado. Esto se
puede cambiar.

18. En la carpeta de trabajo se ve un archivo
nuevo con extensión htm, es el que se puede ver
con el navegador, el resultado final.

                           Es importante tener en cuenta que las imágenes no se incorporan
                           en los archivos htm (también conocidos como html), sino que son
                           convocadas; por lo tanto, el archivo de imagen tiene que estar en
                           la misma carpeta de trabajo. Si se desea trasladar el archivo htm a
                           otro espacio, el archivo de imagen debe ser llevado también.

19. Para cambiar los textos indicadores y el
aspecto general del ejercicio, entrar en el
menú Opciones > Configurar el formato
del archivo originado.

Especialización docente de nivel superior en educación y TIC. Ministerio de Educación de la Nación

20. Aparece una ventana de diálogo que
tiene varias pestañas. La primera, Títulos /
Instrucciones, permite cambiar el subtítulo
del ejercicio y las instrucciones que recibirá
el usuario.

                      Tanto para esta primera opción como para las que siguen en el menú
                      Configurar el formato del archivo originado, es muy importante dar
                      OK para ir aceptando los cambios y hacer clic en el botón Guardar.

21. En la segunda pestaña, Avisos /
Indicaciones, se podrán escribir los
textos que se verán cuando el usuario
resuelva bien el ejercicio y cuando se
equivoque. No es necesario completar
todo, se puede ir probando. Por lo
general, se hacen las modificaciones,
se guarda, se exporta como htm, se
ve y luego se vuelve a corregir.

Tutoriales: Una actividad de prueba con Hot Potatoes

22. En la tercera pestaña, Botones, se
definen los textos de los botones que
aparecen en los ejercicios. Ya hay textos
puestos por defecto, pero seguramente a
cada docente le gusta poner los suyos. En
este caso, no es necesario completar la
parte de Navegación ya que no habrá
varias actividades para navegar entre ellas.

23. En la cuarta pestaña, Aspecto, se
pueden definir fuentes y colores.
También se puede colocar una imagen de
fondo. Si se va utilizar, es importante
seleccionar una que no entorpezca la
visualización del ejercicio en sí. Hay que
probar.
No es conveniente usar fuentes extrañas
ya que el usuario puede no tenerlas en su
equipo. Para los colores hay que hacer clic
en los botones que se muestran en la
imagen debajo de la flecha roja. La
Visualización previa permite observar lo
que se va cambiando.

24. Si se hace clic en un botón para cambiar un
color, aparece la paleta de colores para realizar
los cambios.

Especialización docente de nivel superior en educación y TIC. Ministerio de Educación de la Nación

25. Como los colores también se pueden definir por su código, se
puede hacer clic en el botón vertical Colours y se abrirá una
página web que muestra los colores básicos. Estos códigos se
pueden copiar y pegar en las cajas de texto correspondientes.

26. En la quinta pestaña, Contador, se
puede definir el tiempo límite que se le
otorga al usuario para terminar la tarea.
Para ello, seleccionar la casilla de
verificación que se encuentra a la
izquierda de Especifique un límite de
tiempo para este ejercicio. El tiempo se
puede definir en minutos y segundos.

27. En la sexta pestaña, Otro, se pueden
incorporar aspectos propios del tipo de
actividad, por ejemplo: Incluir lista de
palabras con el texto. Como en este
caso se trata de rellenar huecos, en Otro
se ve esta opción.

Tutoriales: Una actividad de prueba con Hot Potatoes

                     Las pestañas Personalizar y CGI son para opciones avanzadas que
                     ofrece el programa en cuanto al manejo de redes y de correos en la
                     web; como hay que saber del tema, esta parte se deja para
                     especialistas.

28. Una vez editadas todas las opciones,
exportar nuevamente el trabajo y la
actividad se verá con los nuevos
parámetros seleccionados.

29. Otra forma de exportar es creando un archivo zip
(archivo empaquetado). No solamente recupera todo lo
utilizado (por ejemplo, los archivos de imagen), sino que
también se puede insertar en plataformas virtuales como
un micrositio, es decir, como un pequeño sitio que
funciona dentro de otro. De este modo, las actividades se
pueden incluir en una clase virtual. Se abre una ventana
de diálogo para guardarlo, del mismo modo que con el
archivo htm.

30. Ahora en la carpeta de trabajo se verá un archivo nuevo
con extensión zip.

Especialización docente de nivel superior en educación y TIC. Ministerio de Educación de la Nación

31. Si se abre el archivo zip, se verá que
guarda el archivo htm y el archivo de
imagen jpg.

Autor: Equipo TIC del Instituto Nacional de Formación Docente
Una actividad con Hot Potatoes