Educació · Comunicació en temps real
Blazaar
Una plataforma educativa que connecta alumnes i professors mitjançant aules de vídeo, gestió d’arxius i integració de pagaments.
- El meu paper
- Desenvolupador full-stack
- Tecnologies
AngularJS
Symfony- WebRTC
- OpenTok
- FullCalendar
El producte, de prop.
Del primer contacte a la classe: comunicació, organització i pagaments en una mateixa experiència.
01 / 04Ampliar captura ↗Una classe, tot connectat
Videotrucada, pissarra compartida, materials i xat en un mateix espai. Vaig desenvolupar l’experiència que acompanya la conversa abans, durant i després de cada classe.
Recreació il·lustrativa basada en el codi original. Persones generades amb IA i dades d’exemple.
02 / 04Ampliar captura ↗De l’horari a la classe
Disponibilitat, reserves i cancel·lacions organitzades amb FullCalendar. Una agenda compartida per coordinar professors i alumnes.
Recreació il·lustrativa basada en el codi original. Persones generades amb IA i dades d’exemple.
03 / 04Ampliar captura ↗Tot comença amb un idioma
Portada real de Blazaar: una entrada directa a la proposta d’aprenentatge.
04 / 04Ampliar captura ↗El sistema de pagament
Pàgina pública de Blazys i mètodes de pagament. No mostra una transacció ni l’aula històrica.
El context
La formació en línia necessita més que una videotrucada: alumnes i professors s’han de trobar, organitzar les classes i compartir materials.
La meva responsabilitat
Vaig treballar com a desenvolupador full-stack, participant en l’arquitectura frontend, l’autenticació, la interfície responsive i la comunicació en temps real.
Decisions tècniques
L’aula integrava OpenTok per a la comunicació WebRTC entre alumnes i professors. La gestió d’arxius i gravacions acompanya el treball de classe, mentre les API connecten les diferents funcions de la plataforma.
La solució
Una experiència que reuneix connexió entre alumnes i professors, aules de vídeo i gestió de materials. El projecte també incorpora integració de pagaments.
El xat manté la conversa i el vocabulari al costat de la pissarra. El calendari coordina la disponibilitat dels professors i les reserves, connectant l’organització de les classes amb l’experiència dins de l’aula.
El frontend utilitza AngularJS i el backend Symfony. Les plantilles separen vídeo, pissarra, deures, referències, arxius i pròxima classe. La lògica del calendari distingeix disponibilitat, reserves i cancel·lacions.
Resultat
Un recorregut integrat per aprendre en línia: trobar professor, reservar una classe, conversar per vídeo, compartir materials i gestionar els pagaments. La meva feina va connectar aquestes peces des del frontend fins al backend.
Un lloc al teu equip o un projecte al cap? Parlem del que necessites construir.