Bachelor's Thesis

Web-based Library of Graphical Components for Smart Devices Data Visualization

Final Thesis 1.82 MB

Author of thesis: Bc. Ondřej Darmopil

Acad. year: 2023/2024

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

Reviewer: Ing. Petr John

Abstract:

The objective of this bachelor’s thesis is to analyze the existing graphical components of the
ACADA web application. ACADA is an application developed by Logimic that manages
individual smart devices and visualizes the collected data. Based on this analysis, a unified
graphical library will be designed that will include the basic building blocks of any web
application, as well as components for displaying data from the devices. The library will
focus on the configurability of the application from the user’s perspective. In the context
of the implementation in Angular, the focus will be on dynamic component rendering.

Keywords:

IoT, Smart city, UX, UI, graphic library, reusable components

Date of defence

12.06.2024

Result of the defence

Defended (thesis was successfully defended)

znamkaBznamka

Grading

B

Process of defence

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.

Topics for thesis defence

  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?

Language of thesis

Czech

Faculty

Department

Study programme

Information Technology (BIT)

Composition of Committee

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)

Supervisor’s report
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.

Evaluation criteria Verbal classification
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í
Points proposed by supervisor: 85
Display more

Grade proposed by supervisor: B

Reviewer’s report
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.

Evaluation criteria Verbal classification Points
Náročnost zadání

Evaluation level: 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í

Evaluation level: zadání splněno

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

Rozsah technické zprávy

Evaluation level: 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
Topics for thesis defence:
  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í?
Points proposed by reviewer: 85
Display more

Grade proposed by reviewer: B