diplomová práce

Full-stack vývoj webové platformy pro hudební skupinu

Text práce 4.15 MB Příloha 12.68 MB

Autor práce: Ing. Tomáš Koláček

Ak. rok: 2025/2026

Vedoucí: Ing. Marek Sikora, Ph.D.

Oponent: Ing. Štěpán Ježek

Abstrakt:

Tato diplomová práce se zabývá návrhem, implementací a bezpečnostní analýzou webové
aplikace pro hudební skupinu Free Fall. Nejprve popisuje výběr vhodného technologického
stacku, návrh architektury a databázového modelu, následně řeší samotnou implementaci
veřejné části webu, administrace, merch obchodu a podpůrných funkcí. Pro vývoj byly
použity technologie Next.js, React, Supabase, PostgreSQL, Drizzle ORM a Vercel. Součástí práce je také praktické ověření bezpečnosti aplikace podle metodiky OWASP Top
10:2021, doplněné o analýzu vybraných rizik a návrh jejich prioritního řešení. Výsledkem
práce je funkční webová aplikace a zhodnocení bezpečnostních vlastností zvoleného řešení, včetně identifikace zbytkových rizik, která závisí především na správné implementaci
a konfiguraci aplikace.

Klíčová slova:

webová aplikace, Next.js, Supabase, PostgreSQL, OWASP, bezpečnostní analýza, fullstack vývoj

Termín obhajoby

09.06.2026

Výsledek obhajoby

obhájeno (práce byla úspěšně obhájena)

znamkaBznamka

Klasifikace

B

Průběh obhajoby

Student prezentoval výsledky své práce a komise byla seznámena s posudky. Student obhájil diplomovou práci a odpověděl na otázky členů komise a oponenta. Otázky: 1. Jaké jsou možné nevýhody outsourcingu zabezpečení aplikace na externího poskytovatele? Lze u platformy Vercel, která byla v práci využita, identifikovat nějaký nedávný bezpečnostní incident? 2. Používate návrhové vzory v rámci návrhu? 3. Na koho je práca cielená? 4. Je návrh stránky pre kapelu dostatočne jednoduchý? 5. Ako by ste pristupoval v prípade, že bude aplikácia škálovaná globálne?

Jazyk práce

čeština

Fakulta

Ústav

Studijní program

Informační bezpečnost (MPC-IBE)

Složení komise

Ing. Eva Holasová, Ph.D. (člen)
Ing. Petr Machník, Ph.D. (člen)
doc. Ing. Petr Šiška, Ph.D. (místopředseda)
JUDr. Pavel Loutocký, BA (Hons), Ph.D. (člen)
prof. Ing. Radim Burget, Ph.D. (předseda)
Ing. Petr Blažek, Ph.D. (člen)
Ing. Ondřej Pospíšil, Ph.D. (člen)
Ing. Jorge Truffin (člen)

Posudek vedoucího
Ing. Marek Sikora, Ph.D.

Diplomová práce pana Koláčka se zabývá vývojem webových aplikací dle současných trendů a technologií. V rámci práce student vyvinul plně schopnou webovou aplikaci pro hudební skupiny s řadou nestandardních a velmi užitečných funkcí, např. poptávkový prodej merchandisingu, podpora online marketingu, prodej digitálního obsahu atd. Tato aplikace tak skupinám přináší zajímavé konkurenční výhody oproti běžným webovým prezentacím tohoto typu. Nicméně, hlavním výsledkem práce je především to, že student se dokázal zorientovat a osvojit si současné postupy při vývoji webových aplikací s použitím moderní SaaS infrastruktury a Typescriptového ekosystému. Student prokázal dovednosti na všech úrovních vývoje od návrhu, přes vývoj a testování, až po nasazení, monitoring a správu. Výsledkem je funkční a kvalitní produkt. V rámci svého studijního zaměření student provedl také podrobný bezpečnostní audit použité cloudové infrastruktury, která je obecně považována za industry-standard na poli moderních webových prezentací. Výsledek auditu tak přináší velmi aktuální fakta.
Po formální stránce považuji všechny cíle práce za splněné. Student pravidelně konzultoval a k práci přistupoval proaktivně. Spolupráci hodnotím velmi kladně. V odevzdaném dokumentu diplomové práce jsem nenašel žádné závažné nedostatky. Výsledný počet bodů navržený vedoucím: 95

Známka navržená vedoucím: A

Posudek oponenta
Ing. Štěpán Ježek

Student úspěšně implementoval funkční webovou aplikaci s využitím moderních technologií a prokázal schopnost pracovat s aktuálními vývojovými standardy. Praktická část je z hlediska dosaženého výsledku zdařilá. Práce však vykazuje také několik nedostatků. V implementaci chybí některé funkce požadované v zadání, např. prodej a distribuce digitálního obsahu. V teoretické části práce, především v první kapitole, autor použil styl, který více připomíná populárně-naučný článek než odbornou diplomovou práci. Pro implementaci byl využíván poměrně komplexní JavaScript stack, text však postrádá kritickou analýzu tohoto rozhodnutí a chybí zde zhodnocení možných nevýhod zvoleného řešení v porovnání s jednoduššími alternativami. Navzdory těmto výhradám je výsledkem práce funkční aplikace, která splňuje většinu cílů zadání. Otázky k obhajobě:
  1. Jaké jsou možné nevýhody outsourcingu zabezpečení aplikace na externího poskytovatele? Lze u platformy Vercel, která byla v práci využita, identifikovat nějaký nedávný bezpečnostní incident?
Výsledný počet bodů navržený oponentem: 85

Známka navržená oponentem: B

Odpovědnost: Mgr. et Mgr. Hana Odstrčilová