facbook url
youtube url
twitter url
enlace de suscripci髇
25 octubre, 2018

Plantilla Moodle USAC

Plantilla Moodle USAC
Unidad de Educaci贸n Virtual
Direcci贸n General de Docencia
Universidad de San Carlos de Guatemala

Moodle

  • Versi贸n 1.0.4 para Moodle 3.5.1. Fecha:聽22 de octubre de 2018.
  • Versi贸n 1.0.5 para Moodle 3.6.3 (soluciona error de nuevo estilo de chat).
  • Versi贸n 2.0.1 para Moodle 3.7 en desarrollo (debe utilizar Bootstrap 4 y el core de Classic o Boost).

La Unidad de Educaci贸n Virtual desarroll贸 la plantilla institucional Moodle para la Universidad de San Carlos de Guatemala, la cual tiene un dise帽o responsivo compatible con computadoras de escritorio, port谩tiles y dispositivos m贸viles, as铆 tambi茅n es compatible con los distintos navegadores web: Chrome, Firefox, Opera, Internet Explorer y Safari.

Descargar plantilla Moodle USAC 1.0.4: https://virtual.usac.edu.gt/media/usac.1.0.4.zip

Descargar plantilla Moodle USAC 1.0.5: https://virtual.usac.edu.gt/media/usac.1.0.4.zip

Colabora en GitHub:聽https://github.com/josepablousac/plantilla-moodle-usac

脕reas que se utilizan en todas las p谩ginas de la plataforma:

  • Cabecera de p谩gina.
  • Banner de p谩gina de inicio y p谩ginas internas.
  • Pie de p谩gina.

Las secciones creadas para la p谩gina de inicio son las siguientes:

  • Banner de cabecera de p谩gina.
  • Secci贸n acerca de nosotros.
  • Secci贸n nuestros cursos.
  • Secci贸n de equipo docente.
  • Formulario de contacto.

A continuaci贸n, se muestra una descripci贸n gr谩fica, se lista la informaci贸n general de uso y configuraci贸n.

P谩gina de inicio y sus secciones

P谩gina interna y sus secciones

Selector de temas

El nombre de la plantilla en el selector de temas es 鈥淯SAC鈥. En la plantilla puedes modificar el c贸digo fuente, aun as铆, se desarroll贸 para que realices cualquier modificaci贸n en el panel de administraci贸n de Moodle.

Opciones de configuraci贸n

Despu茅s de instalar y seleccionar la plantilla, observar谩s algunos espacios sin texto en la p谩gina principal, puedes ocultar o mostrar cada secci贸n.

A continuaci贸n, podr谩s encontrar el detalle de las opciones de configuraci贸n de administrador de cada secci贸n y su funcionamiento.

Configuraci贸n general

La secci贸n de configuraci贸n general te permite modificar lo siguiente:

Icono

El icono por defecto es el de la Universidad de San Carlos. Puedes cambiarlo cargando una nueva imagen con el selector de archivos.

Logotipo

El logotipo por defecto es el de la Universidad de San Carlos en color blanco y con transparencia. Este se muestra en la cabecera de todas las p谩ginas.

Imagen del banner interno

Es la imagen mostrada en la parte superior de las p谩ginas internas, la imagen por defecto es el icono del edificio de rector铆a de la USAC. Esta imagen se alinear谩 al centro, se auto ajustar谩 al cambiar de tama帽o de dispositivo. En la parte inferior del banner, aparecer谩 el t铆tulo de la p谩gina y el texto del banner interno.

Texto del banner interno

Es el texto mostrado en la parte inferior del t铆tulo de p谩gina, el texto por defecto es 鈥淐onstruye tu aprendizaje acad茅mico鈥.

Color celeste y azul oscuro del sitio

La plantilla te permite modificar los dos colores principales del sitio. Si modificas estos colores, deber谩s de cambiar las im谩genes que forman parte de la plantilla para seguir la misma l铆nea gr谩fica.

Nota: despu茅s de cambiar los colores principales, es necesario purgar todas las cache. Esta opci贸n est谩 disponible en administraci贸n del sitio > desarrollo > purgar todas las cache.

En la siguiente imagen, se observa que se cambi贸 el color principal a gris:

Imagen de fondo de p谩gina de inicio de sesi贸n

Es la imagen de fondo mostrada en la p谩gina de inicio de sesi贸n. La imagen por defecto muestra a estudiantes en el Edificio de Rector铆a.

CSS personalizado

