Tato práce se věnuje tvorbě webové aplikace pro vizualizaci dat s využitím JavaScriptu. Klientská část je implementována ve frameworku Angular, od společnosti Google, a serverová část je realizována v PHP. Práce porovnává existující možnosti vizualizace dat v oblasti webových technologií a zabývá se srovnáním nejpoužívanějších JavaScriptových frameworků a knihoven Angular, React a jQuery. Tyto technologie jsou porovnávány jak z hlediska náročnosti implementace, tak z pohledu výkonnosti. Práce mimo jiné obsahuje i návod na konverzi pluginu ze starší knihovny jQuery do novějšího Angularu.
Anotace v angličtině
This thesis is focused on creating web applications for data visualization using JavaScript. The client side is implemented in the Angular framework, by Google. The server side is implemented in PHP. This thesis compares methods of data visualization on the Web and discuss the most popular JavaScript frameworks and libraries like Angular, React and jQuery. These technologies are compared with difficulty and performance. This thesis also includes the instructions for converting plugin from older library jQuery to newer framework Angular.
data visualization, JavaScript, jQuery, React, Angular
Rozsah průvodní práce
75
Jazyk
CZ
Anotace
Tato práce se věnuje tvorbě webové aplikace pro vizualizaci dat s využitím JavaScriptu. Klientská část je implementována ve frameworku Angular, od společnosti Google, a serverová část je realizována v PHP. Práce porovnává existující možnosti vizualizace dat v oblasti webových technologií a zabývá se srovnáním nejpoužívanějších JavaScriptových frameworků a knihoven Angular, React a jQuery. Tyto technologie jsou porovnávány jak z hlediska náročnosti implementace, tak z pohledu výkonnosti. Práce mimo jiné obsahuje i návod na konverzi pluginu ze starší knihovny jQuery do novějšího Angularu.
Anotace v angličtině
This thesis is focused on creating web applications for data visualization using JavaScript. The client side is implemented in the Angular framework, by Google. The server side is implemented in PHP. This thesis compares methods of data visualization on the Web and discuss the most popular JavaScript frameworks and libraries like Angular, React and jQuery. These technologies are compared with difficulty and performance. This thesis also includes the instructions for converting plugin from older library jQuery to newer framework Angular.
data visualization, JavaScript, jQuery, React, Angular
Zásady pro vypracování
Seznamte se s technologií AngularJS a problematikou vizualizace dat s využitím JavaScriptu.
Proveďte rešerši existujících pluginů pro technologii AngularJS sloužící k vizualizaci dat.
Navrhněte aplikaci, která umožní zobrazit základní typy grafů - spojnicový, sloupcový, výsečový a další dle potřeby. Aplikace se bude skládat ze samostatných a znovupoužitelných modulů. Jako zdroj dat pro vizualizaci je možné využít
veřejné API nebo vlastní server v Php + MySql.
Naprogramujte navržené řešení a ověřte jeho funkčnost na dostatečně široké třídě testovacích dat.
Zhodnoťte klady, zápory a omezení realizované aplikace.
Zásady pro vypracování
Seznamte se s technologií AngularJS a problematikou vizualizace dat s využitím JavaScriptu.
Proveďte rešerši existujících pluginů pro technologii AngularJS sloužící k vizualizaci dat.
Navrhněte aplikaci, která umožní zobrazit základní typy grafů - spojnicový, sloupcový, výsečový a další dle potřeby. Aplikace se bude skládat ze samostatných a znovupoužitelných modulů. Jako zdroj dat pro vizualizaci je možné využít
veřejné API nebo vlastní server v Php + MySql.
Naprogramujte navržené řešení a ověřte jeho funkčnost na dostatečně široké třídě testovacích dat.
Zhodnoťte klady, zápory a omezení realizované aplikace.