Personalización en diseño visual y comportamiento de la plantilla

Presentación del tema: "Personalización en diseño visual y comportamiento de la plantilla"— Transcripción de la presentación:

1 Personalización en diseño visual y comportamiento de la plantilla
Plantilla en Moodle Personalización en diseño visual y comportamiento de la plantilla

2 Plantillas en Moodle De acuerdo a experiencias previas y a la identificación de elementos recurrentes de cursos anteriores, las plantillas han sido adaptadas bajo una mirada que facilite tanto la recepción de la información como la operación técnica del mismo, esto permite a los desarrolladores integrar los contenidos y actividades de manera más eficaz y a los usuarios les ayuda a navegar de manera más dinámica. Las modificaciones aquí presentes no aplican siempre por igual en todos los proyectos, actualmente las plantillas han sido modificadas en: El aspecto visual Comportamiento de la plantilla – “Unidades” Comportamiento de la plantilla – “Botón regresar” Comportamiento de la plantilla – “Light Box” Comportamiento de la plantilla – “Etiqueta” Todos los modificaciones aquí mencionadas son al nivel de la plantilla, ningún archivo de la plataforma fue modificado para obtener estas condiciones

3 1. El aspecto visual En general las plantillas son personalizadas de acuerdo al proyecto en cuestión, a continuación se mencionan algunas de las modificaciones respecto al diseño visual: 1.En el “Header” se han agregado los logos, títulos y colores correspondientes al proyecto, 2.Las barras de títulos de los bloques así como los colores de los textos –botón 3.Iconos de diferente tamaño en bloques y contenidos 4.La presentación de cada tema, sin número ni marco Plantilla Estandar Plantilla Modificada

4 2. Comportamiento de las Plantilla - Unidades
Plantilla Estandar Plantilla Modificada Normalmente Moodle presenta la totalidad de las unidades bajo la misma pantalla, es decir, si la asignatura cuenta con diez unidades estas se muestran consecutivamente en la misma pantalla. Este comportamiento provoca que entre más numero de unidades el scroll vertical va en aumento. A continuación se ejemplifica como se muestran el total de las unidades en un Moodle estandar, el ejemplo sólo muestra las unidades consecutivas sin ningún contenido en su interior Se ha modificado el comportamiento ordinario de la plataforma por medio de la plantilla con la intensión de sólo mostrar una unidad y evitar el scroll vertical así como la recepción de todos los contenidos al mismo instante (la navegación del resto de las unidades se realiza por medio de un menú (bloque lateral). VS

5 3. Comportamiento de las Plantilla – Botón Regresar
Plantilla Modificada Este botón es un complemento del comportamiento anterior, consiste en el “botón regresar” añadido en la barra de navegación (breadcrumbs). El siguiente ejemplo muestra una pantalla en la cual se muestra un actividad dentro del Moodle correspondiente a la unidad 2. 2. Con esta opción el usuario puede regresar a la unidad en la que se ubicaba anteriormente al seleccionar la actividad dentro del Moodle 1. Cuando regresamos al escritorio por medio de la barra de navegación de Moodle, este siempre regresa a la unidad 1, por lo que si anteriormente el usuario estaba en otra unidad (ejemplo unidad 3) se pierde la ruta anterior, ya que esta es la manera en que esta configurado el Moodle de manera predeterminada

6 4. Comportamiento de las Plantilla - LightBox
Plantilla Modificada Originalmente la herramienta lightbox fue desarrollada para permitir a los usuarios ver una versión ampliada de imágenes o algún otro documento sin la necesidad de ir a otra página. Partiendo de este concepto se ha desarrollado un modelo lightbox para un uso didáctico, mejorando y facilitando la navegación de los estudiantes a través de los diversos cursos en línea. La plantilla cuenta con “Lightbox” en los botones correspondientes al modulo de administración. Este recurso facilita la navegación ya que permite mostrar contenidos sin salirte de la página inicial de la asignatura. Pero de igual forma el recurso puede ser activado desde los contenidos de la asignatura con solo colocar el código correspondiente en el botón que lo activará.

7 5. Comportamiento de las Plantilla – “Etiquetas”
Plantilla Modificada Este recurso aplica para aquellas plataformas donde la presentación de los contenidos se realiza por medio de una “etiqueta” (contenedor) y esta a su vez carga un HTML (contenidos) de la sección de archivos del Moodle. Ya que los contenidos tienen diferente amplitud se ha creado este script con la finalidad de ajustar de manera dinámica la altura de la etiqueta y a su vez eliminar el scroll derecho