DEVELOPMENT OF THE WEB INTERFACE OF THE INFORMATION AND ANALYTICAL SYSTEM OF ENVIRONMENTAL MONITORING USING THE REACT LIBRARY
DOI:
https://doi.org/10.32689/maup.it.2023.1.1Keywords:
environmental monitoring, information-analytical system, React, Leaflet, Chart.jsAbstract
Ecological monitoring of the environment is a modern form of implementation of ecological activity processes with the help of informatization tools and provides regular assessment and forecasting of the state of the environment, the vital activity of society and the conditions of the functioning of ecosystems for the adoption of management decisions regarding environmental safety, preservation of the natural environment and rational use of nature. Environmental monitoring is the first and main stage in ensuring environmental safety, preventing and eliminating the negative impact of economic activity on the environment, and preserving natural resources. Information and analytical support for environmental monitoring is necessary for the implementation of such opportunities as receiving primary data from monitoring subjects, saving, processing, transmitting and analyzing information about the state of the natural environment. The purpose of this article is to create a web interface of an information and analytical system using the React library. The web interface of the information and analytical decision support system was developed based on an interactive map of water sampling points and visualization of the obtained results of environmental monitoring. For development, the React library was used – an open source JavaScript library that is used to build user interfaces. The display of the interactive monitoring map is configured using Leaflet interactive maps – an open source JavaScript library for creating interactive maps adapted for browsers and mobile devices. The library implements the support of map layers, which are built according to the technology: WMS, GeoJSON, or vector display of surfaces. The Chart.js library was used to visualize monitoring results. This library allows you to create graphs and charts of any type, as well as plot data on a time range and a logarithmic scale.
References
Pohrebennyk V., Dzhumelia E. Evaluation of Impact of Mining and Chemical Enterprise on Ecological State of the Water Environment. Water Security. 2016. P. 155-169.
Погребенник В.Д., Джумеля Е.А. Екологічний аспект створення стабільної території Роздільського державного гірничо-хімічного підприємства "Сірка". Агроекологічні, соціальні та економічні аспекти створення й ефективного функціонування екологічно стабільних територій: колективна монографія. 2016. С. 56-66.
Pohrebennyk V., Koszelnik P., Mitryasova O., Dzhumelia E. Zdeb M. Environmental monitoring of soils of postindustrial mining areas. Journal of Ecological Engineering. 2019. vol. 20. P. 53-61.
Бахарєв В. С., Шевченко І. В., Коваль С. С., Корцова О. Л. Інформаційно-технологічні аспекти управління екологічною безпекою в системах муніципального моніторингу атмосферного повітря. Вісник КрНУ імені Михайла Остроградського. 2017. Випуск 4. C. 68-73.
Karpinski M., V. Pohrebennyk V., Bernatska N., Ganczarchyk J., Shevchenko O. Simulation of Artificial Neural Networks for Assessing the Ecological State of Surface Water. 18th International Multidisciplinary Scientific GeoConference SGEM 2018. 2 July – 8 July 2018, Albena, Bulgaria. P. 693-700.
Шпинковська М.І., Бакунова А.І. Інформаційна система візуалізації екологічного стану регіону. Автоматизація технологічних і бізнес-процесів. 2015. №7. P. 75-81
Spencer MCDonald. Web-based decision support system tools: The Soil and Water Assessment Tool Online visualization and analyses (SWATOnline) and NASA earth observation data downloading and reformatting tool (NASAaccess). Environmental Modelling & Software. 2019. Volume 120. P. 1-12.
Srivastava S., Vaddadi S., Sadistap S. Smartphone based System for water quality analysis. Applied Water Science. 2018. P. 129-130
Horsburgh J., Reeder S., Jones A., Meline J. Open source software for visualization and quality control of continuous hydrologic and water quality sensor data. Environmental Modelling & Software. 2015. 70. P. 1-7
THIELE J. NUSKE R. Design and implementation of a web-based decision support system for climate change impact assessment on forests. A web-based decision support system. 2016. P. 11-23
Khalique S. Hossain A. A web-based decision support system for smart dam operations using weather forecasts. Hydroinformatics. 2019. P. 1-24.
Crimi A, Jones T. Sgalambro A. Designing a Web Spatial Decision Support System Based on Analytic Network Process to Locate a Freight Lorry Parking. Sustainability. 2019. v. 11. P. 1-14.
Безверхий О., Куценко О. Ефективність застосування бібліотеки React. Інформаційні технології та суспільство. 2022. 2 (4), c. 13-19.
Болотіна В. В. Огляд популярних javascript фреймворків. Інформаційно-комп’ютерні технології, 18-20 квітня 2019 р., C. 89-90.
А. І. Вінокуров, Г. І. Молчанов. Переваги динамічних веб-сторінок над статично-генерованими. Інформаційні технології. 2021, С. 63-66.
How To Create Maps With React And Leaflet. https://www.smashingmagazine.com/2020/02/javascript-mapsreact-leaflet/
React Leaflet. https://react-leaflet.js.org/docs/start-introduction/
Качанов Ю.В. Бібліотека для побудови графіків та діаграм chart.js. Матеріали ХII Міжнародної науково-практичної конференції «Free and open source software» 17-19 листопада 2020 р., C. 69.
Проста побудова графіків за допомогою Chart.js https://www.zmax.work/easy-plotting-with-chart-js/
