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.

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.

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.

NOTA: estos dos enlaces anteriores solamente funcionarán si estás conectado a Internet