Horizon Dynamics
Porozmawiajmy o Twoim projekcie
Projekty / Tworzenie kursów

LCMS

Tworzenie lekcji i zarządzanie wersjami kursów.

Środowisko tworzenia kursów dla Commonwealth Charter Academy. Autorzy organizują program nauczania, komponują strony lekcji i wybierają szablony pochodne, które otrzymają aktualizację.

01 / Struktura kursu

Struktura kursu i aktualizacje wybranych wersji.

Drzewo kursu porządkuje działy i lekcje, umożliwiając wybór szablonów pochodnych do synchronizacji.

Struktura kursu i wybór synchronizacji

Działy, tematy i dni nauczania organizują lekcje oraz zadania. Menu synchronizacji wybiera szablony pochodne do aktualizacji; przykład obejmuje kurs letni, pozostawiając jesienny niewybrany.

02 / Wizualna edycja lekcji

Wizualny edytor stron i komponentów lekcji.

Edytor lekcji umieszcza strony i elementy treści obok wizualnego obszaru roboczego oraz właściwości wybranego elementu.

Wizualny edytor lekcji

Drzewo stron porządkuje komponenty osi czasu, tekstu i wideo. Wybór elementu otwiera właściwości obok obszaru roboczego, gdzie autorzy edytują treść i sprawdzają jej położenie.

03 / Multimedia i zdarzenia na osi czasu

Opisy multimediów, źródła i ustawienia odczytu.

Edytor lekcji pokazuje historyczną oś czasu, listę multimediów i właściwości wybranej treści.

Wydarzenia na osi czasu i multimedia

Wydarzenia osi czasu zawierają tekst, podpisy obrazów, tekst alternatywny i odnośniki źródłowe. Osobny komponent listy przechowuje multimedia lekcji; panel właściwości udostępnia język i ustawienia Readspeaker.

04 / Powiązane szablony kursów

Szablony główne i warianty kursów.

Przegląd kursu LCMS łączy szablon główny z pochodnymi i ich stanami synchronizacji.

Szablony główne i pochodne

Szablon główny pokazuje powiązane warianty z informacjami o edycji oraz stanie aktywacji lub synchronizacji. Autorzy mogą rozpoznać aktualną wersję i uruchomić aktualizację odpowiedniego szablonu pochodnego.

Stos technologiczny

Technologie stojące za LCMS.

Modułowe środowisko tworzenia i synchronizacji treści edukacyjnych.

Interfejsy użytkownika

Typowane ekrany, współdzielony stan zapytań i formularze autorskie z walidacją.

  • React
  • TypeScript
  • Redux Toolkit
  • RTK Query
  • React Router
  • React Hook Form
  • Zod
  • Tailwind CSS
  • DaisyUI

Moduły i komunikacja na żywo

Monorepo i moduły federacyjne porządkują aplikację; WebSocket i Auth0 wspierają komunikację na żywo oraz dostęp.

  • Nx
  • Rspack
  • Module Federation
  • WebSocket
  • Auth0
  • Vitest
Twój proces tworzenia treści

Zbuduj edytor wokół kursów utrzymywanych przez zespół.

Przedstaw rzeczywistą lekcję, jej typy treści i korzystające z niej wersje. Połączymy strukturę kursu, narzędzia edycji i reguły synchronizacji w środowisku zaprojektowanym dla autorów.

Porozmawiajmy o platformie edukacyjnej