RANCANG BANGUN APLIKASI WEB PETA KENDALI SPC MENGGUNAKAN JAVASCRIPT DAN PLOTLY

Authors

  • Donny Montreano Universitas Trisakti
  • Siti Rohana Nasution Universitas Pembangunan Nasional Veteran Jakarta
  • Muhamad As’adi Universitas Pembangunan Nasional Veteran Jakarta

DOI:

https://doi.org/10.36805/mtj0yb40

Keywords:

Statistical Process Control, Web Application, Control Chart, JavaScript, Plotly.js

Abstract

This research aims to develop a lightweight, free, and installation-free Statistical Process Control (SPC) web application to address the limitations of expensive commercial software such as Minitab and SPSS, which are often inaccessible to students and small-scale users. The application, built with JavaScript, HTML, and Plotly.js, focuses on providing essential control charts including xbar-R, i-chart, p-chart (constant and variable size), and np-chart. The design process follows simplified phases of the Software Development Life Cycle—requirement analysis, design, development, and testing—without complex architectures or high-end hardware requirements. Data input is provided via CSV files, while chart rendering and analysis are performed directly in the browser. Verification was conducted by comparing chart outputs with reference textbooks, showing consistent results. The developed application offers responsive visualization, user-friendly interaction, and accurate calculations, making it suitable for academic use and reducing dependency on costly commercial tools. The open-source nature of the project allows further enhancement by the SPC community.

Author Biographies

  • Siti Rohana Nasution, Universitas Pembangunan Nasional Veteran Jakarta
    associate professor of Industrial Engineering Department
  • Muhamad As’adi, Universitas Pembangunan Nasional Veteran Jakarta

    associate professor of Industrial Engineering Department

References

Aini, N., Kusumaningrum, R., Mustafid, & Hidayat, E. (2017). Statistical process control systems in apparel production. 2017 International Conference on Information Technology Systems and Innovation (ICITSI), 134–138. https://doi.org/10.1109/ICITSI.2017.8267931

Angelita, M., Sari, S. P., & others. (2023). Analisis Peta kendali P yang Distandarisasi Dalam Proses Pencarian Kesalahan Berbahasa pada Majalah. Seminar Nasional Teknologi Informasi Dan Matematika (SEMIOTIKA), 2(1), 103–111.

Bassil, Y. (2012). A simulation model for the waterfall software development life cycle. arXiv Preprint arXiv:1205.6904.

Bhisham C. Gupta. (2021). Phase I Quality Control Charts for Variables. In Statistical Quality Control (pp. 123–171). John Wiley & Sons, Ltd. https://doi.org/10.1002/9781119671718.ch5

Datatab. (2025). Statistics Calculator. In Graz, Austria. https://datatab.net/premium/packages

Dweiri, F., Khan, S. A., & Shamsuzzaman, M. (2015). The use of statistical process control techniques in the web application products. International Journal of Industrial and Systems Engineering, 20(1), 69. https://doi.org/10.1504/ijise.2015.068998

Fajaranie, A. S., & Khairi, A. N. (2022). Pengamatan Cacat Kemasan Pada Produk Mie Kering Menggunakan Peta Kendali Dan Diagram Fishbone Di Perusahaan Produsen Mie Kering Semarang, Jawa Tengah. Jurnal Pengolahan Pangan, 7(1), 7–13.

Gessa, A., Marin, E., & Sancha, P. (2022). A practical application of statistical process control to evaluate the performance rate of academic programmes: Implications and suggestions. Quality Assurance in Education, 30(4), 571–588. https://doi.org/10.1108/QAE-03-2022-0065

Lim Chong Hon & Chin Jeng Feng. (2022). Cloud-Based Statistical Process Control Mobile Application Development For Smart Manufacturing. Proceedings of the International Conference on Industrial Engineering and Operations Management, 1483–1493. https://doi.org/10.46254/ap03.20220266

Minitab. (2025). Subscription Options. In Minitab, LLC. https://www.minitab.com/en-us/try-buy/minitab-subscription-options/

Montgomery, D. C. (2012). Statistical Quality Control, 7th Edition. Wiley. https://books.google.co.id/books?id=RgQcAAAAQBAJ

Muslim, M. K., & Apsari, A. E. (2024). Analisis Pengendalian Kualitas Produksi Sperpart Kendaraan Roda Empat Dengan Metode Statistical Quality Control (SQC) di PT Adyawinsa Stamping Industries. Manufaktur: Publikasi Sub Rumpun Ilmu Keteknikan Industri, 2(2), 25–37. https://doi.org/10.61132/manufaktur.v2i2.298

Nurfaizi, M. F. N. M. F., & Setiafindari, W. (2024). Upaya Perbaikan Kualitas Produk Dengan Metode Six Sigma dan FMEA di PT Yogya Presisi Tehnikatama Industri: FMEA, Six sigma, Pengendalian Kualitas. JURNAL ILMIAH TEKNIK INDUSTRI DAN INOVASI, 2(4), 1–16.

Putri, A. M., Azizah, F. N., Aldha, A., Savitri, A., Faiza, C. D., & Triansyah, Y. (2022). Analisis Pengendalian Kualitas terhadap Produk pada CV. Zam-Zam Furniture Menggunakan Peta Kendali P.: Cacat; Kualitas; Pengendalian Kualitas; Peta Kendali P. UNISTEK, 9(2), 95–105.

Quinn-Curtis, I. (2022). SPC Charts Online. http://spcchartsonline.com/index.php/online-spc-control-charts/spc-control-charts/attribute-control-charts/p-charts/

Škulj, G., Vrabič, R., Butala, P., & Sluga, A. (2013). Statistical Process Control as a Service: An Industrial Case Study. Procedia CIRP, 7, 401–406. https://doi.org/10.1016/j.procir.2013.06.006

Subramaniam, D. D., & Johnson Lim, S. C. (2022). An Interactive Visualization Web Application for Industrial-Focused Statistical Process Control Analysis. Journal of Science and Technology, 14(2), 20–30.

Wiemken, T. L., Furmanek, S. P., Carrico, R. M., Mattingly, W. A., Persaud, A. K., Guinn, B. E., Kelley, R. R., & Ramirez, J. A. (2017). Process control charts in infection prevention: Make it simple to make it happen. American Journal of Infection Control, 45(3), 216–221. https://doi.org/10.1016/j.ajic.2016.09.021

Downloads

Published

2025-09-29

How to Cite

RANCANG BANGUN APLIKASI WEB PETA KENDALI SPC MENGGUNAKAN JAVASCRIPT DAN PLOTLY. (2025). Industry Xplore, 10(2). https://doi.org/10.36805/mtj0yb40