HOT POTATOES

1. HOT POTATOES CURSO HERRAMIENTAS TIC´S PARA LA CREACIÓN DE MATERIALES EDUCATIVOS INFORMÁTICOS CEP LUISA REVUELTA (CÓRDOBA) Marzo-2007

2. Requisitos para trabajar con Hot Potatoes: • Sistema operativo: Windows, Linux…. • Tarjeta Multimedia. Altavoces. • Navegador y correo electrónico (Explorer, Mozilla…) y Java. • Programa FTP (Filezilla) • Registro en la Web Oficial. • Servidor Web en el que alojar los ejercicios generados. • El plug-in o complemento de Flash para los navegadores, para un correcto visionado de las animaciones. Recomendables: • Un programa editor de textos. • Programa de tratamiento de imágenes.

3. CONTENIDOS: • 1. ¿Qué es Hot Potatoes?: Características básicas. • 2. Instalación y configuración. Registro. • 3. Interfaz, menú, barra de herramientas, iconos. • 4. Tipos de ejercicios: • a. JQuiz • b. JCloze • c. JCross • d. JMatch • e. JMix • 5. Insertar lecturas. • 6. Insertar elementos multimedia: imágenes, vínculos, sonidos, vídeos y tablas. • 7. Creación de Unidades Didácticas: Enlazar ejercicios. • 8. Publicación en Web. • 9. Enlaces de Interés y direcciones útiles.

4. ¿Qué es Hot Potatoes?: Características básicas Hot Potatoes es un conjunto de herramientas de autor desarrollado por el Centro de Humanidades de la Universidad de Victoria o UVIC en Canadá, que permite elaborar varios tipos de ejercicios interactivos multimedia. Estos ejercicios se elaboran con varias herramientas o esquemas predeterminados denominados “patatas”. Son ejercicios que se podrán publicar en un servidor Web y difundir a través de Internet, siendo soportados por todos los navegadores modernos. La interactividad de los ejercicios se consigue mediante JavaScript. Para crear ejercicios sólo se necesita, después de instalar el programa, introducir los datos que se desee (preguntas, respuestas, ordenar, etc.) en los esquemas predeterminados o “patatas” y guardarlos.

5. En un primer momento, el programa guarda cada ejercicio con la extensión propia de la “patata” que se haya utilizado para elaborar el ejercicio y que es diferente para cada “patata”. El formato sólo sirve para guardar los ejercicios creados y abrirlos en otro momento para una posterior modificación. Para subirlo a la Web es necesario guardarlo también en formato .html. Esto lo hace el mismo programa. Se nos quedará, pues, en nuestra carpeta el mismo ejercicio con dos extensiones diferentes: la de la “patata” utilizada y la htm, que es la que se utiliza en Internet. Las “patatas” de Hot Potatoes generan diferentes tipos de ejercicios elaborados en lenguaje o código informático html. El código html es la materia prima, aunque no se necesita dominar este lenguaje informático, ya que las “patatas” lo van generando automáticamente. Hot Potatoes automatiza estas tareas y lo único que tenemos que hacer es elegir el modelo de ejercicio e introducir los datos -- textos, preguntas, respuestas etc. --, encargándose el programa de generar las páginas Web. Así, cualquier usuario con conocimientos mínimos (o cero) sobre HTML podría, en teoría, crear una gran cantidad de páginas webs con ejercicios y test.

6. Las características principales que nos ofrece Hot Potatoes son: • Simplicidad: Crear o modificar ejercicios con Hot Potatoes es muy fácil e intuitivo, y está al alcance de todos. • Aplicabilidad: Sirve para cualquier materia y nivel educativo. • Universalidad: Es un programa utilizado en todo el mundo. Ofrece la posibilidad de traducir automáticamente la interfaz a varias lenguas. Los ejercicios generados son páginas html y se pueden difundir por Internet fácilmente. Su coste es de momento gratuito para quienes vayan a utilizarlo con fines educativos. • Registro: Aunque el programa es gratuito para fines educativos, es necesario registrarse en la página Oficial de Hot Potatoes, rellenando un cuestionario a partir del cual nos enviarán por é-mail un nombre de usuario y una contraseña. Con todo ello tendremos FUNCIONALIDAD COMPLETA.

7. 2. Instalación y configuración. Registro. Para instalar Hot Potatoes iremos a la página Web de los creadores de esta aplicación, en la Universidad de Victoria. En esta página se ofrecen varias versiones para bajar según el Sistema Operativo que se utilice. http://web.uvic.ca/hrd/hotpot/ Nosotros vamos a utilizar la última versión: Podemos bajarnos el programa para Windows y para Linux. Los Centros TIC´s disponen de este programa ya instalado en Guadalinex. Sólo necesitan registrarse.

