¿Clases virtuales por videoconferencia?

De golpe toda la gente está en su casa. De pronto, gente que antes no quería saber nada con clases virtuales, se interesa por ellas.

Y por supuesto, quienes no se interiorizaron antes, creen que las clases virtuales se dan por videoconferencia.

Además mucha gente que sí se había interiorizado, encuentra interesante este formato.

Aquí voy a ir armando un listado de razones por las cuales me opongo a que se dicten clases con esa modalidad:

Razones pedagógicas

Dar clase por videoconferencia estimula la clase expositiva, no fomenta el trabajo en grupo, obliga a los/las estudiantes a mantenerse en un lugar pasivo, o a lo sumo limitarse a preguntar (en lugar de leer, producir un resumen, un mapa conceptual, investigar, etc.)

Razones técnicas

Hoy en día, más que nunca, por el aislamiento vinculado a la pandemia se está pidiendo que no se sature la red enviando videos y audios innecesariamente. Estas videoconferencias, son innecesarias.

Por otra parte, se sobre exige a los servidores de las universidades o se cae en herramientas privativas que sólo quieren hacerse famosas para vender su producto.

Razones de inclusión

La videoconferencia invade los hogares de las personas: se oye a los chicos, las madres, a los bebés, al perro… y el estudiante debe pedirle silencio a toda su familia para no pasar pequeños papelones.

Por otro lado, si tenemos estudiantes con baja visión o audición, estamos generando una barrera de acceso. También hay barreras de acceso para quienes tienen problemas motrices.

En la mayoría de los hogares, no hay suficientes dispositivos o suficiente conectividad para que una persona esté en una videoconferencia mientras el resto de la familia quiere mirar una película, cursar otra materia, o trabajar. A veces no hay wifi, y les estamos consumiendo datos de los celulares.

Las familias tienen a sus hijos en casa, tienen que atenderlos, ¿por qué tenemos que obligarlos a asistir a actividades sincrónicas con los chicos caminando por las paredes?

Debemos innovar sin excluir. Innovar pero aprovechando todo el recorrido profesional de quienes vienen (venimos) trabajando en esto.

¡Borré un foro con todas sus conversaciones! Pero lo recuperé.

Hoy me volvió a pasar (¡sí, ya me había pasado!) que en un momento de distracción, en lugar de eliminar otra cosa eliminé un foro… que estaba en uso. Pensé muy mal de Moodle… no podía ser tan fácil equivocarse!

Entré en pánico.

Hasta que luego de un ratito me acordé de la existencia de la Papelera de reciclaje del curso, donde se guardan durante 7 días los elementos eliminados.

Esta opción aparece sólo cuando se acaba de borrar algo, pero cuando la papelera está vacía no aparece en el menú.

Al acceder a esta opción, podemos hacer clic en “Restaurar”, y respirar nuevamente con tranquilidad…

Matricular estudiantes de un curso en otro curso

Cuando utilizamos Moodle, muchas veces tenemos que crear un curso donde van a participar todos los estudiantes de otro curso, o de varios cursos.

Por ejemplo:

  • necesitamos un curso con todos/as los/as estudiantes de todas las materias de una carrera.
  • hay un curso para realizar unas actividades y otro curso para otras actividades, con el mismo grupo de estudiantes pero en uno se suman docentes
  • existe un espacio donde se matricula al total de estudiantes de todos los cursos, para brindar información general o administrativa

¿Cómo se hace?

Primero hay que activar en el sitio el método de matriculación, en “Gestionar plugins de inscripción”, haciendo clic en el icono del ojo:

Después, hay que ir al curso de destino, y elegir en el menú “Usuarios” “Métodos de inscripción”, el método “Meta-enlace a curso”

Allí se elige el curso del cual se deben tomar los usuarios, y si se los va a añadir a un grupo.

De esta manera, si se agrega un usuario al curso de origen, se agrega automáticamente a este otro curso, con el mismo rol.

¿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('https://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>