OpenBoard: software tipo pizarra para tabletas gráficas usado en educación.

Llevo un tiempo buscando un software de este tipo. En una de las empresas tenemos tabletas gráficas que usamos para formación, pero esas tabletas tienen que “pintar” en algo. En una “pizarra digital” para ordenadores, y no en programas de edición gráfica tipo GIMP, porque no se van a usar para eso
Y preferiblemente que se puedan cambiar los fondos, porque escribir con estar tabletas gráficas es difícil, y se agrede de la ayuda de hojas con líneas.

OpenBoard.

OpenBoard es precisamente lo que buscábamos. Un software de código abierto ( GPLv3 License ) pensado para academias y colegios. Compatible con Windows, Linux y Mac.

Pero además nos ha sorprendido por lo bien que está hecho el programa. Por lo fácil que es de manejar, lo claro de su interfaz y la rapidez de respuesta.

Os dejamos un vídeo explicativo:

Crear un usuario administrador para Greenlight, el interfaz gráfico de Big Blue Button.

Una de las primeras cosas que me faltaron cuando instalé Big Blue Button con Greenlight era tener un usuario administrador para poder gestionar la creación de usuarios, y alguna personalización de la interfaz gráfica.
Bueno, ya lo han remediado y os enseñamos a activarlo.

Paso 1. Actualizar Greenlight.

Lo primero es actualizar Greenlight, porque esta característica está en las “nuevas versiones” y si lo intentas en las anteriores dará error (no reconoce admin:create ). Pero esto es fácil, entra por ssh a tu servidor BBB y escribe lo siguiente.

docker pull bigbluebutton/greenlight:v2

Paso 2. ¿Has pasado de docker run a docker compose?

Los anteriores sistemas de Greenlight se ejecutaban con docker run. Pero eso no está admitido ya y hay que pasar a ejecutarlo con docker compose. Para hacerlo tienes que seguir estos pasos, que consisten en (más info):


Si no has actualizado (si lo has hecho no hace falta) limpia la instancia anterior con:

docker stop greenlight-v2
docker rm greenlight-v2
  • Instala docker-compose en tu servidor. No vale con la versión de la distribución, necesitas una más reciente. Así que sigue los pasos aquí.
    Comprueba que está con docker-compose -v

Paso 3. Arranca Greelight con Docker Compose.

  • Desde el directorio greenlight ejecuta:
    docker run --rm bigbluebutton/greenlight:v2 cat ./docker-compose.yml > docker-compose.yml
  • Ahora arranca Greenlight con docker-compose up -d
  • Puedes pararlo a partir de ahora con docker-compose down (más fácil que antes).

Paso 4. Ahora crea el usuario administrador.

Para ello ejecuta el siguiente comando desde el directorio greenlight:
docker exec greenlight-v2 bundle exec rake admin:create["name","email","password"]

