Your SlideShare is downloading. ×
  • Like
Tutorial de Hot potatoes 6.3
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Now you can save presentations on your phone or tablet

Available for both IPhone and Android

Text the download link to your phone

Standard text messaging rates apply

Tutorial de Hot potatoes 6.3

  • 1,285 views
Published

Aquí podrás visualizar una guía sobre este software tan útil.

Aquí podrás visualizar una guía sobre este software tan útil.

Published in Education
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
No Downloads

Views

Total Views
1,285
On SlideShare
0
From Embeds
0
Number of Embeds
8

Actions

Shares
Downloads
55
Comments
0
Likes
1

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. Introducción• Hot Potatoes es un conjunto de herramientas que permiten elaborar ejercicios interactivos.• No es necesario conocer ni HTML, ni JavaScript, sólo introducir los datos.• Es una aplicación de libre distribución para uso educativo (freeware).
  • 2. Herramientas disponibles en Hot Potatoes• JCloze: – Ejercicios de completar huecos• JMatch: – Ejercicios de asociación y de ordenación de listas• JQuiz: – Ejercicios de preguntas abiertas, de respuestas múltiples e híbridas• JCross: – Crucigramas• JMix: – Ejercicios de ordenar frases
  • 3. Pasos para la elaboración de ejercicios• Introducción de los datos – Preguntas, respuestas, ayudas, pistas…• Configuración del aspecto final – Nombres de botones, instrucciones, características de la Web…• Elaboración de la página Web – Compilación de todos los ejercicios en una sola página Web
  • 4. Haciendo doble clic sobre el archivo de instalación se iniciará elasistente que nos ayudará a instalar HotPotatoes en nuestro equipo
  • 5. Una vez instalado, podemos acceder a él desde el menú Inicio,Programas, HotPotatoes 6, que abrirá una última ventana con lapantalla inicial del programa y el acceso a las aplicaciones del mismo.Si durante la instalación lo hemos indicado, podremos tener un botónde enlace al programa en el Escritorio
  • 6. Una vez arrancado, por vez primera, el programa, lo primero que debemoshacer es configurarlo para el idioma castellano, desde Opciones y ProjectSettings, se nos abrirá una nueva ventana y allí, trabajaremos sobre elArchivo de configuración.
  • 7. Pinchamos en la carpeta translationsY allí encontraremos elarchivo espanol6.cfg,pulsamos abrir yaplicamos en la ventanaanterior
  • 8. Cómo utilizar cada herramienta deHotPotatoes paso a paso
  • 9. Todas las aplicaciones de HotPotatoes presentan una serie de botones,identificados con un icono, en su barra de herramientas (parte superior dela 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
  • 10. JCloze: completar huecos• Aparece un texto con huecos que el usuario debe rellenar• Tras completarlos, comprueba los resultados pulsando un botón• Devuelve una evaluación en porcentajes• Permite incluir el botón “pista” que pone una letra del hueco• Reconoce sinónimos, mayúsculas, faltas ortográficas…
  • 11. Esta es la pantalla principal de JCloze que nos permitirá elaborar eintroducir los principales datos de la actividad
  • 12. Una vez hayamos tecleado el texto (o pegado desde el portapapeles)hemos de decidir si deseamos introducir un texto de lecturapresionando el icono (ver iconos comunes) "Crear texto de lectura."En tal caso nos aparecerá la esta pantalla en la que hemos deinsertarlo
  • 13. Pestaña de configuración de Títulos e Instrucciones
  • 14. Pestaña de configuración de Avisos e Indicaciones
  • 15. Pestaña de configuración de los botones disponibles en elejercicio
  • 16. Pestaña de configuración del Aspecto de la actividad
  • 17. Pestaña de configuración del Contador de Tiempo
  • 18. Configuración de diferentes parámetros y opcionesLas pestañas "Personalizar" y "CGI" tienen que ver con el uso ymanejo de código HTML y Javascript y lo veremos al final
  • 19. Exportación a HTML
  • 20. JMatch emparejamientos asociaciones ordenaciones de listas
  • 21. Ventana principal de JMatch
  • 22. La pantalla de introducción de datos tiene este aspecto y, comose ve en el gráfico, dispone de una serie de campos dondeintroducir la información necesaria para configurar el ejercicio
  • 23. Esta aplicación tiene ciertas peculiaridades de configuraciónpropias, similares a las que tiene JQuiz. A esta configuraciónse accede desde la barra de menús, presionando "Organizarelementos."
  • 24. La opción de configuración que encontramos enopciones/configurar el formato del archivo originado/otro que,como vemos en la siguiente imagen, nos permite un par deinteresantes opciones
  • 25. JQuiz preguntas abiertas• Respuesta múltiple: – Elegir la respuesta correcta pulsando un botón• Respuesta corta: – Escribir la respuesta en una casilla• Híbrida: – Comienza con casillas y, si falla varias veces, cambia a botones.• Multiselección: – Seleccionar varias respuestas correctas
  • 26. La siguiente ilustración muestra la interfaz del ejercicio. Hemosmarcado los espacios donde el profesor debe escribir datos.
  • 27. Introducción de datosNo existen cambios en la elaboración de este ejercicio por el profesorcon respecto al ejercicio de respuesta múltiple. Sólo se debe cambiar eltipo de ejercicio en el menú desplegable diseñado para tal efecto.
  • 28. Al seleccionar este tipo de ejercicio podremos ver que aparecen unasPregunta casillas de selección nuevas. Se trata de elegir qué respuestas, de lashí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.
  • 29. Este tipo de ejercicio es distinto a los demás en la forma en que sePreguntas dan indicaciones. El hecho de que haya que seleccionar variasmultiselecció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.
  • 30. INTRODUCCIÓN DE TEXTOEn cualquiera de los tipos de ejercicios explicados en JQuiz es posible insertar un textoque 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 yseleccionar Añadir Lectura o pulsar directamente en el icono con forma de libro situadoen la barra de Menú.
  • 31. Seguidamente podremos ver una ventana para introducir el textocon algunas opciones.
  • 32. También es posible introducir algunos elementos en el texto. Para estotendremos que abrir el menú de Insertar y seleccionar las opciones quenos interesen.
  • 33. MODALIDAD AVANZADAJQuiz es una aplicación bastante compleja y podría resultar algo confusa para usuariosprincipiantes. Debido a esto se ha dividido en dos modalidades, una principiante (la que hemosexplicado hasta el momento) y otra avanzada. Estas dos modalidades afectan a la introducción ytratamiento de datos. Seguidamente explicaremos las características de la modalidad avanzada.Cuando abrimos JQuiz encontramos la ventana de introducción de datos. Es aquí dondepodemos cambiar a "Modalidad Avanzada".
  • 34. 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. Pestaña de configuración de Títulos e Instrucciones
  • 36. Pestaña de configuración de Avisos e Indicaciones
  • 37. Pestaña de configuración de los botones disponibles en el ejercicio
  • 38. Pestaña de configuración del Aspecto de la actividad
  • 39. Pestaña de configuración del Contador de Tiempo
  • 40. Configuración de diferentes parámetros y opciones
  • 41. Exportación a htm o html (web)
  • 42. JCross:crucigramas
  • 43. La pantalla de introducción de datos tiene este aspecto y, como seve en el gráfico, dispone de una serie de campos donde introducirla información necesaria para configurar el ejercicio.
  • 44. Cuando hemos terminado hacemos clic en el botón crear cuadrículay volvemos a la página inicial; una vez allí sólo hemos de presionarel botón "añadir pistas" para introducir las pistas o definiciones delas palabras. Esta es la pantalla en la que hemos de introducir esainformación
  • 45. Merece la pena destacar en el capítulo de configuración las opcionesque nos ofrece JCross de presentar las pistas de las palabras. Podemospresentarlas una a una según el estudiante haga clic en el número de lapalabra.
  • 46. O bien podemos podemos hacer que todas las pistas aparezcan ysean visibles al cargar la página debajo crucigrama.
  • 47. Estas opciones las elegimos en el menú opciones/configurar elformato del archivo originado/otro como podemos ver en lasiguiente imagen
  • 48. JMix: ordenar frasesEjercicios de ordenar palabras de una frase,o letras de una palabra
  • 49. Pantalla principal de JMix
  • 50. The MasherPara unir en una sola unidad, varias actividades.Es necesario adquirir la versión completa para usar estaaplicación en toda su extensión.En la versión gratuita se pueden enlazar tres actividades.De todas formas, podemos enlazar actividades tambiénusando FrontPage, Word, PowerPoint, guardando losarchivos en formato “página web”
  • 51. El primer paso para crear una unidad de "Masher" es determinar quéarchivos incluiremos en ella. Los archivos deben ser del tipo de losgenerados 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.
  • 52. Cuando pulsamos en abrir archivo, veremos una ventana con laque podemos explorar y buscarlo. Una vez elegido, se abre otraventana en la que podemos cambiar algunos parámetros
  • 53. La siguiente pestaña que podemos elegir es de "Aspecto". Sucontenido es el mismo que en otras aplicaciones o "patatas" de "HOTPOTATOES". La única diferencia es la que se muestra aquí.
  • 54. Otra ventana de configuración que podemos utilizar es la de"botones":
  • 55. Dentro del apartado de configuración también podemos encontrar otrapestaña llamada "índice":
  • 56. Existen otras dos pestañas de configuración de las que no hemoshablado hasta el momento. Hemos querido dejarlas para el final porqueson opciones avanzadas una de ellas es "Cadenas de usuario". Este tipode configuración existe en otras aplicaciones del programa bajo el títulode "Personalizar".
  • 57. Finalmente nos queda hablar sobre la pestaña "Fuente".Otra característica avanzada que no debemos cambiar si no estamosseguros de lo que hacemos.
  • 58. Exportación aHTML 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.
  • 59. Con la herramienta Batch podemos crear unidades más grandes a lasque llamaremos "Temas". La idea es realizar el mismo proceso que conlos ejercicios pero esta vez con archivos ".jms", es decir con archivosde unidades creadas por Masher. De esta manera, los temas estaráncompuestos por diversas unidades creadas con anterioridad.
  • 60. Vínculo a unadirección deInternetVínculo a un archivolocal
  • 61. Imagen desde InternetImagen de un archivolocal
  • 62. La inserción de imágenes es especialmente útil en la aplicación JMatch en la que secrean ejercicios de emparejamiento ya que los elementos a emparejar pueden serimágenes en lugar de texto. Esto resulta muy atractivo a la hora de su realización porparte de los alumnos y lo hace más ameno. El proceso a seguir es igual pero, en lugarde introducir texto en todos los campos, hemos de insertar imágenes en aquellos enlos que deseemos que éstas aparezcan.
  • 63. y así es cómo quedaría el ejerciciouna vez exportado.
  • 64. Inserción de audio (mp3) y de video (mpg)
  • 65. Insertar una tabla
  • 66. Uso de CGIEsta opción nos permite enviar los resultados de un ejercicio a una dirección decorreo electrónico. Naturalmente nuestros ejercicios deben estar publicados enInternet y además en un servidor que contenga un Script PERL CGI llamadoFormMail.pl.Lo que ocurre cuando seconfigura esta opción esque el alumno carga lapágina y a la vez se le pidesu nombre o cualquier otrodato que lo identifique.Cuando se termina elejercicio se envían losdatos (identificación delalumno, resultado ytiempo consumido) al CGIde nuestro servidor, que loremitirá a nuestro correoelectrónico.
  • 67. PersonalizarLlegamos a esta seccióna través del menúConfigurar el formatodel archivooriginado/Personalizar:La pestaña"Personalizar" que seencuentra dentro de laopción de configuracióndel archivo generadonos permite modificarlos parámetros que hotpotatoes usa pordefecto. Esto seconsigue mediante laedición y modificaciónde los archivos "fuente"del programa.
  • 68. Códigos hexadecimales de los colores básicos utilizados en la web