Viademy

Učiteľ ako riadiaci bod VR hodiny

Pri výučbe s viacerými VR headsetmi potrebuje učiteľ sledovať zariadenia aj reagovať počas hodiny. Viademy sa zameriava na túto učiteľskú časť výučby: monitorovanie a ovládanie headsetov študentov v reálnom čase.

Výzva

Poskytnúť učiteľovi prehľad o VR zariadeniach študentov a možnosť ovládať ich počas prebiehajúcej hodiny.

Riešenie

Používateľské rozhranie v Next.js je prepojené s backendom v Laraveli pre komunikáciu v reálnom čase. Technologický základ zahŕňa Laravel Reverb, WebRTC, Laravel Sanctum a PostgreSQL.

Rozhranie napojené na komunikáciu v reálnom čase

Projekt spája Next.js s backendom v Laraveli. Stack zahŕňa Laravel Reverb pre WebSockets, WebRTC, Laravel Sanctum a TanStack Query. Presný protokol správ a moja zodpovednosť za jednotlivé vrstvy si vyžadujú doplnenie z projektu.

Spracovanie aktualizácií zariadenia

Modelový príklad aktualizuje stav jedného headsetu a ignoruje staršie udalosti podľa poradového čísla. Takýto úryvok možno nahradiť reálnym handlerom udalostí bez zverejnenia údajov študentov.

// Illustrative example
type HeadsetState = {
  id: string;
  sequence: number;
  status: "connected" | "disconnected";
};

function applyUpdate(
  states: Record<string, HeadsetState>,
  event: HeadsetState,
): Record<string, HeadsetState> {
  const current = states[event.id];
  if (current && current.sequence >= event.sequence) return states;
  return { ...states, [event.id]: event };
}