E-learning platforma

JavaScriptPHPVueLaravelMySQL

E-learning platforma podporující správu žáku, kurzů, výukových materiálů a testů. Ročníkový projekt ve 3. ročníku střední školy.

Popis projektu

Cílem projektu bylo vytvoření webové aplikace, která poskytuje prostředí pro výuku kurzů, které lektoři nabízejí a spravují. Klíčovými prvky byly:

  • správa uživatelů (studentů, lektorů, administrátorů)
  • správa tříd (skupin uživatelů)
  • správa kurzů (výukových materiálů, testů)

Wireframe

Prvotním požadavkem bylo definování cílů a vytvoření wireframu. Pro wireframe byl zvolen nástroj NinjaMock. Vznikl tedy průchozí wireframe, který ukazoval základní strukturu všech funkcí a jejich vzájemné propojení. Nejsem už bohužel schopen získat přístup k původnímu wireframu, proto zde uvádím pouze několik screenshotů.

Návrh databáze

Dle definovaných cílů a funkčních požadavků přišel na řadu návrh databáze. Samotné schéma bylo vytvořeno v nástroji DB Designer. Schéma databáze je k dispozici v přiložené dokumentaci (sekce Přílohy).

Výběr technologií

Do projektu jsem šel s tím, že využiji jazyk PHP, který jsem se snažil v té době naučit. V minulých projektech jsem využil framework CodeIgniter, který byl ideální pro menší projekty. Pro tento projekt jsem se rozhodl využít framework Laravel, který byl, a stále je, jedním z nejpopulárnějších PHP frameworků. Pro databázi jsem zvolil MySQL, tuto volbu jsem extra neřešil :)

Po asi měsíci práce na projektu jsem se rozhodl do projektu nasadit Vue.js. Důvodem byla potřeba vytvářet dynamické a interaktivní prvky, které by bylo bolestivé psát v čistém JS.

Ukázky z aplikace

Přílohy