SlideShare uma empresa Scribd logo
1 de 76
Introducción
O Hot Potatoes es un conjunto de herramientas
  que permiten elaborar ejercicios interactivos.
O No 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).
Herramientas disponibles
    en Hot Potatoes
O JCloze:
  O Ejercicios de completar huecos
O JMatch:
  O Ejercicios de asociación y de ordenación
    de listas
O JQuiz:
  O Ejercicios de preguntas abiertas, de
    respuestas múltiples e híbridas
O JCross:
  O Crucigramas
O JMix:
  O Ejercicios de ordenar frases
Pasos para la elaboración de
         ejercicios
 O Introducción de los datos
   O 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 Web
   O 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 HotPotatoes en nuestro equipo
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
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
  herramienta de
HotPotatoes paso a
       paso
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           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
JCloze:
                  completar huecos


O Aparece un texto con huecos que el usuario debe
  rellenar
O Tras completarlos, comprueba los resultados
  pulsando un botón
O Devuelve una evaluación en porcentajes
O Permite incluir el botón “pista” que pone una letra
  del hueco
O Reconoce sinónimos, mayúsculas, faltas
  ortográficas…
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
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
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
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.
Al seleccionar este tipo de ejercicio podremos ver que aparecen unas
Pregunta   casillas de selección nuevas. Se trata de elegir qué respuestas, de las
híbrida    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.
Este tipo de ejercicio es distinto a los demás en la forma en que se
Preguntas        dan indicaciones. El hecho de que haya que seleccionar varias
multiselección   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)
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 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
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.

Mais conteúdo relacionado

Destaque

2 bat.cap 05 (ec,soc,cult)
2 bat.cap 05 (ec,soc,cult)2 bat.cap 05 (ec,soc,cult)
2 bat.cap 05 (ec,soc,cult)Ifperandones44
 
Powercompletolazaro 101214154208-phpapp02
Powercompletolazaro 101214154208-phpapp02Powercompletolazaro 101214154208-phpapp02
Powercompletolazaro 101214154208-phpapp02nidree
 
C Maps%20 %20 Ayuda
C Maps%20 %20 AyudaC Maps%20 %20 Ayuda
C Maps%20 %20 Ayudagueste9c740
 
Plantilla integratec
Plantilla integratecPlantilla integratec
Plantilla integratectocina
 
Informe avances presupuesto chulucanas oct 2011 final
Informe avances presupuesto chulucanas oct 2011 finalInforme avances presupuesto chulucanas oct 2011 final
Informe avances presupuesto chulucanas oct 2011 finalChulucanas Noticias
 
¿Todos tenemos una marca personal? presentación 14 3-2013
¿Todos tenemos una marca personal? presentación 14 3-2013¿Todos tenemos una marca personal? presentación 14 3-2013
¿Todos tenemos una marca personal? presentación 14 3-2013Sonia Grotz
 
Colección Magia y Seducción
Colección Magia y SeducciónColección Magia y Seducción
Colección Magia y SeducciónNogales Franco
 
PresentacióN Karen GarduñO
PresentacióN Karen GarduñOPresentacióN Karen GarduñO
PresentacióN Karen GarduñOkg
 
57 Php. Funciones De Compresion
57 Php. Funciones De Compresion57 Php. Funciones De Compresion
57 Php. Funciones De CompresionJosé M. Padilla
 
PTI- Modelo DO IES Sotomayor
PTI- Modelo DO IES SotomayorPTI- Modelo DO IES Sotomayor
PTI- Modelo DO IES SotomayorFrancisco Jesús
 
01. Edicion Html. La Base Edicion Html. Etiquetas Meta 0001
01. Edicion Html. La Base Edicion Html. Etiquetas Meta   000101. Edicion Html. La Base Edicion Html. Etiquetas Meta   0001
01. Edicion Html. La Base Edicion Html. Etiquetas Meta 0001José M. Padilla
 
Catastrofe en tenerife 2010
Catastrofe en tenerife 2010Catastrofe en tenerife 2010
Catastrofe en tenerife 2010Raquel
 
El Agua Y La SequíA
El Agua Y La SequíAEl Agua Y La SequíA
El Agua Y La SequíAguestda7e10
 
Shanghai
ShanghaiShanghai
Shanghaishvax
 
C:\Documents And Settings\Comunicacion\Mis Documentos\PresentacióN1
C:\Documents And Settings\Comunicacion\Mis Documentos\PresentacióN1C:\Documents And Settings\Comunicacion\Mis Documentos\PresentacióN1
C:\Documents And Settings\Comunicacion\Mis Documentos\PresentacióN1dayiris
 
