Creando un tema para Moodle 2.X – Part I

Moodle Them IconEl paso de Moodle 1.9.X a Moodle 2.X es grande, hay muchas mejoras, nuevas herramientas y cambios que son significativos.

Desde el punto de vista estético hay que destacar que los temas de la versiones antiguas no son compatibles con la nuevas versiones. Por ello, y para presentar de forma ordenada toda la documentación dispersa que hay sobre el tema pretendo comenzar una serie de posts donde iremos construyendo paso a paso un tema para las versiones de Moodle 2.X. A ese tema lo llamaremos pekestyle (en mi honor):

Lo primero de todo: ¿Qué es un tema?

Es la apariencia que podemos dar a una plataforma Moodle (el sitio, la categorías,os cursos y recursos..)

Antes de lanzarnos a crear uno (lo que haremos en próximos post vamos a hacer un repaso los ficheros y directorios que son relevantes:

Ficheros importantes:

  • Fichero config.php : Configuración y definiciones.
  • Fichero lib.php: Clases y funciones usadas por el tema.
  • Fichero renderers.php: Renderers de diversos elementos personalizados para el tema.
  • Fichero settings.php: Aspectos específicos de configuración para el tema en cuestión.

Directorios importantes:

  • Directorio javascript/ : Donde residirán los scripts usados por el tema
  • Directorio lang/: Archivos de idioma que sean usados por el tema.
  • Directorio layout/: Los archivos del layout del tema (luego veremos qué es un layout).
  • Directorio pix/: Imágenes necesarias para las hojas de estilos y los layouts del tema.
  • Directorio style/:  Que contiene las hojas de estilo (archivos css)

Y para finalizar el primer artículo debemos entender qué es un layout y los diferentes layouts que vamos a tener que construir para crear un tema nuevo.

Un layout nos sirve para especificar la forma en la que vamos a disponer los diferentes elementos.

  • Se definen en el archivo config.php del tema.
  • Están asociados a un archivo de layout dentro del tema.
  • Consta de una serie de regiones o zona que los conforman y sobre las cuáles se va a establecer u estilo visual.

Y las diferentes regiones que pueden consituir un layout son:

  • base: el layout que es usado por defecto, se usa para garantizar la compatibilidad con algunos bloques.
  • standard:. el layout por defecto para los bloques, se suele usar para paǵinas con información general.
  • course: la página principal.
  • coursecategory: para navegar por los cursos de una categoría.
  • incourse: el layout por defecto dentro de un curso.
  • frontpage: la página inicial el sitio.
  • admin: la página de administración y de scripts.
  • mydashboad: la página del dashboard del usuario.
  • mypublic: la página pública del usuario.
  • login: la página para entrada en sesión.
  • popup: para las páginas que aparecen como una ventana emergente.
  • frametop: para temas antiguos. No lo tomaremos en consideración.
  • embedded: Para elementos embebidos mediante etiquetas como iframe o object.
  • maintenance: Para mostrar durante las actualización o durante tareas de mantenimiento en el sistema.
  • print: Cuando la pagína se ha creado específicamente para ser impresa.

En el próximo empezaremos a crear un nuevo tema teniendo como base otro.

Necesitarás conocimientos previos de: HTMLCSS and PHP.

Probando Google+ Hangout en directo. Introducción a AppInventor

He estado probado Google+ Hangouts en directo y la verdad es que sólo puedo decir cosas positivas. Definitivamente es una herramienta de gran utilidad para el elearning:

  • Puedes invitar a cualquiera que esté un tus contactos de Google+.
  • Te permite retransmitir en directo. Sí, tal y como suena, puedes montar tu propia clase en directo para todo el mundo. Se retransmite en Google+ y posteriormente (al seleccionar la opción del directo) te añade la grabación a tu canal de Youtube
  • Te permite compartir tanto tu escritorio como cualquiera de las ventanas que tengas abiertas.
  • Configura automáticamente y sin problemas tanto la Webcam como el micrófono ,cosa que con otros programas similares y Linux no sucede.
  • Puedes editar documentos colaborativamente con todos los invitados a través de Google Docs.
  • Tienes una ventana para chatear con todos los invitados lo cuál es especialmente útil para moderar y evitar que todo el mundo a la vez (aunque puede silenciar a los participantes)

Únicamente pongo algunos peros:

  • Hay que tener mucho cuidado con el eco que producen algunos micrófonos.
  • No me detectó la ventana del emulador de Android donde pretendía mostar los resultados de lo hecho con AppInventor.
  • Los usuarios tienen que tener cuenta con Google. Aunque ya sabes, te dan ese servicio gratis…no te quejes.

Si queréis ver el resultado os lo pongo aquí mismo:

Quedada Google+ Uso básico de AppInventor

AppInventor Google+ hangout

¿Te gustaría aprender a usar AppInventor y a construir tus propias aplicaciones educativas para móvil de manera sencilla?.

Si la respuesta es sí te invito a un Google+ Hangout el próximo viernes 18 de Mayo a las 18:00 hora española (GMT+1).

Añádeme a tus contactos de Google+ y mándame un correo a pekechis [ arroba] gmail [punto] com.

Os mantendré informados.

Problemas con el formato de fecha y qtranslate (plug-in de WordPress)

Después de instalar el plugin qtranslate para Worpress, que me permite, de manera muy sencilla, convertir mi blog en  bilingue , me dí cuenta que la fecha de publicación de los post no era mostrada de manera correcta.

La solución es la siquiente (al menos funcionó para mí):

  • Ir a la zona de administración de wordpress.
  • Ir a la zona de plugins.
  • Ir a Settings del Plug-in qtranslate.
  • Mostrar las opciones de Configuración Avanzada.
  • En la zona Date/Time Conversion seleccionar use strftime instead of date
Espero que sirve de ayuda a alguien.