Informační portál poskytující na jednom místě výsledky projektu týkajícího se odpadového hospodářství ve zdravotnictví. Semestrální projekt ve 2. ročníku vysoké školy.
Portál se skládá ze dvou částí:
- Přehled výzkumných článků
- Vizualizace dat týkající se produkce a nakládání s odpady ve zdravotnictví
Popis projektu
Cílem projektu bylo vytvoření webové aplikace, která poskytuje přehled výsledků fakultního projektu. V rámci projektu proběhla rešerže týkající se odpadového hospodářství ve zdravotnictví, tyto data byly uchovávany v citačním nástroji Zotero. Dále vznikly datové sady o produkci a nakládání s odpady ve zdravotnictví v České republice.
Přehled výzkumných článků
Pro načítání dat ze Zotera jsem vytvořil vlastní wrapper, který umožňuje získat data z API.
SPA si tyto data ze serveru načítá a zobrazuje je jako "složky". K dispozici je vyhledávání a filtrování.
Vizualizace dat
Pro vizualizaci jsme se rozhodli pro kartodiagram, sloupcové grafy a tabulky s daty.
Nejpre bylo potřeba data zpracovat a rozdělit pro potřeby aplikace (rozdělení dle typu odpadu, okresu, kraje... a následný přenos do relační DB). Pro kartodiagram bylo potřeba mít k dispozici ohraničení okresů, krajů a republiky (GeoJSON).
Aplikace pro kartodiagram využívá wrapper nad knihovnou Leaflet.js a pro výsečový graf Chart.js. Tato část byla dost problematická a i ve finální podobě nevypadá ideálně.
Pro tabulky s daty jsem vypracoval službu (ve smyslu Service v Symfony), která dokázala generovat XLSX soubor z počáteční šablony.
Demo
Aplikace je k dispozici na https://hcwm.vvoleman.eu
Ukázky z aplikace
![Výpis článků ze Zotera](/_ipx/w_768&f_webp&q_80/images/content/hcwm/zotero-items.png)
![Vizualizace - popis](/_ipx/w_768&f_webp&q_80/images/content/hcwm/visualisation-description.png)
![Kartodiagram](/_ipx/w_768&f_webp&q_80/images/content/hcwm/cartodiagram.png)
![Tabulka s daty](/_ipx/w_768&f_webp&q_80/images/content/hcwm/data-table.png)
![Sloupcový graf](/_ipx/w_768&f_webp&q_80/images/content/hcwm/stacked-bar-chart.png)
![Vývoj trendů v čase](/_ipx/w_768&f_webp&q_80/images/content/hcwm/trends.png)