Actividades con Hot Potatoespostitulo.secundaria.infd.edu.ar/archivos/repositorio/...Tutoriales:...

Actividades con Hot Potatoes

En este paso a paso se va a crear una actividad por cada una de las herramientas que ofrece el producto. En primer lugar se repite la que se ofreció como prueba cuando se solicitó instalar el programa. Todas las actividades que aquí se proponen no tiene un valor pedagógico, solamente pretenden mostrar la operatividad del producto.

Antes de comenzar, es importante definir una carpeta de trabajo. Como se van a utilizar varias imágenes conviene tenerlas todas en la misma carpeta. Es necesario entonces descomprimir allí el archivo Materialesflor.zip.

JCloze

Esta herramienta permite rellenar huecos ya sea para crear oraciones predefinidas o bien escribir las partes de un esquema.

La actividad que se propone crear es sobre las partes de la flor. A continuación se muestra el modelo. Es así como se verá en el navegador.

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

2

Para realizar la actividad, ejecutar Hot Potatoes y seleccionar la herramienta JCloze.

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:

Las partes de la Flor

A. Androceo

B. Corola

C. Gineceo

D. Receptáculo

E. Cáliz

F. Pedúnculo

Tutoriales: Actividades con Hot Potatoes

3

Es muy importante la selección exacta de la palabra que va a tener que escribir el usuario. Luego se hace clic en el botón Hueco.

Cuidado: se tiene que seleccionar exactamente la palabra (sin la numeración), conviene dar sobre la misma “un doble clic” con el puntero del mouse y no pintarla para no pasarse sin querer.

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 se va a 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


4

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. En este caso, como se van a hacer varias actividades, se propone como nombre: Laflor1.

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).

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 numeración (A) de la primera palabra.


5

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

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

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.

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.


6

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.

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

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.

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.


7

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.

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.

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


8

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.

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.


9

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.

Cuidado: hay una opción que enuncia “Texto para el botón Correcto”. En este caso “correcto” significa que se acepta lo expuesto, funciona como un “Aceptar” o un “OK”. Estos botones aparecen en ventanas que dan avisos, no tienen nada que ver con la corrección de los ejercicios.

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.

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


10

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.

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.

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. Esta parte varía en cada herramienta.


11

La séptima pestaña, Personalizar permite agregar otras cadenas de texto dentro del archivo fuente que luego se verán en el HTM. Hay dos llamadas que luego deben colocarse en el ejercicio: [strUserDefined1] y [srtUserDefined2]. En la caja de texto se debe colocar el texto deseado.

También se pueden colocar datos dentro de “Código para insertar en la etiqueta <head>”, por ejemplo, el nombre del autor.

Los datos puestos en los códigos [strUserDefined1] y [strUserDefined2] se colocan en algún lugar del cuerpo del ejercicio. No se coloca el texto, se coloca el código de referencia como se ve en la imagen (no hay que olvidad los corchetes).

En el ejercicio ya concluido (el HTM) se verá el texto en el lugar que se colocó el código.

En la parte superior saldrá el texto que se colocó en “Código para insertar en la etiqueta <head>”.

Atención: no es obligatorio hacer esta parte.

La solapa CGI permite enviar los resultados de los ejercicios por correo electrónico pero solamente puede ser utilizada por aquellos que tienen le licencia comercial (la parte paga del producto). Por lo tanto hay que dejar todo en blanco.


12

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

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.

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

Si se abre el archivo ZIP, se verá que guarda el archivo HTM y el archivo de imagen JPG.


13

JMatch

Esta herramienta permite crear actividades para relacionar palabras entre sí o palabras con imágenes. El usuario puede seleccionar en una lista de palabras la relación correcta o bien arrastrar una imagen hacia la definición correspondiente. Para poder lograr una u otra es necesario exportar el trabajo de dos formas diferentes.

Con imágenes

La actividad propuesta consiste en arrastrar diferentes imágenes hacia la palabra que las define. A continuación se muestra cómo debe verse con el navegador una vez terminada.

Para realizar la actividad, ejecutar Hot Potatoes y seleccionar la herramienta JMatch.

En la columna de la izquierda se deben colocar las definiciones y en la columna de la derecha las imágenes que van a relacionarse (con el menú Insertar > Imagen > Imagen desde un archivo local). Es importante tener en cuenta que las mismas no se verán en el modo de edición, sino que se verá el código HTML. Cuidado con las casillas de la columna Fijar, si se activan se fijarán las relaciones dadas, entonces al usuario no le queda nada por hacer, por lo general se fija


14

solamente una como ejemplo. No hay que olvidar colocar un título. Para agregar más de cinco definiciones se deben accionar las flechas que se encuentran al lado de los números (arriba a la derecha).

MUY IMPORTANTE: Cuando se inserta una imagen aparece una ventana para cambiar varios parámetros, entre ellos el título. El texto que se coloca en el Título (por defecto) es el mismo que el nombre del archivo. En este caso se debe borrar ese texto porque si no al pasar el puntero del mouse sobre la imagen en el HTM, se verá el nombre (y dará la respuesta). Conviene también colocar otro nombre a los archivos de imagen, no lo hicimos en esta tarea para ayudarlos a ubicar cada una, pero hay que tenerlo en cuenta para futuras actividades.

