> Introducción
1.1 Introducción Hot Potatoes, al contrario de ser un tema difícil o complicado de tratar, como su nombre podría insinuar, es un programa muy interesante y atractivo para el profesorado ya que le permite generar ejercicios multimedia para ver con un navegador web. Antes de comenzar la lectura de los contenidos de este capítulo 1, si lo deseas, puedes intentar resolver las siguientes actividades.
Recuerda que en Recapitulación, al final de este capítulo, volveremos a ellas y entonces podrás realizarlas.
Actividad 1. Interfaz Esta es la interfaz de Hot Potatoes. Relaciona, en ella, cada pestaña con sus utilidades seleccionándolas en el menú desplegable correspondiente. Mira este ejercicio.
Actividad 2. Datos Rellena este formulario con los siguientes datos y después imprímelo o cópialo en tu ordenador.
DATOS DE INSTALACION Y REGISTRO DE HOT POTATOES
1. Claves de Registro de Hot Potatoes:
2. Versión de Hot Potatoes utilizada:
3. Navegador/es utilizado/s (tipo y versión):
4. Sistema/s operativo/s utilizado/s (tipo y versión):
Actividad 3. Revisión Responde las 7 preguntas de este cuestionario de repaso del capítulo 1
Actividad 4. Proyecto Puedes abordar el aprendizaje de este Tema 1 comenzando con los Proyecto A.0 y Proyecto A.1, que están en la sección Proyectos. ---------------------------------------------------------------------------------------------------------------------------------
> Qué es
1.2 Qué es a. Su origen Hot Potatoes es una herramienta de autor desarrollada por el Centro de Humanidades de la Universidad de Victoria o UVIC, en Canadá. Consta de varias herramientas o esquemas predeterminados que sirven para la elaboración de diversos tipos de ejercicios interactivos multimedia. Ejercicios que se podrán publicar en un servidor Web y difundir a través de Internet, y que son soportados por todos los navegadores modernos. El aspecto que presenta Hot Potatoes en su página inicial es este, o similar en función de la versión con la que trabajes:
Los esquemas predeterminados de los que partimos son por ejemplo éste:
A partir del cual se puede crear un ejercicio como este:
Ejercicio catamarán
Para crear ejercicios con Hot Potatoes sólo se necesita, una vez instalado el programa en el ordenador, introducir los datos que se desee (preguntas, respuestas, etc.) en dichos esquemas predeterminados y guardarlos. El programa los guarda en primer lugar con la extensión propia de las "patatas" de Hot Potatoes que hayas utilizado para elaborar tu ejercicio y que son, como puedes ver en la imagen anterior, JQuiz, JCross, JMix, etc.; cada una tiene un formato o extensión diferente; por ejemplo: ●
*.jqz para JQuiz. Así es en el ejercicio que acabamos de ver como ejemplo, llamado "catamaran.jqz":
Ese formato sólo es el paso inicial. Pero hay algo más: tal como están los ejercicios, con la extensión propia de las "patatas", no se puede hacer mucho con ellos. Lo que se guarda, en realidad, son los códigos html que constituyen el ejercicio y que más adelante podrás modificar. Así, para convertirlo en una página web que podrá difundirse por Internet es necesario guardar este ejercicio de nuevo y renombrarlo, esta vez con la extensión *. htm Es, por ejemplo, el "ejercicio catamarán" que acabas de ver, y cuyo nombre (seleccionado y marcado en azul oscuro) es "catamaran.htm"
b. Primeros ejemplos Antes de proceder a instalar el programa, mira estos dos ejercicios hechos con Hot Potatoes, el primero de "multiselección" y el segundo de "rellenar huecos"
y éste:
Actividad formativa 0 Estas dos imágenes corresponden a dos ejercicios denominados "c1_000.jqz" y "codigohtml0.jcl", que encontrarás dentro de "Recursos\Ejercicioshp". Ve a esta carpeta, ábrelos e intenta resolverlos. NOTA: recuerda que todas las actividades de este curso, tanto las obligatorias (en la página de Introducción de cada capítulo) como las formativas (dentro de Contenido de cada capítulo) están recogidas con sus soluciones en la sección Actividades de este CD, y las puedes consultar siempre que quieras.
No has podido hacerlos porque estos ejemplos no están todavía preparados para verlos en un navegador. Si te fijas en el ejercicio primero, en la barra superior azul donde se lee el nombre del ejercicio, al final dice "repasoc1.jqz". Y esa extensión .jqz no es una extensión propia de páginas web, como sí lo son .htm o .php
Una vez metidos los datos que queramos en la "plantilla" de Hot Potatoes hay que darle unas instrucciones para que cambie de apariencia y se convierta finalmente en lo que queremos: una página web con la extensión .htm Veamos ahora los ejercicios como páginas web donde poder interactuar:
Actividad formativa 1 Haz clic en los dos enlaces siguientes: primera imagen y segunda imagen
c. Materia prima Las patatas de Hot Potatoes generan diferentes tipos de ejercicios elaborados con el programa Java Script en lenguaje o código informático html. La materia prima es el código html, pero no se necesita dominar este lenguaje informático para poder utilizar Hot Potatoes. Mira este ejercicio, de rellenar huecos hecho con la patata JCloze de Hot Potatoes. La siguiente imagen muestra los códigos que no resultan familiartes cuando no se conoce este lenguaje informático, pero el el navegador los interpreta para mostrarnos textos e imágenes visuales y de sonido.
d. Características de Hot Potatoes Varias características hacen de Hot Potatoes un programa útil y recomendado para el profesorado:
Características intrínsecas al programa y a su uso
Simplicidad
Crear o modificar ejercicios con Hot Potatoes es muy fácil e intuitivo, y está al alcance de todos: autodidactas o no, expertos en tecnología o reticentes a ella
Aplicabilidad
Sirve para cualquier materia y nivel educativos
Características realativas a su difusión
Universalidad
Es un programa utilizado en todo el mundo. ¿Por qué? Entre otras razones: ●
●
●
por la posibilidad que ofrece de traducir automáticamente la interface a varias lenguas, entre ellas algunas peninsulares. Podemos comprobar este hecho tanto en la página web de Hot Potatoes y los tutoriales como dentro del mismo programa porque los ejercicios generados son páginas html y se pueden difundir por Internet fácilmente por su coste: conseguirlo en la red es, de momento, gratuito para quienes vayan a utilizarlo con fines educativos, como dijimos antes, y se comprometan a su difusión
En resumen, Hot Potatoes tiene múltiples aplicaciones en el ámbito educativo, ya que se puede emplear como material didáctico en cualquiera de las asignaturas del curriculum escolar. La novedad que supone su uso no es el tipo de ejercicios en sí, habituales en papel, sino el formato en que se presentan, HTML, y su posible difusión por la red.
> Requisitos
1.3 Requisitos Tanto para crear nuestros propios ejercicios con Hot Potatoes como para resolver ejercicios que hayan elaborado otras personas, hay ciertas condiciones que debemos tener en cuenta y que no sólo permitirán el uso del programa sino que también facilitarán la tarea y mejorarán los resultados de los ejercicios. Estas condiciones, sobre todo de carácter técnico o informático, se refieren a las versiones utilizadas del programa, a tu registro en Hot Potatoes, a las versiones de los navegadores, a los servidores en los que se vayan a publicar tus ejercicios elaborados con Hot Potatoes, o al sistema operativo de tu ordenador y al de quienes van a ver tus ejercicios. Y se traducen en: más flexibilidad y más recursos a la hora de elaborarlos, algunas variaciones en la forma de hacerlo, más o menos velocidad de navegación... Los requisitos para un uso adecuado de Hot Potatoes son, pues, los siguientes:
Requisitos informáticos para elaborar o crear ejercicios con Hot Potatoes
Sistema operativo
Los creadores de Hot Potatoes han adecuado su programa a los diversos sistemas operativos que existen en la actualidad, por lo que podrás bajarte de su página web aquella versión del programa que más se ajuste a tus necesidades.
Navegadores
Existen algunas diferencias entre las versiones de Hot Potatoes en relación con su aplicabilidad en los diferentes navegadores y también en las diferentes versiones de los navegadores. Pero de modo general, las últimas versiones de estos (Internet Explorer, Mozilla...) son las recomendadas para sacar el máximo provecho del programa Si no tienes un navegador o si la versión de tu equipo es más antigua, aconsejamos su instalación o actualización antes de empezar con Hot Potatoes.
Registro
Si quieres que tu programa sea 100% operativo, es necesario que te registres en la página de Hot Potatoes. Esto no implica que vayan a llenar tu buzón de correo basura, o que periódicamente te vayan a enviar información o publicidad. Lo que sí va a facilitarte es el uso del programa sin ciertas limitaciones, por ejemplo, en el número de preguntas que incluyas, en el tamaño de los crucigramas... Para ello sólo tendrás que visitar la página web correspondiente y rellenar un formulario; en un plazo corto de tiempo ellos enviarán a tu correo electrónico tus claves.
Servidor
Para, una vez hechos, publicar tus ejercicios en Internet, vas a necesitar el acceso a un servidor web que te ceda un espacio. Algo que tendrás que tener en cuenta más adelante será la capacidad de ese espacio porque un ejercicio sencillo de Hot Potatoes con multimedia puede ocupar desde 1 ó 2 Mb. Un ejemplo de lo que puede tener un espacio ofrecido en la red gratuitamente es éste:
Actividad formativa 2 Aquí se ofrecen 50 Mb de espacio web, que parece ser suficiente para colgar un buen ejercicio de Hot Potatoes. Fíjate donde se dice "Poder enviar y recibir correos de hasta 2Mb" y recuerda que en este caso si intentamos enviar mensajes de mayor tamaño llegarán mal, no llegarán o bloquearán el correo, especialmente si las carpetas están llenas con otros mensajes. Esto puede que nos ataña: a veces intentamos mandar por correo ejercicios hechos con Hot Potatoes y o llegan mal o no llegan. Puede ser porque ocupen todo ese espacio (sobre todo si incluyen vídeos, por ejemplo) y se bloquee el correo, especialmente si las carpetas de los correos están llenas con otros mensajes.
Y recuerda que los ejercicios multimedia, al tener imágenes ocupan mucho más espacio que los de sólo texto.
Requisitos para resolver ejercicios de Hot Potatoes elaborados por otras personas:
Un navegador
De nuevo, hablamos de las últimas versiones
Hot Potatoes
NO necesitas tenerlo instalado
Requisitos de licencia para utilizar Hot Potatoes Si trabajas en una institución educativa sin fines de lucro y estás dispuesto a compartir tus ejercicios a través de la web, puedes utilizar Hot Potatoes de modo gratuito. Pero si trabajas para una empresa comercial debes adquirir licencia comercial. En ambos casos hay que registrarse para que el programa sea completamente funcional.
Actividad formativa 3 Para saber más sobre: ●
el origen de Hot Potatoes
●
las versiones existentes
●
los sistemas operativos compatibles
●
las traducciones
●
los programas que requiere
●
los navegadores bajo los que funciona
●
y lo referente a licencias y otros aspectos comerciales
consulta las direcciones web relacionadas con este programa: en la Universidad de Victoria (UVIC).
> Instalación y registro
1.4 Instalación y registro Antes de iniciar los procesos de instalación del programa Hot Potatoes y tu registro como usuario del mismo, lee el Anexo 1 del curso, titulado Instalaciones.
En este Anexo también te contamos otras instalaciones que puedas requerir a lo largo del curso.
Actividad formativa 4 Procede ahora a la instalación de Hot Potatoes y de los programas que creas necesitar, según nuestras recomendaciones al respecto en la Presentación y en el Anexo 1, para poder utilizarlo con el máximo rendimiento. Asimismo, realiza el Registro en la página de Hot Potatoes. Recuerda que no te compromete a nada sino que, al contrario, te aporta beneficios en el uso del programa. En esta dirección, lee en la página web de los creadores del programa la información referente al Registro. Navega por Internet también para buscar el tutorial con cualquier buscador. En la página de la UVIC está en inglés, pero lo vas a encontrar en español y en otros idiomas.
> Interfaz
1.5 Interfaz a. Abrir Hot Potatoes Se puede abrir el programa: ●
pulsando el icono de acceso directo en el escritorio:
●
o pulsando en "Inicio/Programas/Hot Potatoes":
Actividad formativa 5 Sólo como recordatorio: ¿en qué espacio de tu ordenador has instalado Hot Potatoes? Nosotros lo tenemos, como has podido ver en la imagen anterior, en C:\Program Files \, que es lo normal. Comprueba dónde está el tuyo.
b. Traducir la interfaz Al instalarlo, el programa pregunta sobre el idioma de la interfaz. Una vez elegido, todos los menús aparecerán en ese idioma.
Actividad formativa 6 En relación con el idioma y el tipo de los archivos de la interfaz: ●
¿Qué extensión de éstas tienen: *.hif, *.cfg, *.htm, *.doc, *.jpg, *.jcl, .*mid
Para descubrirlo, puedes abrir Hot Potatoes y elegir otro idioma de su interfaz, en "Opciones/Interfaz/Cargar un archivo de interfaz"; y fíjate, cuando lo guardes, en lo que indica en la casilla inferior. Y observa: ●
Las otras 6 extensiones, ¿sabes a qué tipo de documentos corresponden? Pueden ser de texto, gráficos, sonido, códigos web... Más adelante nos irán apareciendo.
Si no encuentras una interfaz de tu gusto o en tu idioma, puedes crearla tú. Se hace desde: "Opciones/ Interfaz/Traducir la interfaz". Una vez dentro de cada "patata" vas a tener de nuevo la posibilidad de volver a la versión original en inglés, ponerla en otro idioma, crear tu propia traducción si no la tiene, o crear interfaces en diferentes idiomas para cada tipo de ejercicio, desde "Opciones/Interfaz/Cargar un archivo de interfaz".
Actividad formativa 7 Cuando hablamos de "interfaz" en Hot Potatoes nos referimos a los nombres de los menús, a las "plantillas", por llamarlo de alguna manera. Quizá te hayas fijado en que estamos utilizando en nuestros ejemplos interfaces de distintas lenguas. Si no, vuelve atrás ahora para comprobarlo.
Por tanto insistimos en este punto y resumimos, porque sabemos que puede crear cierta confusión.
Abre cualquiera de las "patatas" de Hot Potatoes y distingue entre:
Idioma de la interfaz
Desde "Opciones/Interfaz/Cargar un archivo de Interfaz". Esta pestaña la tenéis tanto en la página inicial de Hot potatoes como en cada "patata"
Idioma (y estilo) de los datos de la configuración de tu ejercicio:
Desde "Opciones/Configurar el formato del archivo originado/Cargar". Más adelante, cuando estudiemos la configuración, verás que también podrás cargar un archivo para cambiar el idioma, pero que en este caso se trata de los datos, nuestros propios datos con que rellenamos los ejercicios. Entonces verás que hay más lenguas incluidas.
Actividad formativa 7 Abriendo una patata cualquiera; seleccionamos "Opciones/Configurar el formato del archivo de configuración" y después "Cargar" para cambiar el idioma de los datos. Hemos cargado un archivo de configuración que hemos encontrado, en otro idioma, y éste ha sido el resultado:
●
¿En qué idioma está la interfaz del ejercicio (marcada en color amarillo)? ●
¿En qué idioma están los datos de la configuración (marcados en color naranja)? El objetivo de esta actividad no es aprender algo de las lenguas de España, claro, sino solamente empezar a conocer Hot Potatoes por dentro y a familiarizarte con él y su propio "lenguaje": términos como "interfaz", "configuración", "archivo", "datos", "cargar", etc., adelantándote así algo de lo que veremos pronto.
c. Interfaz general Al abrir Hot Potatoes aparece la página inicial que ya conocemos. Con cada una de las"patatas" que ves se pueden hacer diferentes tipos de ejercicios, como se aprenderá más adelante. Para empezar a elaborarlos sólo hay que entrar en ellas. En la página inicial de Hot Potatoes hay también varias pestañas en la parte superior. Estas son:
d. Los menús Por su parte, para acceder directamente no a la página de inicio de Hot Potatoes sino a cada una de sus aplicaciones se puede: ● ●
pulsar en "Inicio/Programas/Hot Potatoes" y luego en la aplicación que se desee o una vez abierto Hot potatoes, desde el icono de la aplicación deseada o desde la pestaña "Potatoes"
Una vez que has entrado en todas las aplicaciones, verás que el aspecto de los menús superiores y de la barra de herramientas es similar, con algunas variaciones que son las funciones específicas en cada una de las aplicaciones:
o, por ejemplo:
Los menús comunes a todas las aplicaciones son, como puedes comprobar: ● ● ● ● ●
Archivo Edición Insertar Opciones Ayuda
Aparte de estos comunes hay algunos específicos que conoceremos en el capítulo 3. ...
¿Qué hay en cada menú? Lo puedes comprobar tú mismo abriendo cada uno de ellos; pero, en resumen:
Las funciones comunes a todas las aplicaciones son:
Las que encontrarías en otros programas informáticos o en procesadores de textos
Abrir o crear un documento, guardar, etc., en el menú “Archivo”
Los relacionados con el hipermedia
Insertar lectura o añadir metadatos, desde el menú "Archivo"
Cortar, pegar, copiar, deshacer u ortografía, en el menú “Edición” Modificar el fondo o el tipo de fuente, por ejemplo, en "Opciones"
Insertar imagen, vínculo, tabla HTML y otros objetos multimedia, desde "Insertar"
Los propios de Hot Potatoes: algunos son comunes a todas las "patatas":
La creación de páginas web, desde el menú "Achivo" La modificación de la configuración o apariencia de cada ejercicio, desde el menú "Opciones" La información adicional (ayuda, "acerca de" y "registrarse"), desde el menú "Ayuda" Y otros no, otros son compartidos sólo por algunas o específicos de una sola, y que también veremos en el siguiente capítulo.
e. La barra de herramientas y los iconos Debajo de los menús hay una barra de herramientas con diversos iconos que sirven sencillamente de acceso directo a diversas funciones de los menus. Sólo añadir que, como en otros programas informáticos, puedes decidir qué quieres que aparezca y qué no en la interfaz principal de cada aplicación, es decir, en los menús y en la barra de herramientas. Se hace desde "Opciones/Opciones de la barra de herramientas":
En el cuadro de diálogo:
podrás marcar o desmarcar los botones que deseas que aparezcan en la barra.
> Tipos de ejercicios
1.6 Tipos de ejercicios a. Cuáles son Con Hot Potatoes se pueden crear varias clases de ejercicios, que responden a la siguiente tipología:
Pasando el cursor por encima de la imagen sabemos cómo son los ejercicios y cuál sería el resultado final:
Respuestas múltiples
Respuestas cortas
Híbrida
Multiselección
Relacionar
Rellenar huecos
Ordenar elementos
Crucigramas
Actividad formativa 9 En la página inicial de Hot Potatoes pasa el cursor por encima de las patatas y ábrelas investigando el contenido de su interfaz y qué tipo de ejercicios se pueden hacer con ellas.
b. Elaboración de un ejercicio: los tres pasos Trataremos este tema más a fondo en los capítulos 2 y 3. Anotamos aquí el resumen del proceso para empezar a trabajar tanto con los ejercicios generados con las patatas como con los ejercicios exportados a web en HTML. Para la elaboración de un ejercicio con Hot Potatoes hay que dar estos 3 pasos: ● ●
Primer paso: Introducción de datos Segundo paso: Configuración del ejercicio
Aquí lo guardamos y tenemos: un ejercicio generado con las patatas JCloze, JQuiz..., con su formato correspondiente: *jcl, *jqz, etc.:
●
Tercer paso: Creación de página web Lo guardamos y con ello tenemos el mismo ejercicio pero ahora como documento en formato HTML, es decir, una página web. Y a esta página es a donde queríamos llegar, el resultado definitivo, el ejercicio que tendrán que resolver los alumnos.
Una explicación más gráfica se da en el inicio del Capítulo 2.
> Particularidades
1.7 Particularidades Hot Potatoes permite:
● ● ● ●
●
● ● ●
Incluir lecturas en sus ejercicios. Traducir la interfaz. Incluir caracteres acentuados. Incluir una dirección de correo electrónico, una enlace a una dirección web... Elaborar ejercicios en lenguas que no tienen alfabeto romano, por ejemplo en griego, en chino o con el alfabeto cirílico. Modificar los códigos html. Crear unidades más complejas con The Masher. Participar en una comunidad virtual en la que puedes crear tu propia aula virtual: "Hot Potatoes_net"
Actividad formativa 10 Para finalizar, vamos a hacer que creamos un ejercicio con cada uno de los tipos que hay. Ten en cuenta que con alguna de las patatas se puede hacer más de uno, por lo que habrás de crear al menos 5. Solamente vas a abrirlas, y sin haber introducido ningún dato en ellas vas a guardarlas. Nosotros hemos hecho algunos. Los puedes ver dentro de "Recursos\ejercicios hot potatoes" cuando hayas terminado los tuyos, para contrastar los resultados.
> Recapitulación
1.8 Recapitulación Objetivos cumplidos Cuando finalices la lectura del capítulo 1, y antes de continuar con el capítulo 2, tendrás que haber realizado estas tareas: 1. Instalación y registro de Hot Potatoes 2. Organización de tus ejercicios. Este método de trabajo va a ser el punto de partida y de referencia en todo el curso. Por eso es muy importante que lo hagas de un modo coherente al comienzo del curso. Sugerencias: ❍
❍ ❍
Creación de carpetas, bien para cada una de las "patatas" o bien para cada uno de los tipos de ejercicios creados. En ellas irás guardando todos tus ejercicios Creación de una carpeta que será la base para tu futura página web No pongas acentos ni caracteres extraños tanto en los nombres de las carpetas como en el de los archivos. Ni más de 8 caracteres: con vistas a la publicación de los ejercicios en Internet, hay algunos servidores que no admiten más y puede que no muestren la página
3. Actividades que impliquen la primera toma de contacto con Hot Potatoes: ● ● ●
abrir el programa ver su página inicial hacer un recorrido por los menús, aprendiendo qué contienen
4. Creación de un primer ejercicio, sin rellenar los datos, con cada una de las patatas y haberlo guardarlo en la carpeta correspondiente.
Si todavía no has hecho las actividades anteriores o te quedara alguna duda, puedes volver a revisar este capítulo 1.
Actividades: recordatorio También puedes volver a las actividades iniciales, las que planteábamos al comienzo del capítulo 1, en 1.1 Introducción; seguro que ahora ya sabes resolverlas.
Ten en cuenta que la información requerida para contestar alguna pregunta no estará necesariamente dentro del contenido, sino que puede que se encuentre en las páginas web visitadas en las actividades formativas.
Cuando hayas terminado, puedes ver finalmente la solución pulsando en la sección del curso denominada "Actividades".
> Introducción
2.1 Introducción Ha llegado el momento de empezar a trabajar con Hot Potatoes. Primero te proponemos que veas la siguiente animación: Pulsa en este enlace para ver una animación Para la creación de un ejercicio, en cualquiera de las patatas y en cualquiera de sus tipos, hay que rellenar las plantillas con datos, por ejemplo así:
Ejercicio que una vez modificado para ser página web se convertiría en éste, denominado Introducción a la electroneumática. ¿Son el mismo tipo de ejercicio? No se corresponden en absoluto, ni en la temática ni en el tipo de ejercicio: el 1º es de respuestas múltiples mientras que "Introducción a la electroneumática" es de ordenar elementos en una frase.
Compruébalo ahora. Con esto queremos recordar que: 1. en Hot Potatoes hay distintos tipos de ejercicios 2. para crearlos hay varias fases. 3. algunas de las prácticas no son tan sencillas como parecen y requieren cierta reflexión.
Actividades Si lo deseas, puedes intentar resolver estas actividades antes de entrar en los contenidos para valorar qué sabes y qué necesitas aprender en este capítulo. Recuerda que se nombrarán en la Recapitulación del capítulo y que puedes ver las soluciones en el apartado Actividades.
Actividad 1. Introducción de datos Con dos aplicaciones diferentes de Hot Potatoes, piensa dos ejercicios que contengan los siguientes datos:
primer ejercicio
segundo ejercicio (tipo diferente de actividad de Hot Potatoes)
título subtítulo: de distinto tamaño que el título
el mismo título y subtítulo que el anterior
interface en una lengua que no sea inglés
interface en una lengua distinta a la anterior
instrucciones e indicaciones en la misma lengua elegida para la interface
instrucciones e indicaciones en la misma lengua que la del ejercicio anterior
fuente: al menos dos tipos de fuente: Comic Sans regular 12 y otra que tú elijas
un tipo y tamaño distinto de fuente, y sólo una
colores en el ejercicio: que aparezcan tres colores diferentes
el mismo color de fondo de la página pero diferente color de fondo del ejercicio
con contador de tiempo
sin contador de tiempo
sin botones de navegación entre las páginas
sin botones de navegación entre las páginas
Actividad 2. Diferencias de configuración Te vamos a mostrar a continuación varias parejas del mismo ejercicio que se distinguen en algo. La actividad consiste en averiguar qué tienen de diferente. Ir al ejercicio Diferencias de configuración (tiene 2 preguntas)
Actividad 3. Exportar a web Ahora recordaremos los destinos que les puedes dar a tus ejercicios de Hot Potatoes, es decir, las posiblidades de exportar a web como archivo con extensión htm: Ir al ejercicio "Modos de exportar" (tiene 3 preguntas)
Actividad 4. Proyecto Quizás sea estimulante iniciar el capítulo con el Proyecto A.2: Integrar, ya que propone trabajar en equipo. Si no los realizaste antes quizá te animes ahora con los proyectos A.0 y A.1. en la sección Proyectos.
> Introducción de datos 2.2 Introducción de datos Actividad formativa 0 Si vas a conservar hasta final de curso todas tus actividades formativas, te recomendamos que sigas un sistema sencillo pero lógico para nombrar y guardar tus ejercicios. Crea carpetas, según criterios de: tipos de ejercicios, patatas, capítulos, etc. Por ejemplo: nosotros hemos seguido el criterio capítulos, y por eso nuestro primer ejercicio se llamará e20, que significa ejercicio 0 del capítulo 2. Te proponemos, pues, que diseñes tu propio sistema de ordenamiento de ejercicios.
En cualquiera de las patatas de Hot Potatoes se introduce el mismo tipo de datos: 1. El título y el contenido del ejercicio: preguntas y respuestas, frases o imágenes, textos... Se hace desde la pantalla inicial de cada una de ellas. 2. Los datos que complementan al contenido y configuran la apariencia general del ejercicio: subtítulo, indicaciones, formatos, botones de navegación... Se hace principalmente desde la configuración, que se encuentra en "Opciones/Configurar el formato del archivo originado" 3. Otros datos complementarios, como la inserción de hipermedia (imagen, sonido o vídeo) y de otros elementos: una lectura, metadatos, un archivo, una tabla html, vínculos. Se realiza desde los menús superiores de la interface común. Para introducir datos tienes que abrir la patata que te interese, rellenar las casillas y los espacios, introducir códigos específicos, y después guardar el ejercicio. No es difícil.
> Introducción de datos > Título 2.2.1 Introducción de datos a. Título Una vez iniciado Hot Potatoes y abierta cualquiera de las "patatas", aparece su pantalla característica y una página en blanco con espacios para rellenar. Escribe el título del ejercicio, y si quieres algo más. Pon un nombre cualquiera a este ejercicio y guárdalo en una carpeta que hayas creado previamente. Nosotros, por nuestra parte, también hemos abierto una "patata" al azar y hemos escrito el título (en la pantalla principal) y el subtítulo (desde "Opciones/configurar el formato..."). La hemos guardado con el nombre de "e20prev", por lo que se llama "e20prev.jmx". Este ejercicio, una vez exportado a web, es decir, una vez interpretado su código *.html, se ha materializado en este: e20prev.htm
Actividad formativa 1 Los dos ejercicios anteriores ¿Son la misma patata? Vuelve a ellos y observa sus formatos y lo que dicen. Ayuda: te recordamos que JMix se utiliza para crear ejercicios de ordenación de elementos en una frase o un texto. Vuelve al ejercicio e20prev.htm y analiza estas cuestiones: 1. Los datos introducidos por nosotros están en una lengua: ¿cómo los cambiamos a otra lengua? 2. ¿Cuál es el título? 3. ¿Tiene subtítulo? 4. Tiene varios botones. ¿Desde qué menús de la "patata" se modifican? ¿Qué quiere decir cada uno de ellos en este tipo de ejercicio en concreto? 5. Y la pregunta clave: ¿qué le falta al ejercicio, esencial? Algunas respuestas deberías saberlas porque lo tratamos en el capítulo 1. Si no sabes todas las respuestas no te preocupes; las iremos recordando y descubriéndo.
También puedes hacer estas pruebas en tu propio ejercicio: ●
cambia la interfaz a una lengua cualquiera y después vuelve a ponerla a la que tú elegiste al principio ●
después, cambia el título y el subtítulo a otra lengua que no sea inglés y después guárdalo
Después de introducir el título y el subtítulo en la patata que te propusimos, JMix, y en la que tú elegiste, vamos a hacerlo también en las demás.
Actividad formativa 2 Abre todas las patatas y crea un primer ejercicio con cada una de ellas. Sólo tienes que introducir el título y el subtítulo. Después guárdalas. Ahora tendrás al menos 5 tipos de ejercicios diferentes. Por cierto, ¿pueden llamarse de la misma manera? Haz la prueba.
Volviendo a la Actividad formativa 1, nosotros ya hemos añadido al ejercicio e20prev eso tan esencial que le faltaba. Por si quieres verlo, es este ejercicio e20
> Introducción de datos > Contenido 2.2.1 Introducción de datos b. Contenido Ahora ya podemos empezar a rellenar las plantillas con los datos que constituyen el ejercicio. Nosotros hemos abierto tres de las "patatas" al azar, hemos introducido o modificado algún dato más y hemos guardado los tres ejercicios con los nombres de: ● ● ●
"e21" con la extensión *.jqz "e22" con la extensión *.jmt "e23" con la extensión *.jcw
Hemos incluido algún dato en uno de ellos para poder generarlo como página html. El aspecto definitivo que tendrían estos tres ejercicios una vez convertidos en páginas web sería éste: ● ●
e21 e22
●
e23 Tres ejercicios muy sencillos con título, alguno también con subtítulo, y los primeros datos. Los botones no los hemos tocado.
Actividad formativa 3a Como son ejercicios relacionados con el tema que estamos tratando, te proponemos ahora que los resuelvas. Pero pon atención.
¿Es fácil contestar un ejercicio hecho con Hot Potatoes? Sí... en teoría: cuando los ejercicios están bien hechos, claro. El problema es que, la verdad, no los hemos hecho demasiado bien; nos hemos equivocado en las respuestas. Disculpa. Si no te habías dado cuenta, vuelve a ellos ahora.
Actividad formativa 3b Vamos a corregir los errores en los datos introducidos. Busca esos tres ejercicios en la carpeta "Ejercicioshp" dentro de la sección "Recursos". recursos\ejercicioshp Ábrelos e introduce o cambia los datos correctos en al menos uno de ellos. En algún caso tendrás que marcar otra respuesta correcta, por ejemplo. Después guárdalos.
Estamos aprendiendo en este momento a introducir nuevos datos en nuestros ejercicios: los que constituyen el contenido mismo. Lo hemos visto ya en tres patatas. Es el momento, por tanto, de completarlo con las demás patatas.
Actividad formativa 4 Abre tus propios ejercicios, los que creaste antes, y prueba a introducir en ellos los nuevos datos. Para cada tipo de ejercicio será diferente: en unos serán preguntas y respuestas, en otro una frase, en otro rellenar dos columnas... Haz los que puedas y guárdalos. Si te ha resultado muy difícil, no te preocupes; sólo son pruebas para ir conociendo las patatas. En el próximo capítulo 3 vamos a profundizar en este tema.
> Introducción de datos > Datos de configuración 2.2.1 Introducción de datos c. Datos de configuración Los datos de configuración son los datos principales para dar un formato al archivo que estás creando. Hay dos formas de acceder a esos datos, es decir, a la información relativa a la configuración de los ejercicios: ●
desde el icono correspondiente en la barra de herramientas:
●
o desde la pestaña "Opciones/Configurar el formato del archivo originado":
Los datos más relevantes que constituyen la configuración de los ejercicios son:
Es decir: ●
título, que ya hemos visto, e instrucciones para realizar el ejercicio: por ejemplo "contesta", "señala qué afirmaciones son verdaderas", "completa este crucigrama seleccionando el número y rellenando la casilla correspondiente", "relaciona los elementos de una columna con los de otra", "averigua qué falta en esta frase y complétala", etc. ●
diversas indicaciones para las preguntas y respuestas: correcto o incorrecto, pistas de ayuda como "esta parte es correcta: ...", puntuación obtenida, etc. ●
los botones de respuestas, de pistas y otros específicos de cada tipo de ejercicio: decidir cuáles queremos que sí aparezcan y qué van a decir: "pista" o "comprueba", etc. ●
los botones de navegación: que te servirán para poder unir varios ejercicios y poder navegar entre ellos como en cualquier página web cuando enlazas varias páginas: "volver a inicio", "página siguiente", "página anterior"... ●
●
los referidos al aspecto, al fondo y a la fuente: elegir un color o una imagen para el fondo, elegir el color y el tipo de letra, los colores del ejercicio, del vínculo, del título otro elementos: ❍ contador: con el que puedes poner un límite de tiempo para la pesona que haga tu ejercicio ❍ CGI: que se utiliza para poder enviar los resultados de los ejercicios por email ❍ y otros, específicos de cada tipo de ejercicio
Todos estos datos se van introduciendo en las casillas correspondientes de cada ejercicio y al final se guardan.
Actividad formativa 5 Abre tus propios ejercicios, los que creaste antes, y prueba a introducir en ellos nuevos datos de configuración. Comprobarás que algunos se repiten en todos los ejercicios, mientras que otros no; por ejemplo, los mensajes de correcto e incorrecto, las indicaciones, los botones de respuesta, etc. varían un poco en cada tipo, en función de sus necesidades intrínsecas. El objetivo de esta actividad es simplemente echar un vistazo a los distintos tipos de configuración y sacar tus propias conclusiones al respecto. Y si puedes, introducir nuevos datos de configuración. Si te ha resultado muy difícil, no te preocupes: en el próximo capítulo 3 vamos a profundizar en cada tipo de ejercicio.
NOTA: para centrarnos un poco, recuerda que de momento sólo estamos viendo en qué consiste la configuración, es decir, qué tipo de datos se pueden introducir en los ejercicios, pero todavía no hemos empezado a guardarlos, a guardar los formatos de los archivos. Porque una cosa es pensar cuáles serán las instrucciones de un ejercicio en particular, de qué color queremos su fondo, o qué queremos que diga la leyenda de su botón de correcto, por ejemplo, y otra cosa distinta es decidir que esos datos los queremos conservar para otros ejercicios, o sólo para éste, o que en realidad no nos gusta nada la configuración que le hemos dado y no la queremos guardar. Esto lo vamos a ver en el apartado 2.3. Ahora, nos fijamos en otros datos y elementos complementarios que pueden incluirse en los ejercicios de Hot Potatoes.
> Introducción de datos > Lectura 2.2.1 Introducción de datos d. Lectura Actividad formativa 6 Antes de nada, mira este ejercicio con lectura insertada hecho con JCross, para que tengas una idea de cuál sería el resultado final. Sólo dos preguntas: ● ●
¿En qué parte del ejercicio la hemos insertado? ¿Y en qué parte hemos insertado la imagen?
Las lecturas se insertan desde Archivo/Añadir lectura:
o en el icono de la barra de herramientas:
Una vez seleccionado aparece esta pantalla:
Vemos que tenemos estas opciones para introducir una lectura: ●
●
o escribir un texto manualmente o copiando y pegando de un texto cualquiera: es lo que hicimos nosotros en el ejemplo de la actividad formativa 6, el ejercicio con lectura insertada
●
o bien Incluir texto de lectura, es decir, importar un texto cualquiera desde un archivo html externo que tengamos en el ordenador, como enlace, seleccionándolo después de Examinar las carpetas. Por ejemplo, para este último caso nosotros hemos elegido al azar uno de nuestros archivos para insertarlo como lectura. Hemos seguido los pasos anteriores; y después, al seleccionarlo y abrirlo vemos que en el lugar del ejercicio donde se supone insertado aparecen unos códigos:
Son código html. Es sólo la apariencia temporal del ejercicio; cuando lo conviertas en una página web real, esto ya no aparecerá así, como vas a poder comprobar. Para terminar el proceso, sólo tienes que aceptar, en la parte inferior. Cualquier cambio en la lectura insertada se hace volviendo a Insertar/Lectura, en donde te volverá a aparecer la pantalla anterior.
NOTA: En este caso, habrá que tener en cuenta que el texto sea html y que está dentro de las carpetas correspondientes de la página que estás creando. Hay otro modo de insertar textos para leer, que consiste básicamente en escanear un texto y convertirlo en imagen. Te mostramos un ejemplo para que te hagas una idea de lo que queremos decir (ejercicio de respuestas múltiples con 5 preguntas): - ejemplo de inserción de texto escaneado como imagen -En el Anexo llamado Multimedia, dentro de la sección Anexos de este curso, encontrarás algo mas de información sobre el modo de obtener imágenes para tus ejercicios.
> Introducción de datos > Metadatos 2.2.1 Introducción de datos e. Metadatos Son datos característicos de un documento html y que, por tanto, puedes incluir en tu ejercicio de Hot Potatoes, que aportan información sobre el mismo, que puede percibir por ejemplo un navegador pero que no se ven. Los encuentras en Archivo/Añadir metadatos:
Son, por ejemplo, la descripción de tu ejercicio, que sirve como criterio para su búsqueda en Internet (marcado en la imagen en color amarillo y que incluirías entre las comillas), o tu nombre si eres el creador (marcado en la imagen en color marrón y que incluirías en el lugar de "UNREGISTERED").
> Introducción de datos > Vínculos 2.2.1 Introducción de datos f. Vínculos ●
¿Dónde se pueden insertar? En cualquier parte del ejercicio
Actividad formativa 7 Te mostramos un ejemplo de ejercicio, este de respuestas cortas, en el que hay que navegar por dos páginas web para poder responder a las 3 preguntas planteadas: - ejercicio de vínculo a web Contesta a esas tres preguntas.
●
¿Cómo se incluyen? Desde Insertar/Vínculo
●
¿A qué? A un archivo local, a una dirección de Internet o a una dirección de correo: ❍
a un archivo local, es decir, que está en tu ordenador Para ello hay que hacer clic en "Insertar/Vínculo/Vínculo a un archivo local". Una vez hecho esto hay que seleccionar el archivo que nos interese, al que se irá al pinchar en el enlace:
Al seleccionar "Open" o "Abrir", aparece esta página:
En ella comprobamos que la ruta URL es relativa, escribimos el texto que queramos que aparezca, en el que haremos clic, y seleccionamos si queremos una imagen que también nos servirá como enlace. Finalmente aceptamos en "OK". ●
a una dirección de Internet: el proceso es el mismo que el anterior ●
a una dirección de correo electrónico: Para esto debes insertar la siguiente etiqueta: <A HREF="mailto:tudirección@decorreo">mensaje de texto</A> donde dice "mensaje de texto" se escribe por ejemplo: "contactar" o "envía tu correo", etc. Al pulsar, se abrirá el programa de correo electrónico instalado en el ordenador en que estás trabajando.
Actividad formativa 8 Si te quedara alguna duda sobre la inserción y creación de vínculos, no dejes de consultar la Ayuda desde una de las casillas de las pantallas de Insertar.
Finalmente, no olvides que cada tipo de ejercicio tiene sus peculiaridades y que la descripción que acabamos de hacer es general para todos ellos pero que no vas a encontrar en ellos lo mismo y del mismo modo; esto será algo que irás descubriendo en el próximo capítulo 3.
Actividad formativa 9 Para irte anticipando, te proponemos esta actividad de búsqueda y selección de información: averigua qué tipos de ejercicios no permiten las siguientes acciones: ● ● ● ●
añadir lectura añadir metadatos añadir archivo insertar vínculo a una dirección de correo
El resultado lo puedes resumir en este cuadro o similar: Acciones añadir lectura añadir metadatos añadir archivo insertar vínculo a una dirección de correo ¿Has llegado a alguna conclusión de utilidad?
Patatas
> Introducción de datos > Multimedia 2.2.1 Introducción de datos g. Multimedia: imágenes y otros elementos Desde el menú "Insertar" o desde los iconos de acceso directo puedes incluir: imágenes lo que el programa llama "Objeto multimedia": archivos de sonido y vídeo tablas html
● ● ●
En el capítulo 3 trabajaremos con estos elementos, por lo que ahora vamos solamente a dar unas pautas generales. Y más adelante también tendremos ocasión de consultar el Anexo llamado "Multimedia", como complemento y refuerzo a este tema y en paralelo con la elaboración de ejercicios.
Actividad formativa 10 Como actividad previa te proponemos que descubras: ●
●
●
si se puede insertar multimedia en todos los tipos de ejercicios de Hot Potatoes, y cuáles si se pueden insertar todos los tipos de multimedia desde los iconos de acceso directo en la barra de herramientas, y cuáles en qué partes de los ejercicios de las patatas se puede insertar multimedia
Después puedes completar esta sencilla tabla u otra similar que crees a tu gusto (puedes seleccionarla y después copiarla y pegarla en un documento normal de texto): Insertar multimedia ¿Cuáles?
Iconos de acceso directo ¿Cuáles?
JQuiz JMatch JCross JCloze JMix
NOTA: Insistimos en la necesidad de que organices tus carpetas y tus ejercicios de modo
coherente antes de empezar los ejercicios, para evitar luego confusiones. Un ejemplo de organización algo caótica podría ser este:
En donde se mezclan: ●
archivos generados con Hot Potatoes:
●
documentos html generados al exportar a web tus ejercicios:
●
archivos gráficos:
●
o archivos de sonido:
¿Cómo prefieres organizarlas? Un ejemplo de buena organización previa a la elaboración de tus ejercicios de Hot Potatoes sería, por ejemplo, crear una carpeta llamada "nombre_de_tu_pagina", y dentro de ella estas carpetas:
En donde: ●
archivos_ fuente se refiere a los archivos generados con las patatas ●
imagenes son todas las imágenes incluidas en los ejercicios ●
paginas_web son los documentos html una vez exportado el ejercicio a web ●
sonidos son los sonidos incluidos en los ejercicios Así, cualquier archivo que estuviera fuera de esa carpeta "nombre_de_tu_pagina" no podría aparecer en ella. Debes tener esto en cuenta, especialmente, a la hora de insertar multimedia. Todos los multimedia
de tus ejercicios deben estar, antes de insertarlos, dentro de carpetas creadas para ese fin, y dentro de la carpeta del ejercicio o página web, y ya no moverlos de ahí.
Actividad formativa 11 ¿Qué crees que pasa en este ejercicio? ¿Cómo se puede solucionar?
...................... Ahora iniciamos con las imágenes la explicación de la inserción del multimedia en los ejercicios de Hot Potatoes.
> Introducción de datos > Imágenes 2.2.1 Introducción de datos h. Imágenes Los tres pasos previos, cuando quieres incluir una imagen, son: ●
●
●
decidir qué imagen quieres de dónde la vas a sacar: si ya la tienes, de tus carpetas; o la vas a escanerar; si vas a utilizar alguna de Internet. en qué parte del ejercicio la vas a incluir
Lla forma y las posibilidades de insertar imágenesvarían en unos u otros casos. Las imágenes se insertan así: 1. decide en qué parte del ejercicio la quieres y coloca ahí el cursor. Nosotros la vamos a insertar, por ejemplo, en la casilla de Instrucciones 2. selecciona el menú Insertar 3. elige una de las dos opciones: -desde una página web: es decir, desde un archivo en una página de Internet -desde un archivo local: es decir, desde un archivo gráfico que tengas en tu ordenador El programa recordará que hay que guardar el archivo antes de insertar una imagen:
Así, el programa puede reconocer en qué carpeta está tu archivo gráfico y encontrar la ruta relativa de dicha imagen. Guarda, por tanto, tu ejercicio. Después repite los pasos 1, 2 y 3. A continuación vamos a elegir una imagen desde un archivo local. En el siguiente cuadro hay que buscar la imagen que quieres, seleccionarla y después hacer clic en Open o Abrir:
Entonces aparece una nueva pantalla similar a esta:
De esta ventana vamos a destacar lo siguiente: ●
●
●
Alineamiento de la imagen: te permite colocar la imagen a la izquierda, al centro o a la derecha dentro del lugar del ejercicio donde has decidido insertarla. Nosotros vamos a elegir en el centro; queremos que esté centrada Largo y ancho: para modificar la imagen. En nuestro caso lo vamos a hacer porque nos parece muy grande y le vamos a dar más o menos 200 x150 URL del vínculo: esto es lo más importante: la referencia debe ser solamente a la carpeta donde está incluida tu imagen; nada más. Si la cambiaras de carpeta, deberías comprobar que el camino de búsqueda es correcto
Cuando pulses OK, habrá quedado insertada en el ejercicio y terminado el proceso.
Cuando se inserta un archivo multimedia por primera vez, llaman la atención los códigos que aparecen en el ejercicio. Este ejercicio, de ordenamiento de elementos en una frase, es el que hemos generado nosotros después de haber insertado la imagen seleccionada:
Actividad formativa 12 En la imagen anterior hemos marcado los códigos htm aparecidos al insertar el archivo gráfico. ¿Sabes qué quieren decir esos códigos y qué efectos han producido?
Actividad formativa 13 Este ejercicio, de ordenación de elementos en una frase es el que nos ha resultado a nosotros después de haber insertado la imagen seleccionada y haberlo convertido en una página html. - ejercicio de ordenar con imagen Ésta es una prueba que hicimos, previa al resultado final, en la que probamos a insertar la imagen tal cual y en el título; y comprobamos que era demasiado grande, y que iría mejor en otra parte del ejercicio.
En realidad, el resultado final fue este ejercicio. Queremos que te fijes bien, por cierto, en los elementos para ordenar: no hay solamente palabras, ¿verdad? Toma nota de este detalle porque en este tipo de ejercicios es importante todo lo que se incluya... incluso el punto y cualquier otro signo de puntuación.
.............. A continuación vamos a elegir una imagen a través de una dirección web. El proceso para insertar una imagen desde una página web es similar al que acabamos de describir, es decir: pasos 1, 2 y 3. En el siguiente cuadro hay que seleccionar la imagen y darle los parámetros respecto al alineamiento, al tamaño, al nombre y a la dirección web http:// de referencia:
Y, para finalizar, seleccionar Ok.
> Introducción de datos > Sonido y vídeo 2.2.1 Introducción de datos i. Sonido y vídeo El proceso para la inserción de Objetos multimedia (sonidos y vídeos) es parecido al de ficheros gráficos. Los cuatro pasos previos son: ●
●
decidir qué sonido o vídeo quieres de dónde lo vas a sacar: es decir, si ya lo tienes en tus carpetas o lo vas a tener (si lo vas a grabar, por ejemplo)
●
en qué parte del ejercicio lo incluirás
●
si quieres que aparezca como sonido que complemente a la actividad o como sonido de fondo
Los "Objetos multimedia" complemento a una actividad se insertan así: 1. decide en qué parte del ejercicio lo quieres y coloca ahí el cursor. Nosotros lo vamos a insertar, por ejemplo, en la casilla de Instrucciones 2. selecciona el menú Insertar. Aparece entonces esta imagen:
Tendrás que colocar el cursor en la casilla superior y después seleccionar Examinar para buscar tu archivo. Pero si no has guardado el archivo de datos todavía, te recordará que lo hagas antes de seguir adelante:
Así, el programa puede reconocer dónde está tu archivo multimedia dentro de tu carpeta, es decir, encontrar la ruta relativa de dicho archivo. Guarda, por tanto, tu ejercicio. Después repite los pasos 1 y 2. Verás que ahora sí te permite colocar el cursor en la casilla superior y seleccionar Examinar para buscar tu archivo. Nosotros ya lo hemos insertado:
Dentro de un rectángulo azul hemos enmarcado el signo que te permite reproducir el sonido para comprobar que es el que quieres. Enmarcados por un rectángulo amarillo tienes los Reproductores multimedia que puedes seleccionar para escucharlo. Con las flechas azules de la derecha cambias el orden de preferencia una vez seleccionados. Después de estas selecciones, sólo hay que decir OK y se termina el proceso. El ejercicio que nos ha resultado a nosotros es éste: - ejercicio original de prueba de sonido en el que el usuario tiene que interactuar con el ejercicio para que comience a sonar. Por cierto, lo que nos ha salido no nos ha gustado nada porque aparece ahí la ruta donde está insertado y sólo queremos, sin embargo, que aparezca el nombre del sonido. Así que hemos vuelto a él y hemos hecho una pequeña modificación en la configuración al insertarlo, y el resultado ya nos ha gustado un poco más: - ejercicio modificado de prueba de sonido -
Actividad formativa 14 Seguimos compartiendo nuestra propia experiencia con vosotros. Os contamos que hemos estado haciendo pruebas y comprendemos que no es tan sencillo como podría parecer. En concreto hablamos ahora de los "Reproductores de sonido". Por ejemplo, primero pensamos en seleccionar sólo uno de los reproductores, y los códigos html que generó esta acción fueron estos: <object classid="CLSID:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA" width="100" height="30"> <param name="src" value="../sonidos/ the_crying _flower.MID" /> <param name="autostart" value="false" /> <param name="controls" value="ControlPanel" /> <a href="../sonidos/ the_crying _flower.MID" alt="../sonidos/the_crying _flower.MID">The crying flower</a></object> Hace falta saber un poco de html para descifrar estos códigos; te ayudamos y así comprenderemos que: ●
hay sólo un objeto multimedia insertado, indicado y delimitado por las etiquetas <object al principio y </object> al final para cerrar ●
● ●
el objeto se llama the_crying _flower el objeto es un sonido porque tiene la extensión .MID se ha insertado como vínculo a algo porque tiene el código <a href> y </a> al final para cerrar
Después, pensamos seleccionar los 4 reproductores, ¿por qué no?, ¡no queríamos que nadie se quedara sin escucharlo! Haz tú lo mismo. Abre cualquier patata e inserta un sonido en ella. (Puedes cogerlo de la carpeta de "Recursos" del CD). Selecciona 1º un solo Reproductor y comprueba los resultados. Después selecciona cuatro Reproductores: Windows Media, Quick Time, Real Player y Flash Media. Comprueba el resultado y compáralo con el anterior. Comprueba exactamente, como hemos hecho nosotros antes, qué códigos han aparecido y cuántos. A nosotros nos sale como si hubiéramos insertado 4 archivos de sonido diferentes: <object y </object> se repiten 4 veces; también la URL o ruta: <a href="../sonidos/ the_crying _flower.MID" ; algo así:
Extrae tus propias conclusiones: ¿cuándo se seleccionan unos u otros reproductores? ¿Para qué sirve exactamente: para que tú lo oigas o para que los usuarios lo oigan?
................ Volviendo a nuestro ejercicio anterior, el ejercicio de prueba de sonido ¿el sonido incluido aporta algún valor pedagógico al ejercicio? Creemos que no, ni sirve como motivación ni forma parte del contenido de la pregunta en sí; en realidad, iría mejor como sonido de fondo que, además, se iniciara automáticamente, sin darle más importancia.
Actividad formativa 15 Anota 5 propuestas en las que la inserción de un sonido cobraría pleno sentido pedagógico. Con estas condiciones: ● ● ● ●
deben ser para diferentes materias curriculares deben hacerse con diferentes aplicaciones de Hot Potatoes deben insertarse en diferentes partes del ejercicio o de su configuración debes explicar en qué consiste el ejercicio
Te damos un ejemplo: ●
Ejercicio para la especialidad de Música, de respuestas cortas con 4 preguntas por ejemplo, en el que se escuche una música y haya que adivinar su compositor. El sonido se insertaría en el enunciado de cada
pregunta Si quieres, desarrolla uno de ellos con Hot Potatoes.
NOTA: Como complemento a este tema, lee dentro del Anexo Multimedia el apartado dedicado al sonido y al vídeo. Cuando hagamos ejercicios de inserción de sonido en el capítulo 3 volveremos, de todas formas, a hacer referencia a él. Hay dos posibilidades de insertar un sonido como música de fondo: ●
para que se reproduzca automáticamente al cargar la página: tendrás que escribir manualmente este código: <bgsound src="nombre_de _archivo.mid"LOOP=n ó INFINITE> Fíjate dónde tienes el archivo de sonido; si está dentro de una carpeta que, a lo mejor, se llama "sonidos", la ruta sería: <bgsound src="../sonidos/nombre_de_archivo.mid"LOOP=n ó INFINITE> Por otro lado, donde dice LOOP=n ó INFINITE> tienes que elegir y escribir cuántas veces quieres que se repita la música: si sólo 1, escribirías LOOP=1; si son 2, escribirías LOOP=2; etcétera. Y si fuera infinito escribirías: LOOP= INFINITE Es fundamental que respetes todos los signos y todos los espacios de este código.
●
para que no se reproduzca automáticamente, sino que el usuario pueda interactuar con él y controlarlo mediante una consola: <EMBED SRC="nombre_del_archivo.mid" CONTROLS=SMALLCONSOLE>
> Introducción de datos > Tablas 2.2.1 Introducción de datos j. Tablas Primero sitúa el cursor en el lugar donde quieres insertar la tabla HTML. Nosotros lo vamos a hacer en la pregunta 1 de un ejercicio de respuestas múltiples. Después selecciona Insertar/Taba HTML:
Una vez establecidos los parámetros:
y seleccionado OK, el programa insertará el código HTML automáticamente; en este caso el resultado sería: <table border="1" cellpadding="2" cellspacing="2" width="100%"><tbody> <tr> <td></td> <td></td> </tr> <tr> <td></td> <td></td> </tr>
</tbody></table> En donde: ●
<table> quiere decir "tabla" y </table> "fin de tabla"
●
<tr> quiere decir "fila" y </tr> "fin de fila"
●
<td> quiere decir "celda" y </td> "fin de celda"
Aunque si miramos en el ejercicio sólo vemos esto:
Para verlo entero, y también para modificarlo después, tendrás que subir o bajar por las flechas de la derecha. En esta tabla de 2x2 no hay datos: las celdas están vacías. Por eso no se verá nada cuando se exporte a web: ejercicio c27.
Actividad formativa 16 Viendo dichos códigos html anteriores: <table border="1" cellpadding="2" cellspacing="2" width="100%"><tbody> <tr> <td></td> <td></td> </tr> <tr> <td></td> <td></td> </tr> </tbody></table> podemos deducir que: - hay una tabla: marcados sus límites en color naranja - hay dos filas: marcados sus límites en color rojo
- hay cuatro celdas en cada fila: marcados sus límites en color morado Ahora, abre cualquiera de las patatas y crea dos ejercicios con JCloze. El primero con estos parámetros: ● ● ●
3 filas y 4 celdas (es decir, 4 columnas) cada una borde de tabla: 5 anchura de tabla: 25%
El otro con los siguientes parámetros: ● ● ●
3 filas y 4 celdas (es decir, 4 columnas) cada una borde de tabla: 20 anchura de tabla: 25%
Ahora dos preguntas: ● ●
¿cuál de los dos se corresponde con este ejemplo de tabla? ¿qué diferencia encuentras entre el ejemplo de tabla anterior y este segundo ejemplo de tabla?
Te damos una pista: la respuesta a la segunda pregunta tiene que ver con códigos html pero no de tablas.
¿Cómo se introducen los datos? A mano. En esta tabla, por ejemplo, los datos en marrón son los que hemos añadido nosotros en nuestro ejercicio: <table border="1" cellpadding="2" cellspacing="2" width="100%"><tbody> <tr> <td>celda 1</td> <td>celda 2</td> </tr> <tr> <td>celda 3</td> <td>celda 4</td> </tr> </tbody></table> Mira el resultado. Para poder introducir más datos en tu tabla, como por ejemplo color de fondo de las celdas, tipos de letra, etc., es necesario que sepas código HTML.
Actividad formativa 17 Busca, en la Ayuda de las patatas, cualquier información de utilidad para mejorar tus tablas: por ejemplo, consulta HTML tags (Tag quiere decir etiqueta). Incluye alguna de estas etiquetas en la tabla que hayas creado.
> Configuración
2.3 Configuración del ejercicio a. Qué es "Configuración" significa: ●
●
el aspecto del ejercicio: color de fondo, tipo de letra, botones de navegación, etc. y las distintas instrucciones e indicaciones que lo acompañan: subtítulo, mensajes de respuestas, correcto o incorrecto...
La configuración se cambia desde "Opciones/Configurar el formato del archivo originado".
b. Cómo se hace El proceso para configurar un ejercicio es el siguiente: ●
abrimos cualquiera de las patatas y entramos en la pestaña: "Opciones/Configurar el formato del archivo originado" ●
Y se abre la ventana Fichero de configuración con una serie de menús que tienes que ir seleccionando para hacer los cambios que quieras:
Estos menús son comunes a todas las patatas, pero dentro de cada uno hay diferencias, lógicamente, según el tipo de ejercicio. La mayoría de las posibilidades de configuración son bastante intuitivas, por lo que no nos extenderemos en su explicación. Sin embargo, sí vamos a proponerte actividades que te ayuden a familiarizarte con ellas. Por su parte, las opciones que sean específicas de cada tipo de ejercicio las veremos en el capítulo 3. ●
una vez cambiados los datos que queramos, guardamos la configuración con el botón inferior llamado "Guardar como":
NOTA: Para estos archivos que tienen la extensión *.cfg te recomendamos que crees una carpeta nueva llamada por ejemplo "configuraciones", dentro, como siempre, de la carpeta de tus ejercicios. Si modificas esta configuración después sólo tienes que guardarla con el botón "Guardar". U una vez decidida la configuración, ya puedes introducir los datos que faltan. Y finalmente, guardar el ejercicio desde "Archivo/Guardar".
c. ¿Configuración nueva o antigua? Hay dos posibilidades: ●
crear una configuración nueva. Por ejemplo ahora, cuando todavía no hemos hecho ningún ejercicio y empezamos de cero. En este caso tendrías que seguir las instrucciones anteriores ●
elegir una configuración que ya tenías hecha y guardada. Por ejemplo, si estás creando una serie de ejercicios que van a formar parte de un mismo proyecto o de una misma web, tal vez te interesará que presenten un estilo y aspecto uniforme. En este caso se haría, una vez dentro de "Opciones/Configurar el formato del archivo originado, desde el botón inferior "Cargar" (o "Cargar un archivo de configuración diferente"). Ahí se abre una ventanta nueva en la que tienes que buscar el archivo de configuración que quieres. En nuestro caso tenemos uno guardado, lo hemos buscado por las carpetas y lo hemos seleccionado:
Inmediatamente hemos comprobado al volver al ejercicio que los datos de las casillas son ahora los que tenía ese archivo, "cnice.cfg".
Cargar un archivo de configuración para cambiar su idioma también se puede hacer de este modo: como antes, desde "Opciones/Configurar el formato del archivo originado/Cargar"; y desde la pantalla que se acaba de abrir, buscar una carpeta específica dentro del programa Hot Potatoes que instalamos en nuestro disco duro, llamada "Hot Potatoes\translations" (en nuestro caso sería exactamente en C:, en "C:\Program Files\HotPotatoes6\Translations"):
Tras seleccionar este archivo con "Open", comprobamos que volvemos al ejercicio y que todas las casillas han cambiado a español. En cualquiera de estos casos en los que hemos optado por una configuración que ya teníamos, tendremos que comprobar de todos modos que todos los datos son los que nos interesan. Después, podemos mantenerla porque nos gusta así o podemos modificarla. Para mantenerla, simplemente aceptamos en "Ok". Para modificarla, introducimos los cambios que queramos y después la guardamos. Es mejor guardarla en "Guardar como", para poder diferenciarla de la otra y conservar las dos. Dentro de "Opciones" tenemos otra función llamada "Cambiar la información de la configuración desde un archivo": ●
La "información de la configuración" se refiere al aspecto que tendrán los ejercicios, el idioma, los colores empleados y a los avisos e indicaciones que se dan a los que tendrán que realizar los ejercicios diseñados con las patatas" El "archivo" es donde se guardará toda esa información de configuración para que pueda ser utilizada en el diseño de otros ejercicos". Y, finalmente, utilizamos esta función siempre que se desee conservar dichos datos para futuras modificaciones de los ejercicios o para otros ejercicios, y para "conservar los datos de configuración que hemos defnido y/o diseñado".
d. Profundizamos
Os comentamos brevemente algunos de los menús de la Configuración: Botones Los botones permitirán al usuario de tu ejercicio interactuar y navegar en él. Podemos distinguir dentro de este menú (en "Opciones/Configurar el formato del archivo originado/Botones") dos partes:
Personalizar Es una de las pestañas de "Archivo de Configuración". Permite hacer modificaciones personalizadas en los archivos fuente, que se comportarían como una característica más de la configuración. Por ejemplo, si necesitas que aparezca siempre determinado texto. Desde "Personalizar" también se puede incluir algunos códigos al comienzo del texto en el archivo fuente: por ejemplo definir tus propias funciones JavaScript. Para más información, busca dentro de la "Ayuda" de Hot Potatoes la palabra "Custom", que es el término original utilizado por el programa.
CGI Es una de las pestañas de "Archivo de Configuración". Significa "Common Gateway Interface", o "Interfaz de Acceso Común" en español. Se utiliza para poder enviar los resultados del ejercicio por correo electrónico. Es muy útil, por ejemplo, si tienes clases "on line" y tus alumnos hacen tus exámenes de ese modo. Para saber más, pulsa en el botón "Información" de la pestaña. Unicode Unicode es un sistema estándar de codificación de caracteres de casi todas las lenguas del mundo, de modo que permite que en un mismo documento aparezcan distintas lenguas sin ningún problema. Hot Potatoes permite esta posibilidad y podrías por tanto crear ejercicios, en teoría, en cualquier lengua o mezclando lenguas. Nota: puede haber algún sistema operativo que no permita esta función. Para saber más, busca "Unicode" en la "Ayuda" de Hot Potatoes y lee la información.
e. Cuestión de orden Hemos visto dos fases en la creación de ejercicios con Hot Potatoes: la introducción de los datos y la configuración de su aspecto, de su formato. El orden en que se hace depende de cada uno: puede pensarse que el orden lógico es escribir primero el título, luego el contenido y después decidir sobre el aspecto del ejercicio, es decir, su configuración. Pero puede que te interese más hacerlo al contrario: determinar primero la configuración y después rellenarlo con los datos. ¿Por qué le estamos dando importancia al orden a la hora de introducir los datos? Verás: abre, en cualquier patata, el menú de la configuración (recuerda: "Opciones/configurar el formato del archivo originado"). Nosotros hemos abierto este por ejemplo:
Cualquier cambio que realices en los datos de configuración (en la imagen dentro de un recuadro naranja en la parte superior), deberás confirmarlos o guardarlos desde las pestañas de la parte inferior (dentro de un recuadro amarillo). ¿Y? Pues que esta nueva configuración guardada se va a conservar para los próximos ejercicios que hagas: estamos hablando de toda la configuración, es decir, no sólo el color de fondo o el tipo de letra, que quizá es en lo primero en que estés pensando; también otros datos de configuración que aparecen en estas pestañas, por ejemplo el título o las instrucciones.
Actividad formativa 18 Hemos elaborado un ejercicio pero el resultado no es el que esperábamos. Míralo aquí: abs0. Por un lado, parece que se montan unas cosas con otras y no se ve bien un botón. Por otro lado, hay partes que están en italiano. Ah, claro, ahora nos acordamos de que estábamos probando a cambiar distintas configuraciones, insertando códigos en el título, cargando archivos de interfaz distintos en distintas lenguas, y que después hicimos este ejercicio sin revisarlo. En realidad, lo que nosotros queríamos era algo así: abs2. ¿Cómo lo mejoramos? ¿Cómo hacemos para que se vea mejor y para volver a ponerlo en español?
Aquí terminamos el apartado 2.3 sobre la "configuración del ejercicio", bastante importante no sólo para que el ejercicio funcione correctamente sino también para que sea portador de un valor estético y pedagógico añadido. Lo mejor, como siempre, para conocerlo es hacer múltiples pruebas con él. A continuación, y para finalizar el capítulo 2, vamos a aprender un poco más acerca del modo de exportar el ejercicio para convertirlo en una página web visible para cualquier navegador.
> Creación de una web
2.4 Creación de una página web Estamos en el paso final en la creación de los ejercicios: la creación de una página web. Para ello, primero hay que guardarla en el formato de la "patata". Después hay que darle las instrucciones correspondientes. Hay dos caminos para hacerlo. Uno es desde "Archivo\Crear página web":
Y el otro sería seleccionando directamente el icono correspondiente en la barra de herramientas:
Las posibilidades de generar páginas web no coinciden en todas las "patatas". Para saber las opciones existentes en cada una, hay 3 caminos: ●
uno, desde el menú "Archivo\Crear página web" como acabamos de ver
●
otro, desde el menú "Opciones/Opciones de la barra de herramientas":
●
Y el tercero, viendo cada aplicación una por una
Actividad formativa 19 Averigua cuáles son esas posibilidades y cuáles permite cada "patata" de Hot Potatoes. ¿Puedes sacar alguna conclusión al respecto?
El proceso para generar páginas web es el siguiente: 1. una vez introducidos los datos y guardada la configuración, se guarda el ejecicio con el formato de la "patata" correspondiente, en "Archivo/Guardar" 2. se selecciona "Crear página web"; y dentro de ésta elegimos en las opciones, si hay más de una 3. se guarda el ejercicio, normalmente con el mismo nombre anterior 4. a la pregunta: "¿Visualizar el ejercicio en su navegador?", normalmente se responde que sí, para comprobar que el resultado responde a nuestro proyecto. Ahora, el ejercicio está listo para ser enviado a la red.
Actividad formativa 20 Puedes crear diferentes tipos de ejercicios , dándoles una configuración y después exportándolos a web. En el siguiente capítulo tendremos ocasión de profundizar en todos ellos.
Otros destinos Además de crear una página web, el programa también nos ofrece la posibilidad de exportar para imprimir y de exportar a WebCT. Las dos opciones se encuentran en el menú “Archivo”.
Actividad formativa 21 Para saber más sobre WebCT, consulta su página web.
> Recapitulación
Recapitulación Objetivos cumplidos Cuando finalices este capítulo, serás capaz de crear ejercicios con cualquiera de las aplicaciones de Hot Potatoes, de cambiar con cierta soltura su configuración y de darle las instrucciones precisas para convertirlo en una página web apta para su visualización en Internet. Para un óptimo seguimiento del siguiente capítulo, el 3, se requiere que hayas afianzado esos conocimientos, porque vamos a seguir profundizando. Es conveniente mantener un orden fácil de recordar en la clasificación de tus carpetas y archivos. Actividades: recordatorio Si no lo has hecho todavía, este es un buen momento para retomar las actividades iniciales, las que planteábamos al comienzo del capítulo; seguro que ahora ya sabes resolverlas. Puedes comprobar la solución en la sección Actividades.
> Introducción
3.1 Introducción Estamos en el ecuador del curso. Antes de llegar aquí hemos tenido que instalar Hot Potatoes, conocer su interface, aprender a manejarlo y crear ejercicios sencillos con él. Además hemos trabajado con ejercicios generados en el formato de las patatas y con ejercicios exportados como páginas html; y también hemos resuelto otros ejercicios elaborados con Hot Potatoes. En estel capítulo 3 vamos a crear diferentes tipos de actividades con las patatas. Con cada una de las "patatas" se pueden hacer diferentes tipos de actividades. Para empezar a elaborar un ejercicio primero hay que decidir de qué tipo se quiere y entrar en la patata correspondiente. Una vez dentro aparece una "plantilla" que sirve de base para rellenar con preguntas, respuestas y comentarios. Actividades Antes de seguir con los contenidos te proponemos unas sencillas actividades de repaso de las "patatas" que, además, te servirá para valorar aspectos relacionados con tu evolución en el aprendizaje de Hot Potatoes.
Actividades 1: Tipos de ejercicios Pulsa en este enlace para acceder a la prueba Ejercicio
Tipo de ejercicio
(ejemplo) ejercicio 3. REPASO CAPÍTULO 1
respuestas múltiples JQuiz
Actividades 2: Intereses
Patata
Comentarios "modalidad principiante"
Reflexiona: ¿qué quieres hacer con Hot Potatoes? ¿Qué quieres incluir en tus ejercicios yqué te gustaría aprender para poder realizarlos? Completa esta tabla (la puedes copiar y pegar en un documento normal, completarla y después imprimirla): ¿QUÉ ESPERO DE HOT POTATOES? utilidad dificultad en clase insertar imágenes
requisitos informáticos
??
??
V
insertar sonidos insertar vídeos insertar lecturas insertar direcciones web diferentes configuraciones de aspecto poder enlazar ejercicios con botones de navegación posibilidad de incluir caracteres no latinos poder incluir códigos html Después, consulta el índice temático que te hemos propuesto en la sección "Actividades" para comprobar si esos items están incluidos en él. Si no lo están, puedes incluirlos tú. Así tendrás un poco más claros tus objetivos de aprendizaje.
Actividades 3: Proyecto Puedes abordar este tema a partir de la Actividad 3. Proyecto: Primaria
Estas actividades son personales, y por eso no te ofrecemos una solución, aunque sí un ejemplo de cómo podrías resolverlas. Este ejemplo lo encontrarás en la sección Actividades. NOTA: recomendamos que, antes de empezar este capítulo, dar un vistazo al capítulo y a todas las actividades planteadas en él, con dos objetivos:
●
te dará una idea de lo que vas a aprender y quizá te sugiera un modo de trabajo particular más acorde con tu estilo o con tus necesidades y prioridades ●
te ayudará, sin duda, a hacerte una planificación del tiempo y del esfuerzo que va a suponerte Esperamos que disfrutes.
> Contenidos > Respuestas Múltiples 3.2 Respuestas múltiples a. Qué es Los ejercicios de respuestas múltiples son aquellos en los que se plantea el enunciado de una pregunta y se presentan diversas opciones, de las que solamente una de ellas es la respuesta correcta.
Este tipo de ejercicios se realizan con JQUIZ
:
b. Elaboración de un ejercicio Como ya se ha explicado en el capítulo 2, la elaboración de cualquier ejercicio en Hot Potatoes consta de tres fases o etapas:
Introducción de los datos del ejercicio:
Bastará con que arranques la patata JQUIZ muestra en la figura anterior.
e introduzcas los datos de tu ejercicio,como se
Observa que a la derecha del enunciado de esta pregunta hay un menú desplegable, en el que está seleccionada la opción Respuestas múltiples.
Configuración del ejercicio: Todos los componentes de los ejercicios elaborados con cualquiera de las "patatas" de Hot Potatoes son editables o modificables; para ello bastará con acceder a la opción Configurar el formato del archivo originado del menú Opciones de cualquiera de las patatas:
Y accedemos al cuadro de diálogo que se muestra a continuación, y en el que se pueden observar diversas fichas o pestañas con diferentes elementos que podrían modificarse.
En este primer ejercicio no vamos a configurar nada, para poder observar la configuración por defecto que genera el programa. Por ello, pulsaremos sobre el botón OK para volver a la ventana de diseño del ejercicio. A continuación guardaremos los datos del ejercicio, seleccionando la opción Guardar o Guardar como... del menú Archivo. Así, podremos modificar o corregir posteriormente el diseño del ejercicio. Se recomienda crear una carpeta en la que guardar todos los archivos con los ejercicios y actividades a realizar durante el curso. Guarda el diseño de este ejercicio con el nombre rmultiples.jqz (jqz es la extensión de los archivos generados con JQUIZ en cualquiera de sus modalidades). Creación de la página web:
Una vez introducidos los datos de nuestro ejercicio y establecida la respuesta adecuada, bastará con seleccionar la opción Crear página web del menú Archivo. Guarda la página web con el nombre rmultiples.htm (htm es la extensión de los archivos que forman las páginas web). NOTA: es muy importante que no utilices ni espacios en blanco, ni caracteres acentuados ni la "ñ" en los nombres de tus archivos, ya que los servidores de páginas web, donde se publicarán los ejercicios, no admiten estos caracteres en los nombres de los archivos. Después de poner el nombre al archivo, nos aparecerá un cuadro de diálogo en el que se nos preguntará lo que queremos hacer:
Pulsaremos sobre el botón Ver el ejercicio en mi navegador y, si todo se ha realizado correctamene, deberá arrancarse nuestro navegador de páginas web y podremos ver el ejercicio terminado y listo para ser realizado.
c. Particularidades Modalidad
Gestionar preguntas
Te permite modificar las preguntas y sus respuestas que has creado. Otros
d. Actividades NOTA: recuerda seguir un sistema coherente en el nombre y el almacenamiento de tus ejercicios. Por ejemplo: ● ●
● ●
tu primer ejercicio de respuestas simples se ha llamado rmultiples.jqz el ejercicio que crees en la actividad 1 (Actividad con instrucciones/indicaciones) podría llamarse rmultiples.jqz el ejercicio que crees en la actividad 2 (Actividad con imágenes) podría llamarse rmultiples.jqz el ejercicio que crees en la actividad 3 (Actividad cambiando el orden) podría llamarse rmultiples. jqz
1. Actividad cambiando las instrucciones e indicaciones para resolver el ejercicio. 2. Actividad con imágenes NOTA: Este tema lo tratamos en el Capítulo 2, Apartado 2.2.1 ("Introducción de datos"). A él te remitimos si te quedó alguna duda. Además, te recomendamos que leas también lo referido a imagen
digital en el Anexo llamado "Multimedia". 3. Actividad cambiando orden de respuestas/preguntas Con todo lo revisado y estudiado, la evaluación de este apartado consistirá en elaborar un ejercicio de cada una de las modalidades presentadas; el ejercicio deberá ser contextualizado y relativo a tu área, asignatura, etapa o nivel educativo.
> Contenidos > Respuestas Cortas 3.3 Respuestas cortas a. Qué es Los ejercicios de respuestas cortas son aquellos en los que se plantea el enunciado de una pregunta y el usuario tiene que teclear la respuesta correcta, una sola en este caso.
Este tipo de ejercicios se realizan con JQUIZ
:
b. Elaboración de un ejercicio El proceso para su elaboración es el mismo que para los ejercicios de respuestas múltiples. La única diferencia es, en la introducción de los datos, la selección de la opción Respuestas cortas:
A la derecha del enunciado de la pregunta, en el menú desplegable, está seleccionada la opción Respuestas cortas. Resumimos ahora los pasos en este cuadro: [nota diseño: hacer un cuadro interactivo: al pasar el cursor por las celdas de la izquierda aparecen las de la derecha a la derecha o abajo como un menú desplegable; lo que queráis]
●
arrancas JQUIZ Introducción de los datos del ejercicio
●
seleccionas "Respuestas cortas" del menú desplegable de la derecha ●
introduces los datos
Los componentes del ejercicio son editables o modificables desde las diversas fichas o pestañas en "Opciones/Configurar el formato del archivo originado": ●
en este primer ejercicio no vamos a configurar nada, para poder observar la configuración por defecto que genera el programa ●
pulsamos en OK para volver a la ventana de diseño del ejercicio Configuración del ejercicio
●
guardamos los datos del ejercicio, seleccionando Guardar o Guardar como... del menú Archivo. Nómbralo rcortas.jqz (jqz es la extensión de los archivos generados con JQUIZ en cualquiera de sus modalidades) Así, podremos modificar o corregir posteriormente el diseño del ejercicio. Recuerda la importancia de crear una carpeta en la que guardar todos los archivos.
●
selecciona "Crear página web" del menú "Archivo" ●
guarda la página web con el nombre rcortas.htm (htm es la extensión de los archivos que forman las páginas web)
Creación de la página web
NOTA: no utilices ni espacios en blanco, ni caracteres acentuados ni la "ñ" en los nombres de tus archvios, ya que los servidores de páginas web, donde se publicarán los ejercicios, no admiten estos caracteres en los nombres de los archivos. ●
en el siguiente cuadro de diálogo, en el que se nos preguntará lo que queremos hacer, selecciona Ver el ejercicio en mi navegador.
Si todo se ha realizado correctamente, deberá arrancarse nuestro navegador de páginas web y podremos ver el ejercicio terminado y listo para ser realizado, tal como se puede ver al pulsar sobre el siguiente enlace: tipo 2.
Actividad formativa Te habrás dado cuenta de que tanto los ejercicios de respuestas cortas como los de respuestas múltiples se elaboran con JQuiz. Lo que queremos averiguar ahora es: 1. 2.
¿JQuiz permite otros tipos de ejercicios? ¿Cuáles?
¿Qué diferencias de configuración hay entre los ejercicios de respuestas múltiples y de respuestas cortas? ¿Tienen los mismos tipos de botones y de respuestas, por ejemplo? 3. ¿Tienen las dos modalidades "principiante" y "avanzado"?
c. Particularidades Las mismas que los ejercicios de respuetas múltiples.
d. Actividades Vamos ahora a realizar algunas actividades con ejercicios de respuestas cortas.
NOTA: recuerda seguir un sistema coherente en el nombre y el almacenamiento de tus ejercicios. Por ejemplo: ● ●
●
●
tu primer ejercicio de respuestas cortas se ha llamado rcortas.jqz el ejercicio que crees en la actividad 1 (Actividad simple con imagen) podría llamarse rcortas1.jqz el ejercicio que crees en la actividad 2 (Actividad cambiando avisos/indicaciones) podría llamarse rcortas2.jqz el ejercicio que crees en la actividad 3 (Actividad con sonido de fondo) podría llamarse rcortas3.jqz
1. Actividad simple con imagen En el apartado anterior 3.2.1 (respuestas múltiples) incluimos una imagen en una parte del ejercicio, ¿recuerdas? Bien, la idea es ahora que aparezca en otra parte.
Actividad formativa Nosotros hemos hecho un ejercicio al que hemos llamado "rc_1". Míralo e intenta contestar a las siguientes preguntas: 1. 2. 3. 4.
¿En qué lugar exactamente hemos insertado la imagen? ¿Cuál es el subtítulo? ¿Lo hemos hecho en la modalidad principiante o avanzada? Compara ese ejercicio con este otro, llamado "rc_2". Se diferencian en una cosa: ¿En qué? ¿Por qué?
Una vez que hayas realizado esta actividad formativa, puedes empezar tu propia actividad. 2. Actividad cambiando avisos/indicaciones Con esta actividad pretendemos que vayas adquiriendo soltura en la cofiguración de tus ejercicios de Hot Potatoes. En ella te pedimos solamente que modifiques los datos de la pestaña "Avisos/ indicaciones". 3. Actividad con sonido de fondo Por primera vez en el curso vamos a insertar sonidos en los ejercicios de Hot Potatoes; en este caso, en un ejercicio de respuestas cortas. NOTAS: Este tema lo tratamos en el Capítulo 2, Apartado 2.2.1 ("Introducción de datos"). A él
te remitimos si te quedó alguna duda. Además, te recomendamos que leas también lo referido a sonido digital en el Anexo llamado "Multimedia".
Actividad formativa Una vez repasados estos temas, vamos a realizar esta actividad. A nuestro ejercicio anterior le hemos incluido un sonido de fondo y lo hemos llamado "rc_3". Cuando lo abras deberá sonar una melodía que se titula "The nowhere song"... que quizá te sirva de inspiración para contestar la pregunta.
Ahora, haz tú tu propio ejercicio de inserción de sonido. Puedes utilizar cualquier sonido de la carpeta Sonidos dentro de Recursos. Como resultado final, el sonido deberá comenzar automáticamente al abrir el ejercicio.
> Contenidos > Modalidad híbrida 3.4 Modalidad híbrida a. Qué es Los ejercicios de la modalidad híbrida combinan preguntas de respuestas múltiples con respuestas cortas. Las preguntas aparecen primero como respuestas cortas, y si el usuario no sabe la respuesta después de varios intentos, la pregunta cambia a repuestas múltiples.
Este tipo de ejercicios se realizan con JQUIZ
Que, una vez exportado a web, sería el ejercicio llamado tipo 3.
b. Elaboración de un ejercicio
Los tres pasos son los mismos que en los demás tipos. La diferencia está en las opciones de respuestas correctas y aciertos que vas a introducir: al incluir respuestas cortas y respuestas múltiples tienes, por tanto, que incluir también peculiaridades de las dos. Digamos que el ejercicio lo diseñarías en dos partes: ●
como en primer lugar aparecerá un ejercicio de respuestas cortas, nos centramos primero en su configuración. Así: escribes el título, la pregunta y las respuestas tanto correctas como incorrectas a la izquierda, y marcas las posibles correctas a la derecha en la casilla "Correcto":
Y el usuario podrá escribir como respuesta correcta tanto "cloroplasto" como "Cloroplasto". Hasta aquí es el mismo proceso que para cualquier ejercicio de respuestas cortas. ●
ahora vamos a pensar: esta pregunta de respuestas cortas se va a convertir en respuestas múltiples después de varios intentos (cuyo número, por cierto, tendrás de establecer también pero desde el archivo de configuración). Por lo que tendremos que pensar qué opciones de posibles respuestas vamos a incluir en él para que el usuario pueda marcar las correctas, como en cualquier ejercicio de múltiples:
Fíjate que en la columna de la izquierda hemos introducido 6 palabras (llega hasta "F").
c. Particularidades Datos específicos en la configuración a la derecha En las dos modalidades:
Modalidad principiante
Modalidad avanzada
Puntuación Otros
Actividad formativa La mejor forma de entender esto es comprobarlo haciendo nuestro ejemplo, llamado tipo 3.
d. Actividades 1. Actividad simple con sonido mediante enlace a archivo de sonido 2. Actividad cambiando rótulos de botones Primero vamos a hacer algunas pruebas con los botones de los ejercicios.
Actividad formativa Mira estos ejercicios sobre arte: rh_3, rh_4, rh_5 y rh_6. Se diferencian en los botones. ¿En cuáles? Para descubrirlo tendrás que contestarlos :-)
3. Actividad con lectura incluida y contador Actividad formativa Antes de realizar esta actividad queremos que nos ayudes a resolver un problema. Hemos creado un ejercicio híbrido con lectura incluida, pero al exportarla como página web hemos visto algo que no nos gusta nada. Míralo; es el ejercicio El cielo está enladrillado. Como puedes ver, en la lectura han aparecido unos espacios entre las palabras que no queríamos; en realidad deberían ser sólo cuatro líneas, para cuatro versos. ¿Por qué pasa eso? ¿Cómo lo cambiamos? Para darte una pista mira esta imagen: es el esqueleto de la lectura cuando la insertamos; en él hay mucho código que quizá no reconozcas y que se generó automáticamene al crear el ejercicio con el programa Word. En él hemos subrayado en naranja el texto para ayudarte:
Para resolver el problema tienes que abrir el ejercicio. Se llama "rh_1.jqz" y está en en el menú superior del curso, en la sección "Recursos/Ejerciciohp".
Una vez descubierto, ya estás un poco mejor preparado para realizar esta actividad de inserción de lectura. En cuanto al contador, simplemente te recordamos que está en "Opciones/Configurar el formato.../Contador". De todas formas, antes de insertarlo, piensa un poco (seguro que lo has hecho ya) en su utilidad pedagógica.
> Contenidos > Multiselección
3.5 Multiselección a. Qué es Los ejercicios de multiselección son un tipo particular de respuestas múltiples. En ellos se plantea el enunciado de una pregunta que va a tener varias respuestas correctas, y para contestar bien hay que seleccionarlas todas, y dejar sin marcar las incorrectas. Este tipo de ejercicios se realizan con JQUIZ
. Por ejemplo:
Que, una vez exportado como página web, sería este, que hemos llamado tipo 4.
Actividad formativa Para saber cómo resolver un ejercicio de ordenar elementos, léelo en el subtítulo del ejercicio anterior que hemos llamado "tipo 4". Y si no lo hiciste antes, resuélvelo ahora. También puedes equivocarte "aposta" porque te ayudará a entender algunas cosas. Nota: si quieres repetir el ejercicio varias veces y parece que no te lo permite el programa, puedes hacerlo utilizando el icono "Actualizar" típico de los navegadores: por ejemplo
en Internet Explorer o
en Mozilla.
Ahora intenta encontrar respuesta a estas cuestiones antes de seguir y de analizarlo juntos: ● ● ●
¿cómo sabes cuándo has acertado? el mensaje de respuesta cuando le das a "comprobar", ¿lo entiendes? ¿se parece este tipo de ejercicio al de respuesas múltiples? ¿Por qué?
b. Elaboración de un ejercicio El proceso es el mismo que para los demás ejercicios: empezamos con el título, el subtítulo y las instrucciones. Después, podemos seguir con los datos que completan el ejercicio y con su configuración. O viceversa, primero la configuración y luego los datos; como prefieras. Pero recuerda, en cualquier caso, la importancia de comprobar la configuración (que habrá aparecido automáticamente al abrir la "patata") antes de guardar el ejercicio, por si se hubiera cargado una que ya tenías y no te conviniera. Los datos que se introducen en los ejercicios de multiselección son los mismos que los de respuestas múltiples: ● ● ●
la pregunta las posibles respuestas, en la izquierda las indicaciones, en la derecha
Y el modo de crear página web también, como siempre, desde "Archivo/Crear página web" o desde el icono de acceso directo:
Algo cambia, sin embargo, en estos ejercicios respecto a los de respuestas múltiples: al crearlos pero también, como usuarios, al solucionarlos. ¿El qué? Lo vemos en la siguiente actividad.
Actividad formativa Vuelve al ejercicio "tipo 4" para analizar cuatro cuestiones, preguntas habituales, por otro lado, cuando nos enfrentamos a un ejercicio de multiselección por primera vez: ●
al resolverlo y al hacer clic en "comprobar" aparecía, si recuerdas, este mensaje o similar:
❍
¿qué significa ese 2/4, 1/4 o 3/4? - para ayudarte, resuelve los ejercicios "tipo 4" y "tipo 4bis" y compara el mensaje, después de hacer clic en "comprobar", en los dos ❍
¿y por qué siempre dice "correcto" en el botón, incluso si te equivocas? ¿Se te ocurre otra palabra más adecuada? - para ayudarte, mira la pestaña "Botones" dentro del Archivo de configuración (ya sabes: dentro de la patata, en "Opciones/ configurar el formato del archivo originado"). Dentro de ella tienes dicho botón. Nosotros, en el ejercicio "tipo 4bis" lo hemos llamado de otra manera; míralo, a ver si te gusta más. ●
al final, cuando se supone que ya has acertado la pregunta, aparece un mensaje similar a este:
con este porcentaje: 50%, y un dato: 4/4 ❍
¿qué quieren decir estos dos datos? ¿Lo entiendes? - para ayudarte, te decimos que el porcentaje tiene que ver con el número de intentos Intenta averiguarlo. Lo vemos ahora, a continuación.
Entonces: En este tipo de preguntas de multiselección no se trata de acertar correctamente, sino de seleccionar/no seleccionar correctamente. La forma de puntuar o valorar la respuesta es la siguiente: sobre un total de x selecciones, has hecho bien x {selecciones/no selecciones}: ●
●
en el caso del ejercicio "tipo 4": sobre un total de 4 selecciones o no selecciones que teníamos, hemos hecho bien 1 ó 2 ó 3. Esto lo expresa el programa de este modo: 1/4, 2/4 ó 3/4 Así, habrás acertado cuando hayas conseguido 4 de un total de 4: 4/4 en el caso del ejercicio "tipo 4bis": sobre un total de 3 selecciones o no selecciones, hemos hecho bien 2 ó 1. Esto lo expresa el programa de este modo: 1/3 ó 2/3 Así, habrás acertado cuando hayas conseguido 3/3
Esperamos que te haya quedado claro. Si no, lo verás cuando hagas tus propios ejercicios.
c. Particularidades
Modalidades Como en los tipos anteriores, las preguntas de multiselección también presentan las dos modalidades: "principiante" y "avanzada". En la modalidad avanzada aparece un dato llamado "ponderación" o "factor de valoración" del inglés "weighting", y se refiere al valor que tiene cada pregunta correcta dentro de la puntuación total: por ejemplo, cuando en un examen una pregunta vale tantos puntos. "Avisos/Indicaciones". "Botones". "Otros" Recomendamos dar un vistazo a estas pestañas dentro de "Archivo de configuración" y modificarlas, por varias razones: ●
●
●
para personalizar tu ejercicio dándole a las indicaciones y a los botones el texto o el rótulo que a ti te guste más y en el idioma que quieras para mejorar su presentación: desde "Otros" tienes la posibilidad de que las preguntas o las respuestas aparezcan de distinto modo cada vez que se cargue el ejericicio, por ejemplo porque actuando sobre ellas aprenderás de modo más eficaz
Esto es lo más destacado de los ejercicios de multiselección. A continuación te presentamos las actividades. Como es habitual, serán personales y adaptadas a tu especialidad educativa, y podrán incluir además de lo obligatorio cualquier otro aspecto que quieras.
d. Actividades Actividad 1 Actividad simple con lectura añadida y enlace a página web
NOTA: La explicación sobre la inserción de lecturas la tienes en el Capítulo 2, Apartado 2.2.1.d Actividad 2 Actividad libre Actividad 3 Actividad que incluya al menos 2 preguntas, cada una hecha con distintos tipos de ejercicios de JQuiz: ● ●
una de híbrida una de multiselección
> Contenidos > Emparejamientos 3.6 Emparejamientos a. Qué es Los ejercicios de emparejamientos o asociaciones son aquellos en los que hay que relacionar dos grupos de contenidos (textos, imágenes, etc.). Se hacen con JMATCH
. Por ejemplo:
Este ejercicio, una vez exportado a web, sería el llamado tipo 5.
Actividad formativa Para saber cómo resolver un ejercicio de emparejamientos, léelo en el subtítulo del ejercicio anterior llamado " tipo 5". Y si no lo hiciste antes, resuélvelo. Aprenderás algo sobre el tema de las tecnologías, que quizá retomemos más adelante...
b. Elaboración de un ejercicio Los tres pasos a seguir son los mismos de siempre. Los datos principales y comunes a todos los tipos de ejercicios se introducen del mismo modo: el título, el subtítulo, las instrucciones para realizar el ejercicio y el aspecto o el tipo de letra. Después tienes que decidir qué elementos irán en las dos columnas para que los relacionen los usuarios: ● ●
en la columna de la izquierda se colocan los que siempre aparecerán como fijos en la columna de la derecha se colocan, a la misma altura, los que se relacionarán con los fijos. Tienen que ir en el mismo orden; ya se ocupará el sistema de que aparezcan desordenados cada vez que se cargue la página automáticamente
Tanto los fijos como sus relacionados pueden ser textos, imágenes, vínculos u objetos multimedia. Luego tienes que decidir si quieres que algún elemento aparezca fijo: bien uno de los elementos de la derecha (marcando su casilla, destacadas en el recuadro amarillo de la imagen siguiente) o uno diferente (en la casilla inferior, destacada en un recuadro marrón):
Actividad formativa En el ejercicio que acabamos de ver aparecen algunos códigos html: unos los hemos incluido manualmente y otros los generó el programa de modo automático. ¿Cuáles son esos códigos, respectivamente, y qué significan? La respuesta, como es habitual, en la sección "Ejercicios" del CD.
Creación de página web Hay dos modos de exportar a web en los ejercicios de emparejamientos, como puedes comprobar al hacer clic en estos dos iconos de la "patata":
Es decir: ● ●
como página web estándar, con casillas o menús desplegables: jmatch_2bis como página web de tipo "Arrastrar/soltar": jmatch_2bisbis
Además, en JMatch puedes exportar también: ●
como "Tarjetas Flash": míralo en el ejemplo jmatch_2
Actividad formativa En los tres ejemplos anteriores nos ha pasado algo curioso: si no lo has hecho antes fíjate ahora en las instrucciones de los tres. Ves que son las mismas pero, sin embargo, no parecen cuadrar en todos, ¿verdad? En realidad sólo corresponden a uno. Pero al crear los ejercicios un poco deprisa no nos hemos fijado nada en la configuración de cada uno y claro, hemos metido la pata por no haberla cambiado. Bien. La 1ª pregunta ahora no es difícil de responder: ¿A cuál de los tres corresponden esas instrucciones? Y la 2ª pregunta es: vuelve a este ejercicio en el formato de Hot Potatoes y modifica las instrucciones para que queden mejor. Sí, es uno solo. En realidad creamos un solo ejercicio con Match pero lo exportamos de las tres maneras, creando por tanto tres documentos htm diferentes. Se llama "jmatch_2" y lo encontrarás en "Recursos\ejercicioshp\jmatch2" Pon nombre a cada ejercicio nuevo creado y guárdalos todos dentro de la misma carpeta, que puede llamarse " jmatch2" como la nuestra.
c. Particularidades Organizar elementos
Te permite modificar los elementos de la columna de la izquierda: cambiando de orden o de columna, eliminando, copiando, etc. Esta particularidad también la tienes en JQuiz, pero denominada "Gestionar preguntas".
Actividad formativa ¿Qué utilidad le ves desde la perspectiva de la materia que impartes?
Botones Nos fijamos en particular en los dos botones de la derecha y que hemos encuadrado en color marrón:
Son botones que aparecerán sólo si creas con el ejercicio una página web con tarjetas Flash.
Otro De esta pestaña destacamos la opción siguiente:
ACTIVIDADES Como de costumbre, las siguientes actividades serán personales y adaptadas a tu especialidad educativa. Deben incluir obligatoriamente lo que se especifica, y además puedes añadir algo nuevo si quieres. Actividad 1 Con texto y con sonido en el título que se ejecuta en la propia página. Actividad 2 Cambiando el aspecto del ejercicio. Opcionalmente, te proponemos que incluyas en esta sencilla actividad algo nuevo y por primera vez en el curso: intenta enlazar este ejercicio con otro. Puede ser por ejemplo con la Actividad 1 anterior. Para ello tienes que utilizar los botones de navegación (En "Opciones/configurar el formato del archivo originado/Botones"). A la izquierda, selecciona los botones: ● ● ●
"incluir botón ejercicio siguiente" e "incluir botón atrás", en las casillas de la izquierda ponles sus nombres o rótulos respectivos, en las casillas de la derecha escribe en su casilla el nombre de dichos ejercicios, es decir, su URL o ruta de acceso
Esto es sólo una prueba, así que no te preocupes si te resulta difícil (aunque seguro que puedes hacerlo). En el capítulo 4 vamos a profundizar en ello, pero si empezamos ahora a coger la idea seguro que nos facilitará el aprendizaje más tarde. Y seguro, también, que ya nos apetece a algunos empezar a utilizar navegación. Actividad 3 Actividad en la que se relacione al menos una imagen con otra imagen. En esta actividad tienes, además, que probar seleccionando dentro de "Otro" la opción "Mostrar un número limitado de ítems cada vez que cargue la página". Guarda cada documento que crees y compara los resultados, su eficacia y su utilidad. Seguro que puedes extraer alguna conclusión. Actividad 4 Actividad en la que se relacione texto con imágenes. Esta actividad tienes que exportarla de los dos modos: estándar y como arrastrar/soltar. Guarda los dos documentos y comprueba el resultado: ¿Qué pasa? ¿En qué casos se recomienda uno u otro modo? Vamos a detenernos un momento en ello consultando la
parte sobre JMatch del tutorial en español de Hot Potatoes: http://platea.pntic.mec.es/~iali/CN/HotPot60/ tutorial.htm Te dará alguna pista más.
> Contenidos > Ordenar elementos 3.7 Ordenar elementos a. Qué es Los ejercicios de ordenamiento de elementos consisten en colocar correctamente partes de un todo: ● ● ●
letras de una palabra palabras u otros elementos en una frase o contexto frases en un texto
Este tipo de ejercicios se realizan con JMIX
. Por ejemplo:
Ejercicio que, una vez exportdo a web, quedaría así: tipo 6.
Actividad formativa Para saber cómo resolver un ejercicio de ordenar elementos, léelo en el subtítulo del ejercicio anterior llamado "tipo 6". Y si no lo hiciste antes, resuélvelo ahora. Fíjate especialmente en los 3 botones que aparecen y para qué sirven.
b. Elaboración de un ejercicio Los datos principales, comunes a los demás tipos de ejercicios, se introducen del mismo modo: el título, el subtítulo, las instrucciones para realizar el ejercicio, el aspecto o el tipo de letra. Después: ●
frase principal: en la que se escriben los elementos que se van a desordenar. Se introducen en orden y uno en cada línea. Cuidado con los espacios y los signos de puntuación porque también cuentan ●
frases alternativas: otras posibilidades de acierto para esa misma frase: a veces se incluye aquí, por ejemplo, la misma frase pero con alguna mayúscula, aunque hay otras posibilidades. Dos de ellas son las que aparecen en la parte inferior de la plantilla del ejercicio: "Permitir frases que no utilizan todas las palabras o signos de puntuación en la frase principal", y "Avisar si la frase alternativa no utiliza todas las palabras y signos de puntuación de la frase principal". Como verás, son excluyentes: o una o la otra. Este es el proceso de creación de un ejercicio de ordenar elementos.
Actividad formativa Crea ahora dos ejercicios y expórtalos como página web: 1. 2.
uno, insertando una imagen dentro de la frase principal para enseñar a los niños de Primaria a separar palabras, creamos un ejercicio en el que la frase principal sea: "La casa es bonita" con espacios entre la palabras.
¿Qué conclusiones puedes extraer de cada uno?
Página web Hay dos modos de crear una página web en estos ejercicios:
● ●
como ejercicio de arrastrar y soltar como ejercicio de seleccionar
como puedes comprobar al hacer clic en estos dos iconos de la "patata":
Seguro que tienes tu propio criterio a la hora de elegir uno u otro.
c. Particularidades En cuanto a la configuración, los datos específicos están en las pestañas "Avisos/Indicaciones", "Botones" y "Otro". Avisos/Indicaciones
En esta pestaña hay varios aspectos que queremos reseñar: ●
examinaremos cada mensaje porque tal vez la traducción que nos da Hot Potatoes no se adecúa
exactamente a nuestro ejercicio recién creado ●
averigua en qué momento del ejercicio aparecerán estos mensajes ●
el poner o no los dos puntos al final de cada mensaje puede mejorar el aspecto de tu ejercicio ●
el término <br> antes de "Tu puntuación" es un código html que significa medio salto de línea. Podrás comprobar sus efectos cuando hagas un ejercicio ●
observa las dos casillas: Mostrar otras respuestas correct y Primera letra siempre mayúscula Sabemos por experiencia que la tentación inicial es saltarse, más o menos, estos mensajes y dejarlos tal como los da el programa. Pero te recomendamos que hagas distintas pruebas modificándolos y marcando o desmarcando sus casillas, para experimentar con esta ficha de la pestaña "Avisos/ Indicaciones"
Botones
Aquí puedes ver una configuración de los Botones específicos de JMix, pero quizá prefieras otra. Conviene que la reescribas a tu gusto. Tal vez en el botón "Deshacer" prefieras decir "deshacer intento anterior" o "anular", y en "Reiniciar" prefieras "comenzar". Mira por ejemplo en el ejercicio anterior llamado "tipo 6" qué botones y con qué nombres hemos utilizado, y cuáles faltan.
Actividad formativa Se nos ocurre otra línea para la reflexión. Cuando hagas tu ejercicio JMix, averigua si son necesarios todos estos botones para que el ejercicio sea completo. Y por otro lado, trata de imaginarlo para un ejercicio de Primaria, cuando los niños necesitan instrucciones sencillas y claras, o para un ejercicio de Bachillerato.
Otro Selecciona la pestaña "Otro" y observa lo que tiene JMix en relación con las demás "patatas", y por qué es así.
Actividad formativa Repasamos ahora las peculiaridades de JMix. Examina estos dos ejercicios: jmix_1 y jmix_2 como usuario. En ellos hemos hecho algunos cambios en sus configuraciones. Resuélvelos y compáralos y después responde a estas cuestiones: ●
en el ejercicio "jmix_1": si te equivocas al contestar y quieres repetir desde el principio, ¿cómo lo haces? ●
en "jmix_2", ¿qué botones faltan, que serían en tu opinión imprescindibles? ●
¿a cuál de los dos corresponde la configuración de las indicaciones que vimos en la imagen de arriba en esta página? ¿Y esta que tenemos a continuación?
●
en cualquiera de los dos: ¿dónde aparece la indicación "Haz clic en las palabras para incluirlas en la lista"?
En las actividades seguiremos investigando este tipo de ejercicios, en combinación con otros elementos, como la inclusión de vínculos y otros que tú elijas. Conviene que las actividades se adecúen al trabajo real en el aula en cuanto al formato de la patatat y al formato para web. ACTIVIDADES Actividad 1 Actividad simple de ordenar las letras de una palabra pinchando en las letras, con enlace a correo electrónico. Por si no te acuerdas, en el Capítulo 2, en su apartado 2.2.1 (Introducción de datos) tienes la referencia al modo de insertar enlaces en tu ejercicio. Actividad 2
Actividad con respuestas alternativas y con signos de puntuación El objetivo de esta actividad es observar las consecuencias de incluir o no los signos de puntuación cuando se intenta resolver el ejericicio. Actividad 3 Actividad simple de ordenar las palabras de una frase con la modalidad arrastrar y soltar.
> Contenidos > Rellenar huecos
3.8 Rellenar huecos a. Qué es Los ejercicios de rellenar huecos son aquellos en los que se plantea un enunciado, un texto o una palabra con espacios que hay que rellenar o completar. Este tipo de ejercicios se realizan con JCloze:
. Por ejemplo:
Ejercicio que, una vez convertido en página web, tendría este aspecto: tipo7.
Actividad formativa Para saber cómo resolver un ejercicio de rellenar huecos, léelo en el subtítulo del ejercicio anterior. Veamos a continuación cómo se elabora un ejercicio de este tipo. Nosotros vamos a ir creando uno mientras lo describimos. Tú también puedes hacerlo ahora o esperar a las actividades. Introducción de datos: Un buen comienzo, como siempre, es tener ya decidido qué vamos a hacer: sobre qué texto, enunciado o palabra vamos a trabajar, y qué posibles huecos vamos a poner para que el usuario diga qué falta en ellos. Después: ●
abrimos la patata correspondiente ●
escribimos en el espacio superior el título del ejercicio para poder guardarlo ●
en el espacio principal incluimos el enunciado sobre el que vamos a trabajar. Lo puedes copiar y pegar de otro documento ya hecho o teclearlo directamente. También insertar un vínculo a otro documento ●
se marca la primera palabra, letra o fragmento que vamos a convertir en hueco. En nuestro caso es la palabra "tomate":
●
se selecciona "Hueco" ●
vemos, escrita en la pantalla que aparece, esa palabra o fragmento que acabamos de marcar:
●
escribimos en "Pista" el mensaje que queremos que lea el usuario para ayudarle a adivinar qué falta en ese primer hueco. Este es el mensaje que aparecerá cuando el usuario pulse en la casilla al lado del hueco: NOTA: Si buscas este icono en el ejercicio anterior que llamamos "tipo7" no lo vas a encontrar porque no fue seleccionado en la configuración; su autor decidió no incluirlo ya que no lo necesitaba: ya había incluido las 2 palabras de los huecos arriba. Para ver dicho icono en un ejercicio ya exportado, mira el ejercicio llamado "más sobre colores". Ahora seguimos con los pasos para crear un ejercicio: ● ● ● ● ●
en "Respuestas correctas alternativas" incluimos otras posibilidades de acierto seleccionamos "Ok" volvemos a la pantalla principal y guardamos el ejercicio repetimos el mismo proceso para los demás huecos que queramos crear borramos o eliminamos huecos con los botones inferiores
para cualquier modificación en la configuración de los huecos hay que volver a la pantalla anterior denominada "Alternativas a la pantalla del hueco", con el botón "Mostrar palabras" la opción "Huecos automáticos" te simplifica la tarea de crear huecos en algunos casos
●
●
Actividad formativa Mira el ejercicio: más sobre colores. La propuesta de esta actividad es que reconstruyas el ejercicio: es decir, abre la patata correspondiente a ejercicios para rellenar huecos y crea un ejercicio que corresponda al que te hemos mostrado, que contenga los datos siguientes: ● ● ●
●
título texto creación de huecos con sus pistas. La condición es que utilices el botón para crear los huecos de forma automática botones correctos para "Pista" y para "Pista" para cada hueco. Fíjate bien tanto en el texto de los botones como en cuántos y cuáles hay, porque puede que falte alguno.
Puedes comprobar si lo has hecho correctamente si lo buscas en la carpeta del CD llamada "Ejercicios", en "capitulo3/archivos fuente/cloze2".
Configuración del ejercicio En la configuración de un ejercicio de Cloze destacamos estas particularidades: ●
Hay dos botones que pueden crear confusión; dos botones que encontrarás en "Opciones/ Configurar el formato del archivo originado/Botones":
Para entenderlo mejor, mira este documento sobre los botones de "pistas" en JCloze.
Actividad formativa ¿Qué se te ocurre para evitar esta confusión entre dos botones con el mismo nombre? Cualquier idea que tengas, anótala para ponerla en práctica cuando crees tu primer ejercicio de rellenar huecos. Nosotros, por nuestra parte, para no liarnos ya hemos realizado un cambio en la configuración, que podrás comprobar enseguida.
●
En "Opciones/Configurar el formato del archivo originado/Otros" encontrarás datos específicos de este tipo de ejercicio.
Actividad formativa Para aprender, lo mejor es hacer pruebas con los ejercicios y los datos. Por ejemplo: compara los ejercicios anteriores "tipo7" y "más sobre colores". Se diferencian en varias cosas, además de en los botones de "Pista" como ya vimos. Una es la presencia, en "tipo7", de las dos palabras que completan los huecos. Este dato no aparece en "más sobre colores". ¿Por qué? La respuesta está en esa pestaña "Opciones/Configurar el formato del archivo originado/Otros". Averígualo. Otra pregunta sobre la utilidad de incluir las palabras o no. ¿En qué tipo de ejercicios, o para qué tipo de materias educativas sería más recomendable?
Los demás datos de la configuración los puedes completar como es habitual en los ejercicios de Hot Potatoes. Después guarda la nueva configuración. Exportar a web Como lo hemos hecho con los otros tipos de ejercicios.
ACTIVIDADES Actividad 1 Actividad simple, con imagen buscada en INTERNET.
Actividad formativa Sólo una prueba antes de desarrollar tu propia actividad. Vamos a crear un cuento muy sencillo (tres o cuatro líneas es suficiente) con pictogramas: es decir, una historia en la que aparezca un texto sencillo y varias imágenes en lugar de una palabra. ¿Es posible?
Actividad 2 Actividad con vídeo que se ejecuta en su propio programa. Actividad 3 Actividad con vídeo que se ejecuta en la propia página.
> Crucigramas
3.9 Crucigramas Los ejercicios de crucigramas se realizan con JCross.
Ejercicio que, una vez generado, sería este: tipo 8.
Actividad formativa Por si quieres ir haciendo nuestros ejercicios, te adelantamos que un crucigrama de Hot Potatoes se resuelve así: ●
haciendo clic en el número de la palabra dentro del crucigrama para que te diga la pista o definición ●
tecleando después la palabra que creas correcta, pero no en las casillas del crucigrama sino en el hueco superior al lado de la definición ●
seleccionando "Comprobar respuesta" (o "Introducir", según cómo hayas llamado a ese botón") para ver si es correcto ●
seleccionando "Comprobar" para ver si está bien o no ●
y, finalmente, si no hemos acertado, seleccionando "pista" (o "Ayuda", por ejemplo) si queremos que nos diga cuál es la siguiente letra correcta Pruébalo con el ejemplo que acabamos de mostrarte, "tipo 8".
Veamos a continuación cómo se elabora un ejercicio con JCross. Nosotros vamos a ir creando uno al mismo tiempo que describimos los pasos. tú también puedes hacerlo ahora o esperar a las actividades. Introducción de los datos del ejercicio: Al arrancar JCross nos encontramos una cuadrícula como la de la imagen anterior pero en blanco. Las primeras decisiones que tomamos son: ●
el título: en el recuadro de la izquierda. Una vez que lo tengas ya puedes guardar tu ejercicio y seguir introduciendo los datos. Nosotros lo llamamos "Crucigrama1" ●
el tamaño de la cuadrícula: es decir, el número de casillas que tendrá (no el tamaño en cms. o en píxeles). Para ello necesitas saber antes de nada qué palabras vas a introducir y cuántas. El tamaño se cambia en "Organizar cuadrícula/Cambiar el tamaño de la cuadrícula". El número que introduzcas ahí será el número de filas o columnas que tenga. Nosotros le damos 5 de tamaño porque queremos algo sencillo y que no nos sobren casillas, y vamos a escribir sólo tres palabras: oro, casa y amor.
Actividad formativa Haz una prueba: crea tu ejercicio dándole de tamaño 5 (tendrá, por tanto, 5 filas y 5 columnas) y con tres palabras, como hemos hecho nosotros. Guárdalo (no hace falta que hagas nada en la configuración) y después expórtalo a web. Fíjate bien cuál es el resultado y el tamaño real del crucigrama. Ahora vuelve al ejercicio de JCross y cámbiale el tamaño de 5 a 15, con las mismas 3 palabras. Vuelve a guardarlo pero con otro nombre para distinguirlos y vuelve a exportarlo a web, también con nombre distinto. Ahora fíjate en los dos documentos .html: ¿el segundo es más grande que el primero? ¿Tiene, en efecto, 15 filas y 15 columnas? Saca tus propias conclusiones.
●
¿quieres crear tu propia cuadrícula o quieres que el programa lo haga automáticamente? Si quieres crear tu propia cuadrícula, solamente tienes que introducir las letras en horizontal o en vertical, tal como quieres que quede al final. Si tu crucigrama no va a ser demasiado grande, ésta es una buena opción. Te mostramos ahora nuestro primer crucigrama, que hemos hecho con un tamaño 5 de cuadrícula y con sólo tres palabras. Si quieres que se cree automáticamente, selecciona "Organizar cuadrícula/Crear automáticamente" o el icono de acceso directo
. Y después sigue las instrucciones para
introducir las palabras y otros datos. En este 2º caso vas a encontrar ciertas limitaciones si no registraste el programa Hot Potatoes cuando lo instalaste. Además tendrás que prever algunas situaciones que vamos a ver enseguida.
Actividad formativa Hemos empezado a crear de forma automática y siguiendo las instrucciones un nuevo crucigrama sobre medios de transporte. Pero tenemos un problema: ya han pasado unos cuantos minutos y parece que se ha atascado en esta situación:
Por lo que hemos decidido seleccionar "Parar ahora" para ver qué está pasando. Entonces ha salido la siguiente pantalla:
¿Puedes decirnos qué hemos hecho mal y cómo corregirlo?
Esta actividad anterior tenía que ver con el tamaño de la cuadrícula y el de las palabras, en efecto. Pero la siguiente que te proponemos se refiere más bien al tipo de palabras o, más en concreto, a alguna de sus letras, que no termina de encontrar su sitio...
Actividad formativa Hemos empezado a crear de forma automática otro crucigrama, éste sobre colores. Con 4 palabras y de tamaño 10, suficiente para que quepan y sobre. De nuevo parece que se ha atascado en la misma situación que antes, y al hacer clic en "parar ahora" nos ha salido el siguiente mensaje:
¿Puedes decirnos qué ha pasado ahora? Mira el ejercicio aquí, por si te da alguna pista:
Bien. Seguimos adelante con la introducción de datos. ●
El siguiente paso, para cualquiera de las dos opciones empleadas, es añadir las pistas, es decir, las definiciones de cada palabra, lo que aparece en un crucigrama como "1 horizontal", "4 vertical", etc. Para ello, selecciona "Añadir pistas", selecciona la 1ª palabra, escribe en el recuadro inferior la pista o definición que quieras y después selecciona OK a la derecha. Así sucesivamente con todas las palabras para, finalmente, marcar OK en la parte inferior:
Actividad formativa Echa un vistazo al ejercicio anterior, ya exportado a web, al que hemos llamado ejercicio de los colores, y resuélvelo. Fíjate, por cierto, que las pistas o ayudas que hemos incluido para cada término en horizontal y en vertical no son textos sino dibujos. ¿Para qué materia o nivel educativo podría valer un ejercicio como éste? .
En este momento sólo nos quedaría configurar el formato del archivo. Configuración del ejercicio Desde "Opciones/Configurar el formato del archivo originado", como siempre, vamos a ir añadiendo los demás datos. Los específicos del crucigrama están en "Avisos/Indicaciones", en "Botones" y en "Otros".
Actividad formativa Te invitamos a que descubras por ti mismo cuáles son esos datos específicos de los crucigramas y que hagas pruebas para conocerlos mejor, tanto creando ejercicios en su formato correspondiente como generando páginas web. Asimismo, fíjate en las posibilidades o no de incluir imágenes y otros objetos multimedia, y dónde.
●
● ●
Una vez configurado el ejercicio sólo nos queda guardar los nuevos datos de configuración y finalmente guardar el ejercicio. Creación de página web La forma de crear un documento .html es la misma que en los demás tipos de ejercicios.
● ● ●
●
● ● ● ●
● ● ●
ACTIVIDADES En las siguientes actividades vamos a revisar lo que acabamos de aprender y a practicar con nuevas formas de insertar hipermedia. Estamos ya casi al final del capítulo 3, por lo que no nos queda mucho que decirte, de lo principal de los tipos de ejercicios de Hot Potatoes, que no hayamos visto ya. No vas a encontrar grandes dificultades en realizar estas actividades con crucigramas, por lo que esperamos que sigas disfrutando y te animes a incluir en las actividades, aparte de lo obligatorio, algo más de todo lo que has aprendido hasta ahora. 1. Actividad simple con crucigrama a mano. Incluye pistas horizontales y verticales. 2. Actividad simple con crucigrama automático. No debe tener botones de navegación. 3. Actividad con enlace a página web (en ventana nueva) El resultado final debería ser similar a este: 4. Actividad cambiando aspecto del vínculo El resultado final debería ser similar a este:
> Recapitulación
3.10 Recapitulación Objetivos cumplidos Cuando hayas finalizado este interesante capítulo 3, y antes de continuar con el capítulo 4, tendrás que conocer bien todas las patatas de Hot Potatoes y haber adquirido cierta soltura en la elaboración de múltiples ejercicios hipermedia. Objetivos que no dudamos que hayas alcanzado. Pero si no fuera así o si te quedara alguna duda, tómate tu tiempo para afianzarlos. El capítulo siguiente, el 4, supone un salto cualitativo muy especial en el curso. Sin duda el afianzamiento de lo aprendido te facilitará, a partir de ahora, un sendero llano y sin sobresaltos.
Actividades: recordatorio Recuerda que puedes ver la solución de tus ejercicios en la sección "Actividades".
> Introducción
4.1 Introducción Cuando se tienen varias actividades creadas, hay que unirlas para generar conjuntos de ejercicios, creando verdaderas unidades didácticas que den sentido y coherencia al trabajo desarrollado y que permitan a los alumnos seguir una secuencia de contenidos estructurada y lógica. Para enlazar los ejercicios creados hay varias posibilidades: ● ● ●
el menú Opciones de cualquiera de las patatas de Hot Potatoes. la aplicación The Masher incluida en Hot Potatoes. o cualquier otro editor html.
Actividades Antes de comenzar veremos algún ejemplo sencillo y unos Proyectos. ACTIVIDAD 1. Navegación Lineal Para empezar, se propone un análisis de conocimientos previos con un pequeño ejercicio ya elaborado. Pulsa en este enlace para acceder al ejemplo ACTIVIDAD 2. Navegación mediante un Índice Los ejercicios se pueden organizar y estructurar mediante una navegación lineal o mediante un Índice Pulsa en este enlace para acceder al ejemplo ACTIVIDAD 3. PROYECTO En el Capítulo 4 hemos optado por tres Proyectos correspondientes a cada una de las posibilidades para enlazar actividades. Para ello contamos con el Proyecto A.4: A fondo y sus variantes, todos en la sección " Proyectos ".Si las propuestas no se ajustan a lo deseado, se pueden adaptar a otra realidad y a otros intereses. También puedes retomar los Proyectos anteriores si no los hiciste: A.0, A.1, A.2 y A.3. Y para finalizar el curso, también podéis realizar el Proyecto A.5: Tiempo libre NOTAS Nota 1: las respuestas a las actividades 1 y 2 son personales. Nota 2: esta vez es especialmente importante echar un vistazo antes de empezar a todo el contenido del capítulo, con estos objetivos :
●
●
encontrar tu propio modo y línea de trabajo, más acorde con tu estilo o con tus necesidades y prioridades planificar tu tiempo y esfuerzos
Esperamos que disfrutes.
>Con el menú Opciones
4.2 Enlazar ejercicios con el menú Opciones a. Cómo se hace Para enlazar diferentes ejercicios mediante botones de navegación, utilizaremos la opciones de la ficha Botones, a la que se accede desde la función Configurar el formato del archivo originado del menú Opciones de cualquiera de las patatas.
b. Enlazar dos o más actividades Supongamos que queremos enlazar en una secuencia de navegación lineal algunos de los ejercicios mostrados en la Introducción del Capítulo 3, ( Actividad 1. Tipos de Ejercicios ), concretamente, queremos enlazar: ●
El ejercicio de Tipo 1 , ejercicio de respuestas múltiples.
●
El ejercicio de Tipo 5 , ejercicio de emparejamientos.
●
El ejercicio de Tipo 8 , un crucigrama.
Queremos que la navegación sea lineal, es decir, que el usuario tenga que hacer primero el ejercicio de Tipo 1 (respuestas múltiples), luego el de Tipo 5 (emparejamientos) y, por último el de Tipo 8 (crucigrama) y, por si lo desea repetir, vamos a permitir solamente que vuelva desde el último ejercicio, el crucigrama, al primero, el de respuestas múltiples. Para ello, introduciremos los siguientes botones de navegación: ●
●
●
En el ejercicio de Tipo 1, un único botón con al leyenda Siguiente Ejercicio. En el ejercicio de Tipo 5, dos botones, uno con la leyenda Ejercicio Anterior y el otro con la leyenda Siguiente Ejercicio. En el ejercicio de Tipo 8, un único botón con la leyenda Volver a empezar , para que nos lleve de nuevo al primer ejercicio.
Pulsa en este enlace para ver una animación sobre la elaboración de esta práctica NOTA : Ésta es solamente una posible propuesta de navegación lineal, entre otras muchas posibles. El objetivo es que aprendamos a incluir botones de navegación. Ahora se pretende que reproduzcas ese sistema de navegación lineal, los archivos fuente que necesitas para ello los encontrarás en la carpeta \tema4\ejercicios\capitulo4\archivos_fuente de este CD-ROM.
Abre el archivo tipo1.jqz, que se encuentra en la carpeta especificada anteriormente, y selecciona la opción Configurar el formato del archivo originado del menú Opciones:
Y accedemos al cuadro de diálogo de las diferentes fichas o pestañas de configuración. Selecciona la
ficha Botones, tal como se muestra en la figura siguiente:
Completa la ficha con los siguientes datos: ●
●
●
Marca la casilla de Verificación Incluir botón "Siguiente ejercicio" En el recuadro Texto , escribe Siguiente Ejercicio (para ello primero deberás borrar lo que esté escrito). En el recuadro URL del Siguiente ejercicio , escribe tipo5.htm o utiliza el botón Buscar para seleccionar el ejercicio al que queremos acceder mediante el botón Siguiente Ejercicio.
El aspecto final se muestra en la figura siguiente:
●
Pulsa en el botón Guardar, para grabar los cambios en el archivo de configuración *.cfg, y luego en el botón OK.
Creación de la página web:
Ahora guarda los cambios en el archivo tipo1.jqz y vuelve a crear la página web correspondiente mediante la opción Crear página web del menú Archivo . Guarda la página web con el nombre tipo1. htm . NOTA : es muy importante que no utilices ni espacios en blanco, ni caracteres acentuados ni la "ñ" en los nombres de tus archivos, ya que los servidores de páginas web, donde se publicarán los ejercicios, no admiten estos caracteres en los nombres de los archivos.
RECUERDA: Los ejercicios enlazados, las páginas web (archivos *.htm), deberán estar todos en la misma carpeta para que funcionen los botones de navegación. Después de poner el nombre al archivo, nos aparecerá un cuadro de diálogo en el que se nos preguntará lo que queremos hacer:
Pulsa sobre el botón Ver el ejercicio en mi navegador y, si todo se ha realizado correctamente, el navegador arranca y muestra el ejercicio terminado, con el botón de navegación en la parte superior , tal como se puede ver al pulsar sobre el siguiente enlace: Pulsa aquí para ver el Ejercicio con un Botón de Navegación Ahora haz lo mismo con el segundo ejercicio. Abre el archivo tipo5.jmt he introduce los botones especificados anteriormente. El resultado es una ficha Botones como la que se muestra a continuación:
Al igual que hemos hecho antes, hay que guardar los cambios realizados en el archivo fuente y volver a crear la página web correspondiente. RECUERDA: Los ejercicios enlazados, las páginas web (archivos *.htm), deberán estar todos en la misma carpeta para que funcionen los botones de navegación. Si todo se ha realizado correctamente podremos ver el ejercicio terminado y con los botones de navegación en la parte superior, tal como se puede ver al pulsar sobre el siguiente enlace: Pulsa aquí para ver el Ejercicio con varios Botones de Navegación Ya sólo te queda definir los botones del tercer ejercicio, tipo8.jcw, pero como ya tienes suficiente experiencia para repetir los pasos, no te vamos a mostrar nada más. Simplemente tienes que obtener una página web como la que se muestra al pulsar sobre el siguiente enlace: Ejercicio con un único botón de navegación: Volver a Empezar
c. Particularidades
Si queremos navegar entre el conjunto de ejercicios creados y enlazados de otra forma que no sea lineal, necesitaremos crear un índice, tal como se explica en los siguientes apartados.
d. Actividades NOTA: recuerda seguir un sistema coherente en el nombre y el almacenamiento de tus ejercicios. Por ejemplo: ●
●
●
●
tu primera actividad para enlazar ejercicios se ha hecho con los archivos fuente tipo1.jqz, tipo5.jmt y tipo8.jcw que se encuentran en la carpeta tema4\ejercicios\capitulo4 \archivos_fuente de este CD-ROM. para la actividad 1 utilizaremos los archivos fuente tipo2.jqz, tipo6.jmx y tipo7.jcl que se encuentran en la carpeta tema4\ejercicios\capitulo4\archivos_fuente de este CDROM. para la actividad 2 utilizaremos los archivos fuente tipo3.jqz, tipo4.jqz que se encuentran en la carpeta tema4\ejercicios\capitulo4\archivos_fuente de este CD-ROM. para la actividad 3 utilizaremos los 8 archivos fuente mencionados anteriormente.
Actividad 1 En esta actividad se pretende unir los ejercicios enumerados a continuación: ●
El ejercicio denominado Tipo 2, ejercicio de respuestas cortas.
●
El ejercicio denominado Tipo 6, ejercicio de ordenar las letras de una palabra.
●
El ejercicio denominado Tipo 7, ejercicio de rellenar huecos.
Los botones de navegación deberán permitir que se haga primero el ejercicio de Tipo 2 (respuestas cortas), luego el de Tipo 6 (ordenación) y, por último el de Tipo 7 (rellenar huecos). Se utilizarán en esta práctica los siguientes botones de navegación: ●
●
●
En el ejercicio denominado Tipo 2, un único botón con al leyenda Siguiente Ejercicio. En el ejercicio denominado Tipo 6, dos botones, uno con la leyenda Ejercicio Anterior y el otro con la leyenda Siguiente Ejercicio . En el ejercicio denominado Tipo 7, un único botón con la leyenda Ejercicio Anterior .
(como alternativa puedes utilizar alguno de los ejercicios equivalentes que has realizado en el Capítulo 3). Actividad 2 En esta actividad se pretende unir los ejercicios enumerados a continuación: ●
El ejercicio denominado Tipo 3, ejercicio combinado de respuestas cortas y múltiples.
●
El ejercicio denominado Tipo 4, ejercicio de multiselección.
Los botones de navegación deberán permitir que se haga primero el ejercicio de Tipo 3 (ejercicio combinado) y luego el de Tipo 4 (multiselección). Se utilizarán en esta actividad los siguientes botones de navegación: ●
En el ejercicio denominado Tipo 3, un único botón con la leyenda Siguiente Ejercicio.
(como alternativa puedes utilizar alguno de los ejercicios equivalentes que has realizado en el Capítulo 3). Actividad 3 En esta actividad se pretende unir los 8 tipos de ejercicios utilizados anteriormente en una secuencia de navegación lineal (observa que ya tienes enlazados tres grupos de ejercicios). ●
Los ejercicios Tipo 1 , Tipo 5 y Tipo 8.
●
Los ejercicios Tipo 2 , Tipo 6 y Tipo 7.
●
Los ejercicios Tipo 3 y Tipo 4.
Los botones de navegación deberán permitir enlazar el primer grupo de ejercicios con el segundo, y el segundo con el tercero (es decir: Tipo 1 -> Tipo 5 -> Tipo 8 -> Tipo 2 -> Tipo 6 -> Tipo 7 -> Tipo 3 -> Tipo 4 y vuelta a -> Tipo 1 ) y luego volver al primer ejercicio (Tipo 1). (como alternativa puedes utilizar alguno de los ejercicios equivalentes que has realizado en el Capítulo 3). Con todo lo revisado y estudiado, la evaluación de este apartado consistirá en elaborar diversos ejercicios con botones de navegación; el ejercicio deberá ser contextualizado y relativo a tu área, asignatura, etapa o nivel educativo.
Tema 4: Creación de Unidades Didácticas > Con The Masher 4.3 Crear un índice con The Masher a. Cómo se hace Otra forma de establecer un sistema de navegación entre las actividades o ejercicios elaborados es utilizar un Índice . Mediante un Índice podemos establecer una navegación lineal o de cualquier otro tipo.
Para enlazar diferentes ejercicios mediante un Índice podemos utilizar un editor de páginas web (editor HTML) o la aplicación incluida en Hot Potatoes denominada The Masher . En este apartado vamos a utilizar esta última. Y en apartados siguientes veremos como hacerlo con diferentes editores de páginas web.
En la figura siguiente se muestra el aspecto de la ventana principal de la aplicación The Masher:
b. Crear un Índice con The Masher Supongamos que queremos enlazar los mismos ejercicios del apartado anterior pero mediante un Índice que, además de una navegación lineal, nos permita también volver a una página en la que se relacionen todos los ejercicios o actividades. Para poder comparar, volveremos a utilizar los ejercicios del apartado anterior: ●
El ejercicio de Tipo 1 , ejercicio de respuestas múltiples.
●
El ejercicio de Tipo 5 , ejercicio de emparejamientos.
●
El ejercicio de Tipo 8 , un crucigrama.
Queremos que desde la página Índice se pueda acceder a cualquiera de los tres ejercicios; además queremos que haya una navegación lineal entre los ejercicios y, por último queremos que en los tres ejercicios haya un botón que nos lleve de nuevo al Índice. Pulsa en este enlace para ver una animación sobre la elaboración de esta práctica NOTA : Esta es solamente una posible propuesta de elaboración de un Índice , entre otras muchas posibles. El objetivo es que aprendamos a elaborar un Índice con la aplicación The Masher . Ahora se pretende que reproduzcas la elaboración de este Índice, los archivos fuente que necesitas para ello los encontrarás en la carpeta tema4\ejercicios\capitulo4\archivos_fuente de este CD-ROM.
Abre la aplicación The Masher desde la ventana principal de Hot Potatoes:
Y accederás a la ventana principal de la aplicación. Ahora tendrás que cargar los archivos fuente de los ejercicios que quieres enlazar. Bastará con que pulses en el botón
Y selecciones los archivos que te hemos preparado en la carpeta: tema4\ejercicios\capitulo4\archivos_fuente \masher\
●
tipo1_masher.jqz
●
tipo5_masher.jmt
●
tipo8_masher.jcw
Nos aparecerá un cuadro de diálogo en el que se nos avisa de determinados parámetros de exportación. Una vez cargados. la ventana principal de la aplicación The Masher mostrará un aspecto semejante al de la figura siguiente:
En la parte superior de esta ventana se observan diversas fichas o pestañas (en esta versión no está totalmente traducida): ●
Ficha Archivos: nos muestra los archivos que van a formar parte de nuestro índice (recuerda: por lo general se deben cargar los archivos fuente originales, solamente en algunos casos especiales cargaremos las páginas web. Si haces click en el siguiente enlace podrás ver dicha ficha: Ficha de Archivos
●
Ficha Aspecto: nos permitirá definir el aspecto del ejercicio, colores, estilo de los botones, etc. Si haces click en el siguiente enlace podrás ver dicha ficha: Ficha de Aspecto
●
Ficha Cadenas de usuario : nos permitirá incluir fragmentos de código html. Si haces click en el siguiente enlace podrás ver dicha ficha: Ficha Cadenas de Usuario
●
Ficha Botones: en la que definiremos los botones de navegación que queremos incluir en nuestros ejercicios. Si haces click en el siguiente enlace podrás ver dicha ficha: Ficha Botones
●
Ficha Fuente: nos muestra el código html que se está generando. Si haces click en el siguiente enlace podrás ver dicha ficha: Ficha Fuente
●
Ficha Índice: nos permite definir el título del Índice y el nombre del archivo html que estamos generando. Si haces click en el siguiente enlace podrás ver dicha ficha: Ficha Índice
En este ejercicio, necesitarás completar la ficha Botones con los siguientes datos: ●
Marca la casilla de Verificación Incluir botón "Siguiente ejercicio" y, en el cuadro de texto correspondiente, escribe Siguiente Ejercicio .
●
Marca la casilla de Verificación Incluir botón "Ir a Contenidos" y, en el cuadro de texto correspondiente, escribe Índice .
●
Marca la casilla de Verificación Incluir botón "Anterior" y, en el cuadro de texto correspondiente, escribe Ejercicio Anterior .
El aspecto final de la ficha Botones se muestra en la figura siguiente:
●
Ahora pulsa en la ficha Índice y escribe, por ejemplo, Tipos de Ejercicios en Hot Potatoes
●
Y como nombre de archivo escribe index.htm
●
Guarda los datos en el archivo fuente masher.jms.
El aspecto final de la ficha Índice se muestra en la figura siguiente:
Creación de la página web del Índice: Ahora vamos a generar la Unidad con su Índice. Para ello bastará con pulsar en el botón "Construir unidad"
.
Nos aparecerá el cuadro de diálogo que se muestra a continuación:
En el que se nos comunica que este componente de Hot Potatoes no es del todo gratuito (a diferencia de las demás aplicaciones o patatas). Con la versión incluida, solamente podemos generar un Índice que contenga un máximo de tres actividades.
Si queremos incluir más actividades deberemos adquirir la licencia comercial de Hot Potatoes, pero bueno, siempre hay trucos, como veremos más adelante. De momento pulsaremos en el botón OK y comenzará a generarse la página Índice. Tal como se nos informa en el siguiente cuadro de diálogo:
Por último se nos pregunta si deseamos ver cómo ha quedado nuestro Índice. El resultado lo puedes ver pulsando en el siguiente enlace: Ejercicio con un Índice de Contenidos
RECUERDA: Los ejercicios enlazados, las páginas web (archivos *.htm) deberán estar todos en la misma carpeta para que funcionen los botones de navegación. Enlazar más de tres ejercicios Si queremos enlazar mas ejercicios sin adquirir la licencia comercial de Hot Potatoes podríamos crear varias páginas Índice, cada una de ellas conteniendo tres ejercicios y, posteriormente, enlazar las diferentes páginas Índice. Vamos a crear con The Masher una segunda página Índice que contenga los ejercicios siguientes: ●
El ejercicio de Tipo 2 , ejercicio de respuestas cortas.
●
El ejercicio de Tipo 6 , ejercicio de ordenación.
●
El ejercicio de Tipo 7 , ejercicio de rellenar huecos.
Los archivos fuentes de estos tipos de ejercicios están, también, en: tema4\ejercicios\capitulo4\archivos_fuente\masher\ y se llaman: ● ● ●
tipo2_masher.jqz tipo6_masher.jmt tipo7_masher.jcw
Siguiendo el procedimiento descrito para la práctica anterior, hemos de crear una nueva página Índice , pero ojo, no le pongas el mismo nombre a la página html, llámala por ejemplo, index2.htm El resultado podrás verlo pulsando en el siguiente enlace. Segundo ejercicio con otro Índice de Contenidos Ya tenemos dos páginas Índice, y ahora podríamos volver a utilizar The Masher para enlazar estas dos páginas Índice :-) Para ello: ●
Abre The Masher y añade los archivos indice.htm e indice2.htm generados anteriormente.
Sí, has leído bien. Los archivos que añadimos no son los archivos fuente, estamos añadiendo archivos htm , algo que permite esta aplicación. Aunque te saldrá el aviso siguiente.
No te preocupes por este aviso, que no pasará nada extraño, pulsa en OK y continúa. Obtendrás lo que se muestra en la figura siguiente:
En Directorio de Salida, selecciona uno diferente al directorio en el que has guardado los archivos index.htm e index2.htm. Con esto podrías comprobar la diferencia entre los Índices anteriores y los que se van a crear ahora. ●
●
Pulsa ahora en la ficha Botones y complétala tal como se muestra en la figura siguiente: Marca solamente la casilla de Verificación Incluir botón "Ir a Contenidos" y, en el cuadro de texto correspondiente, escribe Índice General .
●
Marca la casilla de Verificación Añadir barra de navegación para los archivos HTML que no son ejercicios .
●
Comprueba que no hay nada más marcado.
Tendrás lo que se muestra en la figura siguiente:
●
Ahora pulsa en la ficha Índice y escribe, por ejemplo, Índice General: Ejercicios en Hot Potatoes
El aspecto final de la ficha Índice se muestra en la figura siguiente:
Lo que pretendemos es tener un Índice General que enlazará los dos índices creados anteriormente.
Ahora generamos el Índice General pulsando en el botón " Construir unidad "
.
el resultado podrás verlo pulsando en el siguiente enlace: Página con Índice General Bueno, no es una solución perfecta pero es una aproximación, y nos evitamos tener que pagar licencias :-)
c. Particularidades Como ya se ha mencionado anteriormente, la aplicación The Masher no es gratuita, y la versión incluida en Hot Potatoes solamente nos permite unir un máximo de tres actividades, ejercicios o páginas web. Si se desea tener todas las funcionalidades de la herramienta, será necesario adquirir una licencia. Mas información pulsando en el enlace siguiente, que te llevará a la página de Hot Potatoes Licencias comerciales para The Masher
O en el siguiente tutorial en castellano. Tutorial sobre The Masher
NOTA: estos dos enlaces anteriores solamente funcionarán si estás conectado a Internet
d. Actividades
NOTA : recuerda seguir un sistema coherente en el nombre y el almacenamiento de tus ejercicios. Por ejemplo: ●
●
● ● ●
tu primera actividad para enlazar ejercicios se ha hecho con los archivos fuente tipo1_masher.jqz, tipo5_masher.jmt y tipo8_masher.jcw que se encuentran en la carpeta tema4\ejercicios\capitulo4\archivos_fuente\masher\ de este CD-ROM. tu segunda actividad para enlazar ejercicios se ha hecho con los archivos fuente tipo2_masher.jqz, tipo6_masher.jmt y tipo7_masher.jcw que se encuentran en la carpeta tema4\ejercicios\capitulo4\archivos_fuente\masher\ de este CD-ROM. para la actividad 1 utilizaremos tres ejercicios de los que hayas elaborado en el Capítulo 3. para la actividad 2 utilizaremos otros tres ejercicios de los que hayas elaborado en el Capítulo 3. para la actividad 3 utilizaremos los 2 archivos Índice generados en las actividades 1 y 2.
Actividad 1 En esta actividad se pretende crear un Índice con The Masher para unir tres de los ejercicios que hayas elaborado en el Capítulo 3. ●
Elige un ejercicio de respuestas cortas.
●
Otro ejercicio de ordenar las letras de una palabra o las palabras de una frase.
●
Y, por último, un ejercicio de rellenar huecos.
El archivo Índice generado permitirá acceder a cada uno de los tres ejercicios y, además, dispondremos de botones de navegación para moverse de un ejercicio al siguiente, y del último al primero. ●
Al archivo que contenga el Índice llámalo indice1.htm
Actividad 2 En esta actividad se pretende crear otro Índice con The Masher (diferente al anterior) para unir otros tres de los ejercicios que hayas elaborado en el Capítulo 3. ●
Elige un ejercicio de respuestas múltiples.
●
Otro ejercicio de emparejamientos o asociaciones.
●
Y, por último, un crucigrama.
El archivo Índice generado permitirá acceder a cada uno de los tres ejercicios y, además, dispondremos de botones de navegación para moverse de un ejercicio al siguiente, y del último al primero. ●
Al archivo que contenga este segundo el Índice llámalo indice2.htm
Actividad 3 En esta actividad se pretende unir, con la aplicación The Masher, los 2 Índices creados en las actividades 1 y 2, mediante otra página que llamaremos Índice General. ●
Al archivo que contenga el Índice General llámalo indice_general.htm
Con todo lo revisado y estudiado, la evaluación de este apartado consistirá en elaborar diversos ejercicios con botones de navegación; el ejercicio deberá ser contextualizado y relativo a tu área, asignatura, etapa o nivel educativo.
> Con otro editor HTML
4.4 Con otro editor HTML a. Cómo se hace También podremos crear un Índice para enlazar los ejercicios con un simple procesador de textos como, por ejemplo, Open Office Writer o Word del paquete Office. Ya que los procesadores de textos más modernos incluyen una opción para guardar los documento en formato de página web ( formato html).
b. Crear un índice con un procesador de textos Bastará con seguir estos pasos
●
●
●
Abrir el procesador de textos preferido. Crear la página Índice, escribiendo el título de la página y dándole el aspecto deseado (como si estuviéramos trabajando para escribir un documento de texto). Insertar los enlaces o hipervínculos deseados a las diferentes páginas web que contienen los ejercicios generados con las diferentes patatas de Hot Potatoes.
Creación de la página web: ●
Una vez creado el documento que contiene el Índice con los enlaces a los diferentes ejercicios (páginas web), bastará con seleccionar la opción Guardar como y en tipo de archivo elegir HTML o Página web.
c. Crear un índice con un editor HTML También podremos crear el Índice para enlazar los ejercicios con un editor html como, por ejemplo:
●
el editor Mozilla Composer que viene con el navegador Mozilla,
●
o con el editor html Dreamweaver,
●
o con Front Page.
Estos editores html nos permitirán personalizar hasta el mínimo detalle el aspecto de nuestro Índice.
El procedimiento será semejante al utilizado para crear el índice con un procesador de textos: ●
Abrir el editor html preferido.
●
Crear la página Índice, escribiendo el título de la página y dándole el aspecto deseado.
●
Insertar los enlaces o hipervínculos deseados a las diferentes páginas web que contienen los ejercicios generados con las diferentes patatas de Hot Potatoes.
Creación de la página web: ●
Una vez creado el documento que contiene el Índice con los enlaces a los diferentes ejercicios (páginas web), bastará con seleccionar la opción Guardar en nuestro editor HTML.
d. Particularidades Con estos editores HTML, o con los procesadores de textos, solamente crearemos el Índice. Si queremos crear, además, botones de navegación, deberemos utilizar las opciones incluidas en las patatas, tal como se ha explicado anteriormente.
e. Actividades NOTA: recuerda seguir un sistema coherente en el nombre y el almacenamiento de tus ejercicios. ● ●
para la actividad 1 utilizaremos seis ejercicios de los que hayas elaborado en el Capítulo 3. para la actividad 2 utilizaremos otros seis ejercicios de los que hayas elaborado en el Capítulo 3.
Actividad 1 En esta actividad se pretende crear un Índice , con tu procesador de textos preferido, para unir seis de los ejercicios que hayas elaborado en el Capítulo 3. ●
Elige un ejercicio de respuestas cortas.
●
Otro ejercicio de ordenar las letras de una palabra o las palabras de una frase.
●
Un ejercicio de rellenar huecos.
●
Un ejercicio de respuestas múltiples.
●
Otro ejercicio de emparejamientos o asociaciones.
●
Y, por último, un crucigrama.
El archivo Índice generado permitirá acceder a cada uno de los seis ejercicios. ●
Al archivo que contenga el Índice llámalo indice_pt.htm
Actividad 2 En esta actividad se pretende crear un Índice, con tu editor html preferido, para unir seis de los ejercicios que hayas elaborado en el Capítulo 3. ●
Elige un ejercicio de respuestas cortas.
●
Otro ejercicio de ordenar las letras de una palabra o las palabras de una frase.
●
Un ejercicio de rellenar huecos.
●
Un ejercicio de respuestas múltiples.
●
Otro ejercicio de emparejamientos o asociaciones.
●
Y, por último, un crucigrama.
El archivo Índice generado permitirá acceder a cada uno de los seis ejercicios. ●
Al archivo que contenga el Índice llámalo indice_editor.htm
Con todo lo revisado y estudiado, la evaluación de este apartado consistirá en elaborar diversos ejercicios con botones de navegación; el ejercicio deberá ser contextualizado y relativo a tu área, asignatura, etapa o nivel educativo.
> Recapitulación
4.5 Recapitulación Objetivos cumplidos Cuando hayas finalizado este interesante capítulo 4, y antes de continuar con el capítulo 5, tendrás que haber realizado estas tareas: ●
Enlazar ejercicios o actividades utilizando el menú opciones de cualquiera de las patatas,
●
Crear un índice y enlazar ejercicios mediante la aplicación The Masher,
●
Crear un índice con un procesador de textos
●
Y, por último, crear un índice con cualquier otro editor HTML.
Pero si no fuera así o si te quedara alguna duda, te recomendamos que vuelvas a leerlo. El dominio en la elaboración de unidades didácticas más complejas te garantiza un último tramo exitoso. El capítulo siguiente, el 5, es casi el final del curso. Y supone, sobre todo, la coronación de una cima en todo el camino que hemos ido trazando.
Actividades: recordatorio Si no lo has hecho todavía, este es un buen momento para retomar las actividades iniciales, las que planteamos en la introducción de este capítulo; seguro que ahora ya sabes resolverlas. ¿Lo intentamos? Cuando hayas terminado, puedes ver la solución pulsando, desde el menú lateral de curso, en la sección denominada "Actividades".
> Introducción
5.1 Introducción Para difundir las unidades didácticas con tus ejercicios de Hot Potatoes, puedes: ●
● ●
utilizarlas en tus clases, copiándolas en los discos duros de los ordenadores de que dispongas. distribuirlas, a tus compañeros y a tus alumnos, en disquetes o en CDs o DVDs. publicarlas en la red Internet, en algún servidor de páginas web, para distribuirlas o enseñarlas al mayor número de personas posible.
Los usuarios sólo tienen que abrir los archivos en su ordenador y podrán trabajar con las unidades didácticas, ya que actualmente cualquier sistema operativo (Windows, GNU/Linux, Mac OS) incluye un navegador de páginas web. Recuerda que los ejercicios que has creado con Hot Potatoes son archivos html, páginas web, el estándar de la World Wid Web. ACTIVIDAD 1. Observación de ejercicios elaborados con Hot Potatoes y publicados en la Web. Para empezar, se propone que des un paseo por alguna de las siguientes páginas web. Para ello es imprescindible que te conectes a la red Internet, ya que los ejemplos que vas a ver no están en el CD, están en la red Internet. Una vez que establezcas la conexión a Internet, vuelve a esta página y: Pulsa en este enlace para acceder al ejemplo O en estos otros ejemplos Las direcciones de los ejemplos propuestos son: ●
●
Unidades didácticas y actividades elaboradas por profesorado de todos los niveles y asignaturas: http://roble.cnice.mecd.es/~hotp0019/actividades_finales/finales_andalucia.html Activadas incluidas en el Proyecto Biosfera CNICE: El reino Animal, 1º de ESO. http://iris.cnice.mecd.es/biosfera/alumno/1ESO/animales/actividades.htm
ACTIVIDAD 2. Revisa las condiciones de publicación de algún servidor de páginas web. Nosotros te proponemos que revises las condiciones del servidor de páginas web del CNICE. Comprueba que tienes establecida la conexión con Internet y luego: Pulsa en este enlace para acceder a las condiciones de publicación del CNICE
La dirección del ejemplo propuesto es: ●
Publicación de páginas web en el CNICE: http://www.cnice.mecd.es/servicios/publicaweb.htm
Recuerda que cada servidor de páginas web tiene su propia política de publicación de páginas web. NOTAS Nota 1: Estas actividades no tiene una respuesta concreta, son actividades procedimentales y, por tanto, no pueden ser incluidas aquí. Confiamos en que ésta introducción haya sido instructiva, a partir de ahora te toca a ti.
> Publicar los ejercicios 5.2 Publicar los ejercicios elaborados a. Qué necesito Para publicar las unidades didácticas que has ido desarrollando a lo largo del curso, necesitas además disponer de los siguientes elementos: una institución o empresa, un programa FTP y un navegador. Veamos una descripción de ellos: ●
Una institución o empresa pública o privada, con presencia en Internet, que te permita colocar los archivos html generados (tus unidades didácticas elaboradas con Hot Potatoes) en sus ordenadores. En la jerga técnica informática se habla de servidores de páginas web.
Por ejemplo, empresas privadas como Yahoo! (http://www.yahoo.es)
o instituciones públicas como el CNICE (http://www.cnice.mec.es):
te permiten publicar tus páginas web de forma gratuita, y no son la únicas (la mayoría de las Comunidades Autónomas y muchas empresas privadas también te lo permiten). ●
Las unidades didácticas elaboradas (las páginas web creadas con Hot Potatoes).
Recuerda: Sólo se publican los archivos html, las páginas web, no se publican los archivos con los datos de los ejercicios, los archivos fuente (los que tienen las diferentes extensiones de las patatas). ●
Un programa de FTP (File Transfer Protocol: protocolo de transferencia de archivos). Estos programas permiten, mediante una conexión a Internet, transferir archivos desde nuestro ordenador al ordenador de la empresa o institución en la que publicaremos las página. En la jerga de Internet se habla de "subir" una página (del término empleado en inglés: "upload")
Existen numerosas aplicaciones informáticas que nos permiten subir nuestros archivos a un servidor de páginas web. Entre los más populares por su sencillez de manejo, y por que se pueden conseguir de forma gratuita, podemos citar a los programas Filezilla y WS_FTP.
Aspecto del programa Filezillla
Aspecto del programa WS_FTP
se puede obtener en: http://www.sourceforge.net/projects/ filezilla
se puede obtener en: http://www.ipswitch.com/downloads/index. html
●
Un navegador para páginas web, con el que ver las páginas publicadas, aunque también nos puede servir para publicar nuestras páginas web, tal como veremos más adelante.
b. Cómo se hace Aunque el proceso para subir archivos a un servidor web es semejante, independientemente de dónde alojemos las páginas web, cada empresa o institución tiene su propia política de publicación. Nosotros vamos a poner como ejemplo la publicación en los servidores del CNICE. Para publicar en estos servidores, tenemos que conocer una serie de datos que nos proporcionará esta institución al darnos de alta como usuarios de Internet. Estos datos se especifican a continuación. ●
●
●
La dirección o nombre del servidor en el que publicaremos nuestras páginas web (los ejercicios de Hot Potatoes). Por ejemplo, si nos han asignado un ordenador/servidor denominado endrino, la dirección completa donde publicaremos nuestras páginas será endrino.cnice.mecd.es El nombre de usuario para poder acceder a dicho ordenador (denominado también user ID o Login). Este dato es personal y nos lo proporcionará la institución correspondiente, en este caso el CNICE. El ejercicio de Tipo 5 , ejercicio de emparejamientos. La clave de acceso a dicho ordenador/servidor, también llamada contraseña o password. Este dato también es personal y nos lo proporcionará la institución correspondiente, en este caso el CNICE.
Estos datos los necesitaremos para subir los archivos (publicarlos), tanto si utilizamos un programa
de FTP como si lo hacemos mediante un navegador de páginas web, tal como vamos a practicar en las secciones siguientes.
c. Actividades Actividad 1 Si tienes una cuenta de acceso a Internet con el CNICE, averigua cuáles son tus datos para poder publicar páginas web en sus servidores. Actividad 2 Si tienes una cuenta de acceso a Internet en otros proveedores de acceso a Internet (Wanadoo, Yahoo!, Terra, etc...), averigua los siguientes datos. ●
Si te permiten publicar tus páginas web en sus ordenadores.
●
En caso afirmativo, averigua de cuánto espacio dispones para publicar tus páginas.
●
Por último, averigua el nombre o dirección del servidor que te han asignado, tu login o nombre usuario y la correspondiente contraseña.
Tema 5: Publicación en Web > Mediante FTP 5.3 Mediante un programa de FTP a. Cómo se hace Publicar nuestras unidades didácticas en Internet mediante un programa de FTP es más sencillo de lo que parece. En esta sección vamos a utilizar el programa WS_FTP. Recuerda que lo puedes conseguir en la dirección web: http://www.ipswitch.com/downloads/index. html Aunque para facilitarte el trabajo lo hemos incluido en la carpeta /Accesorios. Pero antes de que empieces a trabajar por tu cuenta, te recomendamos que le eches un vistazo a la siguiente animación. Pulsa en este enlace para ver una animación sobre cómo subir páginas con WS_FTP
b. Publicar mediante WS_FTP Supongamos que queremos publicar o subir, mediante el programa WS_FTP, nuestras unidades didácticas en un servidor del CNICE que tiene los siguientes datos:
(NOTA: para que puedas realizar este ejercicio, deberás sustituir los datos siguientes por los tuyos propios) ●
Nombre o dirección del servidor: endrino.cnice.mecd.es
●
Nombre de usuario o login: hotp0053.
●
Contraseña o password: ******** (por motivos evidentes, la ponemos tal como aparecerá cuando la escribas en el cuadro de diálogo correspondiente).
Con estos datos, arrancaremos el programa WS_FTP y crearemos un nuevo perfil de conexión. Para ello, en el cuadro de diálogo Propiedades de Sesión, que nos aparece al arrancar el programa, pulsaremos en el botón New y completaremos el perfil de conexión con los datos anteriores, tal como se muestra en la figura adjunta.
Luego pulsaremos sobre el botón Aceptar y la aplicación intentará conectarse al servidor especificado. Recuerda que para ello es imprescindible haber establecido previamente la conexión
con Internet. Si todo ha ido correctamente, nos habremos conectado con el servidor endrino del CNICE y el aspecto del programa WS_FTP será el que se muestra en la figura siguiente:
Tal como habrás visto en la introducción de este capítulo (Actividad 2: condiciones de publicación en el CNICE), una vez conectados a dicho servidor, deberemos crear una carpeta denominada public_html (puede que ya exista) y será en dicha carpeta en la que copiaremos nuestras unidades didácticas. En nuestro ejemplo, dentro de public_html hemos creado otra carpeta denominada unidades_didacticas mediante el botón MkDir y será en dicha carpeta en la que copiaremos los archivos que componen nuestras unidades didácticas (los ejercicios creados con Hot Potatoes). Recuerda que los servidores web no admiten espacios en blanco, ni tildes, en los nombres de archivos o carpetas, por ello utilizamos el "guión bajo" para unir las palabras public y html o unidades y didacticas. En dicha carpeta copiaremos alguna de las unidades didácticas realizadas durante este curso, que estarán almacenadas en las carpetas correspondientes de nuestro disco duro; subiremos alguna de las unidades elaboradas en el Capítulo 4. Para copiar los archivos seleccionados desde nuestro disco duro a la carpeta creada en el ordenador remoto, en endrino, bastará con pulsar en el botón con la flecha que indica el sentido de la
transferencia. En la figura siguiente se muestran algunos de los archivos html transferidos de nuestro disco duro a la carpeta /pubic_html/unidades_didacticas/ creada en el servidor endrino.cnice.mecd.es
Para terminar la conexión con endrino, pulsaremos en el botón Close y luego cerraremos la aplicación. Recuerda que esta es la forma de publicar en los servidores del CNICE, pero en otros servidores de páginas web, de otras empresas o instituciones, no tiene por que haber una carpeta equivalente llamada public_html, aunque el resto del procedimiento será semejante.
c. Cómo ver las páginas publicadas Ya hemos subido nuestros archivos a un servidor de páginas web, en este caso a endrino del CNICE, pero ahora: ¿cómo veo esas páginas?, ¿cuál es la dirección web de dichas páginas?. Las direcciones de las páginas web o URL (Uniform Resource Locator) hacen referencia a los nombres de los servidores u ordenadores donde están alojadas y a la estructura de carpetas de dicho servidor.
●
●
●
●
En nuestro caso, el servidor se llama: endrino.cnice.mecd.es Nuestro nombre de usuario era hotp0053 que además hará las veces de nuestra carpeta inicial o raíz en el servidor endrino y que se identificará como ~hotp0053 Luego hemos creado otra carpeta con el nombre unidades_didacticas Y dentro de ella hemos copiado una serie de archivos que forman un conjunto y que comienza con el archivo denominado index.htm
Combinando todo lo anterior, tenemos que la dirección de nuestra página web en los servidores del CNCIE será: http://nombre del servidor/~login/carpetas_creadas/nombre_archvio_inicial.htm Es decir: http://endrino.cnice.mecd.es/~hotp0053/unidades_didacticas/index.htm Recuerda, el carácter ~ se obtiene pulsando la tecla ALT + 126 en el teclado numérico de tu ordenador. A la hora de publicar páginas web hay que tener en cuenta que el espacio que se nos asigna en un servidor web no es ilimitado y que los archivos ocupan espacio. Si utilizamos archivos de imágenes, de vídeo o de sonido que ocupen mucho (pesen mucho, en la jerga informática) dicho espacio se nos agotará. Además las páginas muy recargadas, con archivos muy grandes tardan mucho en visualizarse, en verse en un navegador y eso conllevará a que nuestra página no sea visitada, "por pesada"
d. Actividades Actividad 1 ●
Averigua cuánto espacio se te asigna para publicar páginas web en los servidores del CNICE.
Para ello deberás navegar por las páginas del CNCIE, por la sección: Servicios para usuarios Actividad 2 ●
¿Cuál será la dirección de una página web publicada en un servidor denominado olmo.cnice. mecd.es por una persona cuyo nombre de usuario es pfernan y que ha subido un archivo denominado index.htm dentro de un carpeta denominada trabajos?
Para resolver esta actividad no tiene más que fijarte en el ejercicio que hemos elaborado anteriormente.
> Mediante un navegador 5.4 Mediante un navegador web a. Cómo se hace Si te ha parecido muy complicado subir tus páginas con WS_FTP, o eres de los que les gusta hacerlo todo desde el mismo programa, siempre puedes hacerlo desde el propio navegador de páginas web. Se pueden establecer conexiones de tipo FTP con cualquier navegador que utilices (Mozilla, Netscape, Internet Explorer, etc...), el procedimiento es el mismo. Se trata de hacer que nuestro navegador de páginas web se comunique con un servidor FTP (protocoloFTP, servidores especializados en almacenar archivos y o programas), en lugar de comunicarse con un servidor de páginas web (protocolo http). Al igual que en el apartado anterior, antes de que empieces a trabajar por tu cuenta, te recomendamos que le eches un vistazo a la siguiente animación. En ella se muestra como subir archivos mediante el navegador de páginas web Internet Explorer. Pulsa en este enlace para ver una animación sobre cómo subir páginas web mediante Internet Explorer En esta animación, el navegador utilizado ha sido Internet Explorer; tanto Mozilla como Nestcape pueden comunicarse con los servidoresFTP de la misma forma, pero luego no se pueden transferir los archivos "copiando" y "pegando".
b. Publicar mediante el navegador de páginas web Supongamos que queremos publicar o subir, mediante el navegador Internet Explorer, las unidades didácticas en un servidor del CNICE que tiene los siguientes datos:
(NOTA: para que puedas realizar este ejercicio, deberás sustituir los datos siguientes por los tuyos propios) ●
Nombre o dirección del servidor: endrino.cnice.mecd.es
●
Nombre de usuario o login: hotp0053.
●
Contraseña o password: ******** (por motivos evidentes, la ponemos tal como aparecerá cuando la escribas en el cuadro de diálogo correspondiente).
Con estos datos, nos conectaremos a Internet y arrancaremos el navegador Internet Explorer; en la casilla de direcciones escribiremos el nombre de usuario, el signo de los dos puntos la arroba, y el nombre del servidor, todo seguido y sin espacios, es decir: hotp0053:********@endrino.cnice.mecd.es Tal como se muestra en la figura siguiente:
Al pulsar la tecla <intro> nos conectaremos al servidor especificado, el servidor endrino del CNICE y el aspecto del navegador será el que se muestra en la figura siguiente:
Abriremos la carpeta public_html y buscaremos otra carpeta denominada unidades_didacticas, y será en dicha carpeta en la que copiaremos los archivos que componen nuestras unidades didácticas (los ejercicios creados con Hot Potatoes). Las unidades didácticas realizadas durante este curso, y que queremos publicar, estarán almacenadas en las carpetas correspondientes de nuestro disco duro. Para ello, abriremos el Explorador de Windows, buscaremos y seleccionaremos los archivos que queremos copiar; luego seleccionaremos la opción Copiar del menú Edición, tal como se muestra en la figura siguiente:
Alternaremos a la ventana del navegador y seleccionaremos la opciónPegar del menú Edición; empezarán a copiarse los archivos seleccionados y, al final, tendremos los archivos transferidos al servidor endrino.
Para terminar la conexión con endrino, cerraremos el navegador y desconectaremos de Internet . Recuerda que esta es la forma de publicar en los servidores del CNICE, pero en otros servidores de páginas web, de otras empresas o instituciones, no tiene por que haber una carpeta equivalente llamada public_html, aunque el resto del procedimiento será semejante.
c. Cómo ver las páginas publicadas Las páginas web que hemos subido se ven de la misma forma que explicamos en el apartado anterior. La dirección de la páginas web sería igual que antes:
http://nombre del servidor/~login/carpetas_creadas/nombre_archvio_inicial.htm Es decir: http://endrino.cnice.mecd.es/~hotp0053/unidades_didacticas/index.htm Recuerda, el carácter ~ se obtiene pulsando la tecla ALT + 126 en el teclado numérico de tu ordenador. Insistimos en que, a la hora de publicar páginas web, tengas en cuenta el espacio que se te asigna.
d. Actividades Actividad 1 ●
Intenta realizar la misma práctica con el navegador Mozilla o Netscape. ¿Qué resultados obtienes?. ¿Puedes hacerlo?
> Recapitulación
5.5 Recapitulación Objetivos cumplidos Con este capítulo terminamos el curso, y tus trabajos podrán verse en la Web. Cuando hayas finalizado las actividades de este capítulo tendrás que haber realizado estas tareas: ●
Comprender los fundamentos básicos de la publicación de páginas web.
●
Familiarizarte con un programa de FTP (File Trasfer Protocol).
●
Publicar ejercicios mediante un programa de FTP.
●
Publicar ejercicios mediante un navegador web.
●
Comprobar que los ejercicios publicados se ven correctamente en la web.
No dudes en practicar todo lo que necesites hasta despejar todas tus dudas. El ver tus ejercicios publicados te proporcionará una doble satisfacción: haber terminado correctamente el curso y que otros personas, profesorado y alumnado puedan ver tus actividades y motivarlas a imitarte. Actividades: recordatorio Si no lo has hecho todavía, este es un buen momento para retomar las actividades iniciales, las que planteamos en la introducción de este capítulo; seguro que ahora ya sabes resolverlas. ¿Lo intentamos?
> Introducción
Introducción En esta sección hemos recopilado las actividades formativas y evaluativas, y sus soluciones cuando proceda. Tiene dos partes: ●
●
en primer lugar, un resumen secuencial de las actividades: es decir, en el mismo orden en que aparecen dentro de los capítulos del curso, con sus soluciones. Si en esta lista no encontráis alguna actividad, quiere decir que no tiene una respuesta específica, que es una actividad libre en segundo lugar, os ofrecemos un índice temático con temas de aprendizaje destacados, ordenados por orden alfabético y acompañados por la referencia al (o a los) ejercicios y al capítulo que lo tratan. La idea es que vosotros completéis esa tabla o índice a vuestro gusto. Nosotros hemos incluido algún tema importante, pero puede que para vosotros existan otros que queráis registrar
Esperamos que esta sección os resulte útil y fácil de utilizar.
> Tema 1
Tema 1. Hot Potatoes Actividades obligatorias ACTIVIDAD 1. INTERFAZ Solución: 1 - Guardar el ejercicio 2 - Exportar el ejercicio como página web 3 - Insertar una imagen en el ejercicio 4 - Ir a la pantalla de configuración
ACTIVIDAD 2. DATOS DE INSTALACION Y REGISTRO DE HOT POTATOES Solución: 1. Claves de Registro de Hot Potatoes: Después de registrarte, la Universidad Victoria te enviará por correo electrónico un mensaje con las claves y alguna recomendación. El mensaje será parecido a este: (para ver el contenido en español pasa el cursor por encima)
Recuerda que las claves no son las tuyas, las de tu correo o las claves para entrar en el aula virtual del curso, sino las que la UVIC te envíe después de que tú te hayas registrado. 2. Versión de Hot Potatoes utilizada: por ejemplo Hot Potatoes 6 3. Navegador/es utilizado/s (tipo y versión): lo puedes comprobar en "Inicio/Configuración/Panel de Control/Añadir o quitar programas", y ahí lo buscas en la lista: por ejemplo Internet Explorer 6 4. Sistema/s operativo/s utilizado/s (tipo y versión): lo puedes comprobar en "Mi PC", con el botón derecho en "Propiedades" y ahí en la pestaña "General": por ejemplo Windows XP
ACTIVIDAD 3. REVISIÓN Responde las 7 preguntas de este "Cuestionario de repaso capítulo 1" Solución: Las respuestas correctas al ejercicio "Hot Potatoes" son: * pregunta 1: B y C * pregunta 2: B y C * pregunta 3: D * pregunta 4: Hot Potatoes * pregunta 5: Hot Potatoes * pregunta 6: Hot Potatoes y Clic * pregunta 7: seleccionar a y b
Actividades formativas Actividad formativa 0 Solución: Estos ejercicios no se pueden resolver porque todavía no se han convertido en páginas web, no son los ejercicios que se verían con un navegador. Actividad formativa 1 Solución: Las respuestas correctas al ejercicio "Hot Potatoes" son: * pregunta 1: B y C * pregunta 2: B y C * pregunta 3: D * pregunta 4: Hot Potatoes * pregunta 5: Hot Potatoes * pregunta 6: Hot Potatoes y Clic * pregunta 7: seleccionar a y b La respuesta correcta al "Ejercicio de comprobación de códigos html" es: "huecos"
Actividad formativa 2 Solución: Ante estas situaciones se puede: * comprobar si los archivos que se van a a enviar, si son multimedia, están en el formato adecuado para su transmisión por web, y cambiarlo si hace falta, así como su tamaño, resolución, etc * enviarlos por separado pero siempre conservando la estructura de carpetas original para que no se pierdan enlaces * comprimir el archivo que envíes * empezar a buscar medios alernativos para hacer llegar esos archivos: colgarlos en algún espacio web mediante FTP, por ejemplo
Actividad formativa 3 Solución: La dirección web de la Universidad Victoria la encontrarás fácilmente tecleando en cualquier buscador (como Google) los datos "UVIC + Hot Potatoes". Actualmente, la dirección de "Hot Potatoes Home Page" es web.uvic.ca/hrd/halfbaked/
Actividad formativa 4 Solución: Entre las ventajas que obtendrás al registrarte están: el poder poner un número ilimitado de preguntas en los ejercicios, o el no tener limitación en el tamaño de los ejercicios de crucigramas, por ejemplo. El tutorial en español lo encontrarás fácilmente tecleando en cualquier buscador (como Google) los datos "tutorial + Hot Potatoes" y buscándolo en páginas en español. Actualmente, su dirección es: platea.pntic.mec.es/~iali/CN/Hot_Potatoes/intro.htm Aquí encontrarás no sólo el tutorial de Hot Potatoes sino también el de The Masher, información sobre Hot Potatoes.net y otros enlaces útiles relacionados con el programa Para encontrar tutoriales en otras lenguas, incluida alguna peninsular, consulta la dirección http:// web.uvic.ca/hrd/halfbaked/tutorials6.htm
Actividad formativa 5 Solución: Lo puedes buscar desde Inicio/Programas/Hot Potatoes/Hot potatoes; si dejas el cursor inmóvil encima del programa aparecerá un rótulo donde te indica la ruta donde lo tienes instalado. Actividad formativa 6 Solución: Los archivos con las traducciones de la interfaz tienen la extensión *.hif: Las otras 6 extensiones corresponden a estos documentos: *.cfg: archivos de la configuración de Hot Potatoes: *.htm: documentos de páginas web *.doc: documentos de Word *.jpg: imágenes en formato JPEG *.jcl: los ejercicios hechos con la patata JCloze de Hot Potatoes *.mid: archivos de sonido en formato MIDI Actividad formativa 7 Solución: Nuestra propuesta, claro, es animarte a traducir la interfaz de Hot Potatoes a tu lengua si no existe todavía.
Actividad formativa 8 Solución: * ¿En qué idioma está la interfaz del ejercicio (marcada en color amarillo)? En gallego * ¿En qué idioma están los datos de la configuración (marcados en color naranja)? En catalán. Además lo puedes ver en la barra de navegación superior del ejercicio.
Actividad formativa 9 Solución: Tipos de patatas Tipos de ejercicios JQuiz respuestas múltiples respuestas cortas híbridas multiselección JCloze de rellenar huecos JMatch de relacionar seleccionando de un menú de relacionar arrastrando y soltando de relacionar tipo tarjeta Flashcard JMix de ordenar elementos seleccionando de ordenar elementos arrastrando y soltando JCross crucigramas
Actividad formativa 10 Solución: Encontrarás ejemplos de ejercicios hechos en "Recursos\ejercicios_hotpotatoes".
Actividades > Tema 2
Tema 2. Elaboración de un ejercicio Actividades obligatorias ACTIVIDAD 1. INTRODUCCION DE DATOS Solución: Esta actividad podrás resolverla sin problemas cuando hayas leído todo el contenido del capítulo 2. De todas formas te contamos los pasos que hemos dado nosotros para resolverla. Hemos optado: ● ●
para el primer ejercicio: por JMix para el segundo ejercicio: por JMatch
y vamos a tener las dos patatas abiertas e ir trabajando en las dos a la vez. Vamos paso a paso: 1.
hemos abierto JMix y hemos escrito el título "Actividad 1 del capítulo 2" ❍
hemos abierto JMatch y hemos copiado el mismo título 2.
en JMix, hemos seleccionado "Opciones/configurar el formato del archivo originado/Título" y en la casilla "Subtítulo" hemos escrito "Comprobación de introducción de datos" ❍
3.
en JMatch hemos hecho lo mismo. Aquí hemos tenido que borrar otros datos que teníamos de otra configuración Interfaz: en JMix, como teníamos la interfaz en español lo hemos dejado como estaba y lo hemos guardado con el nombre "act1cap2" (lo tienes en la carpeta "Recursos/ejercicioshp") ❍
en JMatch hemos decidido voler a la interfaz por defecto, en inglés. Para ello, hemos seleccionado "Opciones/Interfaz/Volver a la interfaz por defecto". Aquí, a la pregunta:
hemos contestado que no porque sólo queremos cambiar este ejercicio para esta patata; pero el programa no ha hecho nada, así que hemos repetido el proceso y esta vez hemos contestado que sí. A la pregunta siguiente:
hemos contestado que no por el mismo razonamiento de antes. Y, finalmente, a la siguiente pantalla:
hemos dicho "Ok". ¿Qué ha pasado entonces? Que todo sigue igual, en español. Tenemos que guardar el ejercicio primero para poder reiniciar el programa. Lo hemos guardado con el nombre "act1cap2mt" (lo tienes también en la carpeta "Recursos/ejercicioshp" del CD del curso). Y ahora ya sí hemos cerrado JMatch y lo hemos vuelto a abrir para tener la configuración que queríamos en inglés. Aunque hemos pensado que mejor no, que mejor la ponemos en gallego. Para ello hemos
seleccionado "Opciones/Interfaz/Cargar un archivo de interfaz". Aquí:
hemos seleccionado la opción deseada, y a a pregunta siguiente hemos contestado que no porque queremos el cambio sólo en este ejericicio. Y ya tenemos la configuración en gallego. Después hemos guardado los dos ejercicios, sin cerrar las patatas. 4.
Pasamos a "instrucciones e indicaciones": en JMix lo hemos dejado tal cual porque lo teníamos en español, la misma lengua que la interfaz ❍
JMatch, que lo teníamos en gallego, teníamos que cambiarlo a español según las consignas del enunciado de la actividad. Para ello fuimos a "Opciones/Configurar el formato..." (en gallego nos decía "Opcións/Configurar saída"). Después seleccionamos "Cargar", en el menú inferior, para buscar el archivo de configuración en español. Tuvimos que ir buscándolo con el icono
hasta llegar
a "Mi PC", y desde ahí ir seleccionando esta ruta: "Program Files/HotPotatoes6/ Translations" hasta llegar a esta pantalla:
. en la que seleccionamos lo que queríamos: la configuración en español, en este caso la que traía el programa. Hemos aceptado y hemos guardado de nuevo los dos ejercicios. 5.
Fuente: para JMix hemos decidido poner todo en "Comic Sans 12" menos el título, que irá en "Times New Roman" y además subrayado. Para ello hemos seleccionado "Comic Sans 12" en "Opciones/Fuente...". Bien. Después, para poner el título en "Times New Roman" hemos seleccionado un poco intuitivamente el título (como se hace por ejemplo en word) y después hemos hecho el mismo proceso de antes: en "Opciones/Fuente...". ¿Qué ha pasado? Que no se ha cambiado sólo el título sino, de nuevo, todo el texto de la configuración. Y eso no era lo que queríamos. Así que hemos repetido la operación: hemos seleccionado "Comic Sans 12" otra vez desde "Opciones/Fuente..." para volver donde estábamos antes. Y después, la pregunta: ¿cómo cambiamos el estilo de la fuente sólo en una parte del texto, en nuestro caso el título? Pues para ello hemos recurrido a nuestros conocimientos de HTML y hemos escrito el código directamente en el ejercicio. Los códigos para la fuente son estos: <font face="Times New Roman"> antes del texto, y </font> para después. Y los códigos para el subrayado (que, por cierto, hemos encontrado en la "Ayuda" de la patata, buscando "font tags, HTML") son: <u> para antes, y </u> para después ("u" es por "underline", "subrayar" en inglés). Así:
ya hemos conseguido lo que queríamos.
Finalmente, para el segundo ejercicio, el de JMatch, hemos elegido para todo el texto el tipo de fuente "Bradley Hand ITC 11", con el mismo proceso de antes: desde "Opciones/Fuente..." Después hemos guardado los dos ejercicios sin cerrar las patatas. 6. Colores: en JMix hemos seleccionado, en "Opciones/Configurar el formato.../Aspecto", colores distintos para el fondo del ejercicio, para la barra de navegación y para el texto, todos en la gama de azules para que no nos quede demasiado cargado. En JMatch hemos hecho las modificaciones que nos pedía la actividad, y después hemos guardado los dos ejercicios. 7.
8.
Para el contador nos hemos ido a "Opciones/Configurar el formato.../Contador" y hemos seleccionado o deseleccionado la casilla correspondiente; además hemos cambiado el texto de finalización del tiempo por otro que nos gustaba más, para el primer ejercicio, el de JMix. Y, finalmente, los botones de navegación: hemos ido a "Opciones/configurar el formato.../ Botones", y ahí hemos deseleccionado las tres casillas de la parte inferior. Lo mismo para los dos ejercicios tal como se nos pide. Y hemos guardado los dos ejercicios. Para ver el resultado sólo nos quedaría exportarlos a web.
ACTIVIDAD 2. DIFERENCIAS DE CONFIGURACION Solución: ● ●
para la pregunta 1: b para la pregunta 2: a
ACTIVIDAD 3. EXPORTAR A WEB Solución: ● ● ●
para la pregunta 1: hay que seleccionar todas las opciones para la pregunta 2: hay que seleccionar todas las opciones para la pregunta 3: hay que seleccionar las opciones b y c
Actividades formativas Actividad formativa 0
Solución: Por ejemplo: nosotros hemos seguido el criterio "capítulos", y por eso nuestro primer ejercicio se llamará "e20", que significa "ejercicio 0 del capítulo 2". Pero recuerda que sean nombres cortos, sin caracteres raros, ni acentos, ni espacios, ni eñes. Actividad formativa 1 Solución: Sí son la misma patata, JMix. Lo sabemos porque coinciden la extensión del ejercicio: *.jmx, y el título "Introducimos el título y el subtítulo en un ejercicio de JMix" e interfaz del ejercicio. Respecto a las cuestiones: 1. Los datos introducidos por nosotros están en una lengua: ¿cómo los cambiamos a otra lengua? Si queremos cambiar toda la configuración tenemos que buscar el archivo de configuración en la lengua que queramos y después seleccionarlo, tal como se explica en el apartado 2.2.2.c del capítulo 2. 2. ¿Cuál es el título? "Introducimos el título y el subtítulo en un ejercicio de JMix" 3. ¿Tiene subtítulo? Sí: "Comprobación de introducción de datos" 4. Tiene varios botones. ¿Desde qué menús de la "patata" se modifican? Desde Opciones/Configurar el formato del archivo originado/Botones" ¿Qué quiere decir cada uno de ellos en este tipo de ejercicio en concreto? Son botones característicos de los ejercicios de ordenar elementos, en JMix: es el botón de página anterior Y para saber el significado de los siguientes botones pasa el cursor por encima de ellos:
5. ¿Qué le falta al ejercicio? Las instrucciones Actividad formativa 2 Solución: se pueden llamar de la misma manera cuando son los archivos de las patatas, ya que tienen distintas extensiones o formatos. Pero cuando los exportes a web necesitarás cambiarles de nombre para
distinguirlos. Por eso quizá sea más conveniente ponerles nombres distintos desde el principio. Actividad formativa 3a Solución: No se pueden resolver pero no porque tú no sepas las respuestas sino porque las que hemos puesto son erróneas, no las hemos configurado bien. Actividad formativa 3b Solución: ●
●
●
para e21 tendrías que marcar como correcta únicamente la opción A:
para e22 tendrías que marcar como correctas estas opciones: ❍ e20 -> JMix ❍ e21 -> JQuiz ❍ e22 -> JMatch ❍ e23 -> JCross para e23 tendrías que realizar estos cambios: ❍ 1horizontal: la respuesta correcta es "crucigrama" ❍ 2vertical: la respuesta correcta es "relacionar" ❍ 3horizontal: la respuesta correcta es "ordenar"
Todos estos son cambios que sabrás hacer cuando conozcas las patatas Actividad formativa 4 y Actividad formativa 5 Soluciones: Ejercicios libres. Actividad formativa 6 Solución: La lectura se ha insertado desde la pantalla inicial de JCross, y la imagen se ha incluido en las Instrucciones:
Además, como puedes comprobar en los códigos, las hemos centrado y hemos puesto un salto de línea o <br> para que el texto quedara debajo de la foto. Este ejercicio, como ves, no tiene subtítulo. Actividad formativa 7 Solución: Las respuestas correctas son: 1. Hot Potatoes.net 2. Sí 3. The Masher Actividad formativa 8 Solución: Al pulsar en la Ayuda aparece un archivo denominado "Adding links" (Añadir enlaces"). La traducción es esta:
Puede que quieras insertar un enlace a otra página Web en alguno de los campos de tu ejercicio. Pra hacer un enlace sencillo a una página Web, haz click en el menú "Insertar" y elige Enlace/Enlace a a una URL, y verás la pantalla que aparece debajo. También puedes insertar un enlace a una página de tu disco duro si eliges Enlace/Enlace a un archivo local; si haces esto verás un cuadro de diálogo del que puedes elegir el archivo al cual hacer el enlace,y se creará una ruta relativa directamente. Si la estructura del archivo que quieres usar en el servidor Web no es la misma que la de tu disco duro, o si guardar tus archivos de Hot Potatoes separados de tus páginas HTML, tendrás que editar manualmente la ruta relativa par que funcione el enlace; y esto implica comprender un poco de HTML básico. Puedes utilizar las funciones de estos enlaces para añadir sonido y vídeo a tus páginas. Actividad formativa 9 Solución: Esta información la encuentras en la pestaña "Archivo" de las patatas y probando:
Acciones
patatas que no lo permiten
añadir lectura
----- (todas lo permiten)
añadir metadatos
----- (todas lo permiten)
añadir archivo
JCross, JMix, JCloze
insertar vínculo a una dirección de correo
----- (todas lo permiten)
Para los vínculos a direcciones de correo no exite una función específica en Hot Potatoes sino que hay que insertar manualmente el código, tal como se indica en el apartado f. de 2.2.1. Actividad formativa 10 Solución: Insertar multimedia ¿Cuáles?
JQuiz
sí, todos
JMatch
sí, todos
JCross
sí, todos, pero no dentro del crucigrama
JCloze
sí, todos
Iconos de acceso directo ¿Cuáles? desde Internet y desde un archivo local: desde Internet y desde un archivo local:
no hay iconos de acceso directo desde Internet y desde un archivo local:
JMix
sí, todos
no hay iconos de acceso directo
Actividad formativa 11 Solución: Se han insertado mal las imágenes. Seguramente la ruta relativa no es correcta. Para evitar el problema es necesario tener organizados los ejercicios y los archivos multimedia dentro de las mismas carpetas y luego ya no cambiarlos de sitio. Actividad formativa 12 Solución: ● ● ●
<center> y </center> sirven para centrar la imagen y el texto con <br> definimos un espacio para que aparezcan en líneas distintas <img src="rutaynombredelaimagen"> y </img> te indican que se ha insertado una imagen
Actividad formativa 13 Solución: En efecto, en un ejercicio de JMix se introduce cada dato de la frase principal en una línea distinta, y eso incluye cualquier signo de puntuación. A veces nos olvidamos de un punto, y también cuenta como elemento para ordenar. Actividad formativa 14 Solución: Son los reproductores que quieres usar, por orden de preferencia, para que el usuario escuche el sonido. Si el explorador soporta el estándar bien, buscará el primero disponible en la lista. De todas forms, Internet Explorer no soporta esto todavía, por lo que mostrará todos los reproductores de la lista. Para más información busca "Inserting an object" dentro de la Ayuda de las patatas y lee lo que dice. Actividad formativa 15 Solución: Ejercicio libre Actividad formativa 16 Solución: ●
●
¿cuál de los dos se corresponde con este ejemplo de tabla? Con el segundo ejemplo: 3 filas y 4 celdas (es decir, 4 columnas) cada una, borde de tabla: 20, y anchura de tabla: 25% ¿qué diferencia encuentras entre el ejemplo de tabla anterior y este segundo ejemplo de tabla? En el segundo la tabla está centrada en la página
Actividad formativa 17 Solución: Dentro de la Ayuda, en HTML tags, puedes encontrar entre otros estos códigos que enriquecerán tus ejercicios: ●
I for Italic (you will get <em>my text</em>) -> I para cursiva ●
B for Bold -> B para negrita ●
U for Underline -> U para subrayado ●
C for a <div style="text-align: center;"> tag -> C para centrar el texto ●
R or RETURN to insert a <br /> tagF to insert a full span tag for font size, family and colour -> R para etiqueta de tamaño, familia y color de fuente ●
W to insert a link which opens a page in a new window -> W para un enlace que abre una página en una ventana nueva ●
O to format a series of lines as an ordered list -> Bpara una lista ordenada ●
D to create a JavaScript Alert (a popup message -- you could use this for glossing a word) -> D para un mensaje "popup" de Java Actividad formativa 18 Solución: Los cambios principales que hemos hecho en este ejercicio han sido: ●
● ● ● ●
sustituir el botón superior de navegación, que nos llevaba a un supuesto indice (o index) que no existía, por otro botón de navegación que lleva simplemente a la página anterior. Esto lo hemos hecho desde la pestaña Opciones/Configurar el formato.../Botones" eliminar el subtítulo para que hubiera más espacio libre eliminar algunos códigos como el de "centrar" el enunciado de la pregunta averiguar por qué nos ha salido una tabla debajo de las instrucciones cambiar la configuración al español, tal como vimos en el apartado 2.2.2
De este ejercicio destacamos otra cosa: al tener varias imágenes, tienes que tener en cuenta su tamaño para que se puedan visualizar bien. Actividad formativa 19 Solución: Respuesta libre, en función de la versión de Hot Potatoes con la que estás trabajando. Actividad formativa 20 Solución: Ejercicio libre
Actividad formativa 21 Solución: La dirección web es http://www.webCT.com, en inglés. En su página inicial nos dice lo siguiente: "WebCT es el proveedor líder mundial de sistemas de aprendizaje "e-learning" para instituciones educativas"
> Tema 3
Tema 3. Tipos de ejercicios Actividades obligatorias ACTIVIDAD 1. TIPOS DE EJERCICIOS Solución al ejercicio de "Tipos de ejercicios con Hot Potatoes": Tipo 1 Respuestas múltiples :-) Tipo 2 Respuestas cortas :-) Tipo 3 Híbridos :-) Tipo 4 Multiselección :-) Tipo 5 Emparejamientos :-) Tipo 6 Ordenar elementos :-) Tipo 7 Rellenar huecos :-) Tipo 8 Crucigramas :-)
Actividades formativas Actividad formativa 0 Solución: 1. ¿JQuiz permite otros tipos de ejercicios? Sí ¿Cuáles? Híbridos y multiselección 2. ¿Qué diferencias de configuración hay entre los ejercicios de respuestas múltiples y de respuestas cortas? La diferencia está cuando seleccionamos una u otra opción en la interfaz de la pregunta, a la derecha. ¿Tienen los mismos tipos de botones y de respuestas, por ejemplo? Sí 3. ¿Tienen las dos modalidades "principiante" y "avanzado"? Sí Actividad formativa 1 Solución: Para responder correctamente necesitas abrir el ejercicio: se llama "rc_1" y está en la carpeta "ejercicios/capitulo3/archivos_fuente" 1. ¿En qué lugar exactamente hemos insertado la imagen? En la pregunta 2. ¿Cuál es el subtítulo? No tiene 3. ¿Lo hemos hecho en la modalidad principiante o avanzada? Principiante 4. Compara ese ejercicio con este otro, llamado "rc_2". Se diferencian en una cosa: ¿En qué? El segundo tiene el texto a continuación de la imagen ¿Por qué? Porque en rc_1, el primero, hemos incluido el código <br> antes del texto para darle un espacio.
Actividad formativa 2 Solución: Respuesta libre
Actividad formativa 4 Solución: Las dos primeras se diferencian de las dos últimas en los botones de navegación.
Actividad formativa 5 Solución: Al insertar la lectura, como "copiar/pegar" de un documento word, generó códigos que no queremos, así como un salto de línea después de algunas palabras. Hay que modificar ese texto una vez insertado para que quede como queremos: eliminando ese salto de línea y, si puedes, todos esos códigos que no significan nada para Hot Potatoes: por ejemplo <o:p>. Actividad formativa 6 Solución: * ¿cómo sabes cuándo has acertado? Cuando al dar a "comprobar" aparece el resultado 4/4 * el mensaje de respuesta cuando le das a "comprobar", ¿lo entiendes? Cuando da un porcentaje se refiere al número de intentos: por ejemplo, si dice "4 / 4. Su resultado es: 50%", quiere decir que has acerado completamente pero al segundo intento * ¿se parece este tipo de ejercicio al de respuesas múltiples? Sí, porque en él hay varias respuestas correctas.
Actividad formativa 7 Solución: Hay que acertar, como si dijéramos, una lista de cosas, y en el resultado te da un porcentaje de aciertos sobre un total: si tienes cuatro elementos correctos, el porcentaje será de x/4.
Actividad formativa 9
Solución: El código <center> y <center> sirven para centrar el texto. Y <img src> identifica una imagen. Actividad formativa 10 Solución: Las instrucciones corresponden al tercero, "jmatch_2": es un ejercicio de JMatch con Flascards. El resto de la respuesta a esta actividad es libre. Actividad formativa 15 Solución: El primero sólo tiene los botones "comprobar", "deshacer" y "ayuda". El segundo sólo tiene los botones "comprobar" y "volver a empezar".
* en el ejercicio "jmix_1": si te equivocas al contestar y quieres repetir desde el principio, ¿cómo lo haces? No puedes porque te falta el botón "volver a empezar" * en "jmix_2", ¿qué botones faltan, que serían en tu opinión imprescindibles? Podría ser "deshacer" porque te permite comprobar qué has acertado * ¿a cuál de los dos corresponde la configuración de las indicaciones que vimos en la imagen de arriba en esta página? Al primero porque tiene seleccionado el botón "deshacer". ¿Y esta que tenemos a continuación? Al primero porque es el que tiene un mensaje de ayuda: "La siguiente parte es correcta:" * en cualquiera de los dos: ¿dónde aparece la indicación "Haz clic en las palabras para incluirlas en la lista"? A simple vista no lo podemos saber porqueno aparece. Habría que ver el ejercicio de la patata. Actividad formativa 20 Solución: No es posible. No se pueden insertar imágenes Actividad formativa 23 Solución: La cuadrícula sólo tiene 5 casillas y la palabra "bicicleta" no cabe. Busca otra palabra de menos de 5
letras. Actividad formativa 24 Solución: "Azul" no se puede enlazar a las demás porque no tiene ninguna letra en común.
> Tema 4
Tema 4. Creación de unidades didácticas A partir de este momento, el curso va a seguir una línea diferente en relación con sus actividades. Veréis: los tres primeros temas eran en cierto modo teóricos, ya que su objetivo general era el conocimiento de Hot Potatoes. Y por esta razón planteamos muchas actividades formativas que os abrieran caminos a la investigación con el programa. A partir de ahora el curso será esencialmente práctico. Los temas 4 y 5 incluyen sencillas explicaciones teóricas sobre sus contenidos, claro, pero también, y sobre todo, vais a ver actividades ya hechas. Y lo más importante, también vais a practicar mucho y a vuestro aire, dentro de las sugerencias de actividades en cada tema. Por esta razón, en esta sección, "Actividades", del curso no vais a encontrar soluciones a las actividades, ya que son personales. Sólo alguna sugerencia.
ACTIVIDAD 2. Navegación mediante un Índice Al acceder a este ejemplo, verás que el ejercicio se inicia con un índice desde el que puedes entrar a cualquiera de los tres ejercicios, y también botones de navegación en dichos ejercicios para la navegación lineal entre ellos. En la práctica irás descubriendo, seguramente, que en unos casos uno es mejor que otro dependiendo del tipo de ejercicio, de quienes van a resolver tus ejercicios (¿qué es más fácil para los más pequeños? ¿Qué conviene más a determinados contenidos?...), etc.
> Tema 5
Tema 5. Publicación en web Siguiendo la línea iniciada en el tema anterior, el 4, en este tema 5 y último vais a encontrar una sencilla explicación teórica (y muy gráfica también :-)) sobre sus contenidos, claro, pero también, y sobre todo, vais a practicar mucho y a vuestro aire, dentro de las sugerencias de actividades del tema: en torno a la publicación de los ejercicios en un servidor, al conocimiento del funcionamiento de los servidores, a la navegacón por Internet... Por ello, en esta sección, "Actividades", del curso no vais a encontrar soluciones a las actividades, ya que son personales... y una cuestión de práctica.
Se acaba, por tanto, aquí la recopilación de actividades y soluciones del curso. No olvides que tienes el índice temático, dentro de esta sección de "Actividades" del curso, con el que puedes también recopilar a tu manera las actividades en función de su contenido.
> Índice temático
Índice temático Este índice es una herramienta más que ponemos a vuestra disposición para trabajar en el curso. Es un cuadro con temas de aprendizaje destacados, acompañados por la referencia al (o a los) ejercicios y al capítulo que lo tratan y con espacio para añadir los comentarios que queráis. Por ejemplo: si en este índice temático buscáis el tema "Correo electrónico", os encontraréis con una referencia similar a esta: "Capítulo 3 Apartado 3.5". Veis que está incompleta: Tema 1. Correo electrónico
Localización Capítulo 3 apartado 3.5
Comentarios 1. Insertar una dirección de correo en los ejercicios de Hot Potatoes 2.
2.
Capítulo
3. 3.
Capítulo
4. 4.
Capítulo
5. 5.
Capítulo
6. 6.
-
7. 7.
-
8. 8.
-
9.
-
9.
10
-
10.
Vosotros lo vais a completar, si queréis ya que es opcional, con aquellos temas que os interesen y sus referencias. Sólo tenéis que imprimir la página si vais a trabajar sobre papel, o seleccionar/ copiar/pegar si vais a trabajar en el ordenador. Esta será la función que desempeñará la tabla, el índice temático. Os recomendamos, por tanto, que la vayáis completando cuando y como consideréis oportuno.