РОЗРОБКА ВЕБ-ІНТЕРФЕЙСУ ІНФОРМАЦІЙНО-АНАЛІТИЧНОЇ СИСТЕМИ ЕКОЛОГІЧНОГО МОНІТОРИНГУ З ВИКОРИСТАННЯМ БІБЛІОТЕКИ REACT
DOI:
https://doi.org/10.32689/maup.it.2023.1.1Ключові слова:
екологічний моніторинг, інформаційно-аналітична система, React, Leaflet, Chart.jsАнотація
Екологічний моніторинг довкілля є сучасною формою реалізації процесів екологічної діяльності за допомогою засобів інформатизації і забезпечує регулярну оцінку і прогнозування стану середовища, життєдіяльності суспільства та умов функціонування екосистем для прийняття управлінських рішень щодо екологічної безпеки, збереження природного середовища та раціонального природокористування. Екологічний моніторинг є першим і головним етапом у забезпеченні екологічної безпеки, запобіганні і ліквідації негативного впливу господарської діяльності на довкілля, збереженні природних ресурсів. Інформаційно-аналітичне забезпечення екологічного моніторингу необхідне для реалізації таких можливостей як одержання первинних даних від суб'єктів моніторингу, збереження, обробка, передача та аналіз інформації про стан навколишнього природнього середовища. Метою даної статті є створення веб-інтерфейсу інформаційно-аналітичної системи з допомогою бібліотеки React. Розроблено веб-інтерфейс інформаційно-аналітичної системи підтримки прийняття рішень на основі інтерактивної карти пунктів відбору проб води та візуалізації отриманих результатів екологічного моніторингу. Для розробки використано бібліотеку React – JavaScript бібліотеку з відкритим кодом, яка використовується для побудови користувальницьких інтерфейсів. Показ інтерактивної карти моніторингу налаштовано з допомогою інтерактивних карт Leaflet – JavaScript бібліотеки з відкритим кодом для створення браузерних та адаптованих під мобільні пристрої інтерактивних карт. Бібліотека реалізує підтримку шарів мап, які побудовані за технологією: WMS, GeoJSON, або векторного відображення поверхніт. Для візуалізації результатів моніторингу використано бібліотеку Chart.js. Дана бібліотека дозволяє створювати графіки та діаграми будь-якого типу, а також вибудовувати дані на діапазоні часу та логарифмічній шкалі.
Посилання
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/