En este cuadro se muestran las relaciones para guiarse en el ejercicio.

Androceo

Gineceo

Cáliz

Pedúnculo

Corola

Receptáculo

Es importante recordar que mediante el menú Opciones > Configurar el formato del archivo originado se pueden cambiar los parámetros de la actividad, entre ellos el aspecto.


15

Para guardar la actividad es necesario ir al menú Archivo > Guardar como… En este caso la actividad se puede llamar Laflor2.

En la carpeta de trabajo va a aparecer un nuevo archivo con extensión JMT que solamente podrá volver a abrirse con el programa.

Para ver el resultado en una página web, es necesario crearla. Ir al menú Archivo > Crear página web > Página Web de tipo Arrastrar/Soltar para navegadores V6. Como se ve en el menú hay tres formas distintas de definir el archivo web. En este caso se selecciona el tipo Arrastrar/Soltar para que el usuario pueda arrastrar las imágenes a su definición.


16

En el navegador se verá de la siguiente forma. El usuario simplemente tiene que arrastrar las imágenes de la derecha hacia las palabras de la izquierda.

Sin imágenes

Otro modo de trabajar con JMatch es sin la utilización de imágenes. Se pueden crear columnas con palabras. Esto permite variar el modo de operación en la página web resultante. Entonces en vez de imágenes se pueden colocar definiciones, aunque tienen que ser breves. En la caja de textos Por defecto, se puede ingresar el mensaje que saldrá al principio de la lista de selección.

Aquí se presentan las definiciones del ejemplo:

Androceo Estructura reproductora masculina

Corola Estructura compuesta por pétalos

Gineceo Estructura reproductora femenina

Receptáculo Estructura en la que se insertan las partes de la flor

Cáliz Estructura formada por sépalos

Pedúnculo Parte que une a la flor con la planta


17

Para crear la página web se debe utilizar el menú Archivo > Crear página web > Página web para navegadores V6, es la primera opción del menú.

Con esta forma el usuario podrá seleccionar la respuesta correcta desplegando una lista que se encuentra al lado de cada palabra.

JQuiz

Con esta herramienta se pueden generar preguntas con diferentes dinámicas (respuestas múltiples, respuestas cortas, híbrida, multisección). La intención de esta actividad es crear una serie de tres preguntas del tipo “respuestas múltiples”.


18

Para generar las preguntas se debe utilizar la herramienta JQuiz del programa. Simplemente se da clic sobre el botón.

Dentro de la pantalla se debe colocar la pregunta (1). En la columna de la izquierda la respuesta correcta y las respuestas distractoras (2). Para extender la lista de respuestas es necesario accionar las flechas que se encuentran en el borde izquierdo (3). En la columna Indicaciones se pueden agregar los textos que aparecerán al seleccionar la respuestas (4). Es importante seleccionar en la columna Configuración la respuesta correcta como así también las ponderaciones en porcentajes (5). Para agregar otra pregunta se debe accionar la flecha superior que se encuentra en el punto P (6).



19

Para guardar el archivo se debe accionar el menú Archivo > Guardar como… En este caso se puede colocar el nombre Laflor3, dentro de la carpeta de trabajo se verá un archivo con la extensión JQZ. Para crea el archivo web es necesario accionar el menú Archivo > Crear página web > Página web para navegadores V6, entonces aparecerá en la carpeta el archivo Laflor3.htm. Es importante recordar que son dos operaciones diferentes: Guardar y Crear página web.

Al ejecutar el archivo Laflor3.htm se verá el ejercicio que deberá resolver el usuario. Para pasar a la siguiente pregunta se debe seleccionar la flecha que se encuentra al lado del indicador de cantidad de preguntas (1/3). Otra opción es accionar el botón Mostrar todas las preguntas que desplegará todas las existentes en una sola ventana.

JCross

Esta herramienta permite crear crucigramas. Las palabras pueden cruzarse a mano o en forma automática mediante un menú especial que ofrece el mismo programa. La intención es crear un crucigrama sencillo con los mismos conceptos que se vienen trabajando.


20

Para poder realizar un crucigrama es necesario entrar a la herramienta JCross, desde el menú principal simplemente se acciona el icono correspondiente.

Las palabras pueden cruzarse tipeándolas directamente en la cuadrícula letra por letra. Es importante colocar el título. Para agregar las pistas de las palabras es necesario accionar el botón Añadir pistas.

Si no se desea tipear las palabras el programa puede hacer el cruce por sí mismo. Para hacerlo se debe utilizar el menú Organizar cuadrícula > Crear automáticamente. En la nueva ventana que aparece se deben escribir las palabras que se desean cruzar en la columna de la izquierda, completar la cantidad de cuadros que debe tener la cuadrícula y finalmente accionar el botón Crear la cuadrícula para finalizar.


