Pengembangan Frontend Aplikasi Web BPMN Automation Menggunakan Metode Iterative
Abstrak
Transformasi digital mendorong organisasi dalam mengelola proses bisnis dengan cara yang terstruktur dan terstandar, salah satunya dengan menerapkan Business Process Model and Notation (BPMN). Walaupun BPMN telah diakui sebagai norma untuk pemodelan proses bisnis, penerapannya masih mengalami hambatan, terutama bagi pengguna non-teknis karena kerumitan antarmuka aplikasi pemodelan yang ada. Sehubungan dengan itu, penelitian ini bertujuan untuk mengembangkan dan mengevaluasi kinerja Frontend aplikasi web BPMN Automation guna mendukung proses pemodelan BPMN yang lebih responsif dan interaktif. Frontend dikembangkan dengan React dan Tailwind CSS menggunakan pendekatan iteratif, di mana proses pengembangannya dilakukan dalam beberapa tahap yang berulang untuk meningkatkan fungsionalitas sistem secara bertahap. Aplikasi Frontend terhubung dengan Backend API untuk mendukung pertukaran data BPMN, tetapi pengembangan Backend bukan fokus dalam penelitian ini. Penilaian sistem dilakukan melalui UAT (User Acceptance Test) untuk memastikan kesesuaian fungsi dengan kebutuhan pengguna, serta pengujian kinerja menggunakan Chrome DevTools untuk menilai waktu muat dan ketahanan antarmuka. Uji coba membuktikan bahwa semua fitur Frontend bekerja sesuai kebutuhan dan aplikasi menunjukkan performa responsif dengan waktu pemuatan di bawah batas toleransi yang ditentukan. Dengan cara ini, aplikasi Frontend BPMN Automation yang dibuat dapat mendukung pemodelan BPMN dengan baik dalam konteks transformasi digital organisasi.
Kata kunci — BPMN, Frontend, React, iterative, performa aplikasi web, Chrome DevTools
Referensi
Indonesia, Pemerintah Pusat, “Peraturan Presiden Republik Indonesia Nomor 95 Tahun 2018 tentang Sistem Pemerintahan Berbasis Elektronik,” 5 October 2018. [Online]. Available: https://peraturan.bpk.go.id/Details/96913/perpresno-95-tahun-2018.
Indonesia, Kementerian Pendayagunaan Aparatur Negara dan Reformasi Birokrasi, “Peraturan Menteri PAN-RB Nomor 19 Tahun 2018 tentang Penyusunan Peta Proses Bisnis Instansi Pemerintah,” 27 March 2018. [Online]. Available: https://peraturan.bpk.go.id/Details/132523/permenpan-rb-no-19-tahun-2018.
A. Ivanchikj, S. Serbout, and C. Pautasso, “Live process modeling with the BPMN Sketch Miner,” Softw Syst Model, vol. 21, no. 5, pp. 1877–1906, Oct. 2022, doi: 10.1007/s10270-022-01009-w.
“Business Process Model and Notation (BPMN), Version 2.0,” 2010. [Online]. Available: http://www.omg.org/spec/BPMN/20100501
Recker, “Opportunities and Constraints: The Current Struggle with BPMN,” 2010. [Online]. Available: http://eprints.qut.edu.au/
S. Chen, U. Rao Thaduri, V. Koteswara, and R. Ballamudi, “Front-End Development in React: An Overview,” Engineering International, vol. 7, no. 2, 2019.
R. N. V. Diniz et al., “Evaluating the performance of web rendering technologies based on JavaScript: Angular, React, and Vue,” in Proceedings - 2022 48th Latin American Computing Conference, CLEI 2022, Institute of Electrical and Electronics Engineers Inc., 2022. doi: 10.1109/CLEI56649.2022.9959901.
V. Subramanian, “React Components,” Pro MERN Stack, 2019, [Online]. Available: https://api.semanticscholar.org/CorpusID:239201879
Pressman, “Software Engineering: A Practitioner’s Approach,” 2010. [Online]. Available: www.mhhe.com/pressman.
S. M. N. S. K. Seneviratne, V. Penenco, and D. Kasthurirathna, “AD-PU: A Novel Approach for Automated Identification of the Outliers in User Interface Testing (UAT),” 2023 IEEE AUTOTESTCON, pp. 1–5, 2023, [Online]. Available: https://api.semanticscholar.org/CorpusID:264976112
P. Selvidge, B. S. Chaparro, and G. T. Bender, “The World Wide Wait: Effects of Delays on User Performance,” Proceedings of the Human Factors and Ergonomics Society Annual Meeting, vol. 44, pp. 416–419, 2000, [Online]. Available: https://api.semanticscholar.org/CorpusID:58277325
N. Cahyono and Kamarudin, “Perbandingan Gtmetrix, Lighthouse, Pingdom dan Pagespeed Insight dalam evaluasi Performa Website,” Jurnal Ilmiah Media Sisfo, vol. 18, no. 2, pp. 201–210, Oct. 2024, doi: 10.33998/mediasisfo.2024.18.2.1901.
