Analisis Komparasi Web Stack Berbasis Javascript pada Fase Konstruksi Aplikasi: MEAN, MERN dan MEVN

Koko Wahyu Prasetyo; Bima Reynaldi Sumitro

doi:10.32664/smatika.v15i02.2040

Penulis

Koko Wahyu Prasetyo Universitas Bhinneka Nusantara https://orcid.org/0000-0002-2092-5217
Bima Reynaldi Sumitro Universitas Bhinneka Nusantara

DOI:

https://doi.org/10.32664/smatika.v15i02.2040

Kata Kunci:

Angular, JavaScript, React, Tumpukan Web (Web Stack), Vue.

Abstrak

Fase konstruksi aplikasi web umumnya melibatkan sejumlah personel dengan perspektif dan keahlian yang spesifik, antara lain: backend developer, frontend developer, dan mobile developer. Berdasarkan perbedaan perspektif tersebut, maka kombinasi arsitektur teknologi dan bahasa pemrograman (stack) yang digunakan dapat beragam. Javascript merupakan salah satu jenis bahasa pemrograman yang kompatibel dengan berbagai platform dan dapat digunakan untuk menyelaraskan arsitektur pemrograman dari perspektif yang berbeda tersebut. Terdapat tiga jenis stack berbasis Javascript yang memiliki basis pengguna yang besar: MEAN yang berbasis Angular, MERN yang berbasis React, dan MEVN yang berbasis Vue. Berdasarkan situasi tersebut, maka diperlukan adanya analisis komparasi tech stack secara empiris dalam konteks kegiatan pengembangan aplikasi web. Indikator yang digunakan pada studi komparasi ini meliputi: LOC (lines of code), performa aplikasi, analisis struktur fungsi (call stack), serta efisiensi penggunaan memori (memory usage). Dari hasil komparasi dapat diketahui bahwa stack MERN berbasis React memiliki jumlah LOC yang lebih efisien dibandingkan kedua tech stack lainnya. MERN juga menunjukkan tingkat penggunaan memori yang paling efisien, meskipun selisih perbedaannya tidak signifikan. Hasil komparasi juga menunjukkan bahwa stack MEVN memiliki struktur pemanggilan fungsi yang paling efisien dibandingkan yang lain.

Referensi

[1] Y. Gong, F. Gu, K. Chen, and F. Wang, “The Architecture of Micro-services and the Separation of Frond-end and Back-end Applied in a Campus Information System,” in 2020 IEEE International Conference on Advances in Electrical Engineering and Computer Applications( AEECA), IEEE, Aug. 2020, pp. 321–324. doi: 10.1109/AEECA49918.2020.9213662.

[2] S. Supria and others, “Perbandingan Performa Framework Laravel, Flask API Python, dan PHP Native untuk Aplikasi API pada Data AIS Polbeng,” in Seminar Nasional Industri dan Teknologi, 2024, pp. 17–23.

[3] S. I. Putri and M. Rofiq, “Perancangan Pemesanan Fasilitas Rumah Sakit Menggunakan Model View Controller (MVC) Berbasis Android,” SMATIKA JURNAL, vol. 7, no. 02, pp. 36–39, Dec. 2017, doi: 10.32664/smatika.v7i02.156.

[4] A. S. Sari and R. Hidayat, “Designing Website Vaccine Booking System Using Golang Programming Language and Framework React JS,” Journal of Information System, Informatics and Computing, vol. 6, no. 1, 2022, doi: 10.52362/jisicom.v6i1.760.

[5] S. Suwarno and A. P. Yulandi, “Analisis Performa Backend Framework: Studi Komparasi Framework Golang dan Node.js,” Jurasik, vol. 8, no. 1, 2023, doi: 10.30645/jurasik.v8i1.551.

[6] J. S. Heredia and G. C. Sailema, “Comparative Analysis for Web Applications Based on REST Services: MEAN Stack and Java EE Stack,” KnE Engineering, vol. 3, no. 9, p. 82, Dec. 2018, doi: 10.18502/keg.v3i9.3647.

[7] F. R. A. Abdullah, H. H. Nuha, R. G. Utomo, and A. D. Afasyah, “Implementation of User and Article Module Design and Testing on Innovation Dashboard Backend Using PHP Laravel and RESTful API,” in 2024 International Conference on Decision Aid Sciences and Applications (DASA), IEEE, Dec. 2024, pp. 1–6. doi: 10.1109/DASA63652.2024.10836333.

[8] R. Annisa, P. A. Rahayuningsih, and A. Anna, “Aplikasi Kontrol Barang Habis Pakai Berbasis Web sebagai Solusi Manajemen Inventaris,” J-INTECH, vol. 12, no. 02, pp. 411–421, Dec. 2024, doi: 10.32664/j-intech.v12i02.1544.

