Hotpotatoes

3,150 views

Published on

Presntacion rapida manejo Hotpotatoes

Published in: Education
1 Comment
1 Like
Statistics
Notes
No Downloads
Views
Total views
3,150
On SlideShare
0
From Embeds
0
Number of Embeds
855
Actions
Shares
0
Downloads
101
Comments
1
Likes
1
Embeds 0
No embeds

No notes for slide

Hotpotatoes

  1. 2. Introducción <ul><li>Hot Potatoes es un conjunto de herramientas que permiten elaborar ejercicios interactivos. </li></ul><ul><li>No es necesario conocer ni HTML, ni JavaScript, sólo introducir los datos. </li></ul><ul><li>Es una aplicación de libre distribución para uso educativo ( freeware ). </li></ul>
  2. 3. Herramientas disponibles en Hot Potatoes <ul><li>JCloze : </li></ul><ul><ul><li>Ejercicios de completar huecos </li></ul></ul><ul><li>JMatch : </li></ul><ul><ul><li>Ejercicios de asociación y de ordenación de listas </li></ul></ul><ul><li>JQuiz : </li></ul><ul><ul><li>Ejercicios de preguntas abiertas, de respuestas múltiples e híbridas </li></ul></ul><ul><li>JCross : </li></ul><ul><ul><li>Crucigramas </li></ul></ul><ul><li>JMix : </li></ul><ul><ul><li>Ejercicios de ordenar frases </li></ul></ul>
  3. 4. Pasos para la elaboración de ejercicios <ul><li>Introducción de los datos </li></ul><ul><ul><li>Preguntas, respuestas, ayudas, pistas… </li></ul></ul><ul><li>Configuración del aspecto final </li></ul><ul><ul><li>Nombres de botones, instrucciones, características de la Web… </li></ul></ul><ul><li>Elaboración de la página Web </li></ul><ul><ul><li>Compilación de todos los ejercicios en una sola página Web </li></ul></ul>
  4. 5. Haciendo doble clic sobre el archivo de instalación se iniciará el asistente que nos ayudará a instalar HotPotatoes en nuestro equipo
  5. 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
  6. 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.
  7. 8. Pinchamos en la carpeta translations Y allí encontraremos el archivo espanol6.cfg , pulsamos abrir y aplicamos en la ventana anterior
  8. 9. Cómo utilizar cada herramienta de HotPotatoes paso a paso
  9. 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 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
  10. 11. JCloze: completar huecos <ul><li>Aparece un texto con huecos que el usuario debe rellenar </li></ul><ul><li>Tras completarlos, comprueba los resultados pulsando un botón </li></ul><ul><li>Devuelve una evaluación en porcentajes </li></ul><ul><li>Permite incluir el botón “pista” que pone una letra del hueco </li></ul><ul><li>Reconoce sinónimos, mayúsculas, faltas ortográficas… </li></ul>
  11. 12. Esta es la pantalla principal de JCloze que nos permitirá elaborar e introducir los principales datos de la actividad
  12. 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)  &quot;Crear texto de lectura.&quot; En tal caso nos aparecerá la esta pantalla en la que hemos de insertarlo
  13. 14. Pestaña de configuración de Títulos e Instrucciones
  14. 15. Pestaña de configuración de Avisos e Indicaciones
  15. 16. Pestaña de configuración de los botones disponibles en el ejercicio
  16. 17. Pestaña de configuración del Aspecto de la actividad
  17. 18. Pestaña de configuración del Contador de Tiempo
  18. 19. Configuración de diferentes parámetros y opciones Las pestañas &quot;Personalizar&quot; y &quot;CGI&quot; tienen que ver con el uso y manejo de código HTML y Javascript y lo veremos al final
  19. 20. Exportación a HTML
  20. 21. JMatch <ul><li>emparejamientos </li></ul><ul><li>asociaciones </li></ul><ul><li>ordenaciones de listas </li></ul>
  21. 22. Ventana principal de JMatch
  22. 23. 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
  23. 24. 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 &quot;Organizar elementos.&quot;
  24. 25. 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
  25. 26. <ul><li>Respuesta múltiple: </li></ul><ul><ul><li>Elegir la respuesta correcta pulsando un botón </li></ul></ul><ul><li>Respuesta corta: </li></ul><ul><ul><li>Escribir la respuesta en una casilla </li></ul></ul><ul><li>Híbrida: </li></ul><ul><ul><li>Comienza con casillas y, si falla varias veces, cambia a botones. </li></ul></ul><ul><li>Multiselección: </li></ul><ul><ul><li>Seleccionar varias respuestas correctas </li></ul></ul>JQuiz preguntas abiertas
  26. 27. La siguiente ilustración muestra la interfaz del ejercicio. Hemos marcado los espacios donde el profesor debe escribir datos.
  27. 28. 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.
  28. 29. 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.
  29. 30. 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.
  30. 31. 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ú.
  31. 32. Seguidamente podremos ver una ventana para introducir el texto con algunas opciones.
  32. 33. 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.
  33. 34. 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 &quot;Modalidad Avanzada&quot;.
  34. 35. 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)
  35. 36. Pestaña de configuración de Títulos e Instrucciones
  36. 37. Pestaña de configuración de Avisos e Indicaciones
  37. 38. Pestaña de configuración de los botones disponibles en el ejercicio
  38. 39. Pestaña de configuración del Aspecto de la actividad
  39. 40. Pestaña de configuración del Contador de Tiempo
  40. 41. Configuración de diferentes parámetros y opciones
  41. 42. Exportación a htm o html (web)
  42. 43. JCross: crucigramas
  43. 44. 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.
  44. 46. 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 &quot;añadir pistas&quot; para introducir las pistas o definiciones de las palabras. Esta es la pantalla en la que hemos de introducir esa información
  45. 47. 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.
  46. 48. O bien podemos podemos hacer que todas las pistas aparezcan y sean visibles al cargar la página debajo crucigrama.
  47. 49. Estas opciones las elegimos en el menú opciones/configurar el formato del archivo originado/otro como podemos ver en la siguiente imagen
  48. 50. JMix: ordenar frases Ejercicios de ordenar palabras de una frase, o letras de una palabra
  49. 51. Pantalla principal de JMix
  50. 53. 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”
  51. 54. El primer paso para crear una unidad de &quot;Masher&quot; es determinar qué archivos incluiremos en ella. Los archivos deben ser del tipo de los generados con las otras &quot;patatas&quot; del programa. No los archivos finales &quot;html&quot; sino los propios de cada aplicación con su extensión propia, como, por ejemplo, &quot;jqz&quot; para JQuiz.
  52. 55. 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
  53. 56. La siguiente pestaña que podemos elegir es de &quot;Aspecto&quot; . Su contenido es el mismo que en otras aplicaciones o &quot;patatas&quot; de &quot;HOT POTATOES&quot;. La única diferencia es la que se muestra aquí.
  54. 57. Otra ventana de configuración que podemos utilizar es la de &quot;botones&quot;:
  55. 58. Dentro del apartado de configuración también podemos encontrar otra pestaña llamada &quot;índice&quot;:
  56. 59. 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 &quot;Cadenas de usuario&quot;. Este tipo de configuración existe en otras aplicaciones del programa bajo el título de &quot;Personalizar&quot;.
  57. 60. Finalmente nos queda hablar sobre la pestaña &quot;Fuente&quot;. Otra característica avanzada que no debemos cambiar si no estamos seguros de lo que hacemos.
  58. 61. Exportación a HTML Primero guardaremos todo el trabajo creando así un archivo con la extensión &quot;jms&quot; . Después abriremos la opción &quot;Acciones&quot; del menú del programa y podremos ver este menú desplegable.
  59. 62. Con la herramienta Batch podemos crear unidades más grandes a las que llamaremos &quot;Temas&quot;. La idea es realizar el mismo proceso que con los ejercicios pero esta vez con archivos &quot;.jms&quot;, es decir con archivos de unidades creadas por Masher. De esta manera, los temas estarán compuestos por diversas unidades creadas con anterioridad.
  60. 64. Vínculo a una dirección de Internet Vínculo a un archivo local
  61. 65. Imagen desde Internet Imagen de un archivo local
  62. 66. 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.
  63. 67. y así es cómo quedaría el ejercicio una vez exportado.
  64. 68. Inserción de audio (mp3) y de video (mpg)
  65. 69. Insertar una tabla
  66. 70. 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.
  67. 71. Personalizar Llegamos a esta sección a través del menú Configurar el formato del archivo originado/Personalizar: La pestaña &quot;Personalizar&quot; 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 &quot;fuente&quot; del programa.
  68. 72. Códigos hexadecimales de los colores básicos utilizados en la web
  69. 73. Fin

×