Eco web

Abstract

Cílem této práce je analyzovat veřejně dostupná ekologická data a~zvolit vhodná pro vizualizaci dat. Dále se zabývá analýzou již existujících řešení. Práce se následně zabývá návrhem a~implementací jednotlivých částí pro získání dat, databázi, backend a~frontend. Část pro získání dat se zabývá získáváním dat ze stránek ČHMÚ. Backend je navrhnut a~implementován pomocí jazyka JavaScript s~využitím technologie GraphQL pro tvorbu API. Frontend je navrhnut jako webová aplikace za pomoci designového jazyka Material Design. Pro implementaci webové aplikace byl použit JavaScript s~knihovnou ReactJS. Následně se zabýváme uživatelským testováním samotné webové aplikace. Na závěr práce jsou uvedeny možná rozšíření implementace do budoucna.The purpose of this bachelor thesis is to analyze available ecological data for public use, which are appropriate for visualization. This thesis also focuses on analysis of the existing solutions. Then the focus shifts to the design and implementation of separate parts, which consist of a~tool for downloading data, database, backend and frontend. The download tool is focused on downloading data that are available on the CHMI website. The backend is designed and implemented in JavaScript in combination with GraphQL technology for creating APIs. The frontend is designed as a~web application in combination with a~design language called Material Design. For implementation of the web application, JavaScript was used in combination with the ReactJS library. Upon completion, the web application was tested using a usability testing method. At the end, this bachelor thesis also covers plans for future extensions.