04 Dibujo Vectorial Con Draw. Rellenos Y Texturas
04 Dibujo Vectorial Con Draw. Rellenos Y Texturas04 Dibujo Vectorial Con Draw. Rellenos Y Texturas
04 Dibujo Vectorial Con Draw. Rellenos Y TexturasJosé M. Padilla
 

Destaque (20)

2 bat.cap 05 (ec,soc,cult)
2 bat.cap 05 (ec,soc,cult)2 bat.cap 05 (ec,soc,cult)
2 bat.cap 05 (ec,soc,cult)
 
Powercompletolazaro 101214154208-phpapp02
Powercompletolazaro 101214154208-phpapp02Powercompletolazaro 101214154208-phpapp02
Powercompletolazaro 101214154208-phpapp02
 
C Maps%20 %20 Ayuda
C Maps%20 %20 AyudaC Maps%20 %20 Ayuda
C Maps%20 %20 Ayuda
 
Plantilla integratec
Plantilla integratecPlantilla integratec
Plantilla integratec
 
Informe avances presupuesto chulucanas oct 2011 final
Informe avances presupuesto chulucanas oct 2011 finalInforme avances presupuesto chulucanas oct 2011 final
Informe avances presupuesto chulucanas oct 2011 final
 
¿Todos tenemos una marca personal? presentación 14 3-2013
¿Todos tenemos una marca personal? presentación 14 3-2013¿Todos tenemos una marca personal? presentación 14 3-2013
¿Todos tenemos una marca personal? presentación 14 3-2013
 
Colección Magia y Seducción
Colección Magia y SeducciónColección Magia y Seducción
Colección Magia y Seducción
 
PresentacióN Karen GarduñO
PresentacióN Karen GarduñOPresentacióN Karen GarduñO
PresentacióN Karen GarduñO
 
57 Php. Funciones De Compresion
57 Php. Funciones De Compresion57 Php. Funciones De Compresion
57 Php. Funciones De Compresion
 
PTI- Modelo DO IES Sotomayor
PTI- Modelo DO IES SotomayorPTI- Modelo DO IES Sotomayor
PTI- Modelo DO IES Sotomayor
 
71 Php. Sesiones I
71 Php. Sesiones I71 Php. Sesiones I
71 Php. Sesiones I
 
01. Edicion Html. La Base Edicion Html. Etiquetas Meta 0001
01. Edicion Html. La Base Edicion Html. Etiquetas Meta   000101. Edicion Html. La Base Edicion Html. Etiquetas Meta   0001
01. Edicion Html. La Base Edicion Html. Etiquetas Meta 0001
 
Catastrofe en tenerife 2010
Catastrofe en tenerife 2010Catastrofe en tenerife 2010
Catastrofe en tenerife 2010
 
El Agua Y La SequíA
El Agua Y La SequíAEl Agua Y La SequíA
El Agua Y La SequíA
 
Hijo Preferido V P
Hijo Preferido V PHijo Preferido V P
Hijo Preferido V P
 
Shanghai
ShanghaiShanghai
Shanghai
 
C:\Documents And Settings\Comunicacion\Mis Documentos\PresentacióN1
C:\Documents And Settings\Comunicacion\Mis Documentos\PresentacióN1C:\Documents And Settings\Comunicacion\Mis Documentos\PresentacióN1
C:\Documents And Settings\Comunicacion\Mis Documentos\PresentacióN1
 
04 Dibujo Vectorial Con Draw. Rellenos Y Texturas
04 Dibujo Vectorial Con Draw. Rellenos Y Texturas04 Dibujo Vectorial Con Draw. Rellenos Y Texturas
04 Dibujo Vectorial Con Draw. Rellenos Y Texturas
 
Acces
AccesAcces
Acces
 
Facebook
FacebookFacebook
Facebook
 

Semelhante a TUTORIAL Hot potatoes (20)

Tutorial de Hot potatoes 6.3
Tutorial de Hot potatoes 6.3Tutorial de Hot potatoes 6.3
Tutorial de Hot potatoes 6.3
 
Tutorial hot potatoes v.6
Tutorial hot potatoes v.6Tutorial hot potatoes v.6
Tutorial hot potatoes v.6
 
Hotpotatoes
HotpotatoesHotpotatoes
Hotpotatoes
 
Tutorial de HotPotatoes
Tutorial de HotPotatoesTutorial de HotPotatoes
Tutorial de HotPotatoes
 
Ejercicios en linea hot potatoes
Ejercicios en linea hot potatoesEjercicios en linea hot potatoes
Ejercicios en linea hot potatoes
 
Hot+potatoes
Hot+potatoesHot+potatoes
Hot+potatoes
 
Hot potatoes
Hot potatoesHot potatoes
Hot potatoes
 
