Development of a Web-Based Interactive Learning Platform for PID Control
DOI:
https://doi.org/10.61132/ijmecie.v2i3.329Keywords:
ESP-32 Microcontroller, Interactive Learning, PID Control, Real-Time Simulation, WebSocket CommunicationAbstract
This study focuses on the development of an interactive web-based learning platform for Proportional-Integral-Derivative (PID) control systems, aimed at addressing the conceptual challenges faced by electrical engineering students when learning PID through conventional teaching methods. Despite its foundational role in control theory, PID remains difficult to grasp without practical visualization and hands-on experimentation. To bridge this gap, the research introduces a practical and accessible platform that enhances conceptual understanding through real-time simulations and physical interaction. The proposed system integrates key hardware components including an ESP-32 microcontroller, DC motor, rotary encoder, BTS 7960 motor driver, and I2C LCD. The platform’s web interface is built using HTML, Tailwind CSS, and JavaScript, enabling intuitive user interaction. Motor response data is captured via the ESP-32 and transmitted to the web interface using the WebSocket protocol, allowing users to instantly visualize system behavior as PID parameters (Kp, Ki, Kd) are adjusted. This dynamic feedback mechanism enables students to observe changes in system characteristics such as rise time, overshoot, and settling time in real time. To evaluate the platform’s feasibility, practicality, and educational effectiveness, beta testing was conducted among electrical engineering students using Likert-scale questionnaires. The results demonstrated that users were able to successfully interpret the impact of PID tuning on system performance. The average evaluation score reached 75.13%, indicating strong agreement regarding the platform’s educational value and its effectiveness in enhancing learning outcomes. In conclusion, the study affirms that the developed web-based platform offers a feasible, engaging, and pedagogically effective alternative to traditional learning approaches. By combining interactive simulations with physical experimentation, the platform significantly improves students’ understanding of PID control systems.
References
Abdulameer, A., Sulaiman, M., Aras, M., & Saleem, D. (2016). Tuning methods of PID controller for DC motor speed control. Indonesian Journal of Electrical Engineering and Computer Science, 3(2), 343. https://doi.org/10.11591/ijeecs.v3.i2.pp343-349
Ananthi, G., & Prabhakar, G. (2024). GUI-driven real-time PID control tool for educational virtual systems. Journal of Engineering Education Transformations, 38(2), 60–71. https://doi.org/10.16920/jeet/2024/v38i2/24190
Ardiansyah, Risnita, & Jailani, M. S. (2023). Teknik pengumpulan data dan instrumen penelitian ilmiah. Ihsan Journal of Islamic Education, 2, 1–9. [Online]. Available: http://ejournal.yayasanpendidikandzurriyatulquran.id/index.php/ihsan
Åström, K. J., Dormido, S., Hägglund, T., Berenguel, M., & Piguet, Y. (2008). Interactive learning modules for PID control [Lecture Notes]. IEEE Control Systems, 28(5), 118–134. https://doi.org/10.1109/MCS.2008.927332
de Souza Munhoz, L. G., & de Oliveira Assis, W. (2023). A web platform for learning control system based on IoT application. In Proceedings of the ASEE Annual Conference & Exposition. [Online]. Available: https://peer.asee.org/42549.pdf
Fadilla, Z., Ardiawan, M. K. N., Abdullah, M. E. S. K., Aiman, M. J. U., & Hasda, S. (2022). Metodologi penelitian kuantitatif. Yayasan Penerbit Muhammad Zaini. [Online]. Available: http://penerbitzaini.com
Hercog, D., Lerher, T., Truntić, M., & Težak, O. (2023). Design and implementation of ESP32-based IoT devices. Sensors, 23(15), 6739. [Online]. Available: https://www.mdpi.com/1424-8220/23/15/6739
Huba, M., Mižák, P., & Bisták, P. (2022). PID tuning for DIPDT system by web application. IFAC-PapersOnLine, 55(4), 201–206. https://doi.org/10.1016/j.ifacol.2022.06.033
Hutahaean, L. A., Siswandari, S., & Harini, H. (2019). Need analysis of the development of economics interactive e-module based on contextual teaching and learning for SMA. Budapest International Research Critics Linguistic and Educational Journal, 2(2), 343–350. https://doi.org/10.33258/birle.v2i2.309
Irhas, M., Asyiqah, S., Ilham, A., & Artikel, I. (2020). Penggunaan kontrol PID dengan berbagai metode untuk analisis pengaturan kecepatan motor DC. Jurnal Fisika dan Terapan, 7(1), 78–86. [Online]. Available: http://journal.uin-alauddin.ac.id/index.php/jft
Kusumah, H., & Pradana, R. A. (2019). Penerapan trainer interfacing mikrokontroler dan internet of things berbasis ESP32 pada mata kuliah interfacing. Jurnal Cerita, 5(2), 120–134. https://doi.org/10.33050/cerita.v5i2.237
Lestari, P. D., & Hadi, A. (2012). Desain PI controller menggunakan Ziegler Nichols tuning pada proses nonlinear multivariabel.
Márquez-Vera, M. A., & Martínez-Quezada, M. (2023). Microcontrollers programming for control and automation in undergraduate biotechnology engineering education. Sci. African. [Online]. Available: https://www.sciencedirect.com/science/article/pii/S2772508123000406
Mewada, A., Sharma, R., & Patel, K. (2022). System for PID control and autotuning using Ziegler-Nichols method with ESP32. International Journal of Innovative Technology and Exploring Engineering, 11(2), 88–94.
Ogata, K. (2022). Modern control engineering. Prentice Hall.
Pereira, R., de Souza, C., Patino, D., & Lata, J. (2022). Platform for distance learning of microcontrollers and internet of things. ProQuest Dissertation. [Online]. Available: https://search.proquest.com/openview/3004342791bef23e4aa896ef111638ad
Peters, A. A., Vargas, F. J., Garrido, C., Andrade, C., & Villenas, F. (2021). Pl-toon: A low-cost experimental platform for teaching and research on decentralized cooperative control. Sensors, 21(6), 2072. [Online]. Available: https://www.mdpi.com/1424-8220/21/6/2072
Prasetyo, K. D., Fauziyah, M., & Adhisuwignjo, S. (2024). Kontrol PID pada pengaturan kecepatan motor AC berbasis ESP32. Kohesi Journal of Multidisciplinary Science and Technology, 2, 71–80.
Rofi’i, A., Afianah, N., & Kautsar, S. (2025). Development of robotics learning modules based on IoT and ESP32. Journal of Technology and Application. https://doi.org/10.25047/tefa.v2i3.5885
Rusli, M. H. M., Sabaruddin, M. H., M-Kayat, S., & Keat, C. S. (2024). Robust PID control of piezoelectric actuators with internet of things integration using Blynk application. In Proceedings of the International Conference on Engineering, Technology and Education (pp. 532–543). https://doi.org/10.2991/978-94-6463-589-8_50
Sugiyono. (2023). Metode penelitian kuantitatif, kualitatif, dan R&D. Alfabeta. [Online]. Available: http://www.cvalfabeta.com
Thohir, M. H. M., Pinandito, A., & Fanani, L. (2018). Perbandingan WebSocket pada komunikasi aplikasi perpesanan berbasis Android menggunakan library AndroidAsync, Java WebSocket, dan Nv WebSocket Client. [Online]. Available: http://j-ptiik.ub.ac.id
Trivedi, D. (2021). Agile methodologies. International Journal of Computer Science & Communication, 12(2), 91–100. [Online]. Available: https://www.researchgate.net/publication/356924683
Wicaksono, H., & Pramudijanto, J. (2004). Kontrol PID untuk pengaturan kecepatan motor DC dengan metode tuning direct synthesis. Jurnal Teknik Elektro, 4(1), 10–17. https://doi.org/10.9744/jte.4.1
Downloads
Published
How to Cite
Issue
Section
License
Copyright (c) 2025 International Journal of Mechanical, Electrical and Civil Engineering
This work is licensed under a Creative Commons Attribution-ShareAlike 4.0 International License.
