Ir al contenido principal

Caso de éxito · EdTech · Aprendizaje en línea

Caso de éxito CourseMaker: plataforma de aprendizaje con Laravel + React

Publicado el · Actualizado el · Por YuSMP Group Engineering

Caso de éxito CourseMaker: cómo entregamos una plataforma de aprendizaje en línea en producción con Laravel y React, con tres espacios de trabajo aislados por rol, cursos por cohortes y a ritmo propio, certificados, control de acceso al contenido con InfoProtector y un motor de pagos a creadores. Se creó para instructores y propietarios de cursos de Estados Unidos y la Unión Europea, atendiendo a las exigencias del RGPD y la CCPA.

SectorEdTech · Aprendizaje en línea
Año del proyecto2020
ColaboraciónPrecio cerrado + soporte
Plataforma EdTech CourseMaker: espacios de trabajo de instructores y alumnos con Laravel + React, lanzamiento en EE. UU. y la UE

El reto: una plataforma EdTech para la era del trabajo remoto

A principios de 2020, el cliente, un operador de servicios de formación a distancia, necesitaba una plataforma específica para gestionar cursos estructurados de principio a fin, y no otro flujo de trabajo parcheado con Zoom y Google Docs. El auge del trabajo remoto en Estados Unidos y en la Unión Europea hizo que el conjunto de compradores se disparara de repente, pero las opciones de LMS estándar eran demasiado rígidas (Moodle, Canvas) o demasiado dogmáticas con los precios (Teachable, Thinkific) para un operador con su propio catálogo y sus propios precios. Construimos CourseMaker a partir de un nuevo análisis de los procesos de negocio: tres roles, espacios de trabajo aislados, formación por cohortes y a ritmo propio, certificados integrados, protección de contenidos y pagos a creadores, todo sobre un único stack de Laravel + React con PostgreSQL como sistema de registro.

Aspectos destacados del proyecto

API en Laravel + frontend SPA en React Tres espacios de trabajo aislados por rol Modelos de curso por cohortes y a ritmo propio Motor de certificados integrado Control de acceso al contenido con InfoProtector Pagos a creadores y niveles de suscripción Web adaptable para escritorio y móvil Tratamiento de datos alineado con el RGPD y la CCPA

En cifras

Un resumen de lo que aportó el desarrollo de CourseMaker en web, móvil y sistemas de back office durante su primer ciclo de producción.

3roles de usuario (estudiantes, instructores y propietarios de cursos) con espacios de trabajo aislados
7K+estudiantes, una cifra habitual en una plataforma comparable tras los primeros 24 meses de crecimiento del catálogo
2modelos de impartición admitidos: cursos por cohortes y a ritmo propio en una misma base de código
10 mesesdescubrimiento, diseño, desarrollo y lanzamiento en tiendas: ciclo de producción completo
100%contenido de los cursos protegido mediante marcas de agua de InfoProtector y acceso basado en tokens
$80k–$220krango habitual de entrega de un MVP EdTech comparable desarrollado con Laravel + React
Inicio de CourseMaker: llamadas a la acción «Learn and get inspired» y «Teach and share» con la cuadrícula de cursos populares en escritorio

Arquitectura de tres roles: estudiantes, instructores y propietarios de cursos

La plataforma atiende desde una única base de código a tres audiencias muy distintas: los alumnos que siguen los cursos, los instructores que los crean y los califican y los propietarios de cursos (coaches independientes, formadores de empresa y pequeños operadores EdTech) que gestionan el catálogo como un negocio. Cada rol ve un espacio de trabajo propio construido en React con navegación aislada, datos limitados por rol y comprobaciones de permisos aplicadas en la capa de API de Laravel y no en la interfaz.

La separación de roles no es solo cuestión de experiencia de usuario: es una decisión del modelo de datos. Una misma cuenta de usuario puede tener varias concesiones de rol (un instructor también puede ser alumno en el curso de otra persona), y los derechos se resuelven por curso, por rol y por sesión. Es el mismo patrón que aplicamos en nuestra práctica de desarrollo de software a medida cuando un producto necesita pasar de un único inquilino SaaS a un marketplace de operadores independientes en Estados Unidos y la Unión Europea.

Detalle de curso de CourseMaker: pestaña de reseñas con valoraciones por estrellas, número de participantes y navegación lateral

Panel del alumno: cohortes, ritmo propio y certificados

El panel del alumno condensa todo el recorrido del estudiante en una sola pantalla: cursos matriculados con barras de progreso, próximas sesiones en directo, tareas calificadas y certificados obtenidos. Los cursos por cohortes marcan el ritmo del alumno frente al grupo; los cursos a ritmo propio desbloquean la siguiente lección en cuanto se completa la anterior. El mismo componente de panel se muestra en escritorio y en móvil mediante diseños adaptables de React, lo que significa que un alumno que empieza una lección en la pausa para comer de la costa este de EE. UU. puede terminarla en el tren de vuelta esa misma tarde sin instalar una app móvil aparte.

