Cómo crear un aula virtual en WordPress con clases en directo y grabadas

20 Feb Cómo crear un aula virtual en WordPress con clases en directo y grabadas

En Estudio Algaba nos encantan los retos. Y si son de la mano de nuestros clientes, nos sentimos más fuertes para afrontar cualquier proyecto.

Uno de nuestros clientes, una empresa que se dedica a prestar servicios de asesoramiento y formación para encontrar trabajo en otro país de Europa nos encargó para comenzar sus cursos de idiomas e integración cultural y laboral el desarrollo de un aula virtual que pudieran autogestionar, con clases en directo y posteriormente accesibles para sus alumnos, lo más automatizada posible.

¿Quieres saber cómo lo hicimos?

Herramientas y aplicaciones utilizadas:

WordPress

Astra Theme

Learndash LMS

Events Calendar for WordPress

Zoom Pro

Buddypress

YouTube

Zapier

Creando la base: sitio web WordPress con aula virtual Learndash

Instalamos WordPress en el servidor del cliente y utilizamos el theme gratuito Astra. La mayoría de url’s y secciones de la web iban a ser relativas a los cursos y a la funcionalidad del aula virtual, por lo que primamos la usabilidad al diseño por lo que un theme gratuito como Astra en su versión básica era más que suficiente.

Recuerda que puedes descargar WordPress gratis y en español aquí y Astra desde el repositorio de plantillas de WordPress

Para la base del aula virtual usamos Learndash LMS. Sin extendernos demasiado, Learndash LMS es un plugin de pago que incluye todas las funcionalidades de un aula virtual que te puedas imaginar en tu web. Su configuración es muy sencilla y aun sin extensiones permite crear infinidad de cursos divididos en módulos y lecciones con exámenes, prácticas y certificados.

En nuestro caso, utilizamos las siguientes extensiones:

BuddyPress for LearnDash

Learndash LMS – bbPress Integration

Learndash LMS – Notifications

Learndash LMS – Stripe Integration

Consulta los precios de LearnDash LMS.

Clases en directo y calendario de eventos

Para las clases en directo decidimos usar Zoom en su versión Pro. Zoom presentaba las siguientes ventajas para el proyecto:

Es una aplicación de videollamadas popular en todo el mundo.

Permitía la grabación automática de las clases en su nube.

Podía conectarse con WordPress para facilitar la gestión de las clases.

Puede conectarse con Zapier para gestionar las automatizaciones de las clases y sus grabaciones.

En su versión Pro permitía, comprando varias licencias, que pudiesen gestionarse al mismo tiempo clases de diferentes cursos.

Instalamos el plugin Events Calendar for WordPress en su versión Pro junto a su extensión para Zoom, el cual permitía crear los eventos de Zoom desde el propio WordPress e insertar en el front de la web un calendario individualizado para cada alumno de forma muy sencilla. Events Calendar for WordPress tenía al mismo tiempo conexión con los grupos de BuddyPress, que a su vez tenían integración con los cursos de LearnDash. De esta forma, el proceso era el siguiente:

Se creaba la reunión de Zoom desde Events Calendar y se asignaba a un grupo de BuddyPress correspondiente al curso al que pertenecía la clase. De esta forma, este eventos solo aparecía en el calendario de aquellos alumnos registrados en el curso correspondiente.

Puedes probar la versión gratuita de Events Calendar for WordPress aquí.

BuddyPress, grupos y mensajería

BuddyPress se convirtió en un pilar esencial del proyecto por su función de puente, a través de su funcionalidad de grupos, entre LearnDash LMS y Zoom + Events Calendar. Además, nos permitió crear unas sencillas áreas de usuario para que los alumnos pudiesen acceder de forma sencilla a funcionalidades básicas como modificar su contraseña, foto de perfil y poder mensajearse con profesores y compañeros.

Para mejorar el diseño y usabilidad del sistema de mensajería de BuddyPress instalamos el plugin Better Messages. Así, no solo pudimos mejorar la usabilidad usando un sistema de diseño muy parecido al de WhatsApp, si no también extender las funcionalidades para poder ofrecer a los alumnos y profesores la capacidad de enviar mensajes masivos, crear grupos de conversación o chatear en vivo.

Clases grabadas y automatización con Zapier

Otra de las funcionalidades básicas a conseguir era que los alumnos pudiesen ver cuando quisieran las clases grabadas, bien porque no hayan podido asistir a la clase en directo o bien porque quieren repasar el contenido.

Para ello, primero compramos espacio disponible en la nube de Zoom para aumentar los 5 GB disponibles, ya que por la extensión de las clases y el número de eventos diarios no eran suficientes. Los enlaces de las clases de Zoom están disponibles en el aula virtual casi al instante, ya que apenas tardan unos minutos en procesarse.

Al mismo tiempo, se ejectua una automatización desde Zapier que conecta Zoom con Youtube. En cuanto se sube una grabación de forma automática a la nube de Zoom, se desata otra automatización que sube esa grabación a un canal de Youtube y se lista de forma oculta para que nadie sin acceso al aula virtual pueda acceder a ellos. Este proceso tarda 2 o 3 horas entre la subida y el procesamiento en Youtube. Al terminar una semana de lección, esas clases de Youtube se suben a la url de cada módulo del curso, para quien prefiera repasar las clases de forma más cómoda desde Youtube.

¿Quieres un Aula Virtual para tu centro de Formación? ¿Tienes algún proyecto en mente?

Cuenta con nosotros para tu proyecto de formación on-line. En Estudio Algaba nos destacamos por encontrar soluciones imaginativas para tu proyecto y utilizar las herramientas disponibles más adecuadas en el mercado para cada necesidad, ahorrándote costes y optimizando tu tiempo.

Desde nuestra agencia de marketing digital proponemos ideas y acciones innovadoras en todo momento para que sigas elevando tu marca. Mantenemos una relación con el cliente sólida y duradera y le ponemos cariño a todo lo que hacemos.

¿Quieres unirte a nuestro ecosistema digital? Contáctanos 🙂

¡Te esperamos!

Escrito por

Alejandra Garcés

Account Manager & Co-founder Estudio Algaba

See author's posts