¿Cómo hacer más simple el foro de Moodle?

Esto es algo que me piden siempre: que en el foro de Moodle no se puedan crear nuevos temas, nuevos hilos, que sólo haya un tema planteado arriba y los usuarios respondan a ese tema.

La respuesta es simple: hay que configurar el foro en modo debate sencillo.

Para ello, basta con acceder al foro con un usuario profesor, gestor o administrador, y hacer clic en editar ajustes.

Allí hay un desplegable con los tipos de foro, en el que tenemos que elegir “debate sencillo”.

¿Y qué son las demás opciones?

Haciendo clic en el signo de interrogación al lado de Tipo de foro, encontramos la pantalla de ayuda que explica cada una de las opciones.

Moodle: Agregar una barra lateral con Tweets

Podemos insertar un bloque lateral que contenga las publicaciones de un usuario en Twitter, o una etiqueta (hashtag), o los favoritos del usuario.
Para hacerlo, primero debemos crear un bloque lateral de HTML:

Activar edición / Nuevo bloque lateral / Bloque HTML / Configurar bloque HTML

Por otra parte, vamos a Twitter y generamos un Widget, haciendo clic en la foto de perfil, luego “Configuración” y allí, “Widgets”. Debemos crear un nuevo Widget, elegir qué queremos ver (“Cronología de usuario” para ver los Twitts publicados), y pulsar el botón “Crear Widget”:

Una vez creado, tenemos que copiar el código que insertaremos en Moodle:

Volvemos a Moodle, editamos el código HTML del bloque lateral. Se nos muestra una ventanita, allí pegamos el código que copiamos:

¡Listo!

Moodle: crear un cuestionario con preguntas al azar

Si queremos crear un cuestionario que presente diferentes preguntas para diferentes usuarios, elegidas al azar de un conjunto más grande, debemos seguir los siguientes pasos:

  1. Crear las preguntas en el banco de preguntas (por ejemplo, crear 30 para que luego el cuestionario elija 10). La manera más sencilla es crearlas en un archivo de texto con formato GIFT.
  2. Crear un cuestionario y en lugar de elegir qué preguntas incluir, elegir la opción: agregar una pregunta aleatoria, o directamente agregar XX preguntas aleatorias.


pregunta aleatoria2

 

pregunta aleatoria

Insertar un lateral con Tweets

Podemos insertar un bloque lateral que contenga las publicaciones de un usuario en Twitter, o una etiqueta (hashtag), o los favoritos del usuario.
Para hacerlo, primero debemos crear un bloque lateral de HTML:

  1. Activar edición
  2. Nuevo bloque lateral
  3. Bloque HTML
  4. Configurar bloque HTML

twitter en moodle 5 :: twitter en moodle 4 :: Insertar bloque lateral HTML

Por otra parte, vamos a Twitter y generamos un Widget, haciendo clic en la foto de perfil, luego “Configuración” y allí, “Widgets”. Debemos crear un nuevo Widget, elegir qué queremos ver (“Cronología de usuario” para ver los Twitts publicados), y pulsar el botón “Crear Widget”:

Configuración de twitterCrear Widget

Una vez creado, tenemos que copiar el código que insertaremos en Moodle:

Código del Widget

Volvemos a Moodle, editamos el código HTML del bloque lateral. Se nos muestra una ventanita, allí pegamos el código que copiamos:

Twitter en Moodle, insertar código

¡Listo!

Bloque en Moodle

 

Cinco pasos para empezar con Moodle

Muchos amigos míos tienen la necesidad de crear un pequeño espacio de e-learning o de apoyo a la presencialidad, lo cual no llega a justificar la contratación de un profesional que les arme el aula virtual.

Para ellos, y para quienes tienen curiosidad por empezar a usar Moodle, aquí va un paso a paso con una colección de tutoriales y enlaces muy útiles.

1.Crear una plataforma en un hosting gratuito

  • Entrar (por ejemplo) a www.milaulas.com
  • Escribir un nombre para la plataforma
  • Esperar el mail con el nombre de usuario y contraseña
  • Entrar al enlace y hacer clic en “Entrar” (arriba a la derecha o abajo de todo)

Entrar al sitio

2.Crear un curso

  • Utilizar el botón de “Crear un nuevo curso”
  • Completar el nombre del curso (título largo)
  • Escribir un nombre corto
  • Elegir un formato (por ejemplo, formato de temas en pestaña)
  • Elegir la cantidad de clases o secciones que tendrá el curso

Agregar un nuevo curso

3.Añadir contenido

  • Usar el botón de “Activar edición”
  • Editar el nombre de la sección
  • Usar el enlace “Añadir actividad o recurso” para poner textos en el aula (“Etiqueta”) o subir contenido (“Página” o “Archivo”)

4.Crear los usuarios

  • Para crear un usuario en la plataforma debemos ir a Administración del sitio / Usuarios / Cuentas / Agregar usuario
  • Son necesarios un nombre de usuario, una contraseña y una dirección de mail.

Crear usuario

 

5.Matricular los usuarios al curso

Además de tener el usuario creado en la plataforma, es necesario que el usuario sea matriculado en el curso, con el rol de alumno:

  • En el curso, ir a la opción Administración del curso / Usuarios / Usuarios matriculados

Usuarios matriculados

 

¡Listo! Ya está lista el aula para empezar a funcionar.

 

Lindos botones con CSS (II)

botones con fondo lindo
Al igual que en el post anterior, voy a compartir el código HTM y CSS para hacer unos botones lindos y accesibles, ya que el contenido está separado del formato.

