IMPLEMENTATION OF MQTT OVER WEBSOCKET PROTOCOL ON API SERVER AND REACT CLIENT OUTDOOR AIR MONITORING SYSTEM USING INTELLI BG96

• Main Author: Karima, Nur
• Format: Theses
• Language: Indonesia
• Online Access: https://digilib.itb.ac.id/gdl/view/67779
• Institution: Institut Teknologi Bandung

Air quality is a serious concern for outdoor activities, especially for sports. Outdoor location is one of the options for doing sports, so good outdoor air quality is needed and monitoring is needed so that sports activities are healthy and optimal. Monitoring is done by implementing Internet of ings. Air quality measurement data is reported in real-time via a web application using framework ReactJS user interface framework and using the MQTT over websocket protocol which can be implemented directly on the frontend. Besides being able to be implemented directly on the frontend, MQTT over websocket can also be implemented on the backend server. In this research, the performance of the MQTT over websocket protocol will be tested on React Client and backend server which is built as API server. is air monitoring system uses Intelli BG96 board which uses ESP32 and BG96 as communication module. e sensors used are MQ-135 gas sensor for air quality measurement, DHT22 for heat index measurement, and GP2Y1010AU0F as PM2.5 particle sensor. e three sensors play a role for data retrieval, the collected data is visualized on a web application in real-time. Aer the research was conducted with the device publishing topic every 2s and 60s, the performance of 2s topic publish has beer result with details on the React client using the MQTT over websocket protocol obtained throughput of 4.65 kbps with a delay of 287.7 ms, packet loss of 1.25%, and jier of 553.88 ms. Measurements on the API server with the application of the MQTT over websocket protocol and MQTT as a comparison, the performance of 2s topic publish has beer result with details higher MQTT throughput with a value of 17.74 kbps, lower MQTT delay with a value of 168.83 ms, lower MQTT jier with a value of 294.42 ms. Although MQTT is superior to MQTT over websocket in throughput, delay, and jier parameters, MQTT has a higher packet loss than MQTT over websocket protocol with a value of 0.82%.