de Moodle
Gabriela Pérez Caviglia
En el sitio de http://
moodle.org/themes bajamos
el tema Liip en el cual nos
basaremos
Modificaremos
información de todos
estos archivos.
Activando el tema base
En el sitio de http://
moodle.org/themes bajamos
el tema Liip en el cual nos
basaremos
Background que
se repiten
Modificando los archivos del tema
Describiremos este proceso de forma acotada, ya que es un
proceso mas complejo y largo, donde hay que contar con
conocimientos html y css sólidos
Se crearon nuevas clases css, y se modificaron las exitentes
para ir llevando la estructura de liip a el diseño de interfase
que se deseaba.
Se cambió el juego de iconos principales por defecto,
editando las imágenes. Los iconos pequeños, fueron
sustituidos por un set (Nuvola IconSet) que se descargo de
http://www.moodlezengarden.com/
Se cambio también el favicon por una imagen del logo de la
Universidad de la república.
Nueva apariencia luego de un mes
de trabajo aproximadamente
Luego de un mes de trabajo e investigación se logro un
resultado bastante aproximado al planteado.
Si bien, contaba con experiencia en el diseño de
interfases web, era la primera vez que realizaba un
template de moodle.
La primera idea que tuve fue hacer un template de
cero, pero no encontré información detallada de este
proceso, luego comprendí que es más fácil empezar a
introducirse en el proceso modificando temas de otros
Existen temas abiertos y comentados que ayudan mucho
a los que realizamos esta tarea.
Nueva apariencia luego de un mes
de trabajo aproximadamente
Así luce la plataforma
cuando instalamos el
tema, algo muy
importante es como
presentamos la
portada, ya que es lo
primero que ve el
usuario y puede
resultar un espacio útil
también para
comunicar novedades
Portada
En un editor html se
procede al diseño de la
portada, luego se copia
el código generado en
la pantalla principal de
la plataforma.
Como la UR es una
universidad grande con
mas de 100 carreras de
grado y mas de 150
opciones de posgrados,
mas otras actividades
de enseñanza se
organizó en la lógica de
áreas de conocimiento,
y también un acceso
mas institucional para
otras actividades
Copiando código a portada moodle
Le doy en la portada
“Activar edición” y en
resumen del sitio pego
el código html que
generé
Como luce hoy
Bloque de acceso a
myMoodle
navegación
Novedades
Debajo de la
navegación se
publican
novedades de
interés