Real-time monitoring system for weather and air pollutant measurement with html-based ui application

Prisma Megantoro, Brahmantya Aji Pramudita, P. Vigneshwaran, Abdufattah Yurianta, Hendra Ari Winarno

Research output: Contribution to journalArticlepeer-review

4 Citations (Scopus)


This article discusses devising an IoT system to monitor weather parameters and gas pollutants in the air along with an HTML web-based application. Weather parameters measured include; speed and direction of the wind, rainfall, air temperature and humidity, barometric pressure, and UV index. On the other side, the gases measured are; ammonia, hydrogen, methane, ozone, carbon monoxide, and carbon dioxide. This article is introducing a technique to send all parameter data. All parameters read by each sensor are converted into a string then joined into a string dataset, where this dataset is sent to the server periodically. On the UI side, the dataset that has been downloaded from the server-parsed for processing and then displayed. This system uses Google Firebase as a real-time database server for sensor data. Also, using the GitHub platform as a web hosting. The web application uses the HTML programming platform. The results of this study indicate that the device operates successfully to provide information about the weather and gases condition as real-time data.

Original languageEnglish
Pages (from-to)1669-1677
Number of pages9
JournalBulletin of Electrical Engineering and Informatics
Issue number3
Publication statusPublished - Jun 2021


  • Air quality
  • ESP32
  • Microcontroller
  • Weather station
  • Web application


Dive into the research topics of 'Real-time monitoring system for weather and air pollutant measurement with html-based ui application'. Together they form a unique fingerprint.

Cite this