En este caso usé una imagen transparente de frente y una imagen de unas flores como fondo*.
Imagen de frente:

Rectángulo semi transparente hecho en Gimp (lo pongo sobre una superficie gris para que se pueda ver…)

Rectángulo semi transparente

El código es prácticamente el mismo que en el post anterior, pero le modifiqué los márgenes y el padding para que se viera el botón transparente dentro del otro.

Este es el HTML. En el bloque de la izquierda abro y cierro el “marco” por cada botón, y en el de la derecha el “marco” contiene los otros tres divs:

<div style=”width: 15%; float: left;”>
<div class=”marco”>
<div class=”boton”><p>Opción 1</p>
</div></div>
<div class=”marco”>
<div class=”boton”><p>Opción 2</p>
</div></div>
<div class=”marco”>
<div class=”boton”><p>Opción 3</p>
</div></div>
<div class=”marco”>
<div class=”boton”><p>Opción 4</p>
</div></div>
</div>

<div style=”width: 15%; float: left; margin-left: 20px;”>
<div class=”marco” style=”margin: 10px;”>
<div class=”boton”><p>Opción 1</p>
</div>
<div class=”boton”><p>Opción 2</p>
</div>
<div class=”boton”><p>Opción 3</p>
</div>
</div>
</div>

Y acá está el CSS:

.marco {

width: 99%;
background-image: url(‘http://irisfernandez.com.ar/imagenes/flores.jpg’);
background-repeat: repeat-none;
padding-top: 10px;
padding-bottom: 10px;
}

.boton {
width: 80%;
line-height: 40px;
background-image: url(‘http://irisfernandez.com.ar/imagenes/transparente.png’);
color: #000;
margin-left: auto;
margin-right: auto;
margin-top: 10px;
margin-bottom: 10px;
text-align: center;
}
.boton a:link {
color: #000;
text-decoration: none;
}
.boton a:hover {

color: #000;
text-decoration: none;
}
.boton a:visited {

color: #000; text-decoration: none;
}

*Imagen de fondo descargada de Wikimedia Commons:

Douglasia laevigata 2453CC BY-SA 3.0

Walter Siegmund – Own work

Lindos botones con CSS

Botones lindos con CSSEn uno de mis trabajos tenía que hacer unos botones más o menos acordes con el resto del sitio y se me ocurrió hacerlos en un rectángulo con sombra, sobre una franja de otro color.

¿Por qué no hacerlos directamente como imagen?

Porque la regla número uno de la accesibilidad es separar el contenido del formato. Un invidente puede escuchar el nombre de las opciones únicamente si estas están insertadas como texto.

Un dispositivo muy lento mostrará los textos y tardará mucho en cargar las imágenes.

¿Cómo se hacen?

1) En el archivo CSS se definen los tipos de DIV que se usarán:

Un div contiene la franja que está debajo del rectángulo.

Es un div que mide 50px de altura, y que tiene como fondo una imagen (porque esa franja anaranjada tiene un degradado). La imagen de fondo se repite horizontalmente cuanto sea necesario, adaptándose al ancho del DIV.

Este es el código CSS del marco:

.marco {
width: 99%;
height: 50px;
 background-color: #fff;
background: url('http://blabla/pix/fondoopciones.png');
background-repeat: repeat-x;
}

Y este es el CSS del botón en sí

.boton {

 width: 80%;
 line-height: 40px;
 background-color: #773156;
 color: #fff;
 margin-left: auto;
 margin-right: auto;
 text-align: center;
 box-shadow: 5px 5px 2px #999; 
}
.boton a:link {
 color: #fff;
 text-decoration: none;
 }

.boton a:hover {

 color: #fff;
 text-decoration: none;
 }

.boton a:visited {

 color: #fff; text-decoration: none;

}

Luego, en el HTML utilizo un DIV dentro de otro:

<div class="marco">
<div class="boton">
<a href="enlacedelboton">Preguntas frecuentes</a>
</div>
</div>

Chispas sobre Moodle: reutilización de archivos subidos a otros cursos

Para subir archivos, actualizarlos y eliminarlos, lo que más me gusta es utilizar un FTP. Si uno no tiene acceso a una carpeta mediante FTP (porque no es quien administra el hosting), Moodle permite crear repositorios externos.

Esto es muy útil para ese tipo de recursos que se utilizan en más de un curso: alguna imagen, algún PDF, etc.

Más allá de eso, en las últimas versiones también tenemos (con usuario administrador) la posibilidad  de acceder a las carpetas de los demás cursos. De esta manera, no es necesario utilizar un FTP sino simplemente tener claro en qué curso se subió el archivo y buscarlo en el repositorio local, abriendo la carpeta del curso correspondiente.

Moodle: actividades presenciales (Face to Face)

Moodle es una plataforma que realmente cubre todas las necesidades de cualquier persona que se dedique a educación (o cosas también llamadas educación, como por ejemplo entrenamiento de personas)

Una de las últimas cosas que conocí es un bloque llamado “Actividades presenciales” (Face to Face) que se utiliza para pactar una fecha y hora de un evento presencial.

1) El profesor crea el evento, que puede tener varios encuentros o uno solo

2) Los alumnos se inscriben en el evento, pudiendo determinar previamente el cupo

3) El profesor, una vez ocurrido el encuentro, determina si el alumno estuvo presente o no en el evento.

Más información: http://docs.moodle.org/23/en/Face-to-face_walk_through

Si combinamos el uso de este módulo con el de tareas fuera de línea, tenemos todo un sistema de presentismo y calificaciones ya resuelto por una plataforma segura y estable.