Pengembangan Frontend Dalam Migrasi Multi Page Application Ke Single Page Application Dengan Pendekatan Iterative Incremental Pada Studi Kasus Sofi Modul Pengajuan
Abstract
Abstrak — Revolusi industri 4.0 mendorong sektor pendidikan untuk mengadopsi teknologi terkini seperti
pembelajaran jarak jauh dan platform digital. Universitas Telkom mengembangkan platform SOFI untuk memonitor
Sidang Tugas Akhir di Fakultas Rekayasa Industri. Awalnya menggunakan arsitektur monolitik dan Multi Page Application
(MPA), aplikasi ini kini memerlukan peningkatan untuk menangani jumlah pengguna yang besar dan memperbaiki
pengalaman pengguna. Penelitian ini bertujuan mengembangkan front-end aplikasi SOFI dengan menerapkan
Single Page Application (SPA) dan arsitektur microservices.
SPA dipilih untuk mengurangi waktu respon dan
meningkatkan interaktivitas serta penanganan error,
sedangkan microservices menawarkan fleksibilitas dan
skalabilitas yang lebih tinggi. Metodologi yang digunakan
adalah System Development Life Cycle (SDLC) dengan
pendekatan Iterative Incremental, karena mampu
mengakomodasi umpan balik pengguna dan perubahan
kebutuhan selama proses pengembangan. Hasil penelitian
menunjukkan bahwa migrasi ke SPA dan microservices
meningkatkan performa dan pengalaman pengguna aplikasi
SOFI serta mempermudah pengembangan dan pemeliharaan
kode. Penelitian ini memberikan kontribusi signifikan terhadap
digitalisasi layanan pendidikan, khususnya dalam efisiensi dan kenyamanan proses sidang tugas akhir.
Kata kunci — Digitalisasi Pendidikan, Microservices, Iterative Incrementa, Multi Page Application, Single Page
Application , Systems Development Life Cycle
References
[1] O. Al-Debagy and P. Martinek, .A comparative review of microservices and monolithic architectures,= in 2018 IEEE 18th International Symposium on Computational Intelligence and Informatics (CINTI), IEEE, 2018, pp. 149-154.
[2] K. Gos and W. Zabierowski, .The Comparison of Microservice and Monolithic Architecture,= in International Conference on Perspective Technologies and Methods in MEMS Design, 2020, pp. 150-153. doi: 10.1109/MEMSTECH49584.2020.9109514.
[3] N. S. T. R. Sangati, .Web Application Development using SpringBoot and Angular,= INTERANTIONAL JOURNAL OF SCIENTIFIC RESEARCH IN ENGINEERING AND MANAGEMENT, vol. 06, no. 06, 2022, doi: 10.55041/ijsrem14292.
[4] O. J. Okesola, A. A. Adebiyi, A. A. Owoade, O. Adeaga, O. Adeyemi, and I. Odun-Ayo, Software Requirement in Iterative SDLC Model, vol. 1224 AISC, no. November. Springer International Publishing, 2020. doi: 10.1007/978-3-030-51965-0_2.
[5] H. Asrohah, M. Khusnu Milad, A. T. Wibowo, and E. I. Rhofita, .Improvement of Academic Services using Mobile Technology based on Single Page Application,= Telfor Journal, vol. 12, no. 1, pp. 62- 66, 2020, doi: 10.5937/TELFOR2001062A.
[6] S. Abrahamsson, .A model to evaluate front-end frameworks for single page appli- cations written in JavaScript,= 2023, [Online]. Available: https://www.divaportal. org/smash/get/diva2:1758858/FULLTEXT01.pdf
[7] I. Khadka, .Converting Multipage Application to Single Page Application,= no. March, 2016, [Online].Available: https://www.theseus.fi/bitstream/handle/10024/106770/Coverting+Multipage+Application+to+Single+P age+Application.pdf?sequence=1
[8] A. Gupta, A. Rawal, and Y. Barge, .Comparative Study of Different SDLC Models,= no. November,2021.
[9] O. E. Olorunshola and F. N. Ogwueleka, .Review of system development life cycle (SDLC) models for effective application delivery,= in Information and Communication Technology for Competitive Strategies (ICTCS 2020) ICT: Applications and Social Interfaces, vol. 1, no. Ictcs, Springer Singapore, 2022, pp. 281-289. [Online]. Available: https://d1wqtxts1xzle7.cloudfront.net/78365340/Comparative_Study_of_Different_SDLC_Modelslibre.pdf?1641675307=&response-contentdisposition=inline%3B+filename%3DComparative_Study_of_Different_SDLC_Mode.pdf&Expires=1720777392&Signature=AfVC9YrRXCxrb22i8g4
[10] I. M. Ibrahim, O. F. Nonyelum, and I. R. Saidu,.Iterative and Incremental Development AnalysisStudy of Vocational Career Information Systems,=International Journal of Software Engineering &Applications, vol.11, no. 5, pp. 13-24, 2020, doi:10.5121/ijsea.2020.11502.
[11] J. R. G. Jacobson, L., & Booch, The unified modelinglanguage reference manual., vol. 44, no. 8. 2021. doi:10.1088/1751-8113/44/8/085201.
[12] C. A. Borcosi, .The importance of business modelingusing the unified modeling language (UML),= vol. 2,no. November, pp. 91-101, 2022, doi:10.38173/RST.2022.24.2.7.
[13] S. Gordon et al., .Best Practice Recommendations:User Acceptance Testing for Systems Designed toCollect Clinical Outcome Assessment DataElectronically,= Ther Innov Regul Sci, vol. 56, no. 3,2022, doi: 10.1007/s43441-021-00363-z.