8. Descarga Página Oficial: http://web.uvic.ca/hrd/hotpot/ • Programa descargado (ejecutable y .zip): Carpeta Hot Potatoes del CD del Curso: Programas • Registro: http://hotpot.uvic.ca/reg/register.htm

9. 3. Interfaz, menú, barra de herramientas, iconos. Hot Potatoes permite traducir la interfaz original (inglés) a cualquier idioma. Opciones>Interfaz>Cargar un archivo de interfaz. La interfaz se refiere a Menú y Plantillas. También se puede cambiar el idioma de Configuración. La "configuración" de Hot Potatoes se refiere a una serie de fragmentos de texto que describen los ejercicios, las instrucciones para realizarlos, los nombres de los botones, respuestas afirmativas y positivas a las contestaciones, etc. que se muestran al presentar el ejercicio en la Web. Puede cambiarse de la siguiente manera: Abre, como siempre una aplicación cualquiera de Hot Potatoes y en la barra de menús elige Opciones/Configurar el formato del archivo originado/Cargar

10. Menú, Barra de herramientas e iconos MENÚ COMÚN A TODAS LAS APLICACIONES BARRA DE HERRAMIENTAS

11. Iconos

12. 4. Tipos de ejercicios.

13. JQUIZ: PREGUNTAS • Respuestas múltiples: Elegir la respuesta correcta entre las respuestas propuestas. • Respuestas cortas: Escribir directamente la respuesta. • Híbrida: Es una pregunta corta que después de fallar (al intento que se configure), se convierte en pregunta múltiple. • Multiselección: Elegir dos o más respuestas correcta entre las propuestas. Pincha aquí para ver un ejemplo

14. PANTALLA DE EDICIÓN DE JQUIZ

15. JCLOZE: RELLENAR HUECOS • JCloze genera ejercicios de rellenar huecos o campos en blanco. Al alumno/a se le muestra un párrafo en el que algunas de las palabras, letras, números o incluso párrafos, han sido sustituidos por cajas de texto vacías. El/la alumno/a debe rellenar esos huecos y comprobar si lo ha hecho correctamente. Pincha aquí para ver un ejemplo

16. PANTALLA DE EDICIÓN DE JCLOZE

17. JCROSS: CRUCIGRAMAS JCross es una herramienta que genera ejercicios en formato de crucigrama para escribir las respuestas a unas cuestiones en sus huecos. Se puede usar una cuadrícula de cualquier tamaño. También se puede incluir un botón de ayuda que permite al alumno/a solicitar una letra en caso que la necesite. Pincha aquí para ver un ejemplo

18. PANTALLA DE EDICIÓN DE JCROSS

19. JMATCH: RELACIONAR Podemos hacer tres tipos de actividades: • Se le muestra al alumno/a una lista de elementos fija que no puede modificar. Al lado de cada elemento de la lista anterior aparece un menú desplegable en el que se pueden seleccionar elementos o ítems de una segunda lista, los cuales, tienen algún tipo de relación con los elementos de la primera lista. El Alumno/a deberá decidir cual es la forma más adecuada de emparejar los elementos de la primera lista con los de la segunda. • Se le muestran al alumno/a dos columnas y éste/a debe relacionar los elementos de la columna de la derecha con los elementos de la columna de la izquierda, pinchando y arrastrando cada elemento al lugar donde corresponda. • Aparecen tarjetas tipo Flash (se puede usar para idiomas, para Educación Infantil….). Pincha aquí para ver un ejemplo

20. PANTALLA DE EDICIÓN DE JMATCH

21. JMIX: ORDENAR JMix es la herramienta utilizada para la creación de ejercicios de reconstrucción de palabras, frases o párrafos. Básicamente consiste en introducir una frase, palabra o párrafo separándolos en trozos que queremos (palabras, sintagmas, letras…) para que los alumnos/as la reconstruyan en el orden correcto. Pincha aquí para ver un ejemplo

22. PANTALLA DE EDICIÓN DE JMIX

