Webová aplikace pro návrh informačních dashboardů

Abstract

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.

This paper describes the steps of designing and development of the Web Application for Information Dashboard Design. The primary challenge is not only to visualize the data on the charts, but also to increase the usability of the final product and to allow programmers to add new widgets quickly and with minimum input required. Visualization tools are being analyzed both from the historical and modern perspectives. Big attention is paid to how human brain perceives information. Charts development tools (in particular, JavaScript libraries) are analyzed and the need in a new application is proven. Development is then described as an iterative process, including application prototype designing and several phases of usability testing and evaluation. As a part of the project, the open-source Vue.js extension for working with charts is developed. Resulting application satisfies all initial requirements and allows to create a new dashboard based on custom design, or using one of the predefined templates.