Presentacion hotpatates
Presentacion hotpatatesPresentacion hotpatates
Presentacion hotpatates
 
Presentacion Hotpatates.ppt
Presentacion Hotpatates.pptPresentacion Hotpatates.ppt
Presentacion Hotpatates.ppt
 
Presentacion hotpatates
Presentacion hotpatatesPresentacion hotpatates
Presentacion hotpatates
 
Presentacion hotpatates
Presentacion hotpatatesPresentacion hotpatates
Presentacion hotpatates
 
HOTPOTATOES
HOTPOTATOESHOTPOTATOES
HOTPOTATOES
 
Jquiz
JquizJquiz
Jquiz
 
Programa2 eclipse
Programa2 eclipsePrograma2 eclipse
Programa2 eclipse
 
Programa2
Programa2 Programa2
Programa2
 
Programa 2
Programa 2Programa 2
Programa 2
 
Power tic hot potatoes
Power tic hot potatoesPower tic hot potatoes
Power tic hot potatoes
 
Guiahotpotatoesv6
Guiahotpotatoesv6Guiahotpotatoesv6
Guiahotpotatoesv6
 
Utilisation de Hot Potatoes.
Utilisation de Hot Potatoes.Utilisation de Hot Potatoes.
Utilisation de Hot Potatoes.
 
Ejercicios sobre Google drive (2017)
Ejercicios sobre Google drive (2017)Ejercicios sobre Google drive (2017)
Ejercicios sobre Google drive (2017)
 

Mais de uts

TUTORIAL EDILIM
TUTORIAL EDILIMTUTORIAL EDILIM
TUTORIAL EDILIMuts
 
Servidor De Prueba (Wamp Y Php)Presentacion
Servidor De Prueba (Wamp Y Php)PresentacionServidor De Prueba (Wamp Y Php)Presentacion
Servidor De Prueba (Wamp Y Php)Presentacionuts
 
Introduccion A Php
Introduccion A PhpIntroduccion A Php
Introduccion A Phputs
 
LENGUAJE PHP
LENGUAJE PHPLENGUAJE PHP
LENGUAJE PHPuts
 
Introduccion A Php
Introduccion A PhpIntroduccion A Php
Introduccion A Phputs
 
Introduccion A Php
Introduccion A PhpIntroduccion A Php
Introduccion A Phputs
 
Etiquetas
EtiquetasEtiquetas
Etiquetasuts
 
Etiquetas
EtiquetasEtiquetas
Etiquetasuts
 
ETIQUETAS DREAMWEAVER
ETIQUETAS DREAMWEAVERETIQUETAS DREAMWEAVER
ETIQUETAS DREAMWEAVERuts
 
Tutorial Fireworks
Tutorial FireworksTutorial Fireworks
Tutorial Fireworksuts
 
Tutorial Fireworks
Tutorial FireworksTutorial Fireworks
Tutorial Fireworksuts
 
Categorias De Cableado Estructurado
Categorias De Cableado EstructuradoCategorias De Cableado Estructurado
Categorias De Cableado Estructuradouts
 
Categorias De Cableado Estructurado
Categorias De Cableado EstructuradoCategorias De Cableado Estructurado
Categorias De Cableado Estructuradouts
 

Mais de uts (13)

TUTORIAL EDILIM
TUTORIAL EDILIMTUTORIAL EDILIM
TUTORIAL EDILIM
 
Servidor De Prueba (Wamp Y Php)Presentacion
Servidor De Prueba (Wamp Y Php)PresentacionServidor De Prueba (Wamp Y Php)Presentacion
Servidor De Prueba (Wamp Y Php)Presentacion
 
Introduccion A Php
Introduccion A PhpIntroduccion A Php
Introduccion A Php
 
LENGUAJE PHP
LENGUAJE PHPLENGUAJE PHP
LENGUAJE PHP
 
Introduccion A Php
Introduccion A PhpIntroduccion A Php
Introduccion A Php
 
Introduccion A Php
Introduccion A PhpIntroduccion A Php
Introduccion A Php
 
Etiquetas
EtiquetasEtiquetas
Etiquetas
 
Etiquetas
EtiquetasEtiquetas
Etiquetas
 
ETIQUETAS DREAMWEAVER
ETIQUETAS DREAMWEAVERETIQUETAS DREAMWEAVER
ETIQUETAS DREAMWEAVER
 
Tutorial Fireworks
Tutorial FireworksTutorial Fireworks
Tutorial Fireworks
 
Tutorial Fireworks
Tutorial FireworksTutorial Fireworks
Tutorial Fireworks
 
Categorias De Cableado Estructurado
Categorias De Cableado EstructuradoCategorias De Cableado Estructurado
Categorias De Cableado Estructurado
 
