Manual para versión 1.9+

• Mantener enlaces en raíces de submenú: define el comportamiento de las opciones del menú que actúan como raíces o padres de un submenú. Si se establece en Sí, el ítem del menú actúa como enlace al dar clic sobre él y abre la URL que se le define en el Árbol del menú. Si se establece en No, el ítem del menú despliega los enlaces hijos al dar clic sobre él.
  
• Mostrar navegación: con esta opción es posible ubicar los enlaces siguiente y anterior para facilitar la navegación a través de los módulos. Las opciones posibles son:
  
  • Arriba: los enlaces serán ubicados en la parte superior del módulo.
  • Abajo: los enlaces serán ubicados en la parte inferior del módulo.
  • Arriba y abajo: los enlaces serán ubicados tanto en la parte superior como en la parte inferior del módulo.
  • No mostrar: si se marca esta opción, no aparecerá ningún enlace de navegación entre módulos.
    
    
• Nodos de navegación: en este recuadro se ingresa la secuencia o el orden que se le quiere dar a la navegación cuando se activa alguna de las opciones de Mostrar navegación que permita insertar los enlaces siguiente y anterior en cada módulo. Por ejemplo, si ingresamos la secuencia 1,5,4,3,2,1 estaremos diciendo que queremos que al hacer clic en enlace siguiente, nos direccione al módulo número 1 y si damos clic nuevamente en este enlace, nos lleve al módulo número 5 y así sucesivamente. Para que se repita nuevamente el orden, debemos colocar al final de la secuencia el primer número con el que empezamos, así como en el ejemplo; todos los números deben ir separados por una coma y sin espacio entre estos.

Nota: Si se modifica la configuración o cualquier otra opción en las diferentes pestañas, es importante guardar antes de pasar a otra pestaña, de lo contrario se perderán los cambios. Para guardar utilice el botón ubicado en la parte inferior del formulario.

Figura 7. Configuraciones de funcionalidad

2. Pestaña Árbol del menú: En esta pestaña podemos crear el árbol de navegación, el cual estará compuesto por enlaces a temas específicos o a URLs externas.

Configurar árbol de temas:

La base del menú es una estructura de árbol donde cada rama u hoja del árbol puede estar asociada a una URL. La URL puede ser externa o estar vinculada directamente a un tema del curso. Cuando se ingresa por primera vez a configurar el árbol de temas, la plataforma sugiere una estructura lineal, sin ramas, con una cantidad de hojas igual al número de temas del curso.

Figura 8. Estructura sin ramas

Para cambiar las propiedades de una hoja, se da clic sobre su nombre con lo cual aparece una ventana donde se podrá realizar algunas acciones para mover las hojas, eliminar la hoja seleccionada, crear una nueva hoja o actualizar los datos de la hoja.

Figura 9. Clic para cambiar las propiedades de las hojas

Al dar clic sobre el tema o su nombre se abre una ventana como la siguiente:

Figura 10. Ventana de edición

Entre las acciones que se pueden realizar sobre la hoja están:

La opción Adicionar como hija crea una copia de la hoja seleccionada y la agrega como hija de ésta.

La opción Adicionar como hermana crea una copia de la hoja seleccionada y la agrega como hermana de ésta.

La opción Cambiar datos de la hoja guarda los valores asociados a las propiedades de la hoja seleccionada.

Al terminar nuestro árbol, debemos dar clic en "Guardar cambios". Las modificaciones hechas al árbol son temporales, si no se guardan los cambios y se selecciona otra pestaña o se cierra la página todos los cambios se perderán.

Con la configuración básica, si desactivamos la edición del curso podemos observar en la parte superior central el menú del mismo, como lo muestra la siguiente imagen.

Imagen 12. Vista del curso

Figura 13. Vista de la lista del menú

Fuentes Javascript:

Si se deshabilita el javascript por defecto, en la opción de "Configurar", se puede incluir código que manipule la información del árbol del menú y construya un menú nuevo. Por ejemplo, el siguiente código utiliza las funciones de la librería YUI que se incluyen en Moodle, para generar una barra de menú simple, similar al menú por defecto pero sin efecto en el desplazamiento de los submenus:

