Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Seminario Moodle - UNAM - Temas en Moodle 2

Seminario Moodle - UNAM - Temas en Moodle 2

Presentación de "Temas en Moodle2" como parte del Seminario Moodle en la UNAM.

Francisco Javier Gutiérrez

November 28, 2012
Tweet

Other Decks in Education

Transcript

  1. Seminario para Administradores y Desarrolladores de Moodle TEMAS EN MOODLE

    2 Ernesto Cruz Cruz Francisco Javier Gutiérrez Chávez
  2. Tabla de contenido Lo nuevo Estrutura de un tema Seminario

    para Administradores y Desarrolladores de Moodle 28 de noviembre de 2012 Temas en Moodle 2 Modificación de un tema Integración de un tema Temas para móviles
  3. Ernesto Cruz Cruz [email protected] Temas en Moodle 2 [email protected] Universidad

    Interamericana para el Desarrollo Tecnología Educativa Galileo
  4. Lo nuevo 7 ¡Importante! Seminario para Administradores y Desarrolladores de

    Moodle 28 de noviembre de 2012 Temas en Moodle 2 ¡Importante! Los temas de Moodle 1.9.x NO FUNCIONAN en Moodle 2.x.x
  5. Lo nuevo Ejemplos 8 Seminario para Administradores y Desarrolladores de

    Moodle 28 de noviembre de 2012 Temas en Moodle 2
  6. Lo nuevo Ejemplos 9 Seminario para Administradores y Desarrolladores de

    Moodle 28 de noviembre de 2012 Temas en Moodle 2
  7. Lo nuevo Ejemplos 10 Seminario para Administradores y Desarrolladores de

    Moodle 28 de noviembre de 2012 Temas en Moodle 2
  8. Lo nuevo • Hojas de estilo claras • IDs en

    todas las páginas en Moodle CSS Layout 11 Seminario para Administradores y Desarrolladores de Moodle 28 de noviembre de 2012 Temas en Moodle 2 • Ya no existen header.html ni footer.html • Son el HTML de Moodle • Tipos de layouts • Métodos para agregar Javascript Javascript • Fácil manejo de imágenes Imágenes
  9. Estructura de un tema. archivos y carpetas 13 Seminario para

    Administradores y Desarrolladores de Moodle 28 de noviembre de 2012 Temas en Moodle 2
  10. Estructura de un tema. El archivo de configuración. 14 Seminario

    para Administradores y Desarrolladores de Moodle 28 de noviembre de 2012 Temas en Moodle 2
  11. Estructura de un tema. Layouts 15 Seminario para Administradores y

    Desarrolladores de Moodle 28 de noviembre de 2012 Temas en Moodle 2
  12. Estructura de un tema. Layouts 16 Seminario para Administradores y

    Desarrolladores de Moodle 28 de noviembre de 2012 Temas en Moodle 2
  13. Estructura de un tema. Hojas de estilo (CSS) Cascading Style

    Sheets 17 Seminario para Administradores y Desarrolladores de Moodle 28 de noviembre de 2012 Temas en Moodle 2 Define como mostrar HTML Ahorran mucho trabajo
  14. Estructura de un tema. Hojas de estilo (CSS) – Sin

    estilo 18 Seminario para Administradores y Desarrolladores de Moodle 28 de noviembre de 2012 Temas en Moodle 2
  15. Estructura de un tema. Hojas de estilo (CSS) – Estilo

    1 19 Seminario para Administradores y Desarrolladores de Moodle 28 de noviembre de 2012 Temas en Moodle 2
  16. structura de un tema. Hojas de estilo (CSS) – Estilo

    2 20 Seminario para Administradores y Desarrolladores de Moodle 28 de noviembre de 2012 Temas en Moodle 2
  17. Estructura de un tema. Uso de imágenes – directorio pix.

    21 Seminario para Administradores y Desarrolladores de Moodle 28 de noviembre de 2012 Temas en Moodle 2
  18. Modificación de temas 23 Edición de temas Activar la opción

    Es necesario Seminario para Administradores y Desarrolladores de Moodle 28 de noviembre de 2012 Temas en Moodle 2 Activar la opción "Modo diseño de temas” Bloque configuraciones-> Administración del sitio-> Apariencia->Temas gráficos-> Ajustes de temas gráficos Ubicada en la siguiente ruta
  19. Ajustes de temas gráficos 24 Seminario para Administradores y Desarrolladores

    de Moodle 28 de noviembre de 2012 Temas en Moodle 2
  20. ¿Que podemos editar como administradores? Logo Ancho de columna Nota

    al pie Colores de bloques 25 Seminario para Administradores y Desarrolladores de Moodle 28 de noviembre de 2012 Temas en Moodle 2 Colores de bloques Color de hipervínculos Agregar menús
  21. Agregar un logo Ingresamos a la siguiente ruta como administradores

    26 Seminario para Administradores y Desarrolladores de Moodle 28 de noviembre de 2012 Temas en Moodle 2
  22. La imagen del logo debe estar disponible en un servidor

    De no ser posible, podemos apoyarnos con Dropbox 27 Seminario para Administradores y Desarrolladores de Moodle 28 de noviembre de 2012 Temas en Moodle 2 Dropbox
  23. Dropbox Tener una cuenta con Dropbox Crear una carpeta publica

    Guardar las imágenes que usaré para los temas 28 Seminario para Administradores y Desarrolladores de Moodle 28 de noviembre de 2012 Temas en Moodle 2 temas Copiar los enlaces públicos y pegarlos en el espacio del logo del tema
  24. Antes Después 31 Seminario para Administradores y Desarrolladores de Moodle

    28 de noviembre de 2012 Temas en Moodle 2 Después
  25. Ancho de columna Algunos temas permiten cambiar el ancho de

    columna 32 Seminario para Administradores y Desarrolladores de Moodle 28 de noviembre de 2012 Temas en Moodle 2
  26. Ancho de columna: 200 px 33 Seminario para Administradores y

    Desarrolladores de Moodle 28 de noviembre de 2012 Temas en Moodle 2
  27. Ancho de columna: 420 px 34 Seminario para Administradores y

    Desarrolladores de Moodle 28 de noviembre de 2012 Temas en Moodle 2
  28. Modificación de un tema. Cambios realizar Tema base • Es

    la base para crear temas nuevos Modo diseñador • Administración/Apariencia/Temas/Ajustes de temas/ 36 Seminario para Administradores y Desarrolladores de Moodle 28 de noviembre de 2012 Temas en Moodle 2 diseñador Archivos del tema • config.php • theme_temanuevo.php • estandar.php • temanuevo.css Nuevo Tema • Nuestro tema nuevo
  29. Modificación de un tema. Tema base. 37 Seminario para Administradores

    y Desarrolladores de Moodle 28 de noviembre de 2012 Temas en Moodle 2
  30. Modificación de un tema. Modo diseñador. 38 Seminario para Administradores

    y Desarrolladores de Moodle 28 de noviembre de 2012 Temas en Moodle 2
  31. Modificación de un tema. Estructura de archivos. 39 Seminario para

    Administradores y Desarrolladores de Moodle 28 de noviembre de 2012 Temas en Moodle 2
  32. Modificación de un tema. Nombre, padre y layouts del tema.

    40 Seminario para Administradores y Desarrolladores de Moodle 28 de noviembre de 2012 Temas en Moodle 2
  33. Modificación de un tema. Archivos de idioma. 41 Seminario para

    Administradores y Desarrolladores de Moodle 28 de noviembre de 2012 Temas en Moodle 2
  34. Modificación de un tema. Hoja de estilo. 42 Seminario para

    Administradores y Desarrolladores de Moodle 28 de noviembre de 2012 Temas en Moodle 2
  35. Modificación de un tema layout estandar.php 43 Seminario para Administradores

    y Desarrolladores de Moodle 28 de noviembre de 2012 Temas en Moodle 2
  36. Modificación de un tema temanuevo 44 Seminario para Administradores y

    Desarrolladores de Moodle 28 de noviembre de 2012 Temas en Moodle 2
  37. Descarga e instalación de un tema Para descargar e instalar

    un tema, ingresamos a la siguiente dirección electrónica https://moodle.org/plugins/ 46 Seminario para Administradores y Desarrolladores de Moodle 28 de noviembre de 2012 Temas en Moodle 2 https://moodle.org/plugins/
  38. Seleccionar tema En la nueva ventana seleccionar el tema que

    se deseé descargar. 48 Seminario para Administradores y Desarrolladores de Moodle 28 de noviembre de 2012 Temas en Moodle 2
  39. Iniciar la descarga 49 Seminario para Administradores y Desarrolladores de

    Moodle 28 de noviembre de 2012 Temas en Moodle 2
  40. Revisar las notificaciones o la configuración 51 Seminario para Administradores

    y Desarrolladores de Moodle 28 de noviembre de 2012 Temas en Moodle 2
  41. Se puede personalizar el tema si así se desea o

    podemos hacerlo después. 52 Seminario para Administradores y Desarrolladores de Moodle 28 de noviembre de 2012 Temas en Moodle 2
  42. Ejemplo de Integración de código con Google Analytics Con esta

    herramienta podemos analizar información que se crea en el AVA (Ambiente Virtual de Aprendizaje) 54 Seminario para Administradores y Desarrolladores de Moodle 28 de noviembre de 2012 Temas en Moodle 2
  43. Proceso 55 Tener una cuenta en Gmail Seminario para Administradores

    y Desarrolladores de Moodle 28 de noviembre de 2012 Temas en Moodle 2 Ingresar a la página de Google Analytics e Iniciar sesión Llenar el formato de registro http://www.google. com/analytics/
  44. Google Analytics Esperar entre 2 y 24 horas para que

    se active este servicio. Dentro de Google Analytics ir al menú Administrador y dar clic en la pestaña: 57 Seminario para Administradores y Desarrolladores de Moodle 28 de noviembre de 2012 Temas en Moodle 2 Administrador y dar clic en la pestaña: Información de seguimiento. Seleccionar el código disponible y pegarlo, donde muestra la siguiente imagen.
  45. Ingresar a: Administración del sitio-> Apariencia -> HTML adicional y

    pegarlo dentro del encabezado 58 Seminario para Administradores y Desarrolladores de Moodle 28 de noviembre de 2012 Temas en Moodle 2
  46. Menú personalizado 60 Configuraciones->Temas gráficos ->Ajustes de temas gráficos Seminario

    para Administradores y Desarrolladores de Moodle 28 de noviembre de 2012 Temas en Moodle 2
  47. Temas para móviles MiTeléfonoMóvil – smartphone 63 Seminario para Administradores

    y Desarrolladores de Moodle 28 de noviembre de 2012 Temas en Moodle 2
  48. Temas para móviles MiTeléfonoMóvil – tablet 64 Seminario para Administradores

    y Desarrolladores de Moodle 28 de noviembre de 2012 Temas en Moodle 2
  49. Conclusiones • Modificar un tema de administrador. • Modificar un

    tema como desarrollador. Determinar nuestras necesidades. Es necesario explorar cada tema y en base a Seminario para Administradores y Desarrolladores de Moodle 28 de noviembre de 2012 Temas en Moodle 2 Es necesario explorar cada tema y en base a las configuraciones o ajustes que podamos hacer como administradores de la plataforma, seleccionar el que cubra de mejor manera nuestras necesidades. Ahora con Moodle 2.x es más sencillo personalizar los temas que con la versión 1.9