El seguimiento del progreso se basa en eventos: cada visualización de lección, intento de cuestionario y entrega de tarea es un evento diferenciado en PostgreSQL, lo que permite a la plataforma recalcular porcentajes de finalización, generar certificados y alimentar el motor de recomendaciones sin reconstruir el estado. Los certificados se generan en el servidor como PDF y se almacenan asociados al usuario, y luego pueden compartirse mediante un enlace público de verificación con un hash único. Es el mismo patrón de ingeniería que usamos en los proyectos de desarrollo de aplicaciones web en los que los rastros de auditoría y la protección de contenidos no son negociables.

Plataforma CourseMaker: barra lateral con la sección de certificados y recomendaciones de cursos personalizadas en escritorio

Certificados, protección de contenidos y la capa de InfoProtector

El aprendizaje en línea vive o muere por la protección de los contenidos. CourseMaker integra InfoProtector en la capa de recursos: los vídeos de los cursos y los PDF descargables se sirven a través de un proxy protegido por tokens que incrusta una marca de agua con el ID de sesión del usuario en el flujo, bloquea el clic derecho y la grabación de pantalla en los navegadores compatibles y revoca el acceso en cuanto vence una suscripción. Los instructores conservan la propiedad de sus cursos, los propietarios de cursos conservan el margen y los alumnos disfrutan de una reproducción limpia sin avisos molestos de DRM.

Los certificados son objetos de primer nivel. Cuando un alumno completa un curso, la plataforma genera un PDF firmado con el nombre del instructor, el título del curso, la fecha de finalización y una URL pública de verificación. Los reclutadores y responsables de contratación de Estados Unidos y la Unión Europea pueden verificar la credencial sin una cuenta, y los instructores pueden revocar un certificado (por ejemplo, tras una revisión por plagio), lo que cambia la página pública de verificación a un estado claro de «revocado». El endpoint de verificación se almacena en caché en el borde y se construye sobre la misma API de Laravel que el resto de la plataforma.

El enfoque de cumplimiento está integrado desde el primer día. Las prácticas de tratamiento de datos están alineadas con las obligaciones del RGPD para los usuarios de la Unión Europea y con las de la CCPA / CPRA para los usuarios de California y del resto de Estados Unidos.

Detalle de curso de CourseMaker: «Curriculum Developer» con precio de 6800 RUB y botón «Start»

Pagos a creadores, suscripciones y la capa de monetización

CourseMaker es una plataforma bilateral: los alumnos pagan los cursos y una parte de cada transacción vuelve al instructor que los creó. La capa de monetización gestiona en paralelo tres flujos: compras de cursos sueltos con tarjeta, suscripciones agrupadas que abarcan varios cursos y pagos a los instructores en la cuenta bancaria registrada. Los pagos con tarjeta pasan por un procesador con custodia segura; los recibos de los alumnos y los extractos de pago de los instructores se envían automáticamente por correo y se archivan en el registro del usuario para auditoría.

Los propietarios de cursos pueden configurar niveles de precio por curso, fijar descuentos de lanzamiento y aplicar códigos de cupón en campañas de marketing. La calculadora de pagos se ejecuta como una tarea nocturna en Laravel, suma los ingresos de cada instructor a partir de las transacciones del día anterior, descuenta las comisiones de la plataforma y deja en cola las transferencias bancarias para que el equipo de operaciones las libere. El mismo subsistema alimenta los paneles de analítica que usa el propietario para seguir los ingresos por curso, las tasas de reembolso y el valor del ciclo de vida (LTV) por instructor para audiencias de EE. UU. y la UE.

Enfoque de cumplimiento: alineado con el RGPD · preparado para ISO 27001 · SOC 2 Type II en curso · apto para HIPAA · CCPA contemplada.

Metodología de entrega

Un desarrollo en cinco fases que llevó a CourseMaker desde la especificación del producto hasta producción en web, diseños adaptables a móvil y un panel administrativo de gestión de contenidos.

Fase 1

Descubrimiento y análisis de negocio

Historias de usuario, diagramas de procesos de negocio BPMN, especificación de requisitos (SRS), matriz de roles y permisos, modelo de control de acceso al contenido y mapeo del enfoque RGPD + CCPA.

Fase 2

Arquitectura y modelo de datos

Esqueleto de la API de Laravel, esquema de PostgreSQL con seguimiento del progreso basado en eventos, derechos limitados por rol, motor de certificados y tarea de cálculo de pagos.

Fase 3

Desarrollos de plataformas

Tres espacios de trabajo aislados en React (estudiante, instructor y propietario de curso), diseños adaptables, flujos de cursos por cohortes y a ritmo propio y páginas de certificados y verificación.

