Implementasi MERN Stack pada Pengembangan Sistem Penerimaan Peserta Didik Baru
Abstract
Pengembangan aplikasi web membutuhkan arsitektur yang sederhana namun kuat dari sisi back-end sampai front-end. Berkaitan dengan hal tersebut framework MERN Stack menjadi populer digunakan. Teknologi ini merupakan kombinasi dari beberapa layer seperi MongoDB, ExpresJS, ReactJS dan NodeJS yang berfokus pada satu bahasa pemrograman yaitu JavaScript. Implementasi MERN Stack pada studi kasus ini adalah untuk pengembangan dan implementasi sitem Penerimaan Peserta Didik Baru (PPDB) berbasis web pada SMA Muhammadiyah 1 Program Khusus Kartasura. Evaluasi kualitas sistem dilakukan dengan tiga metode testing yaitu black-box testing, system usability scale (SUS), dan page speed test. Hasil pengujian black-box menunjukan sistem memiliki fungsionalitas yang sesuai dengan prosentase kesalahan 0%. Sedangkan pengujian SUS menghasilkan nilai rata-rata 78,98 yang berarti aplikasi berada pada level acceptable dan bisa digunakan untuk kasus riil. Pengujian performa kecepatan akses web menggunakan Google page speed test dan GTmetrix menunjukan performa yang baik dengan nilai mencapai 73 dan waktu load rata-rata 7 detik.
Web application development requires a simple yet robust architecture. Thus, MERN Stack framework has gaining popularity. MERN Stack combines several layers like MongoDB, ExpressJS, ReactJS and NodeJS. The framework focuses on JavaScript programming language. The MERN Stack implementation in this case is for the development of a web-based Student Admissions (PPDB) system at SMA Muhammadiyah 1 Kartasura. System evaluation is carried out using three testing methods, namely black-box testing, system usability scale (SUS), and page speed test. The results of the black-box show that the system has perfect functionality with error percentage of 0%. Meanwhile, the SUS test shows an average value of 78.98 which means the application is acceptable and can be implemented. The performance of web access speed is evaluated using Google page speed test and GTmetrix. It shows good performance with a value reaching 73 and an average load time of 7 seconds.
Full Text:
PDF (Bahasa Indonesia)References
Afriyanto, A., & Gernaria Sihombing, E. (2019). Analisis Pengaruh Kualitas Web PPDB Online Terhadap Kepuasan Pengguna Pada SMAN 2 Tambun Utara. INTI Nusa Mandiri, 13(2), 1–8. http://nusamandiri.ac.id
Anaclaudia, F. T., Pramana, D., Arya, I. M., & Saputra, B. (2023). Reactjs and Expressjs Implementation In PMK ITB STIKOM Bali Activity Management. Aptisi Transactions on Technopreneurship (ATT), 5(3), 1–11.
Choirudin, R., & Adil, A. (2019). Implementasi Rest Api Web Service dalam Membangun Aplikasi Multiplatform untuk Usaha Jasa. MATRIK : Jurnal Manajemen, Teknik Informatika Dan Rekayasa Komputer, 18(2), 284–293. https://doi.org/10.30812/matrik.v18i2.407
Crookshanks, E. (2015). Development Methodologies and SDLC. Practical Enterprise Software Development Techniques. In Practical Enterprise Software Development Techniques: Tools and Techniques for Large Scale Solutions (pp. 203–204). Apress. https://doi.org/10.1007/978-1-4842-0620-1_14
Hamid, S., Bawany, N. Z., & Zahoor, K. (2020). Assessing Ecommerce Websites: Usability and Accessibility Study. 2020 International Conference on Advanced Computer Science and Information Systems (ICACSIS), 199–204. https://doi.org/10.1109/ICACSIS51025.2020.9263162
Hidayat, F., & Rahmadia, A. (2021). Sistem Informasi Penerimaan Peserta Didik Baru (PPDB) Berbasis Web Pada Smk Pertiwi. Zona Komputer: Program Studi Sistem Informasi Universitas Batam, 11(1), 28–33.
Hoque, S. (2020). Full-Stack React Projects: Learn MERN Stack development by building modern web apps using MongoDB, Express, React, and Node.js. In Packt Publishing Ltd. www.packt.com
Lei, K., Ma, Y., & Tan, Z. (2014). Performance Comparison and Evaluation of Web Development Technologies in PHP, Python, and Node.js. 2014 IEEE 17th International Conference on Computational Science and Engineering, 661–668. https://doi.org/10.1109/CSE.2014.142
Maisyaroh, M., Septiana, L., Maulana, Y. I., & Malik, F. I. (2021). Rancang Bangun Sistem Informasi Penerimaan Peserta Didik Baru (PPDB) Siswa-Siswi SMK Merah Putih. Bina Insani Ict Journal, 8(1), 43. https://doi.org/10.51211/biict.v8i1.1519
Mehra, M., Kumar, M., Maurya, A., Sharma, C., Science, C., Science, C., Student, B. T., & Science, C. (2021). MERN Stack Web Development. 25(6), 11756–11761.
Porter, P., Yang, S., & Xi, X. (2019). The Design and Implementation of a RESTful IoT Service Using the MERN Stack. 2019 IEEE 16th International Conference on Mobile Ad Hoc and Sensor Systems Workshops (MASSW), 140–145. https://doi.org/10.1109/MASSW.2019.00035
Pramitasari, B., & Nurgiyatna, N. (2019). Sistem Informasi Unit Kegiatan Mahasiswa Marching Band Universitas Muhammadiyah Surakarta berbasis Web. Emitor: Jurnal Teknik Elektro, 19(2), 59–65. https://doi.org/10.23917/emitor.v19i2.7998
Sularto, S., Wahyudi, W., & Sukmawati, S. (2018). The Admission of New Students Based on Online System at SMAN 2 Singkawang. JETL (Journal Of Education, Teaching and Learning), 3(2), 336. https://doi.org/10.26737/jetl.v3i2.772
Supriyono, H., Sutopo, A., Nursyahid, H., Kurniawan, B. A., Fahrudin, I. N., Handoko, D., Rivai, I., & Kurniawan, D. C. (2016). Penerapan Teknologi Web Sekolah Bagi Smp Dan Sma Muhammadiyah Kartasura. Warta LPM, 19(1), 39–52. https://doi.org/10.23917/warta.v19i1.1983
Verma, A., Khatana, A., & Chaudhary, S. (2017). A Comparative Study of Black Box Testing and White Box Testing. International Journal of Computer Sciences and Engineering, 5(12), 301–304. https://doi.org/10.26438/ijcse/v5i12.301304
Vhandale, A., Gandhak, S., Karhale, S., Prasad, S., & Bachwani, Prof. S. A. (2022). MERN Stack: Technologies Used for Web Development. International Journal for Research in Applied Science and Engineering Technology, 10(2), 311–318. https://doi.org/10.22214/ijraset.2022.40247
Wåhslén, J., & Lindh, T. (2018). A Javascript Web Framework for Rapid Development of Applications in IoT Systems for eHealth. 2018 IEEE 20th International Conference on E-Health Networking, Applications and Services (Healthcom), 1–6. https://doi.org/10.1109/HealthCom.2018.8531124
Wati, V., & Erkamim, M. (2022). Pembuatan Website Penerimaan Peserta Didik Baru (PPDB) Man 3 Sragen. Jurnal Pengabdian Masyarakat (Abdira), 2(2), 121–126. https://doi.org/10.31004/abdira.v2i2.15
DOI: https://doi.org/10.31294/swabumi.v11i2.15965
INDEXING
P-ISSN : 2355-990X E-ISSN: 2549-5178
