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

Slides:



Advertisements
Presentaciones similares
Dreamweaver Primeros Pasos.
Advertisements

Support.ebsco.com EBSCOadmin Personalización Tutorial.
Los apartados de un curso Esta presentación nos va a permitir identificar los apartados fundamentales de un curso de Moodle Aunque el contenido en el interior.
Configurar un curso (Función del profesor) Editar el nombre, el nombre corto y el informe (que se muestra en la portada) Escoger la formato del curso y.
TUTORIAL PASO A PASO Parte 2. PASO 7: Organizando los archivos Antes de dar inicio a la creación del contenido del curso debes tomar en cuenta que necesitarás.
Tutorial e-encuesta Tutorial e-encuesta.
Un esquema de Wordpress
LA WEB 2.0 EN EL AULA CFIE ÁVILA 26 y 28 Abril 4 y 5 Mayo Abelardo Pérez.
TÉCNICO EN REGISTROS Y ESTADÍSTICAS DE SALUD
Cont.. Universidad Católica de El Salvador Centro Regional de Ilobasco Licenciatura en ciencias de la educación con especialidad en matemática. Portafolio.
El Menú Ventana controla las opciones para personalizar la presentación y visualización del FTP Explorer, y permite acceder con el teclado a los paneles.
En esta presentación se llevara acabo una explicación en la cual, se define que es la WEBNODE, con el fin de dar un entendimiento claro de este sitio.
CURSO DE OFIMATICA BASICA
Ing. Cleyver Vazquez Jijon
ELEMENTOS DE LA VENTANA
DR. ERNESTO SUAREZ.
 Elaborar un documento en Word que contenga, marcadores, enlaces y gif animados.
Aula Virtual Continental
Explorador de Windows.
POWERPOINT.
Publicación de bases de datos Access en la web
El mundo de Word.
Microsoft OFFICE Word MBA. Lida Loor Macías.
Moodle es un entorno de aprendizaje que está basado en los principios pedagógicos constructivistas, con un diseño modular que hace fácil agregar contenidos.
Etiquetas para el trabajo con Marcos
Cuentas de usuarios y grupos en windows 2008 server
Aplicación y uso de la herramienta
Instrucciones para realizar pasaporte: 1.Redactar a mano cada una de las dipaositivas 2.Incluir imágenes referentes al concepto 3.Entregar en carpeta con.
TRABAJO DE INFORMATICA
Taller 2.  Correo electrónico, o en inglés , es un servicio de red para permitir a los usuarios enviar y recibir mensajes mediante sistemas de.
“Trabajando en Notepad”
Ingresa a Ingresas el nombre de tu pagina, debe estar relacionado con el contenido. Ingresas tu correo electrónico, te llegara un mensaje.
Ing. Johanna Navarro.  Es un software cuya función es la de procesamiento de textos.  Creado por : Empresa Microsoft  Formato de archivo.docx  Ha.
WINDOWS 8 Windows 8 es la versión actual del sistema operativo de Microsoft Windows, producido por Microsoft para su uso en computadoras personales, incluidas.
PowerPoint 2007 Es una aplicación que permite la creación de presentaciones gráficas, al estilo de diapositivas que pueden combinar texto, diagramas,
Universidad de Sonora Espacio Educativo NTIC M.A. Fabiola Suseth López Aguirre Noviembre de 2013.
Introducción Microsoft Word
30/10/2006IES JACARANDÁ 1 OPENOFFICE.ORG-IMPRESS Es un programa de creación de aplicaciones visuales en forma de demostraciones y presentaciones. La filosofía.
MANUAL DE USO DE WORDPRESS NOMBRE: GUIDO GONZALEZ FECHA: 28/03/2015. CURSO: 1RO BACHILLERATO “C”
Clase 3 Explorador de Windows.
CONOCIENDO EL ENTORNO DE MS WORD
PLAN DE MEJORA DE LA PÁGINA WEB
Colegio de bachilleres plantel n°14
Realizado por: Prof. Luis Vallenilla. En el reto anterior cambiamos aspectos esenciales en el diseño del blog. Ahora incluiremos algunos elementos a ese.
La configuración general de un curso se realiza desde el bloque "Ajustes", en “Administración del curso”, en “Editar ajustes” (Tenemos que estar en el.
Unidad 7 Escritorio de Windows.
Microsoft Power Point Tema: “Como manejo del Power Point como herramienta estudiantil”.
Elementos Tipicos de las Interfaces Graficas de usuario.
Manual de Wordpress Nombre: Nombre: Andy Orellana Fecha: Fecha: 01/04/2015 Curso: Curso: 1º de Bach. ¨A¨
Realizado por: Prof. Luis Vallenilla. Paso 1: Ingrese a la página:
1.¿Qué es? El Microsoft PowerPoint es un programa que permite hacer presentaciones, y es usado ampliamente los ámbitos de negocios y educacionales. 1.1¿Para.
Sitios WEB HTML Dreamweaver Interfaz Instructor: Adbeel Cabnal.
Support.ebsco.com Búsqueda avanzada guiada de EBSCOhost Tutorial.
CURSO BASICO MICROSOFT WORD Profesor : Edwin Torres Mangones 2008.
TEMA 2: SISTEMAS OPERATIVOS. ENTORNO MONOUSUARIO.
ACCEDER A Y ABRIR UNA CUENTAWWW.WORDPRESS.COM.
1.- Hacer click en inicio. 2.- Elegir la opción requerida y hacer click para estar dentro de el programa.
Mediacentro Clase #3 de Word I.
Tutorial Holdings Management (Administración de Colecciones) Agregando, Editando y Asignando Enlaces al Buscador de Texto Completo support.ebsco.com.
Realizado por: Prof. Luis Vallenilla. En el reto anterior realizamos los últimos cambios en el Diseño del Blog y la Creación de Etiquetas. Ahora, manipularemos.
Por Beatriz Moreno. ¿QUÉ ES UN WIKI? Las wikis son sitios web escritos en colaboración por un grupo de usuarios, que tratan sobre un mismo tema. Cualquiera.
Moodle es una aplicación web de tipo Ambiente Educativo Virtual, un sistema de gestión de cursos, de distribución libre, que ayuda a los educadores a crear.
Weebly Nueva Interfaz del escritorio. Weebly Weebly es una plataforma para crear páginas web. Estas páginas pueden contener uno o más blogs. Recientemente.
En la barra de direcciones WEB escribir: blogspot.com Lo primero que pide para entrar es una cuenta de correo de google.com o de gmail.com. Si no tienes.
P O W E R P O I N T CONCEPTOS BÁSICOS 1.
WordPress. Nombre del Sitio Web Enlaces permanente.
Procesador de textos. Componentes de Word. Multiversidad Latinoamericana Campus Celaya Bachillerato Informática I Prof. Brayan Tula Villanueva 1er. Semestre.
Google docs Tutorial para elaborar una presentación en línea con Google docs Prof. Edgar Oswaldo González Bello Prof. Adolfo Castillo Navarro Universidad.
Módulo III.- Recursos en UPSA VIRTUAL Este módulo explica como configurar los distintos recursos que pueden encontrarse en un curso de MOODLE. Recurso:
Plataforma agregadora de Moocs para universidades.
Transcripción de la presentación:

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

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

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

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

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

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á.

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