Fase 4

Protección de contenidos y pagos

Integración de InfoProtector, proxy de recursos protegido por tokens, pagos con tarjeta, niveles de suscripción, pagos a instructores y paneles de analítica para propietarios de cursos.

Fase 5

Lanzamiento y soporte

Despliegue en producción, coordinación de la incorporación de contenidos para la primera oleada de instructores, traspaso a un soporte centralizado y documentación de cumplimiento RGPD + CCPA.

Soporte centralizado, reembolsos y la consola de operaciones

Tras los tres espacios de trabajo de cara al alumno hay una consola de operaciones que el equipo de soporte usa para mantener la plataforma sana día a día. Las solicitudes de reembolso, las disputas de pago, las revocaciones de certificados y la incorporación de instructores pasan por una única cola con historial de auditoría completo. La consola funciona sobre la misma API de Laravel que el resto de la plataforma, con un frontend en React con permisos por niveles que permite al soporte de primera línea gestionar los casos rutinarios y escalar las decisiones sobre políticas al propietario del curso. Cada acción se escribe en un registro de auditoría de solo adición, lo que significa que una solicitud de acceso del interesado (RGPD) de un alumno de la Unión Europea o una solicitud del derecho a saber (CCPA) de un alumno de California pueden atenderse con una única exportación del flujo de eventos del usuario. El mismo patrón se traslada a nuestra práctica de cloud y DevOps cuando la preparación para auditorías forma parte de la diligencia debida del comprador y no es una sorpresa del día del lanzamiento.

Lanzamiento en Estados Unidos y la Unión Europea

CourseMaker se lanzó como una plataforma web adaptable sin apps nativas aparte, lo que mantuvo acotada la superficie y el plazo de salida al mercado por debajo de un año. La versión en inglés atiende a alumnos de California, Nueva York, Texas, Florida y Washington en EE. UU., y a alumnos de Países Bajos, Alemania, Francia, Irlanda y Suecia en la UE, sin una base de código distinta por región. Los flujos de consentimiento se adaptan a la región en la capa del cliente: los alumnos de la UE y el EEE reciben una pantalla de consentimiento granular al estilo del RGPD con interruptores independientes para cualquier analítica de producto opcional; los alumnos de California reciben en el mismo flujo un aviso al estilo de la CCPA, «No vender ni compartir mi información personal». Las prácticas de tratamiento de datos están alineadas con el RGPD para los usuarios europeos y con el mosaico de leyes estatales de privacidad de EE. UU.: CCPA / CPRA (California), VCDPA (Virginia), CPA (Colorado), CTDPA (Connecticut), UCPA (Utah), TDPSA (Texas) y la CPA de Oregón.

La infraestructura de la plataforma se desplegó en paralelo en centros de datos de la UE y de EE. UU., con la entrega de contenido servida desde una CDN que sitúa nodos de medios cerca de los alumnos a ambos lados del Atlántico. El servicio de emparejamiento que elige el nodo de borde con menor RTT para cada alumno ejecuta workers sin estado que pueden fijarse de forma independiente a regiones de la UE o de EE. UU. para futuros compromisos de residencia de datos. La política de privacidad de la plataforma se redactó para documentar la arquitectura descrita, citando directamente las obligaciones del RGPD y las obligaciones de la CCPA de California. El equipo de ingeniería responsable del desarrollo trabaja en CET y sigue una jornada CET con solapamiento con la costa este de EE. UU. (9:00–13:00 ET) para las reuniones diarias, la coordinación de la incorporación de contenidos y la respuesta a incidencias: la franja horaria que permite a un equipo de producto de EE. UU. y a uno de ingeniería de la UE compartir cuatro horas de solapamiento en directo cada día.

Stack tecnológico y hoja de ruta

PHP Laravel PostgreSQL React Redux JavaScript TypeScript HTML5 Sass Redis Stripe InfoProtector Webpack Docker Nginx Linux AWS S3 CloudFront GitHub Actions

La hoja de ruta activa de desarrollo de software a medida de CourseMaker incluye una app móvil nativa complementaria para la reproducción de lecciones sin conexión, un reparto de ingresos entre instructores para cursos coescritos, un nivel B2B con dominio propio y SSO para los departamentos de formación corporativa de empresas medianas de EE. UU. y la UE y un motor de recomendaciones que sugiere los siguientes cursos a partir de los patrones de finalización de las cohortes. Se prevé una capa de analítica más profunda para los propietarios de cursos (curvas de retención de cohortes, velocidad de emisión de certificados y seguimiento de la tasa de reembolsos), con el subsistema de derechos ya estructurado para la asignación multipuesto dentro de la hoja de ruta de cloud y DevOps.

Cree una plataforma EdTech como esta: hable con nosotros