21

En el menú de pistas se muestran todas las palabras cruzadas, las horizontales y verticales. Para añadir una pista o definición se debe seleccionar la palabra y escribir el texto correspondiente en el cuadro de texto que se encuentra justo debajo. Para que sea asignada se debe accionar el botón OK. Una vez añadidas todas las pistas se termina la operación con el botón OK que se encuentra en el borde inferior.

Palabras y pistas

ANDROCEO Estructura reproductora masculina que consta de un conjunto de los estambres.

CALIZ Estructura que se compone de sépalos, generalmente verde y de consistencia herbácea.

COROLA Estructura compuesta de pétalos generalmente con colores llamativos. GINECEO Estructura reproductora femenina conocida también como pistilo. PEDUNCULO Tallo por el que la flor se une a la planta. RECEPTACULO Extremo dilatado del pedicelo floral en el que se insertan las diversas partes florales.


ATENCIÓN: en la pestaña CGI hay que destildar la orden "Enviar resultados a través de CGI a una dirección email", sino al ejecutar el crucigrama se pedirá un nombre de usuario. Solamente en la herramienta JCross esta opción viene tildada por defecto.

Para guardar el archivo se debe utilizar el menú Archivo >Guardar como… Para seguir el orden de archivos que se vienen editando conviene colocar como nombre Laflor4. En la carpeta de trabajo se verá un nuevo archivo con extensión JCW. Para poder ver el ejercicio es necesario crear la página web mediante el menú Archivo > Crear página web > Página web para navegadores V6. De este modo aparecerá en la carpeta el archivo HTM.


22

Cuando se ejecuta el archivo HTM aparece el crucigrama. Para completarlo es necesario dar clic en el número que indica el inicio de la palabra. Inmediatamente aparece la definición y un cuadro de texto. Dentro de este último se debe escribir la palabra y accionar el botón Insertar. Hay un botón que se llama Pista, esto puede confundir, no proporciona otro texto, si se acciona va agregando letras en el cuadro de texto a modo de ayuda.

El botón Verificar permite ver el proceso de aciertos y errores, también otorga un porcentaje en el total de aciertos.

JMix

Permite crear frases para ser ordenadas. El usuario puede arrastrar o bien seleccionar el orden correcto desde un espacio en el cuál la frase propuesta se presenta en forma desordenada. El botón Verificar permite comprobar si se ha ordenado correctamente, el botón Pista da una respuesta parcial de acuerdo a lo que se va haciendo, con Reiniciar se puede recomenzar la tarea.


23

Para poder realizar este tipo de ejercicio es necesario seleccionar la herramienta JMix desde el panel central de Hot Potatoes. Con sólo dar clic sobre el botón se puede comenzar.

Dentro del espacio de trabajo, en la columna izquierda se debe ingresar la frase que se desea ordenar, es necesario separarla en renglones, cada uno formará una partícula independiente. En la columna de la derecha se pueden colocar varias frases alternativas, lo que permite dar todas las variantes posibles cuando se refiere a conceptos complejos. Es importante tener en cuenta que esta herramienta fue pensada más para ordenar palabras o bien números.

La frase de ejemplo es: La flor es la estructura reproductiva característica de las plantas llamadas espermatofitas o fanerógamas. La función de una flor es producir semillas a través de la reproducción sexual.


Para guardar el trabajo se debe seleccionar el menú Archivo > Guardar como… Para seguir el orden del trabajo que se está realizando se puede colocar como nombre de archivo Laflor5. En la carpeta de trabajo aparecerá un archivo con extensión JMX.

Existen dos formas diferentes de crear el archivo HTM. Una es Archivo > Crear página web > Página web para navegadores V6 y la otra es seleccionar (en la última instancia) Página web de tipo Arrastrar / Soltar para navegadores V6. Con la primera el usuario debe seleccionar cada parte de la frase en orden, con la segunda se forman tarjetas que el usuario puede arrastrar hasta una línea específica e ir ordenando la frase.

Estas son las diferencias:


24

Página web para navegadores V6 Página web de tipo Arrastrar / Soltar para

navegadores V6

El usuario debe dar clic sobre la partícula y en forma automática la partícula se ordena en el espacio que se encuentra en el centro.

El usuario debe arrastrar la partícula hasta las líneas que se encuentran en el centro.

En la carpeta de trabajo aparecerán los archivos correspondientes, tanto el que se guarda con formato específico del programa (JMX) como la página web creada (HTM).

Autor: Silvia Susana Peralta

Cómo citar este texto:

Peralta, Silvia Susana (2013). Actividades con HotPotatoes. Módulo temático 1. Miniaplicaciones, actividades y ejercicios. Especialización docente de nivel superior en educación y TIC. Ministerio de Educación de la Nación.

Actividades con Hot Potatoespostitulo.secundaria.infd.edu.ar/archivos/repositorio/...Tutoriales:...

Documents

Transcript of Actividades con Hot Potatoespostitulo.secundaria.infd.edu.ar/archivos/repositorio/...Tutoriales:...