[9] P. Y. Pratama, Abd. C. Fauzan, and T. Prabowo, “Perancangan Sistem Informasi Inventaris pada PT. Rejoso Manis Indo Menggunakan Metode Rapid Application Development,” SMATIKA JURNAL, vol. 14, no. 01, pp. 71–85, Jul. 2024, doi: 10.32664/smatika.v14i01.1209.

[10] G. Kaur and R. G. Tiwari, “Comparison and Analysis of Popular Frontend Frameworks and Libraries,” in 2023 4th International Conference on Electronics and Sustainable Communication Systems (ICESC), 2023, pp. 1067–1073.

[11] A. Shukla, “Modern JavaScript Frameworks and JavaScript’s Future as a FullStack Programming Language,” Journal of Artificial Intelligence & Cloud Computing, pp. 1–5, Dec. 2023, doi: 10.47363/JAICC/2023(2)144.

[12] A. J. Poulter, S. J. Johnston, and S. J. Cox, “Using the MEAN stack to implement a RESTful service for an Internet of Things application,” in 2015 IEEE 2nd World Forum on Internet of Things (WF-IoT), IEEE, Dec. 2015, pp. 280–285. doi: 10.1109/WF-IoT.2015.7389066.

[13] M. M. Ishaq, P. Singh, S. Badjatya, S. Kumar, Y. Tomar, and S. Bansal, “Design and Development of a User-Friendly Social Media App using the MERN Stack,” in 2023 International Conference on Circuit Power and Computing Technologies (ICCPCT), IEEE, Aug. 2023, pp. 1730–1736. doi: 10.1109/ICCPCT58313.2023.10245371.

[14] M. R. Akbar, “Pengembangan Sistem Informasi Monitoring dan Evaluasi Perkuliahan Dengan Metode Agile Feature Driven pada Fakultas Teknik Universitas Negeri Jakarta,” Universitas Negeri Jakarta, 2024. [Online]. Available: http://repository.unj.ac.id/45709/

[15] Y. Xing, J. Huang, and Y. Lai, “Research and Analysis of the Front-end Frameworks and Libraries in E-Business Development,” in Proceedings of the 2019 11th International Conference on Computer and Automation Engineering, New York, NY, USA: ACM, Feb. 2019, pp. 68–72. doi: 10.1145/3313991.3314021.

[16] D. Bogusz, P. Ciszewski, and B. Pańczyk, “Performance analysis of web application client layer development tools us-ing Angular, React and Vue as examples,” Journal of Computer Sciences Institute, vol. 32, pp. 223–230, Sep. 2024, doi: 10.35784/jcsi.6299.

[17] R. Vyas, “Comparative Analysis on Front-End Frameworks for Web Applications,” Int J Res Appl Sci Eng Technol, vol. 10, no. 7, pp. 298–307, Jul. 2022, doi: 10.22214/ijraset.2022.45260.

[18] J. Samra, “Comparing Performance of Plain PHP and Four of Its Popular Frameworks,” 2015. [Online]. Available: https://urn.kb.se/resolve?urn=urn:nbn:se:lnu:diva-45691

[19] R. Y. Endra, Y. Aprilinda, Y. Y. Dharmawan, and W. Ramadhan, “Analisis Perbandingan Bahasa Pemrograman PHP Laravel dengan PHP Native pada Pengembangan Website,” EXPERT: Jurnal Manajemen Sistem Informasi dan Teknologi, vol. 11, no. 1, p. 48, Jun. 2021, doi: 10.36448/expert.v11i1.2012.

[20] S. Sharma and S. Srinivasan, “A Survey on Software Design Based and Project Based Metrics,” International Journal of Computer Theory and Engineering, vol. 14, no. 2, pp. 54–61, 2022, doi: 10.7763/IJCTE.2022.V14.1310.

[21] W. Setiawan, “Studi Komparasi Pengembangan Website Menggunakan Framework dan Non Framework,” in Conference on Business, Social Sciences and Innovation Technology, 2020, pp. 622–629.

[22] A. Niarman, Iswandi, and A. K. Candri, “Comparative Analysis of PHP Frameworks for Development of Academic Information System Using Load and Stress Testing,” International Journal Software Engineering and Computer Science (IJSECS), vol. 3, no. 3, pp. 424–436, Dec. 2023, doi: 10.35870/ijsecs.v3i3.1850.

[23] N. Nakajima, S. Matsumoto, and S. Kusumoto, “Jact: A Playground Tool for Comparison of JavaScript Frameworks,” in 2019 26th Asia-Pacific Software Engineering Conference (APSEC), IEEE, Dec. 2019, pp. 474–481. doi: 10.1109/APSEC48747.2019.00070.