Categorias De Cableado Estructurado
Categorias De Cableado EstructuradoCategorias De Cableado Estructurado
Categorias De Cableado Estructurado
 

TUTORIAL Hot potatoes

  • 1.
  • 2. Introducción O Hot Potatoes es un conjunto de herramientas que permiten elaborar ejercicios interactivos. O No 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).
  • 3. Herramientas disponibles en Hot Potatoes O JCloze: O Ejercicios de completar huecos O JMatch: O Ejercicios de asociación y de ordenación de listas O JQuiz: O Ejercicios de preguntas abiertas, de respuestas múltiples e híbridas O JCross: O Crucigramas O JMix: O Ejercicios de ordenar frases
  • 4. Pasos para la elaboración de ejercicios O Introducción de los datos O 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 Web O Compilación de todos los ejercicios en una sola página Web
  • 5. Haciendo doble clic sobre el archivo de instalación se iniciará el asistente que nos ayudará a instalar HotPotatoes en nuestro equipo
  • 6. 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
  • 7. 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.
  • 8. Pinchamos en la carpeta translations Y allí encontraremos el archivo espanol6.cfg, pulsamos abrir y aplicamos en la ventana anterior
  • 9. Cómo utilizar cada herramienta de HotPotatoes paso a paso
  • 10. 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 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
  • 11. JCloze: completar huecos O Aparece un texto con huecos que el usuario debe rellenar O Tras completarlos, comprueba los resultados pulsando un botón O Devuelve una evaluación en porcentajes O Permite incluir el botón “pista” que pone una letra del hueco O Reconoce sinónimos, mayúsculas, faltas ortográficas…
  • 12. Esta es la pantalla principal de JCloze que nos permitirá elaborar e introducir los principales datos de la actividad
  • 13. 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
  • 14. Pestaña de configuración de Títulos e Instrucciones
  • 15. Pestaña de configuración de Avisos e Indicaciones
  • 16. Pestaña de configuración de los botones disponibles en el ejercicio
  • 17. Pestaña de configuración del Aspecto de la actividad
  • 18. Pestaña de configuración del Contador de Tiempo
  • 19. 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
  • 21.
  • 24. 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
  • 25. 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."
  • 26. 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
  • 27.
  • 28. 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
  • 29. La siguiente ilustración muestra la interfaz del ejercicio. Hemos marcado los espacios donde el profesor debe escribir datos.
  • 30. 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.
  • 31. Al seleccionar este tipo de ejercicio podremos ver que aparecen unas Pregunta casillas de selección nuevas. Se trata de elegir qué respuestas, de las híbrida 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.
  • 32. Este tipo de ejercicio es distinto a los demás en la forma en que se Preguntas dan indicaciones. El hecho de que haya que seleccionar varias multiselección 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.
  • 33. 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ú.
  • 34. Seguidamente podremos ver una ventana para introducir el texto con algunas opciones.
  • 35. 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.
  • 36. 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".
  • 37. 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)
  • 38. Pestaña de configuración de Títulos e Instrucciones
  • 39. Pestaña de configuración de Avisos e Indicaciones
  • 40. Pestaña de configuración de los botones disponibles en el ejercicio
  • 41. Pestaña de configuración del Aspecto de la actividad
  • 42. Pestaña de configuración del Contador de Tiempo
  • 43. Configuración de diferentes parámetros y opciones
  • 44. Exportación a htm o html (web)
  • 45.
  • 47. 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.
  • 48.
  • 49. 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
  • 50. 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.
  • 51. O bien podemos podemos hacer que todas las pistas aparezcan y sean visibles al cargar la página debajo crucigrama.
  • 52. Estas opciones las elegimos en el menú opciones/configurar el formato del archivo originado/otro como podemos ver en la siguiente imagen
  • 53.
  • 54. JMix: ordenar frases Ejercicios de ordenar palabras de una frase, o letras de una palabra
  • 56.
  • 57.
  • 58. 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”
  • 59. 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.
  • 60. 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
  • 61. 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í.
  • 62. Otra ventana de configuración que podemos utilizar es la de "botones":
  • 63. Dentro del apartado de configuración también podemos encontrar otra pestaña llamada "índice":
  • 64. 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".
  • 65. 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.
  • 66. 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.
  • 67. 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.
  • 68.
  • 69. Vínculo a una dirección de Internet Vínculo a un archivo local
  • 70. Imagen desde Internet Imagen de un archivo local
  • 71. 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.
  • 72. y así es cómo quedaría el ejercicio una vez exportado.
  • 73. Inserción de audio (mp3) y de video (mpg)
  • 75. 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.
  • 76. 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.