Main Article Content


The majority of signalized intersections in Pekanbaru city are still regulated by analog controllers. The main problem that occurs with this condition is the occurrence of long traffic jams if there is damage to the traffic light controller. Thus, the Pekanbaru City Transportation Department cannot act immediately once a problem occurs. Related to these problems, an integrated system has been developed that functions to manage and monitor traffic light conditions in real time. This research is focused on discussing the use of ReactJS and MQTT. ReactJS is used to display traffic light light signal data and provide real time notifications into a web browser. Meanwhile, MQTT is used as a medium to manage data communication between the detection module installed on the traffic light controller in the field to the Back-End server. This data is then displayed to the web browser via React JS. With the solution in this research, it is hoped that the Pekanbaru City Transportation Office can find out the problems of traffic light lamps in the field quickly, so that they can immediately take the relevant actions needed.


ReactJS MQTT Traffic Light APILL Simpang Bersinyal ReactJS MQTT

Article Details

How to Cite
Wibowo, A., & Zain, M. M. (2021). Pemanfaatan ReactJS dan Protokol MQTT untuk Visualisasi Sinyal Lampu dan Notifikasi secara Waktu Nyata pada Sistem Pemonitor APILL di Kota Pekanbaru. Jurnal Komputer Terapan, 7(2), 314–328.


  1. A. Kumar and R. K. Singh, "Comparative Analysis of AngularJS and ReactJS," International Journal of Latest Trends in Engineering and Technology, vol. 7, no. 4, 2016.
  2. V. A. M and P. Sonpakti, ReactJS by Example - Building Modern Web Application with React, Birmingham: Packt Publishing, 2016.
  3. A. Ivanov, Z. Aufar, T. Tatyana and K.-H. Hsia, "Online Monitoring and Visualization with ROS and ReactJS," in 2021 International Siberian Conference on Control and Communications (SIBCON), Kazan, 2021.
  4. A. Javeed, "Performance Optimization Techniques for ReactJS," in 2019 IEEE International Conference on Electrical, Computer and Communication Technologies (ICECCT), Coimbatore, 2019.
  5. V. Lampkin, W. T. Leong, L. Olivera, S. Rawat, M. Subrahmanyam and R. Xiang, Building Smarter Planet Solutions with MQTT and IBM Websphere MQ Telemetry, IBM Redbooks, 2012.
  6. D. Locke, MQ Telemetry Transport (MQTT) V3.1 Protocol, 2010.
  7. A. M. Zambrano, I. Perez, C. Palau and M. Esteve, 2016.
  8. K. Chooruang and P. Mangkalakeeree , "Wireless Heart Rate Monitoring System using MQTT," in International Electrical Engineering Congress, Chiang Mai, 2016.
  9. T. Haltalkar , S. Bhore , K. Borawake and S. Naik , "GSM Base Home Automation using MQTT," International Journal of Engineering Tecnology, Management and Applied Science, vol. 3, no. 9, 2015.
  10. H. W. Chen and F. J. Lin, "Converging MQTT Resources in ETSI Standards Based M2M Platform," in 2014 IEEE International Conference on Internet of Things (iThings), and IEEE Green Computing and Communications (GreenCom) and IEEE Cyber, Physical and Social Computing (CPSCom), Taipei, 2014.
  11. O. Sadio, I. Ngom and C. Lishou, "Lightweight Security Scheme for MQTT/MQTT-SN Protocol," in 2019 Sixth International Conference on Internet of Things: Systems, Management and Security (IOTSMS), Granada, 2019.

Most read articles by the same author(s)