var menu_ppal_topics = new YAHOO.widget.MenuBar("id_contenedor_menu"); menu_ppal_topics.render();

Notas: El nombre id_contenedor_menu corresponde al identificador del div que contiene el menú en HTML construido como listas anidadas, normalmente con las etiquetas HTML: ul y li. Cuando el JavaScript por defecto es incluido, la variable tree_menu_var contiene el objeto JSON con los datos del menú. La estructura del JSON e información sobre como personalizar el menú puede consultarse en el manual de referencia de YUI siguiendo este enlace.

Figura 14. Código javascript

Figura 15. Vista del menú con código javascript

4. Pestaña Plantilla de estilos (CSS): Permite incluir estilos CSS con lo cual se puede definir una apariencia gráfica personalizada para el menú. Si se desea personalizar el menú flotante, es recomendable mantener los estilos por defecto y realizar cambios sobreescribiendo esos estilos ya que puede ser un poco complicado definir todos los estilos para el menú flotante en caso de deshabilitan los estilos por defecto.

Estilos CSS:

Un ejemplo sencillo de utilización de la plantilla de estilos sería escribir el siguiente código en la ventana "Código CSS":

#id_contenedor_menu { margin-bottom: 30px; }

Figura 16. Código CSS

Con el anterior código se separa el menú 30px del tema central o del primer bloque, según la posición definida para el menú.

Nota: Una vez terminada la configuración  y cierre la edición del menú, refresque la página inicial del curso para que se actualicen los cambios. En muchos navegadores se puede realizar este refresco presionando Ctrl+F5.

Figura 17. Vista menú con código CSS

5. Pestaña Plantilla de html

También podemos realizar el menú a partir de una plantilla HTML, para hacerlo debemos verificar en la pestaña "Configurar" que la opción "Crear desde plantilla HTML" se encuentre en "Sí". Luego volvemos a la pestaña "Plantilla de html".

Figura 18. Opción Sí HTML

Cuando se utiliza la plantilla HTML, no se genera el menú flotante, en su lugar, se utiliza el HTML reemplazando las etiquetas que definen las posiciones de cada opción del menú en el HTML. Una etiqueta corresponde a una palabra clave que se coloca en el HTML y es reemplazada, al momento de mostrar el menú, por un valor definido según la conformación de la etiqueta. Los posibles tipos de etiquetas son:

• Enlace a una opción del menú: Sirve para colocar un vínculo como texto según la configuración en el árbol del menú. La estructura de la etiqueta es [[nombre]], donde nombre es el nombre que se le asignó a la hoja del menú en el árbol. El mismo nombre de la hoja es colocado como palabra para generar el enlace.
• URL del enlace: Sirve para generar solamente la URL del enlace correspondiente a la hoja del menú. La estructura de la etiqueta es: [[nombre:url]], donde nombre es el nombre que se le asignó a la hoja del menú en el árbol y url es una palabra que no cambia, se mantiene igual e indica que solo se desea la URL, no el enlace completo. Por ejemplo, si se coloca la etiqueta [[Temas del curso:url]], al momento de ver el menú se reemplazará esa etiqueta por la URL relativa de la hoja nombrada Temas del curso.
  Las URL que apuntan a Temas son creadas de manera "relativa" para evitar problemas con algunos filtros en el editor HTML de Moodle que reemplazan las URL cuando no están completas, y estas URL no estarán completas hasta el momento de generar el menú para el usuario.

Figura 30. Clic en 'Sí' Mostrar recursos no incluidos en plantilla

Si escogemos la opción en "Sí", los recursos que no fueron inlcuidos en la plantilla se mostrarán debajo del título como aparecen en Moodle normalmente.

Figura 31. Vista del curso, recursos no incluidos en plantilla

Nota: Los recursos que no se muestran siguen estando abiertos para un usuario que acceda directamente desde la URL por lo cual no constituye un mecanismo de seguridad. Si desea ocultar el recurso a los estudiantes, ocúltelo utilizando la funcionalidad estándar de Moodle para realizar esta operación. Los recursos tipo "etiqueta" no se consideran dentro del título del tema al ser utilizado como plantilla, por eso, solo se muestran en caso de que la opción Mostrar recursos no incluidos en plantilla esté establecida en "Sí".