Donde tienes que cambiar name, email y password por lo que quieras (puedes no poner los valores entre [] y el creará los datos por defecto y te los pasará en pantalla.

Con esto ya tendréis usuario administrador en Greenlight.

El usuario administrador es útil porque puedes usarlo para crear otros usuarios, borrarlos, promocionarlos a administrador, y algunas opciones de personalización del frontend como logo y colores.
Para ello pincha en tu perfil, y en Organización.

Nota: si has actualizado, cuando entres como administrador, revisa las opciones de creación de cuentas porque se habrá modificado. Pero con ese usuario se puede cambiar rápidamente.

Big Blue Button: problemas con la cámara en ciertos móviles. Error 2203: Server could not find an appropriate codec.

Llevamos un tiempo trabajando con Big Blue Button para las videoconferencias. Recientemente hemos descubierto un problema con ciertos móviles, específicamente con algunos (no todos) móviles chinos. Si intentas compartir la cámara, tras unos momentos da un error.
Los errores pueden ser varios, pero se suelen referir a los codecs o a permisos. El más habitual:

Error 2203: Server could not find an appropriate codec

Hemos investigado el problema y encontrado una posible solución.

Solución al error de la cámara en algunos móvies.

La causa parece ser por el codec de video h264 , el que usa Big Blue Button por defecto para el vídeo. Este codec no es gratuito, tiene un pequeño coste. Algunos fabricantes chinos prefieren ahorrarse ese gasto por terminal y no incluir lo en sus teléfonos. Por eso ciertos Android chinos no pueden compartir la pantalla.

Big Blue Button usa H264 porque iOS (iPhone etc) sólo admite este codec.
Hay otro codec gratuito que se puede usar, VP8, pero entonces Big Blue Button tiene que “transcodear” cada emisión de vídeo de móviles Android con conexiones de móviles iOS (porque iOS no tiene VP8), y eso gasta CPU.

Así que estamos ante una decisión, o no permitir ciertos móviles Android chinos (según hemos probado muchos, con marcas como Asus o Huawei), o activar VP8 y que a veces use más recursos del servidor. Como los recursos se pueden dimensionar, y no queremos problemas de compatibilidad, nosotros elegimos esta segunda opción.

Cómo activar VP8 por defecto.

La manera de activar VP8 la encontramos aquí, aunque es de una versión antigua y las rutas y lo que hay que comentar varía ahora. Os indicamos las nuevas.
Activando VP8 lo que hacemos es que use este por defecto (con el posible gasto de CPU indicado arriba) si lo tiene, si no usará H264. Si se conectan móviles iOS, Big Blue Button tendrá que trascodear las conexiones VP8 de los Android.

El fichero a editar es
/usr/local/bigbluebutton/bbb-webrtc-sfu/config/default.yml

Ahí buscamos unas líneas que ponen:
codec_video_main: H264
codec_video_content: H264


Y cambiarlas por
codec_video_main: ANY
codec_video_content: ANY

Después activamos esta nueva configuración en BBB con
sudo bbb-conf –restart

Con esto ya nos funciona el vídeo en todos los dispositivos.

Big Blue Button Html5 por defecto

Hace unos días dedicamos un artículo a la instalación de Big Blue Button en un servidor Linux. Aquí va un añadido al mismo: cómo hacer que los clientes y profesores entren en la versión HTML5 por defecto.

Por defecto, la versión actual de Big Blue Button, la 2.0, activa la versión Adobe Flash para los clientes. Esto es, en mi opinión, un retraso y la imagen dada es nefasta porque la mayoría de los navegadores han desactivado Flash. El cliente entonces recibe un aviso para activarlo cada vez que entra. Cosa que puede asustar, o echar para atrás a muchos.

Lo lógico es activar HTML5, que está disponible, por defecto. No lo han hecho porque están a punto de sacar la nueva versión que sí lo tendrá así.
Os enseñamos a hacerlo ahora hasta que salga la siguiente.

El truco es editar el fichero de configuración de Big Blue Button. Tienes unas instrucciones aquí, pero el fichero que viene no lo teníamos en la ruta que dice la documentación.

En nuestro caso tuvimos que editar el fichero: ./var/lib/tomcat7/webapps/bigbluebutton/WEB-INF/classes/bigbluebutton.properties

Ahí hay que poner los siguientes dos valores a true:

# Force all attendees to join the meeting using the HTML5 client
attendeesJoinViaHTML5Client=true

# Force all moderators to join the meeting using the HTML5 client
moderatorsJoinViaHTML5Client=true

Guardamos el fichero y tenemos que reiniciar Big Blue Button con
sudo bbb-conf –restart

Si ves que no se activa prueba a reiniciar Greenlight también.

Al iniciar sesión debería entrar directamente en la versión HTML5 que es así:

Instalar Big Blue Button, alternativa a Skype, en un servidor

Recientemente hemos tenido que instalar para varios clientes, dedicados a la formación online, unos sistemas propios de videoconferencia. Para ello hemos usado Big Blue Button, porque obviamente no podían depender de servicios como Skype, querían ser independientes.

Big Blue Button es un sistema de videoconferencia diseñado para la formación online y basado en Linux. Totalmente gratuito (si lo montas en tu servidor en vez de usar su servicio) y open source. Además dispone de una comunidad activa, lleva tiempo en el mercado (lo sacaron en el 2009) , y se integra con la mayoría de los LMS del mercado (Moodle, sistemas de WordPress etc).

Viene bien documentado PERO la documentación no es sencilla, y está algo enrevesada. Así que hoy os explicamos cómo hemos instalado BBB en un servidor, por si os es de ayuda. Verificad siempre que no haya cambiado nada al cambiar de versión.
En otros artículos iremos explicando otras modificaciones que hemos hecho y dudas que hemos resuelto.

Nota: necesita un servidor dedicado sólo para esto, y con especificaciones medias. Así que implica un coste inicial (de harware e instalación) y, por lo tanto, sólo es recomendado para aquellos que vayan a rentabilizarlo rápidamente.

Requisitos previos.

Necesitas:

  • Servidor dedicado que cumpla las especificaciones.
  • Un dominio que usar como dirección o url y apuntar los DNS de ese dominio a la IP del servidor dedicado.
  • El instalador te pedirá una dirección de correo.
  • Conocimientos básicos de conexión a un servidor por SSH.

Instalación del servidor.

Como hemos dicho, necesitamos un servidor dedicado, con ciertas especificaciones, y exclusivo para este servicio (porque ocupa varios puertos, el 80 entre otros).
Al adquirir el servidor dedicado, los desarrolladores recomiendan instalar Ubuntu Server (en estos momentos 16.04 64 bits). Esto va a cambiar pronto con la nueva versión de BBB, pero si que recomendamos instalar lo que digan los desarrolladores. Este es un software muy personalizado y es mejor no usar otras distribuciones.

Uso del script de instalación.

Una vez instalado el servidor, y actualizado (apt-get update, apt-get upgrade), hay que instalar Big Blue Button. Se puede hacer de varias maneras, como indica la documentación, pero recomendamos encarecidamente el script que puedes encontrar en :
https://github.com/bigbluebutton/bbb-install

El script tiene varios parámetros. Recomendamos instalarlo con certificado SSL , HTML5 y Greenlight, con el comando que está al final:

wget -qO- https://ubuntu.bigbluebutton.org/bbb-install.sh | bash -s — -v xenial-200 -s bbb.example.com -e info@example.com -t -g

Qué es HTML5

Big Blue Button empezó trabajando con Adobe Flash. Pero la mayoría de navegadores han ido deshabilitando este addon. Hasta el punto que ahora, al entrar con Flash, pregunta si quieres ejecutarlo (esto da mala imagen).

BBB es compatible con HTML5 y es lo recomendable. Pero estamos en un momento de transición en el que la versión 2.0 pone por defecto Adobe Flash (creo que la siguiente que está a punto de salir ya no). Así que pronto escribiremos un artículo sobre cómo activar por defecto HTML5.

Qué es Greenlight.

Una de las cosas que me costó entender, no está bien explicado. Big Blue Button se encarga de las videoconferencias y grabaciones. Pero no tiene gestión de usuarios, estaba pensado para conectarlo con otros sistemas via API (por ejemplo Moodle).
Greenlight es un entorno gráfico que permite a los usuarios creados entrar y usar eses entorno gráfico para gestionar sus salas. Usar la de por defecto o crear nuevas. Además, te da la url para mandar a los clientes para que puedan conectarse por el navegador. Los clientes, por ejemplo, lo están usando para que los profesores se conecten con alumnos que no usen su plataforma online, para entrevistas con candidatos etc.
Es un “Skype” a través del navegador.

Problema: la gestión de usuarios es o a través de cuentas de Google, Twitter, Office365, LDAP o cuentas suyas. El gran problema es que, por defecto, deja a cualquiera registrarse para usarlo. Más abajo explicamos cómo evitarlo.
Y, cuando queremos dar de alta cuentas suyas, tenemos que activarlo, reiniciar el servicio, dar de alta la cuenta, desactivarlo y reiniciar el servicio. Algo primitivo.

Nota: Greenlight muestra el idioma por defecto en el navegador del usuario.

Certificado SSL.

Obviamente cualquier servicio que implica comunicaciones de voz y/o vídeo requiere ir cifrado. BBB permite la instalación de un certificado tuyo o por Lets Encrypt.
El comando que hemos puesto instala y configura Lets Encrypt en tu servidor.

Si no te funciona puedes configurarlo a mano en:
http://docs.bigbluebutton.org/install/install.html#using-lets-encrypt

Siguientes pasos.

  • Una vez acabe el script, recomiendo configurar el servidor para que renueve el certificado de Lets Encrypt cada semana. Para ello hay que editar el crontab y poner:

30 2 * * 1 /usr/bin/letsencrypt renew >> /var/log/le-renew.log
35 2 * * 1 /bin/systemctl reload nginx

Esto lo renueva cada lunes a las 2:30 am. El log de la renovación está en /var/log/le-renew.log

  • Bloquear el que cualquier se pueda registrar en Greenlight. El sistema instala greenlight en /root/greenlight , con un fichero de configuración que se llama env en ese directorio. Edita el fichero y pon
    ALLOW_GREENLIGHT_ACCOUNTS en false para evitar que la gente se registre en tu Greenlight gratis.
  • En el mismo fichero ve al final y
    quita el # en ENABLE_SSL=true para forzar https por defecto.
  • Reinicia Ubuntu con sudo systemctl restart nginx
  • Reinicia Greenlight con los siguientes comandos (Enter después de cada línea). Ejecútalos desde el directorio de Greenlight o el último dará error.
  • docker stop greenlight-v2
  • docker rm greenlight-v2
  • docker run –restart unless-stopped -d -p 5000:80 -v $(pwd)/db/production:/usr/src/app/db/production –env-file env –name greenlight-v2 bigbluebutton/greenlight:v2

Extraer el Shared Secret.

Si vas a usar Big Blue Button en otro entorno, como un LMS, por ejemplo en Mooodle, o WordPress, vas a necesitar el shared secret para que se autentifique.

Lo obtienes por ssh en el servidor con:

bbb-conf --secret

Demos.

El script crea unas demos que puedes usar para verificar que tu sistema funciona.
Esas demos pueden ser usadas por cualquier usuario, así que es recomendable quitarlas una vez lo pruebes. Os indicamos dónde están las demos porque no es fácil encontrarlo.

Demo HTML5: https://tudominio/demo/demoHTML5.jsp
Demo Flash (antiguo): https://tudominio/demo/demo1.jsp

IMPORTANTE. Quítalos lo antes posible. Para ello ejecuta por ssh:
 apt-get purge bbb-demo

Ahora, a disfrutar con Big Blue Button.


Attendance: plugin para registrar la asistencia en Moodle

En ocasiones necesitas que quede  un registro de la asistencia tanto de los profesores como de los alumnos en los cursos de Moodle. Hoy os hablamos del módulo Attendance que es excelente para ello.

En qué consiste Attendance.

Attendance es un plugin de Moodle que se instala como cualquier otro módulo (desde el backend buscando el plugin o añadiéndolo tras descargar el fichero zip). Lo primero que debéis hacerlo es instalarlo. Además, recomiendo que instaléis también el plugin bloque de Attendance que permite añadir un bloque en las barras laterales o secciones de nuestra plantilla para reflejar dicha asistencia.

Una vez instalado, como todos, hay que configurarlo. La configuración es sencilla, básicamente qué valores poner por defecto.

Después, hay que ir al curso en el que quieras gestionar la asistencia y añadirlo como actividad. Para ello edita el contenido de una sección y pincha en Añadir Actividad o Recurso. Una de las primeras secciones que veréis es el de Attendance.

Si has añadido el plugin bloque también recuerda añadirlo en la barra lateral en la posición que quieras.

Una vez añadida la actividad, sólo tienes que pinchar en ella para entrar en el menú de asistencia. Ahí lo primero que tienes que añadir son las sesiones (clases). Es muy sencillo porque si se repiten sólo hay que añadir la primera, y luego activar la casilla de repetición. Esto crea todas las sesiones con los alumnos y profesores del curso.

Los alumnos y profesores sólo tienen que pinchar en el botón verde para registrar la asistencia. Por defecto los valores son Present, Late, Absent or Excused pero puedes cambiarlos en la pestaña Status Check.

Ventajas del plugin.

  • Manera centralizada y en la misma plataforma de gestionar asistencia de profesores y alumnos.
  • Se pueden generar reportes de manera sencilla.
  • Las sesiones se crean muy rápido.
  • Los estados los puedes modificar.
  • Puedes configurar que sólo los profesores puedan confirmar la asistencia, o que también lo puedan hacer los alumnos.
  • Si lo hacen los alumnos puedes configurar que sólo sea durante las horas de clase (no les deja fuera de esas horas) o en un tiempo determinado después.
  • El profesor puede modificar las asistencias y puede introducir comentarios.
  • El profesor ve la asistencia de todos.
  • El alumno sólo la suya.
  • Si añades el módulo bloque el alumno puede ver un resumen de su asistencia en el bloque.
  • La asistencia puede puntuar o no, depende de tu configuración. Puede puntuar negativamente si quieres.
  • Manda un aviso automatizado (si quieres) si la asistencia es menor que un porcentaje.

 

La verdad es que nosotros que lo hemos activado hemos encontrado este plugin muy sencillo, efectivo y rápido de configurar.

 

 

Formulario de contacto en Moodle

Parece mentira pero el LMS (Learning Management System) más famoso, Moodle, carece de un formulario de contacto. Y es que es muy potente en muchas cosas, y extrañamente carente en otras. Hoy os enseñamos a crear un formulario de contacto en Moodle.

El formulario de contacto puede usarse para :

  • Formulario para contactar.
  • Peticiones de soporte porque algo no funciona.
  • Solicitar cursos.
  • Solicitar información.
  • A modo de confirmación de acceso o check-in a un curso.
  • Solicitar acceso al aula virtual…

Cómo crear un formulario de contacto.

¿Cómo crear un formulario de contacto en Moodle?

  • Hay gente que usa la función de retroalimentación, pero es algo limitada, además de fea. Aunque funciona.
  • Otra gente inserta formularios o programados a mano (Java, PHP, Html…) o de otras plataformas.

Mejor solución.

Afortunádamente un desarrollador ha programado un plugin llamado Contact Form que cumple perfectamente su cometido.

La instalación y uso de dicho plugin no son complicadas, aunque si requieren un mínimo de conocimiento. Podéis ver su documentación en el canal de Github.
Se instala igual que cualquier otro plugin. Después debes asegurarte que tengas configurado el contacto de soporte en Moodle (con dirección de correo) porque ahí enviará los correos. Si no está configurado lo enviará al correo del administrador.

Para añadir un formulario a una página de Moodle o un bloque de HTML tienes que poner el código. Puedes copiar los ejemplos de códigos de sus plantillas y modificarlos.

Como veis es sencillo y un plugin muy útil para nuestro Moodle.

 

 

Cambiar Moodle de MySQL a MariaDB. Moodle puede indicar versión incorrecta de MySQL

Hace unos días hicimos una actualización del servidor donde teníamos algunos Moodle, para poder actualizar a las últimas versiones. Durante el proceso cambiamos de MYSQL a MariaDB. Debería ser completamente compatible, pero al comprobar los requisitos de la actualización desde Administración del Sitio > Servidor > Entorno y comprobarlo para versiones superiores nos indicaba que la versión de MySQL era inferior y no compatible.

¿Qué podía estar pasando? Con phpMyAdmin comprobamos que tenía la versión correcta de Mysql (MariaDB), ¿por qué no la reconocía Moodle.

Solución.

La solución es  realmente sencilla. Sólo tienes que irte por FTP al fichero de configuración de Moodle, llamado config.php (situado en la raíz de tu sitio).

En este fichero ve a la línea que pone :

$CFG->dbtype    = 'mysql';

Y cámbiala por:

$CFG->dbtype    = 'mariadb';

Salva los ficheros y vuelve a comprobarlo. Ya debería detectar la versión correcta de MySQL y dejarte actualizar.

Completion Progress: plugin de Moodle para mostrar el progreso de finalización

Cuando un alumno está realizando un curso en una plataforma de Moodle, es muy interesante poder mostrarle su progreso en dicho curso. Esto consigue que siga la estructura que hemos diseñado, pueda controlar y gestionar el tiempo en el curso y vea que secciones o actividades le faltan por acabar o enviar.

En unos días hablaremos sobre cómo activar dicha monitorización de progreso en Moodle. Hoy suponemos que ya está activa.

Moodle tiene unos bloques de Progreso de Completado o de Finalización que muestran el avance en cada curso, pero sinceramente no son muy atractivos y no funcionan demasiado bien. A nosotros nos tardaba en mostrar el progreso de cada curso finalizado (depende del cron que hayas habilitado). Buscando una alternativa para un cliente encontramos el plugin: Completion Progress y es excelente.
Tanto, que Moodle lo recomienda ahora en sus artículos sobre los Bloques de Progreso de Finalización.

Este plugin permite al alumno ver (dependiendo de la configuración que ha establecido el administrador), las actividades que quedan por acabar, su nombre, el estado (completado y enviado, completado pero no enviado y no completado) y el porcentaje del total que han realizado.
Todo en una barra de colores  (configurables) muy clara en cada curso.

En su Area Personal, si los administradores lo activan, los alumnos pueden ver un resumen de los progresos de sus cursos (los que lo tengan activado).

Los profesores pueden ver, además , los progresos de los alumnos en estas barras a modo de resumen.

Realmente un gran añadido para los que uséis Moodle, visualmente atractivo y que ayuda mucho a alumnos y profesores. Los cursos cambian mucho así.

Activar Paypal en Moodle para poder vender los cursos

Cuando tienes una plataforma online, si eres una organización o empresa, una de las cosas que te interesa es poder cobrar por curso. Esto, además de proporcionarte unos ingresos, hace que los usuarios puedan pagar directamente en la plataforma y entrar en el curso una vez se haya realizado el pago.

Hoy os enseñaremos a activar el plugin de Paypal en Moodle y activarlo en un curso específico. En un artículo posterior os enseñaremos a realizar la conexión entre un Moodle y un WordPress con Woocommerce, para poder vender los cursos a través de una tienda online.

Esperemos que os sea de utilidad el vídeo. Más información en este enlace.