Permite agregar c贸digo CSS para personalizar algunos aspectos del dise帽o.

Imagen con transparencia

Es utilizada sobre las im谩genes de fondo de las secciones: banner de la p谩gina de inicio, cursos y contacto. Debe de ser una imagen de 10 x 10 pixeles, color de acuerdo a los colores principales de la plantilla y con 70% de opacidad.

Inicio – cabecera de p谩gina

La secci贸n de cabecera de p谩gina de la p谩gina principal te permite modificar lo siguiente:

Imagen de cabecera de p谩gina

Esta se muestra en la p谩gina de principal, la imagen por defecto es la del Edificio de Rector铆a de la USAC.

Unidad acad茅mica, texto secundario y enlace URL

Es el texto mostrado en el centro de la imagen de cabecera de p谩gina. El enlace URL por defecto es la p谩gina personal, si el usuario no ha iniciado sesi贸n lo redireccionar谩 a la p谩gina de inicio de sesi贸n.

Inicio – acerca

La secci贸n 鈥渁cerca鈥 de la p谩gina principal te permite modificar lo siguiente:

Mostrar secci贸n acerca de nosotros

Oculta o muestra la secci贸n.

Texto de cabecera de la secci贸n

Este texto se muestra en la parte superior izquierda. El valor por defecto es 鈥渘osotros鈥.

T铆tulo y contenido de cada 谩rea

La plantilla permite crear tres pesta帽as, cada una tiene su t铆tulo y su contenido. Los valores por defecto son misi贸n, visi贸n y valores.

Si utilizas solo una pesta帽a y las otras las dejas en blanco, observar谩s el siguiente resultado (se ajusta):

Si utilizas dos pesta帽as y la otra la dejas en blanco, observar谩s el siguiente resultado (se ajusta):

Inicio – cursos

La secci贸n 鈥渃ursos鈥 de la p谩gina principal te permite modificar lo siguiente:

Mostrar cursos

Oculta o muestra la secci贸n.

Imagen de fondo de la secci贸n de cursos

La imagen por defecto es del Edificio de Recursos Educativos.

Texto de cabecera de la secci贸n

Este texto se muestra en la parte superior izquierda. El valor por defecto es 鈥渃ursos鈥.

Inicio – docentes

La secci贸n 鈥渄ocentes鈥 de la p谩gina principal te permite modificar lo siguiente:

Mostrar docentes

Oculta o muestra la secci贸n de docentes.

Texto de cabecera de la secci贸n

Este texto se muestra en la parte superior izquierda. El valor por defecto es 鈥渆quipo docente鈥.

N煤mero de docentes

Permite agregar o quitar docentes de esta secci贸n. Para que los cambios hagan efecto, de primero debes de actualizar este n煤mero, guardar el formulario y despu茅s ingresar los datos de cada uno.

Datos de cada docente

  1. Imagen: si no se carga ninguna imagen, se mostrar谩 la imagen predeterminada de la plantilla.
  2. Nombre: 14 caracteres m谩ximo.
  3. Resumen del docente: 105 caracteres m谩ximo.
  4. Enlace URL: se aconseja crear una p谩gina est谩tica con la hoja de vida completa del docente. El enlace URL se colocar谩 en la parte inferior de la ficha del docente.

Inicio – contacto

La secci贸n 鈥渃ontacto鈥 de la p谩gina principal te permite modificar lo siguiente:

Mostrar secci贸n de contacto

Oculta o muestra la secci贸n de contacto.

Imagen de fondo de secci贸n de contacto

La imagen predeterminada de esta secci贸n es del Edificio de la Direcci贸n General de Administraci贸n DIGA.

Texto de cabecera de la secci贸n

Este texto se muestra en la parte superior izquierda. El valor por defecto es 鈥渃ont谩ctenos鈥.

URL del iframe

Para mostrar el mapa de ubicaci贸n de tu unidad acad茅mica, debes de colocar 煤nicamente la URL del iframe de Google Maps.