Si planea una plataforma de aprendizaje en línea, un marketplace de cursos o cualquier SaaS multirrol en el que la protección de contenidos y los pagos a creadores deban convivir con un enfoque preparado para auditoría para audiencias de EE. UU. y la UE, hemos entregado este stack de principio a fin y podemos acortar de forma notable el plazo de desarrollo. El desarrollo de referencia está documentado en la referencia del caso, y el equipo de ingeniería que lo desarrolló forma parte de YuSMP Group. Trabajamos a precio cerrado en MVP bien acotados y con equipos de desarrollo dedicados para la entrega continua, con jornada CET y una franja garantizada de solapamiento con la costa este de EE. UU. (9:00–13:00 ET) para reuniones diarias, demos y respuesta a incidencias.

Reservar una llamada inicial Ver desarrollo de software a medida

Preguntas frecuentes

¿Cuánto cuesta crear una plataforma de aprendizaje en línea como Teachable o Thinkific?

Un MVP EdTech centrado en espacios de trabajo para alumnos e instructores, creación de cursos, procesamiento de pagos y generación de certificados suele costar $80k–$220k. Añadir un rol de propietario de curso con mecánicas de marketplace, pagos a creadores, control de acceso al contenido al estilo de InfoProtector, niveles de suscripción y un nivel B2B con SSO lleva un producto completo a $260k–$540k. Los principales factores de coste son el modelo de permisos aislado por rol, la capa de protección de contenidos y el subsistema de cálculo de pagos, que debe conciliarse sin fricciones con las prácticas contables del comprador.

¿Por qué usar Laravel y React juntos en el desarrollo de una plataforma EdTech?

Laravel ofrece un framework PHP maduro con ORM Eloquent, un sólido sistema de colas de tareas y una capa de autenticación contrastada por la comunidad, bien adaptada al modelo de datos limitado por rol que necesita una plataforma EdTech. React en el frontend permite lanzar tres espacios de trabajo aislados por rol desde una única base de código con tokens de diseño y primitivas de componentes compartidos. El patrón de API de Laravel más SPA de React mantiene limpia la frontera entre equipos: los ingenieros de backend son responsables del modelo de datos y de la tarea de cálculo de pagos, los de frontend de la experiencia de los espacios de trabajo y el contrato entre ambos es una API REST tipada.

¿Cómo se protege el contenido de un curso frente a copias o piratería?

La protección del contenido es una decisión de arquitectura, no una afirmación de marketing. Los vídeos y PDF se sirven a través de un proxy protegido por tokens que incrusta una marca de agua con el ID de sesión del alumno en el flujo y, mediante InfoProtector, bloquea el clic derecho y la grabación de pantalla en los navegadores compatibles. El token caduca con rapidez, se revoca en cuanto vence una suscripción y está ligado a la huella de un único dispositivo para evitar el abuso de credenciales compartidas. Un atacante decidido aún puede regrabar una pantalla desde otro dispositivo (ningún DRM es inquebrantable), pero el flujo con marca de agua permite a la plataforma identificar el origen si aparece contenido filtrado.

¿Cómo funcionan los pagos a creadores en una plataforma de aprendizaje en línea?

El subsistema de pagos se ejecuta cada noche: una tarea de Laravel suma las transacciones de cursos del día anterior por instructor, descuenta las comisiones de la plataforma y las retenciones por reembolsos y deja en cola las transferencias bancarias para que el equipo de operaciones las libere con cadencia semanal. Los instructores ven sus ingresos en directo en su espacio de trabajo, los propietarios de cursos ven los ingresos de la plataforma por instructor y por curso en el panel de analítica y todo el libro de pagos es de solo adición para auditoría. El mismo subsistema se extiende sin problemas a repartos de ingresos para cursos coescritos, comisiones de afiliados del marketplace y conciliación por puesto en el nivel B2B.

¿Cuánto se tarda en lanzar una plataforma EdTech como CourseMaker?

Un MVP centrado en espacios de trabajo para alumnos e instructores, creación de cursos, procesamiento de pagos y generación de certificados suele tardar 16–24 semanas. Añadir un espacio de trabajo de propietario de curso con mecánicas de marketplace, control de acceso al contenido al estilo de InfoProtector, niveles de suscripción y pagos a creadores suma 8–12 semanas. Una app móvil nativa complementaria para la reproducción de lecciones sin conexión suma otras 10–14 semanas. La fase de refuerzo preparada para auditoría (documentación RGPD + CCPA, modelado de amenazas de la protección de contenidos y evaluación de preparación por terceros) se subestima con frecuencia y debería presupuestarse con 4–6 semanas de trabajo dedicado.

Compartir este caso

LinkedIn X

Planifique un desarrollo similar

Reservar una llamada inicial

Pedir propuesta

Cuéntenos algunos detalles y un consultor sénior le responderá en un día hábil.