23. CONFIGURACIÓN DE LA ACTIVIDAD: • En la solapa Títulos / Instrucciones pondremos las explicaciones que deseemos dar a nuestros alumnos para que desarrollen correctamente el ejercicio. • En la solapa Avisos podemos decidir lo que queramos que enseñe el ordenador cuando acierten o fallen. • En la solapa Botones podemos decidir varias cosas interesantes. Incluiremos el botón SIGUIENTE EJERCICIO si vamos a enlazar el ejercicio que estamos haciendo ahora con otro que haremos después. Si vamos a enlazar varios ejercicios es conveniente incluir el botón IR A CONTENIDOS para poder regresar siempre al primer ejercicio de la serie o al índice que creemos. Si es el primer ejercicio que hacemos no es conveniente incluir el botón ATRÁS, pero en los siguientes ejercicios enlazados sí lo incluiremos. • En la solapa Aspecto decidiremos los colores que tendrá nuestro ejercicio y que se verán en el ordenador.

24. CONFIGURACIÓN DE LA ACTIVIDAD: • En la solapa Contador se nos permite establecer un tiempo determinado para que los alumnos realicen el ejercicio podemos activarlo o no. Si lo hacemos un reloj irá descontando el tiempo que fijemos. • En la solapa Otro podemos configurar distintas formas de presentación de las actividades. Explicaremos las particularidades en las diferentes aplicaciones. • En la solapa Personalizar podemos hacer modificaciones personalizadas en los archivos fuente, que se comportarían como una característica más de la configuración. Por ejemplo, si necesitamos que aparezca siempre una determinado texto. También se pueden definir funciones propias de JavaScript. Por lo pronto, no tocaremos nada, lo dejaremos todo en blanco. • La solapa CGI significa “Common Gateway Interace” (Interfaz de acceso común). Se utiliza para poder enviar los resultados del ejercicio por correo electrónico. Hay que tener licencia comercial para ofrecer soporte técnico y ayudar a configurar el espacio del servidor donde se van a alojar los ejercicios. Tampoco tocaremos nada.

25. 5. Insertar lecturas. Una operación común a todas las “patatas” es insertar una lectura previa que el alumno/a debe leer antes de realizar la actividad. Esta operación es opcional: la incluiremos si la actividad lo necesita. En todas las aplicaciones podemos encontrar este símbolo: en la barra de herramientas. Si no lo tenemos podemos ir a Archivo y elegir la opción Añadir Lectura. Nos aparecerá la siguiente pantalla:

26. En esta ventana marcaremos la casilla Incluir un texto de lectura. En el lugar del Título indicaremos el que deseemos para nuestra actividad. • Posteriormente, en el espacio más grande insertaremos la lectura que puede ser de varias formas: • Escribiendo directamente el texto que deseemos. • Con la opción Copiar>Pegar desde un archivo exterior. • Incluir un archivo externo en formato HTML que tendremos que tener en la carpeta que subamos a la Web. Esta opción puede ser la mejor si no queremos que el alumno/a esté viendo el texto mientras realiza el trabajo. • Cuando finalicemos la lectura pincharemos en OK y tendremos la lectura válida para todo el ejercicio que hayamos elaborado.

27. 6. Insertar elementos multimedia: imágenes, vínculos, sonidos, vídeos y tablas. En cualquier parte de los cuestionarios podemos incluir los mismos elementos que en una página Web: imágenes, una tabla o un objeto multimedia (archivo de vídeo, música, animación flash….) Es conveniente que todos los elementos que vayamos a incluir se encuentren dentro de la carpeta con la que estemos trabajando o en subcarpetas dentro de ésta.

28. 7. Creación de Unidades Didácticas: Enlazar ejercicios. Una vez que tengamos todos los ejercicios elaborados y comprobar que tenemos guardado todos los archivos en formato html, así como documentos, imágenes, sonidos, vídeos, etc., en la carpeta con la que hemos trabajado, podemos elaborar una Unidad Didáctica en la que aparezcan todas las actividades creadas. NOTA: Conservaremos también los archivos generados con las extensiones de cada aplicación (patatas) por si se nos ocurre alguna modificación y poderlo hacer sobre la marcha, volviendo a generar el archivo html y sobrescribiendo el originado primero.

29. 8. Publicación en la Web. • Cuando tengamos la Unidad Didáctica con los diferentes ejercicios que hemos creado con las aplicaciones de Hot Potatoes, podemos optar por incluirla en todos los ordenadores para que los alumnos/as trabajen en ella sin estar conectados a Internet o publicarla en la Web y tener acceso a ella desde cualquier ordenador conectado a Internet. • Para esta última opción necesitamos un espacio en la Web y un programa para subir los archivos a la red (FTP). • ¡VAMOS A PRACTICAR!: Manual de Prácticas con Hot Potatoes

30. “Aplicaciones Informáticas para el aula” HOT POTATOES CEP LUISA REVUELTA CÓRDOBA Marzo-2007 María José Donaire Romero