bakalářská práce

Webová knihovna grafických komponent pro vizualizaci dat z chytrých zařízení

Text práce 1.82 MB

Autor práce: Bc. Ondřej Darmopil

Ak. rok: 2023/2024

Vedoucí: Ing. Jiří Hynek, Ph.D.

Oponent: Ing. Petr John

Abstrakt:

Cílem této bakalářské práce je analyzovat již existující grafické komponenty webové aplikace
ACADA. Jedná se o aplikaci vyvíjenou společností Logimic. Tato aplikace má za úkol
správu jednotlivých chytrých zařízení a následnou vizualizaci nasbíraných dat. Na základě
provedené analýzy poté navrhnout jednotnou grafickou knihovnu, která bude obsahovat
základní stavební prvky každé webové aplikace, ale také komponenty pro zobrazování dat
ze zařízení. Knihovna se zaměří na konfigurovatelnost aplikace z pohledu uživatele. V rámci
implementace v jazyce Angular bude kladen důraz na dynamické vykreslování komponent.

Klíčová slova:

IoT, Chytré město, UX, UI, grafická knihovna, znovupoužitelné komponenty

Termín obhajoby

12.06.2024

Výsledek obhajoby

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

znamkaBznamka

Klasifikace

B

Průběh obhajoby

Student nejprve prezentoval výsledky, kterých dosáhl v rámci své práce. Komise se poté seznámila s hodnocením vedoucího a posudkem oponenta práce. Student následně odpověděl na otázky oponenta a na další otázky přítomných. Komise se na základě posudku oponenta, hodnocení vedoucího, přednesené prezentace a odpovědí studenta na položené otázky rozhodla práci hodnotit stupněm B.

Otázky k obhajobě

  1. Na straně 38 popisujete použití primární barvy pro méně výrazná tlačítka. Grafické knihovny však často používají primární barvu pro zvýrazněná tlačítka. Z jakého důvodu jste toto řešení zvolil?
  2. Na straně 25 popisujete návrh rozšíření vizualizace pro klíčové ukazatele výkonu (KPI) schopný zobrazit 4 stavy. Současný KPI systém používaný ve společnosti Logimic dovoluje vyhodnotit pouze 2 stavy. Jaká je motivace k tomuto rozhodnutí?
  3. Můžete se vyjádřit ke kapitole testování? Jak bylo vaše řešení testováno?

Jazyk práce

čeština

Fakulta

Ústav

Studijní program

Informační technologie (BIT)

Složení komise

doc. Dr. Ing. Dušan Kolář (předseda)
Ing. Vladimír Bartík, Ph.D. (člen)
Ing. Jaroslav Dytrych, Ph.D. (člen)
doc. Mgr. Adam Rogalewicz, Ph.D. (člen)
Ing. Marcela Zachariášová, Ph.D. (člen)

Posudek vedoucího
Ing. Jiří Hynek, Ph.D.

Student ke své práci přistupoval svědomitě, dokázal pracovat samostatně a vytvořil použitelné řešení, které dodá vývojářům firmy Logimic lepší prostředky pro rozšiřování klientské aplikace. Navrhuji hodnocení stupněm B.

Kritérium hodnocení Slovní hodnocení
Informace k zadání

Zadání vzniklo ve spolupráci s firmou Logimic. Cílem bylo revidovat existující knihovnu grafických komponent klientské části platformy firmy Logimic určené pro správu chytrých zařízení, navrhnout a implementovat novou verzi knihovny. Pro tyto účely student prostudoval technologie pro tvorbu klientských částí webových aplikací (TypeScript, Angular, PrimeNg, HTML, CSS). Zadání hodnotím jako průměrně obtížné a považuji ho za splněné ve všech jeho bodech.

Práce s literaturou

Student prostudoval doporučenou literaturu a aktivně si dohledával další zdroje týkající se IoT a použitých technologií.

Aktivita během řešení, konzultace, komunikace

Student byl aktivní během celého semestru a účastnil se pravidelných online konzultací. Byl schopen samostatně řešit netriviální problémy.

Aktivita při dokončování

Některé části technické práce byly řešené na poslední chvíli.

Publikační činnost, ocenění
Výsledný počet bodů navržený vedoucím: 85

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

Posudek oponenta
Ing. Petr John

Pan Darmopil implementoval podstatné rozšíření a úpravu existující grafické knihovny využívané ve společnosti Logimic. Práce obsahuje spíše kosmetické nedostatky, oceňuji její provedení a její praktickou využitelnost. Navrhuji hodnocení stupněm B.

Kritérium hodnocení Slovní hodnocení Body
Náročnost zadání

Stupeň hodnocení: průměrně obtížné zadání

Zadání hodnotím jako průměrně obtížné.

Prezentační úroveň technické zprávy

Práce má obvyklou strukturu. Nejprve jsou představeny teoretické základy potřebné pro řešení práce, a to problematika internetu věcí (používané architektury a komunikace), chytrých měst (jejich potenciální uživatelé a existující platformy) a problematika vizualizací (problematika tvorby uživatelských rozhraní a znovupoužitelných grafických komponent). Dále následují kapitoly analýzy, návrhu, implementace a testování. Vytknul bych, že sekce popisující komunikační technologie se zaměřuje pouze na bezdrátové technologie s dlouhým dosahem.

85
Formální úprava technické zprávy

Formální úprava technické zprávy je na dobré úrovni. Text neobsahuje typografické chyby. Slovosled některých vět není vhodný, tyto věty působí zmateně a je obtížné pochopit jejich význam.

85
Realizační výstup

Realizační výstup splňuje zadání práce a působí dobrým dojmem. Student implementoval úpravu existujících komponent grafické knihovny společnosti Logimic (primárně založenou na technologiích Angular a PrimeNG) a také vytvořil nové komponenty, které nahrazují zastaralé komponenty a přidávají možnost dynamického nastavení přehledové obrazovky typu dashboard přímo z uživatelského rozhraní.

85
Využitelnost výsledků

Práce byla navržena jako rozšíření existující platformy společnosti Logimic. Její výsledky jsou připraveny na integraci a následující využití společností.

Rozsah splnění požadavků zadání

Stupeň hodnocení: zadání splněno

Práce splňuje zadání, a to ve všech bodech.

Rozsah technické zprávy

Stupeň hodnocení: je v obvyklém rozmezí

Práce je v typickém rozsahu pro bakalářskou práci.

Práce s literaturou

Text obsahuje celkem 27 zdrojů a skládá se primárně z článků a knižních publikací. Zvolená literatura vhodně pokrývá popisovanou literaturu. Vytknul bych při referování zdrojů odkazování se slovy článek a kniha, vhodnější je použití příjmení hlavního autora.

85
Otázky k obhajobě:
  1. Na straně 38 popisujete použití primární barvy pro méně výrazná tlačítka. Grafické knihovny však často používají primární barvu pro zvýrazněná tlačítka. Z jakého důvodu jste toto řešení zvolil?
  2. Na straně 25 popisujete návrh rozšíření vizualizace pro klíčové ukazatele výkonu (KPI) schopný zobrazit 4 stavy. Současný KPI systém používaný ve společnosti Logimic dovoluje vyhodnotit pouze 2 stavy. Jaká je motivace k tomuto rozhodnutí?
Výsledný počet bodů navržený oponentem: 85

Známka navržená oponentem: B

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