Detail práce

Web Application for Information Dashboard Design

Diplomová práce Student: Pastushenko Olena Akademický rok: 2016/2017 Vedoucí: Hynek Jiří, Ing., Ph.D.
Název česky
Webová aplikace pro návrh informačních dashboardů
Jazyk práce
anglický
Abstrakt

Tato práce popisuje analýzu a návrh webové aplikace určené pro tvorbu informačních dashboardů. Nejdůležitějším úkolem je nejen vizualizovat data prostřednictvím grafů, ale také zvýšit použitelnost konečného produktu a umožnit programátorům rychle přidávat nové widgety. Vizualizační nástroje pro prezentaci dat jsou analyzovány jak z historického, tak i z moderního hlediska. Velká pozornost je věnována tomu, jak lidský mozek vnímá informace. Nástroje pro tvorbu grafů (zejména knihovny jazyka JavaScript) jsou analyzovány, z čehož plyne potřeba vyvinout nástroj nový. Součástí diplomové práce je open-source knihovna pro tvorbu grafů založená na knihovnách Vue.js a D3.js. Vývoj samotné aplikace je pak popsán jako iterativní proces, včetně návrhu prototypu a několika fází testování a hodnocení použitelnosti. Výsledná aplikace vyhovuje všem počátečním požadavkům a umožňuje vytvořit nový dashboard založený na vlastním gridovém systémů nebo pomocí jedné z předdefinovaných šablon.

Klíčová slova

Informačny dashboard, HCI, webova aplikace, vizualizace dat, zásady navrhování, uživatelské rozhraní

Ústav
Studijní program
Informační technologie, obor Informační systémy
Soubory
Stav
obhájeno, hodnocení B
Obhajoba
22. června 2017
Oponent
Průběh obhajoby

Studentka nejprve prezentovala výsledky, kterých dosáhla v rámci své práce. Komise se poté seznámila s hodnocením vedoucího a posudkem oponenta práce. Studentka následně odpověděla 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í studentky na položené otázky rozhodla práci hodnotit stupněm "B".

Otázky u obhajoby
  1. Why have you created front-end and back-end as independent parts of the project?
  2. In this thesis, you used D3.js with a Vue.js to build UXgraph library. Could you explain what is the usability of each one and how the libraries cooperate with each other?
Komise
Hruška Tomáš, prof. Ing., CSc. (UIFS FIT VUT), předseda
Burget Radek, doc. Ing., Ph.D. (UIFS FIT VUT), člen
Holík Lukáš, doc. Mgr., Ph.D. (UITS FIT VUT), člen
Očenášek Pavel, Mgr. Ing., Ph.D. (UIFS FIT VUT), člen
Trenz Oldřich, doc. Ing., Ph.D. (Mendelu), člen
Zendulka Jaroslav, doc. Ing., CSc. (UIFS FIT VUT), člen
Citace
PASTUSHENKO, Olena. Web Application for Information Dashboard Design. Brno, 2017. Diplomová práce. Vysoké učení technické v Brně, Fakulta informačních technologií. 2017-06-22. Vedoucí práce Hynek Jiří. Dostupné z: https://www.fit.vut.cz/study/thesis/18413/
BibTeX
@mastersthesis{FITMT18413,
    author = "Olena Pastushenko",
    type = "Diplomov\'{a} pr\'{a}ce",
    title = "Web Application for Information Dashboard Design",
    school = "Vysok\'{e} u\v{c}en\'{i} technick\'{e} v Brn\v{e}, Fakulta informa\v{c}n\'{i}ch technologi\'{i}",
    year = 2017,
    location = "Brno, CZ",
    language = "english",
    url = "https://www.fit.vut.cz/study/thesis/18413/"
}
Nahoru