Para hacer esto, sigue los siguientes pasos:

  1. Entra a Google maps:聽https://www.google.com/maps
  2. Busca el nombre de tu unidad acad茅mica, en este ejemplo se buscar谩 鈥淯nidad de Educaci贸n Virtual鈥.
  3. Cuando la ubicaci贸n aparezca en el mapa, haz clic en el enlace 鈥渃ompartir鈥.
  4. Selecciona la pesta帽a 鈥渋ncorporar un mapa鈥.
  5. Copia el iframe.
  6. El texto copiado ser谩 el siguiente:<iframe src=”https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3861.2103460010903!2d-90.55402998521092!3d14.587086689811064!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x8589a13d75e18f63%3A0x58f0afce580a397b!2sUnidad+de+Educaci%C3%B3n+Virtual!5e0!3m2!1ses-419!2sgt!4v1540415469091” width=”600″ height=”450″ frameborder=”0″ style=”border:0″ allowfullscreen></iframe>De este texto nos interesa 煤nicamente la direcci贸n URL (texto en color amarillo).

Nombre de la facultad, nombre de la escuela y direcci贸n

El nombre de la facultad y de la escuela aparecen en una sola l铆nea en la parte inferior de la secci贸n de contacto, la siguiente l铆nea es la direcci贸n. Los datos por defecto son los de la Unidad de Educaci贸n Virtual de la Direcci贸n General de Docencia.

Tel茅fono y correo electr贸nico

Se muestran en la tercera l铆nea de la informaci贸n de contacto. Para mostrar m谩s tel茅fonos puedes utilizar el separador 鈥渱鈥.

Formulario de contacto

El formulario de contacto tiene los campos nombre, correo electr贸nico y mensaje. Utiliza expresiones regulares para validar el texto ingresado y utiliza Google Recaptcha para evitar que scripts automatizados env铆en correos spam.

Las opciones de configuraci贸n disponibles para este formulario son:

  1. Enviar correo a: debes de seleccionar un administrador de Moodle, quien recibir谩 los mensajes enviados utilizando el formulario de contacto.
  2. Clave publica de Google Recaptcha.
  3. Clave privada de Google Recaptcha.Puedes obtener las claves publicas y privadas registrando el nombre de tu dominio web en la p谩gina https://www.google.com/recaptcha, no requiere ninguna comprobaci贸n de propiedad de dominio.
  4. Direcci贸n URL de dominio de Moodle: es un par谩metro de seguridad, permite al formulario comprobar la direcci贸n URL de las solicitudes POST que reciba.

El formulario de contacto utiliza la funci贸n de env铆o de mensajes propia de Moodle. De acuerdo a la configuraci贸n de Moodle, enviar谩 los mensajes utilizando SMTP o la funci贸n nativa de PHP.

Pie de p谩gina

La secci贸n pie de p谩gina te permite modificar lo siguiente:

Logotipo de pie de p谩gina

Situado en la parte inferior, lado lateral izquierdo. El logotipo por defecto es el de la USAC.

Enlaces sociales

La secci贸n de enlaces sociales se sit煤a en la parte lateral derecha, su ubicaci贸n es fija para computadoras de escritorio. En dispositivos m贸viles, los enlaces sociales se sit煤an abajo del logotipo de pie de p谩gina.

Los enlaces sociales disponibles son:

  • Facebook
  • Twitter
  • Googleplus
  • Pinterest
  • Instagram
  • Youtube
  • Flickr
  • Whatsapp
  • Skype
  • Github

Texto de pie de p谩gina

Se sit煤a en la parte lateral derecha. Los campos disponibles son:

  • Derechos de autor
  • Texto de pol铆tica de privacidad
  • URL de la pol铆tica de privacidad
  • Nota de pie de p谩gina

En la parte inferior observar谩s el enlace URL para descargar la aplicaci贸n Moodle para dispositivos Android.

Subir

Habilita o deshabilita el bot贸n situado en la parte inferior derecha, sirve para ir a la parte superior de la p谩gina.

Descargar

Plantilla Moodle USAC 1.0.5: https://virtual.usac.edu.gt/media/usac.1.0.4.zip

Plantilla Moodle USAC 1.0.5: https://virtual.usac.edu.gt/media/usac.1.0.5.zip

Colabora en GitHub:聽https://github.com/josepablousac/plantilla-moodle-usac

Utilizamos 鈥淐ookies鈥 propias para fines de rendimiento y divulgaci贸n de nuestros servicios, pudiendo contener otras tecnolog铆as de seguimiento para el an谩lisis de tus h谩bitos de navegaci贸n. Si contin煤as navegando, consideramos que aceptas su uso. Puedes obtener m谩s informaci贸n sobre estas tecnolog铆as aqu铆.

Aceptar

Para recibir boletines de informaci贸n, por favor escribe tu correo electr贸nico:

Por favor ingrese un correo electr贸nico valido.
Registrado correctamente!