Cílem této práce je navrhnout JavaScriptové komponenty, které zapouzdří vybranou technologii pro práci s grafy ve webovém prostředí. V teoretické části práce jsou popdrobně popsány existující knihovny určené pro vizualizaci dat a porovnány jejich vlastnosti. Součástí teoretické práce je také srovnání dostupných technologií pro tvorbu vizualizací a detailní popis možností a zavedených postupů v této oblasti. Obsahem praktické části je návrh a vlastní implementace komplexní knihovny pro vizualizaci dat, která zapouzdří vybrané technologie a umožní jejich snadnou integraci do webových informačních systémů. Návrh a veškerá realizace je provedena s ohledem na použití výstupu pro reálné technologie a data z oblasti monitorování dopravy.
Anotace v angličtině
The aim of this thesis is to propose JavaScripts components which covers the technology of using charts in web environment. In theoretical part are described already existing libraries, which are designated for data visualization. Moreover, comparison of available technologies for visualization creating, and description its own options in this area, are listed. Practical part deals with design and own implementation of created library for visualization which covers selected technologies. The result provides easy integration into web systems. The main design and realization are done according to the utilization which can be used by real technologies from vehicular traffic area.
data visualization, JavaScript, HTML5, canvas, dashboard
Rozsah průvodní práce
69 s. (79 618 znaků)
Jazyk
CZ
Anotace
Cílem této práce je navrhnout JavaScriptové komponenty, které zapouzdří vybranou technologii pro práci s grafy ve webovém prostředí. V teoretické části práce jsou popdrobně popsány existující knihovny určené pro vizualizaci dat a porovnány jejich vlastnosti. Součástí teoretické práce je také srovnání dostupných technologií pro tvorbu vizualizací a detailní popis možností a zavedených postupů v této oblasti. Obsahem praktické části je návrh a vlastní implementace komplexní knihovny pro vizualizaci dat, která zapouzdří vybrané technologie a umožní jejich snadnou integraci do webových informačních systémů. Návrh a veškerá realizace je provedena s ohledem na použití výstupu pro reálné technologie a data z oblasti monitorování dopravy.
Anotace v angličtině
The aim of this thesis is to propose JavaScripts components which covers the technology of using charts in web environment. In theoretical part are described already existing libraries, which are designated for data visualization. Moreover, comparison of available technologies for visualization creating, and description its own options in this area, are listed. Practical part deals with design and own implementation of created library for visualization which covers selected technologies. The result provides easy integration into web systems. The main design and realization are done according to the utilization which can be used by real technologies from vehicular traffic area.
data visualization, JavaScript, HTML5, canvas, dashboard
Zásady pro vypracování
Prostudujte obecně používané webové knihovny zaměřené na vizualizaci většího množství dat.
Porovnejte vlastnosti těchto knihoven a vyhodnoťte jejich použitelnost.
Navrhněte univerzální webové rozhraní, které zapouzdří vybranou technologii a bude vykreslovat specifické dashboardy na základě vložených dat.
Realizujte navržené rozhraní tak, aby se dalo použít v reálném prostředí s reálnými daty.
K projektu vytvořte podrobnou programátorskou dokumentaci ve formě HTML prezentace.
Zásady pro vypracování
Prostudujte obecně používané webové knihovny zaměřené na vizualizaci většího množství dat.
Porovnejte vlastnosti těchto knihoven a vyhodnoťte jejich použitelnost.
Navrhněte univerzální webové rozhraní, které zapouzdří vybranou technologii a bude vykreslovat specifické dashboardy na základě vložených dat.
Realizujte navržené rozhraní tak, aby se dalo použít v reálném prostředí s reálnými daty.
K projektu vytvořte podrobnou programátorskou dokumentaci ve formě HTML prezentace.
Seznam doporučené literatury
LUBBERS, Peter, Brian ALBERS a Frank SALIM. HTML5: programujeme moderní webové aplikace. Vyd. 1. Brno: Computer Press, 2011, 304 s. ISBN 978-80-251-3539-6.
ŽÁRA, Ondřej.JavaScript: programátorské techniky a webové technologie. 1. vydání. Brno: Computer Press, 2015, 180 stran. ISBN 978-80-251-4573-9.
PILGRIM, Mark. HTML5: up and running. 1st ed. Sebastopol, CA: O\symbol{39}Reilly, 2010, xii, 205 p. ISBN 978-0-596-80602-6.
FULTON, Steve a Jeff FULTON.HTML5 canvas. Second edition. Farnham: O\symbol{39}Reilly, 2013, xx, 726 pages. ISBN 14-493-3498-9.
STEFANOV, Stoyan a Kumar Chetan SHARMA.Object-oriented JavaScript. 2nd ed. Birmingham, UK: Packt Publishing, 2013, viii, 363 p. ISBN 9781849693127.
W3C\matsymb{lbrack}online\matsymb{rbrack}. The World Wide Web Consortium \matsymb{lbrack}cit. 2016-01-29\matsymb{rbrack}. Dostupné z: https://www.w3.org/
Seznam doporučené literatury
LUBBERS, Peter, Brian ALBERS a Frank SALIM. HTML5: programujeme moderní webové aplikace. Vyd. 1. Brno: Computer Press, 2011, 304 s. ISBN 978-80-251-3539-6.
ŽÁRA, Ondřej.JavaScript: programátorské techniky a webové technologie. 1. vydání. Brno: Computer Press, 2015, 180 stran. ISBN 978-80-251-4573-9.
PILGRIM, Mark. HTML5: up and running. 1st ed. Sebastopol, CA: O\symbol{39}Reilly, 2010, xii, 205 p. ISBN 978-0-596-80602-6.
FULTON, Steve a Jeff FULTON.HTML5 canvas. Second edition. Farnham: O\symbol{39}Reilly, 2013, xx, 726 pages. ISBN 14-493-3498-9.
STEFANOV, Stoyan a Kumar Chetan SHARMA.Object-oriented JavaScript. 2nd ed. Birmingham, UK: Packt Publishing, 2013, viii, 363 p. ISBN 9781849693127.
W3C\matsymb{lbrack}online\matsymb{rbrack}. The World Wide Web Consortium \matsymb{lbrack}cit. 2016-01-29\matsymb{rbrack}. Dostupné z: https://www.w3.org/
Přílohy volně vložené
-
Přílohy vázané v práci
-
Převzato z knihovny
Ne
Plný text práce
Přílohy
Posudek(y) oponenta
Hodnocení vedoucího
Záznam průběhu obhajoby
Diplomant odprezentoval před komisí hlavní cíle a výsledky své diplomové práce. Součástí prezentace byla i praktická ukázka sestavené knihovny. Následně byl student seznámen s posudky vedoucího a oponenta diplomové práce. Diplomant postupně odpověděl na otázky oponenta práce.
Komise vznesla k obhajobě následující dotazy:
1) doc. Ing. Petr Sodomka, Ph.D., MBA (VUT Brno): Co je na knihovně specifického vzhledem k použití v dopravních systémch? Je vyvinutá knihovna součástí portletu, popř. lze z knihovny vytvořit portlet a na jaké platformě?
2) doc. Ing. Zuzana Komínková Oplatková, Ph.D.: Co znamenají "technologie v dopravě"?
3) Ing. Radek Vala, Ph.D.: Přepokládáte další spolupráci s firmou Cross?
4) Ing. Michal Bližňák, Ph.D.: V čem je vaše řešení rozdílné oproti stávajícím knihovnám? Co je specifického na vaší knihovně?
Student na položené dotazy reagoval pohotově a zodpověděl je v plném rozsahu.