PAVELKA, V. Výzkum a vývoj UI/UX pro Q řazení [online]. Brno: Vysoké učení technické v Brně. Fakulta informačních technologií. 2025.
Jedná se o velice kvalitně a profesionálně zpracované řešení. Řešitel musel pracoval s cizím kódem více studentů a prokázal tak vynikající schopnosti softwarového inženýrství. Vytvořené řešení je bezprostředně použitelné v praxi a je značně inovativní. Navrhuji práci na vhodné ocenění.
| Kritérium | Známka | Body | Slovní hodnocení |
|---|---|---|---|
| Informace k zadání | Práce přispěla významně k řešení výzkumného projektu TAČR Q info. Řešitel vyšel z cizího kódu (což je vždy poněkud složitější), který velice dobře ovládl a posunul velice výrazně kupředu. Při návrhu a vývoji uživatelského rozhraní se věnoval nejrůznějším detailům použitelnosti a vytvořené řešení je opravdu kvalitní a sofistikované. Nad rámec původního zadání řešitel vytvořil několik vylepšení, které práci posunuly výrazně kupředu směrem k maximálně použitelnému řešení. Rozšíření zadání zahrnují použití komunikace v reálném čase pomocí web sockets, napojení na API pro správu výzkumů vyvíjené jiným studentem a vytvoření nasazovacích skriptů pomocí dockeru a nasazení aplikace na server projektu Q info. | ||
| Práce s literaturou | Řešitel musel proniknout do velkého množství pokročilých nástrojů pro vývoj UI/UX. Některé knihovny používal i za hranu jejich zamýšleného použití tak, aby vytvořené řešení bylo maximálně intuitivní, přenositelné a funkční. | ||
| Aktivita během řešení, konzultace, komunikace | Řešitel odvedl výrazně nadstandardní množství práce. Po celou dobu řešení docházel na domluvené konzultace a aktivně komunikoval a přicházel s vlastní iniciativou pro dosažení maximálně použitelného řešení. | ||
| Aktivita při dokončování | Práce byla dokončena s předstihem a opakovaně dostatečně konzultována. Řešitel byl při vývoje řešení i při zpracování technické zprávy mimořádně aktivní a pečlivý. | ||
| Publikační činnost, ocenění | Řešení bude použito v rámci výzkumného projektu TAČR Q info. |
Celkově se jedná o kvalitní práci s dotaženým uživatelským rozhraním, které je zpracováno velmi pečlivě a působí vysoce profesionálně. Oceňuji důraz na detail, stejně jako napojení na existující backend a práci s websockety, která vyžadovala orientaci v cizím kódu a samostatné rozhodování. Aplikace funguje stabilně a výsledek je prakticky využitelný. Vzhledem k tomu, že hlavní část práce spočívá v návrhu UI a jeho integraci do existujících systémů, bych při tomto rozsahu očekávala větší o důraz na uživatelské testování a mobilní zobrazení. I přes tuto výhradu hodnotím práci jako velmi dobře odvedenou.
| Kritérium | Známka | Body | Slovní hodnocení |
|---|---|---|---|
| Náročnost zadání | Zadání této bakalářské práce považuji za středně náročné. Student se musel důkladně seznámit s metodikou Q-řazení, uživatelským testováním a zároveň se orientovat v existujícím kódu předchozího řešení, které rozšiřoval. | ||
| Rozsah splnění požadavků zadání | Zadání bylo po obsahové stránce splněno. Student se seznámil s problematikou Q-metodologie, analyzoval existující řešení a identifikoval jeho nedostatky, které následně zohlednil při návrhu uživatelského rozhraní. Navržené UI komponenty byly otestovány a integrovány do aplikace, včetně propojení s backendem a websocketové komunikace. Vzhledem k tomu, že jádrem práce mělo být uživatelské testování, považuji za nedostatek, že v textu není přesně popsáno, jak testování probíhalo, s kolika uživateli bylo provedeno a jak byly získané výsledky vyhodnoceny. Až z konzultace vyplynulo, že testování probíhalo s celkem šesti respondenty, kteří byli využiti opakovaně v každé iteraci. Tento přístup ovšem snižuje výpovědní hodnotu výsledků vzhledem k možnému zkreslení způsobenému opakováním a ztrátou nezaujatosti (tzv. biasem). | ||
| Rozsah technické zprávy | Rozsah práce je přiměřený, obsahově je práce dobře strukturovaná a informačně přínosná. Popis navrženého UI je velmi dobře podpořen názornými ilustracemi, které činí práci srozumitelnou i pro čtenáře, což cením. | ||
| Prezentační úroveň technické zprávy | 90 | Struktura práce je logická, kapitoly na sebe dobře navazují. Někdy se objevuje nepříjemné odskočení mezi odkazem na obrázek v textu (str. 28, 29, 30, 39) a jeho samotným umístěním v práci – čtenář tak musí listovat i o několik stran zpět či vpřed, aby si mohl obrázek spojit s příslušnou pasáží. Jinak je obsahová náplň práce dobře vyvážená a jednotlivé kapitoly na sebe logicky navazují. Práce je informačně hodnotná. | |
| Formální úprava technické zprávy | 87 | Text je jazykově správný, práce je typograficky čistá a dobře formátovaná. Mírné rezervy vidím ve stylistice – místy se objevují anglicismy (např. „ghost komponenta“), přímé sebehodnocení v odborném textu, nebo stylisticky nevhodné skloňování cizích výrazů („drag and dropu“). | |
| Práce s literaturou | 88 | Student využívá relevantní odbornou literaturu i online zdroje, a to jak k teoretickému ukotvení tématu, tak k popisu použitých technologií. Za drobnou slabinu považuji způsob využití některých citací, které často slouží spíše jako doplňující poznámka pro čtenáře nebo vysvětlení pojmu, než jako podpora konkrétního tvrzení – například v úvodu u výrazu „Q-metodologie [30]“ nebo u fráze „normální rozdělení [cit. WikiSkripta]“. V takových případech by bylo vhodnější zvolit formu poznámky pod čarou, případně stručné vysvětlení přímo v textu. V závěru práce pak již není nutné odkazovat na předchozí kapitoly, neboť to čtenáře spíše ruší. Podobně i opakované citování stejného zdroje ve stejném kontextu působí nadbytečně. | |
| Realizační výstup | 85 | Student použil moderní vývojový stack (Vue.js, Tailwind CSS, Docker), výsledné řešení je funkční a po technické stránce velmi dobře zvládnuté. Oceňuji integraci do systému Q-panel i využití websocketové komunikace. Chybí mi však základní srovnání zvolených technologií s jinými alternativami – není např. rozvedeno, proč byla zvolena právě technologie Vue.js, zda byly zvažovány jiné možnosti, a jaké jsou výhody či nevýhody z hlediska rozšiřitelnosti a udržitelnosti. Student uvádí jako důvod návaznost na předchozí práci, nicméně vzhledem k tomu, že se jedná v zásadě o jednu stránku uživatelského rozhraní, bych očekávala úvahu nad možností vytvořit aplikaci zcela znovu – zejména pokud by se tím předešlo zásahům do rozsáhlého cizího kódu. Některé části kódu jsou hodně rozsáhlé (např. QSortStore o stovkách řádků), což může zhoršovat přehlednost – ale pravděpodobně to souvisí s tím, že student musel pracovat s již existujícím řešením a doplňovat do něho svůj kód. Aplikace je technicky funkční i na mobilních zařízeních (včetně drag and drop), nicméně nepůsobí plně doladěně pro pohodlné mobilní použití – uživatel musí často scrollovat vertikálně i horizontálně a v práci není uvedeno, zda byla mobilní verze samostatně testována, ani jak byl návrh přizpůsoben omezením menších obrazovek. | |
| Využitelnost výsledků | Práce rozšiřuje existující řešení a její hlavní přínos spočívá ve vytvoření přehledného, intuitivního a uživatelsky vstřícného rozhraní pro Q-řazení. Velmi oceňuji, že student věnoval značnou pozornost detailům návrhu, zamýšlel se nad možnými problémy při používání aplikace a výsledné UI působí čistě, konzistentně a bez funkčních chyb. |
eVSKP id 163013