p-ISSN : 2460-3562 / e-ISSN : 2620-8989

## Implementasi Pengembangan Web Menggunakan Teknologi MERN Stack pada Sistem Informasi Akademik Siswa Berbasis Web
Nadya Hanifah Kamal 1 , Aris Gunaryati 2
1,2 Informatika, Teknologi Komunikasi dan Informatika, Universitas Nasional Jl. Sawo Manila No.61, Kec. Ps. Minggu, Kota Jakarta Selatan
1 nadya.hanifah41@gmail.com
2 aris.gunaryati@civitas.unas.ac.id

## Abstrak
Dalam keadaan pandemi seperti sekarang, sekolah di Indonesia menyelenggarakan aktivitas pembelajaran secara online atau daring untuk mengurangi kegiatan tatap muka. Namun, untuk kegiatan pengambilan laporan nilai atau raport  masih  dilakukan  secara  offline  sehingga  siswa  diharuskan  datang  ke  sekolah  dimana  kegiatan  tersebut dinilai kurang efektif.  Dalam penulisan nilai pada raport harus sangat berhati-hati agar meminimalisir kesalahan penulisan.  Maka,  dengan  masalah  tersebut  dibuatlah  sistem  informasi  akademik  siswa  berbasis  web  yang diharapkan  dapat  bermanfaat  bagi  guru  dan  siswa.  Web  ini  dapat  diakses  kapan  saja  dan  dimana  saja  dengan menggunakan  multiuser  yang  dapat  diakses  guru  dan  siswa  sehingga  diharapkan  menjadi  lebih  efisien  dalam penulisan  data  dan  efektif  penggunaannya  bagi  semua  pihak.  Dengan  menggunakan  teknologi  MERN Stack (MongoDB, Express, React, Node) yang merupakan kombinasi dari beberapa teknologi tersebut yang bertujuan agar performa web menjadi web dinamis dalam proses kelola datanya. Hasil pengujian dari teknologi MERN Stack dalam web ini sangat dinamis sehingga hasil yang diperoleh sesuai antara input dan outputnya. Penggunaan rata- rata waktu dan memori minimum jika dilakukan percobaan pada 20 user , yaitu untuk metode get waktunya adalah 38 ms dan memorinya 1.3 KB, metode post rata-rata waktu 661 ms dan memori 1.2 KB, kemudian untuk metode put rata-rata waktu 62 ms dan memori 1.4 KB, sehingga teknologi MERN Stack baik untuk pengembangan web.
Kata kunci: MERN Stack , Sistem Informasi, Raport, Web Dinamis.

## Abstract
In a pandemic, schools in Indonesia organize online learning activities to reduce face-to-face activities. However, the activity of taking report cards is still offline where these activities are considered less effective. In writing the value on the report card must be careful to minimize writing errors. So, with this problem, a web-based student academic information system was created which is expected to be useful for teachers and students. This web can be accessed anytime and anywhere using multi user, accessed by teachers and students so that it is expected to be more efficient in data writing and effective use for all parties. By using the MERN Stack technology (MongoDB, Express, React, Node) combination of several technologies that aim to make web performance a dynamic web in the data management process. The test results of the MERN Stack technology on this web are very dynamic so that the  results  obtained  match  the  input  and  output.  The  average  time  and  memory  usage  is  minimum  if  the experiment is carried out on 20 users, namely for the get method the time is 38 ms and the memory is 1.3 KB, the post method has an average time of 661 ms and the memory is 1.2 KB, then for the put method the average time is 62 ms and 1.4 KB of memory, so MERN Stack technology is good for web development.
Keyword: MERN Stack, Information System, Report, Dynamic Web.

## I. P ENDAHULUAN
Sistem  informasi  akademik  siswa  adalah  informasi yang berisi data akademik siswa seperti data diri siswa dan nilai-nilai  siswa  atau  lebih  dikenal  dengan  raport.  Raport pada  umumnya  dalam  bentuk  buku  yang  ditulis  manual oleh  guru.  Pembagian  raport  setiap  akhir  semester umumnya  dilakukan  secara  tatap  muka  antara  guru  dan siswa.  Namun  dengan  latar  belakang  keadaan  seperti sekarang  yaitu  keadaan  pandemi  akibat  covid-19,  hal tersebut dinilai kurang efektif karena masyarakat dihimbau
agar  mengurangi  tatap  muka  secara  langsung.  Pada akhirnya,  kegiatan  belajar  mengajar  yang  semula offline berubah  menjadi online .  Maka  dari  itu,  penulis  membuat sistem raport berbasis web yang bisa diakses secara online. Harapannya dapat mempermudah pekerjaan manusia yang semula  manual  menjadi  otomatis  sehingga  lebih  efektif penggunaannya dan efisien meminimalisir kesalahan input data,  yaitu  bagi  pekerjaan  guru  dalam  memasukkan  atau mengubah  data  yang  semula  manual  menjadi  otomatis berbasis. Dan juga bagi siswa dapat melihat hasil nilainya
secara  praktis  melalui  website.  Dan  dalam  halnya  untuk meningkatkan  web  menjadi  lebih  dinamis,  penulis menggunakan teknologi MERN Stack yang sudah banyak digunakan untuk pengembangan web.
Mengacu  pada  beberapa  penelitian  terdahulu  yang mengangkat  topik  serupa yaitu  penggunaan  MERN Stack dalam pengembangan web khususnya untuk performa web menjadi lebih dinamis. Dengan membandingkan teori-teori dan hasil-hasil penelitian, sehingga dapat dijadikan acuan dalam pelaksanaan penelitian ini. Seperti yang ditulis oleh Ricky Handoyo, dkk yang menjelaskan mengapa teknologi MERN Stack cocok digunakan untuk pembuatan tools yang berhubungan  dengan  sistem real-time [1].  Kemudian penulis lain yaitu M. Hanif Faturohman, dkk berpendapat bahwa  penggunaan  MERN stack terbukti  menghemat waktu pengembangan[2]. Penulis terakhir dari Muhammad Pandu  Widodo,  dkk  juga  berpendapat  yang  sama  yaitu pengembangan aplikasi dengan susunan komponen MERN Stack memudahkan  pengembangan  dengan  cukup menggunakan  basis  bahasa  Javascript  untuk  seluruh komponen aplikasi[3].
Berdasarkan hal tersebut maka penulis merancang sistem informasi akademik siswa berbasis web menggunakan  implementasi  dari  teknologi  MERN Stack yang merupakan  kombinasi  dari  beberapa  teknologi  yang menggunakan  satu  bahasa  pemrograman  yaitu  JavaScript yang  bertujuan  untuk  pengembangan  web.  Dengan menggunakan MongoDB sebagai databasenya, MongoDB merupakan  database  NoSQL  berupa  dokumen  dengan format  penyimpanan  datanya  berupa  biner  JSON  atau disebut  BSON.  Kemudian  Express.js  sebagai framework back-end untuk aplikasi  web  dan  API  di  Node.js  yang minimal  dan  fleksibel  berguna  untuk  menjaga  kejelasan kode,  memudahkan  integrasi  modul  dan  menyediakan solusi untuk struktur aplikasi karena memiliki fitur routing, rendering  view dan middleware .  React.js  yang  dikelola oleh  Facebook  merupakan  pustaka  JavaScript front-end untuk  membangun user  interface aplikasi  berbasis  web, dapat mengefisiensi kode programnya dalam pengembangannya.  Node.js  merupakan framework back- end sebagai  tulang  punggung  dari  pengembangan  web JavaScript Full Stack dari sisi server yang memungkinkan membuat logika dari sisi server dan client. Node.js menjadi populer karena kemudahan penggunaan komponennya.

## II. M ETODOLOGI
Metode  yang  digunakan  dalam  penelitian  ini  yaitu metode Rapid Application
Development (RAD) : Prototyping , yaitu metode yang melakukan tahap analisis, desain  dan  implementasi  secara  bersamaan  dan  berulang kali  dalam  satu  siklus  sampai  sistem  selesai.  Dengan metode ini, alat dan teknik untuk membantu mengembangkan  sistem  dengan  cepat  dalam  situasi  yang nyata  dan  sistem  berkualitas  tinggi,  pengembangan  dan pengiriman  cepat,  dan  rendah  biaya.  Metode  ini  dapat membuat prototipe juga menghasilkan sistem dengan cepat dan memberikan kunci untuk memvalidasi data. Metode ini menguntungkan karena tahapnya mengulang proses sambil memperbaiki  dan  berhenti  jika  prototipe  sudah  berjalan
dengan  baik.  Tahap  dalam  metode Rapid  Application Development (RAD) : Prototyping ada 4 tahap, yaitu tahap perencanaan,  tahap  analisis,  tahap  desain  dan  tahap implementasi[11].
A. Perencanaan Perencanaan dirancangnya sistem informasi akademik siswa berbasis web diharapkan dapat bermanfaat bagi guru dan siswa, karena sistemnya yang online maka dapat diakses kapan  saja  dan  dimana  saja  sehingga  menjadi lebih  efisien  dalam  penulisan  data  dan  efektif penggunaannya  bagi  semua  pihak.  Kemudian dengan  diimplementasikannya  teknologi  MERN Stack ini diharapkan akan berpengaruh baik bagi pengembangan  web  sehingga  web  menjadi  lebih dinamis  baik  dari  segi  sistemnya,  waktu  dan memori saat penggunaannya.
B. Analisis Tahap analisis dilakukan untuk mengidentifikasi  permasalahan  serta  mendapat referensi  yang  akan  digunakan  untuk  penelitian. Mengacu pada beberapa penelitian terdahulu yang mengangkat  topik  serupa  yaitu  penggunaan MERN Stack dalam  pengembangan  web  dengan membandingkan teori-teori dan hasil-hasil penelitian, sehingga dapat dijadikan acuan dalam pelaksanaan penelitian ini. Berdasarkan penelitian-penelitian yang terdahulu, seperti yang ditulis oleh Ricky Handoyo, dkk yang menjelaskan  mengapa  teknologi  MERN Stack cocok  digunakan  untuk  pembuatan tools yang berhubungan dengan sistem real-time [1]. Kemudian penulis lain yaitu M. Hanif Faturohman, dkk berpendapat bahwa penggunaan MERN stack terbukti menghemat waktu pengembangan[2]. Penulis terakhir dari Muhammad Pandu Widodo, dkk juga berpendapat yang  sama  yaitu  pengembangan  aplikasi  dengan susunan  komponen  MERN Stack memudahkan pengembangan dengan cukup menggunakan basis bahasa  Javascript  untuk  seluruh  komponen aplikasi[3].  Dari  referensi  penelitian-penelitian tersebut,  maka  dapat  ditarik  kesimpulan  bahwa teknologi MERN Stack menghasilkan hasil yang valid  dalam  tujuannya  mengembangkan  sistem berbasis  web,  yaitu  real-time  dalam  penerapan sistemnya,  kemudahan  dan  penghematan  waktu karena  berintegrasi  dalam  satu  bahasa  Javascript untuk  tugas  dari front-end dan back-end . Penelitian ini nantinya akan mendukung penelitian terdahulu dengan melakukan pengujian web yang menggunakan teknologi MERN Stack.
C. Desain
Tahap  desain  dilakukan  untuk  menjelaskan  alur dari  sistem  yang  akan  dibuat  menggunakan activity diagram. Activity diagram merupakan gambaran untuk melihat cara kerja sistem. Activity diagram dapat di lihat pada Gambar 1.
Gambar 1. Activity diagram Dapat  dilihat  bahwa Activity diagram menjelaskan  cara  kerja  sistem.  Terdapat  2 user yang  dapat  mengakses  web  ini  yaitu  guru  dan siswa. Bagi user guru maupun siswa, menu yang diakses sama yaitu dapat mengakses menu utama atau beranda, informasi dan login. Namun Activity diagram  diatas  lebih  spesifik  menjelaskan  menu login. Setelah login user guru maupun siswa dapat mengakses  menu  dashboard,  menu  akun  saya, menu  nilai  dan  menu  jadwal.  Menu  dashboard berisi  informasi  atau  petunjuk  kepada  guru  dan siswa, menu akun saya berisi informasi data diri dan  dapat  melakukan  ganti  foto  profil  dan beberapa edit informasi diri. Kemudian menu nilai bagi  siswa  untuk  melihat  hasil  nilainya, sedangkan  guru  untuk  melakukan  input  nilai siswanya.  Terakhir  menu  jadwal  untuk  melihat jadwal kelas selama satu semester.
D. Implementasi Pada tahap implementasi, penulis merancang  web  akademik  siswa  yang  sudah direncanakan  menjadi  sebuah  sistem,  yaitu dengan membuat
tampilan
front-end menggunakan  React.js,  menyusun back-end menggunakan  Express.js  sebagai framework back-end untuk aplikasi web dan API di Node.js dan perancangan database menggunakan
MongoDB. Kemudian, setelah web selesai dibuat maka selanjutnya dilakukan pengujian menggunakan Postman yang merupakan platform untuk pengembangan API[15]. Pengujian dilakukan  pada  setiap  menu  pada  web  sehingga dapat membuktikan bahwa web berhasil berjalan dengan baik sesuai dengan fungsinya. Kemudian pengujian  selanjutnya  dilakukan  menggunakan metode get,  post dan put terhadap  parameter waktu  dan  memori  agar  dapat  membuktikan bahwa  penggunaan  web  dapat  meminimumkan penggunaan waktu dan memori yang digunakan.

## III. HASIL DAN PEMBAHASAN
Hasil  dan  pembahasan  akan  dijelaskan secara terpisah, yaitu untuk hasil berupa tampilan ( interface )  dari  web  dan  pembahasan  berupa pengujian fungsi terhadap menu-menu pada web
dan  pengujian  parameter  menggunakan  platform Postman.

## 3.1 Hasil
Hasil  yang  dibahas  berupa  tampilan antarmuka  dari  web.  Ada  5  tampilan  yang  akan dijelaskan,  yaitu  tampilan  menu  utama,  menu informasi, menu login, dan user siswa dan guru. A.
Menu Utama
Tampilan menu utama atau beranda dapat dilihat pada Gambar 2.

## Gambar 2. Tampilan menu utama
Menu utama atau beranda menampilkan informasi selamat datang dan informasi kalender pendidikan.

## B. Menu Informasi
Tampilan  menu  informasi  dapat  dilihat  pada Gambar 3.

## Gambar 3. Tampilan menu informasi
Menu informasi menampilkan informasi atau petunjuk kepada guru dan siswa seperti tata cara  penggunaan  web  dan  bantuan  informasi Ketika mengalami kendala penggunaan web.
C. Menu Login
Tampilan menu login dapat dilihat pada Gambar 4.

## JUSTIN (Jurnal Sistem dan Teknologi Informasi)  Vol. 11 , No. 3 , Juli 2023

## Gambar 4. Tampilan menu login
Menu  login  menampilkan  kolom  login yang terdiri dari kolom NIP untuk guru dan NISN untuk siswa, kemudian kolom password.
D. Tampilan Dashboard User Siswa
Tampilan  menu  pada Dashboard  User Siswa dapat dilihat pada Gambar 5, 6, 7 dan Gambar 8.
Gambar 5. Tampilan menu dashboard utama Menu dashboard menampilkan informasi atau petunjuk kepada guru dan siswa. Selanjutnya di  bawah  menu  dashboard  ada  menu  akun  saya, tampilan  menu  akun  saya  dapat  dilihat  pada Gambar 6.
Gambar 6. Tampilan menu akun siswa
Pada menu akun saya terdapat informasi data  diri user guru  atau  siswa.  Pada  menu  akun saya,  user  dapat  mengubah  foto  profilnya  dan beberapa  data  diri,  contohnya  adalah  alamat. Untuk  mengubah  foto  profil  dapat  mengupload foto  yang  ada  pada  perangkat  masing-masing. Kemudian,  setelah  di  ubah  dapat  di  simpan perubahannya  agar  tidak  hilang.  Selanjutnya adalah tampilan dari menu nilai dapat dilihat pada Gambar 7.
Gambar 7. Tampilan menu nilai siswa
Pada  menu  nilai,  siswa  dapat  memilih nilai  pada  semester  mana  yang  akan  dilihat
dengan meng-klik tombol semester yang tersedia, kemudian siswa dapat melihat hasil nilainya dan men-download.  Terakhir  adalah  menu  jadwal yang tampilannya dapat dilihat pada Gambar 8.
Gambar 8. Tampilan menu jadwal siswa Pada  menu  jadwal,  siswa  dapat  melihat jadwal kelasnya selama satu semester.
E. Tampilan Dashboard User Guru Tampilan  menu  pada Dashboard  User Siswa dapat dilihat pada Gambar 9, 10, 11 dan 12.
Gambar 9. Tampilan menu dashboard utama Menu dashboard menampilkan informasi atau petunjuk kepada guru dan siswa. Selanjutnya di  bawah  menu  dashboard  ada  menu  akun  saya, tampilan menu akun saya seperti pada Gambar 10.
Gambar 10. Tampilan menu akun guru
Menu akun saya terdapat informasi data diri user guru atau siswa. Pada menu akun saya, user dapat mengubah foto profilnya dan beberapa data  diri,  contohnya  adalah  alamat.  Untuk mengubah foto profil dapat mengupload foto yang ada  pada  perangkat  masing-masing.  Kemudian, setelah  di  ubah  dapat  disimpan  perubahannya. Selanjutnya adalah tampilan dari menu nilai.
Gambar 11. Tampilan menu input nilai oleh guru
Pada  menu  nilai,  guru  sesuai  mata pelajaran yang dipegang dapat memilih nilai pada semester  mana  yang  akan  diinput  dengan  meng- klik  tombol  yang  tersedia,  kemudian  memilih siswa  mana  yang  akan  dilakukan  penginputan nilai, selanjutnya dapat dilakukan input nilai pada siswa tersebut. Terakhir adalah menu jadwal yang tampilannya dapat dilihat pada Gambar 12.
Gambar 12. Tampilan menu jadwal guru
Pada menu jadwal dapat melihat jadwal kelas selama satu semester.

## 3.2 Pembahasan
Pembahasan  yang  akan  dijelaskan  adalah pengujian  fungsi  dan  pengujian  parameter.
Pengujian  fungsi    dilakukan  pada  menu  dan tombol agar dapat dilihat apakah berfungsi sesuai dengan  harapan  dengan  keterangan  valid. Kemudian  pengujian  parameter  menggunakan Postman  yang  merupakan  platform  untuk pengembangan  API.  Platform  API  Postman memberikan produktivitas tinggi untuk pengembangan dan kualitas hebat untuk API yang bekerja  berdasarkan  metode request .  Pengujian yang dilakukan adalah menggunakan metode get , post dan put . A. Pengujian fungsi
Pengujian fungsi dilakukan untuk melihat apakah fungsi yang terdapat pada aplikasi sudah  berjalan  sesuai  harapan  atau  belum. Pengujian  fungsi  ini  dilakukan  pada  menu  dan tombol  pada  aplikasi.  Hasil  pengujian  fungsi dapat dilihat pada Tabel I berikut.
TABEL I U KURAN H URUF UNTUK TABEL HASIL PENGUJIAN FUNGSI
Fungsi
Hasil Valid Invalid
Menu Beranda ✓
Menu Informasi ✓ Menu Login ✓ Tombol Login ✓ Menu Dashboard ✓ Menu Akun Saya ✓ Tombol Upload ✓ Tombol Simpan ✓ Menu Nilai ✓ Tombol Semester ✓ Pilihan Edit ✓ Tombol Update ✓ Tombol Download ✓
Menu Jadwal

## ✓
Dapat dilihat dari hasil pengujian fungsi diatas,  bahwa  semua  menu  dan  tombol  pada aplikasi mendapat hasil yang valid dimana semua fungsi  dapat  berjalan  sebagaimana  fungsi  yang diharapkan.
B. Pengujian metode get

## JUSTIN (Jurnal Sistem dan Teknologi Informasi)  Vol. 11 , No. 3 , Juli 2023
Pengujian  metode get adalah  metode untuk mendapatkan informasi. Percobaan metode get dilakukan  pada  saat  mengakses  menu  profil user siswa dengan melakukan percobaan terhadap 20 user siswa. Hasil pengujian metode get dapat dilihat pada Gambar 13 dan Tabel II.
Gambar 13. Tampilan pengujian akses profil siswa Dapat dilihat dari gambar di atas adalah salah  satu  hasil  dari  pengujian  metode get saat mengakses  profil  siswa  berhasil  mendapatkan informasi  sehingga  memberi  informasi  yang  di request yaitu  berisi  data  identitas  dari user . Penggunaan waktunya adalah 547 ms dan memori 1.29  kb.  Selanjutnya  adalah  hasil  pengujian metode get yang dilakukan kepada 20 user siswa dapat dilihat pada Tabel II berikut.
TABEL II HASIL PENGUJIAN METODE GET PADA 20 USER Metode Get User Time (ms) Memory (KB) User 1 39 1.42 User 2 42 1.41 User 3 38 1.29 User 4 29 1.29 User 5 39 1.29 User 6 35 1.29 User 7 47 1.29 User 8 35 1.29 User 9 42 1.29 User 10 45 1.29 User 11 28 1.29 User 12 35 1.29 User 13 38 1.29 User 14 39 1.29 User 15 43 1.29 User 16 53 1.29 User 17 33 1.29 User 18 41 1.29 User 19 31 1.29 User 20 30 1.29
Rata-rata 38.1 1.3025
Berdasarkan hasil pengujian metode get terhadap respon waktu dan memori dalam bentuk tabel diatas, dilakukan pengujian terhadap 20 user maka hasil yang didapatkan untuk rata-rata waktu yang digunakan adalah sekitar 38 ms dan memori yang digunakan adalah sekitar 1.3 KB. C. Pengujian metode post
Pengujian  metode post adalah  metode untuk  mengirimkan  informasi.  Metode post dilakukan  pada  saat  mengakses  menu  login dengan  melakukan  percobaan  terhadap  20  user siswa.  Hasil pengujian metode post dapat dilihat pada Gambar 14 dan Tabel III.

## Gambar 14. Tampilan pengujian akses login
Dapat dilihat dari gambar di atas adalah salah satu hasil dari pengujian metode post pada saat  mengakses  menu  login  berhasil  mengirim informasi  sehingga  bisa  masuk  ke  dalam informasi user .  Waktu  yang  digunakan  untuk mengakses  informasi  menggunakan  metode post adalah 661 ms dan penggunaan memorinya adalah sekitar 1,2 KB. Selanjutnya adalah hasil pengujian metode post yang dilakukan kepada 20 user siswa dapat dilihat pada Tabel 3 berikut.
TABEL III HASIL PENGUJIAN METODE POST PADA 20 USER Metode Post User Time (ms) Memory (KB) User 1 197 1.4 User 2 169 1.4 User 3 175 1.28 User 4 136 1.28 User 5 176 1.28 User 6 139 1.28 User 7 162 1.28 User 8 134 1.28 User 9 230 1.28 User 10 141 1.28 User 11 148 1.28 User 12 148 1.28 User 13 140 1.28 User 14 175 1.28
User 15 173 1.28 User 16 152 1.28 User 17 179 1.28 User 18 143 1.28 User 19 133 1.28 User 20 153 1.28 Rata-rata 160.15 1.292 Berdasarkan hasil pengujian metode post terhadap respon waktu dan memori dalam bentuk tabel diatas, dilakukan pengujian terhadap 20 user maka hasil yang didapatkan untuk rata-rata waktu yang  digunakan  adalah  sekitar  160  ms  dan memori yang digunakan adalah sekitar 1.2 KB.
D. Pengujian metode put
Pengujian  metode put adalah  metode untuk  melakukan  perubahan  data  atau update data. Metode put dilakukan pada saat melakukan input  nilai  siswa  oleh  guru  dengan  melakukan percobaan terhadap 20 user siswa. Hasil pengujian metode put dapat  dilihat  pada  Gambar  15  dan Tabel IV.

## Gambar 15. Tampilan pengujian input nilai
Pada  tampilan  di  atas  adalah  salah  satu hasil  dari  pengujian  metode put pada  saat  guru melakukan input nilai siswa berhasil update data yang  berupa  nilai  siswa  yang  dapat  dilihat perubahannya  pada  web.  Waktu  yang  digunakan untuk mengakses informasi menggunakan metode put adalah  73  ms  dan  penggunaan  memorinya adalah  sekitar  1,4  KB.  Selanjutnya  adalah  hasil pengujian metode put yang dilakukan kepada 20 user siswa dapat dilihat pada Tabel IV berikut.
TABEL IV HASIL PENGUJIAN METODE PUT PADA 20 USER Metode Put User Time (ms) Memory (KB) User 1 73 1.43 User 2 54 1.43 User 3 51 1.43 User 4 44 1.43 User 5 73 1.43 User 6 61 1.43 User 7 51 1.43
User 8 53 1.43 User 9 54 1.43 User 10 75 1.43 User 11 66 1.43 User 12 77 1.43 User 13 72 1.43 User 14 62 1.43 User 15 65 1.43 User 16 69 1.43 User 17 95 1.43 User 18 54 1.43 User 19 52 1.43 User 20 42 1.43 Rata-rata 62.15 1.43
Berdasarkan tabel hasil pengujian diatas, metode put terhadap  respon  waktu  dan  memori jika  dilakukan  pengujian  terhadap  20 user maka hasil yang didapatkan untuk rata-rata waktu yang digunakan adalah sekitar 62 ms dan memori yang digunakan  adalah  sekitar  1.4  KB.  Maka  dapat disimpulkan  bahwa  penggunaan  dari  teknologi MERN Stack dalam  web  ini  sangat  dinamis sehingga hasil yang diperoleh sesuai antara input dan  outputnya.  Penggunaan  waktu  dan  memori saat  akses  web  juga  sangat  minimum,  sehingga teknologi  MERN Stack sangat  baik  untuk pengembangan web.

## IV. K ESIMPULAN
Kesimpulan  dari  hasil  penulisan  ini  adalah teknologi  MERN Stack yang  sangat  berguna  untuk pengembangan web berbasis JavaScript karena sistemnya yang real-time, kemudahan dan penghematan waktu karena berintegrasi dalam satu bahasa Javascript untuk tugas dari front-end maupun back-end .  Kemudian,  hasil  dari pengujian  fungsi  dan  pengujian  parameter  menggunakan aplikasi Postman menghasilkan bahwa bahwa penggunaan dari  teknologi  MERN Stack dalam  web  sangat  dinamis sehingga  hasil  yang  diperoleh  sesuai  antara  input  dan outputnya.  Penggunaan  waktu  saat  mengakses  web  yang dilakukan pada 20 user menggunakan metode get adalah 38 ms  dan  memori  yang  digunakan  adalah  1.3  KB,  untuk metode post adalah  rata-rata  waktu  661  ms  dan  memori rata-rata 1.2 KB, kemudian untuk metode put adalah rata- rata  waktu  62  ms  dan  memori  yang  digunakan  adalah sekitar  1.4  KB.  Penggunaan  waktu  dan  memori  tersebut minimum  sehingga  teknologi  MERN Stack baik  untuk tujuannya pengembangan web.
Kemudian adapun saran dari penulis adalah untuk memaksimalkan performa teknologi MERN Stack dengan menggunakan  data  yang  banyak  atau  big  data  sehingga nantinya  dapat  dilihat  sampai    dimana  teknologi  MERN Stack ini berfungsi dengan baik.

## D AFTAR P USTAKA
[1] Handoyo,  R.,  Santoso, L.  W.,  &  Setiawan,  A.  (2019).  Real-Time BPMN  Website  Menggunakan  Teknologi  MERN  Stack. Jurnal Infra , 7 (2), 75-80.
[2] Faturohman,  M.  H.,  Dirgahayu,  T.,  &  Putro,  H.  P.  (2021). Implementasi  Arsitektur  Enterprise  Pola  Finansial  pada  Aplikasi Berbasis Microservices. AUTOMATA , 2 (2).
[3] Widodo,  M.  P.  (2020).  Pengembangan  Aplikasi  Pelaporan Progress-Plan  problem  Untuk  Manajemen  Tugas  Dan  Penentuan OKR Di Krafthaus Indonesia.
[4] Triandy, R., & Santoso, N. (2020). Pengembangan Aplikasi Web Reservasi Paket Wisata menggunakan MERN Stack (Studi Kasus: Zona Tamasya Tour Organizer). Jurnal Pengembangan Teknologi Informasi dan  Ilmu Komputer, vol.  4, no. 6,  p. 1616-1624.  ISSN 2548-964X.
[5] A.  Samikshya,  “MERN  STACK  WITH  MODERN  WEB PRACTICES-Developers Connecting Application,” 2020.
[6] Mehra, M., Kumar, M., Maurya, A., & Sharma, C. (2021). MERN Stack Web Development. Annals of the Romanian Society for Cell Biology , 25 (6), 11756-11761.
[7] Aggarwal, S., & Verma, J. (2018). Comparative analysis of MEAN stack and MERN stack. International Journal of Recent Research Aspects , 5 (1), 127-32.
[8] Adhikari,  A.,  2016.  Full  Stack  Javascript:  Web  Application Development  With  MEAN.  Bachelor’s  degree.  Helsinki
Metropolia University of Applied Sciences.
[9] Haerani, R., & Robiyanto, R. (2019). Sistem Informasi Pengolahan Data Nilai Siswa Berbasis Web. JSiI (Jurnal Sistem Informasi) , 6 (2), 103-109.
[10] Rusmayani,  R.,  Fahsya,  M.  A.,  &  Khoeron,  K.  (2020).  Korelasi Penggunaan  Aplikasi  Raport  Digital  Terhadap  Kinerja  Guru  SD Negeri di Kelurahan
Tuban Tahun
Pelajaran 2019- 2020. Faidatuna , 1 (1), 33-44.
[11] Tongkaw,  S.,  Inkaew, W.,  &  Tongkaw,  A.  (2019,  August).  RAD Design and Data Management Systems of Natural Resources and Local Wisdom. In IOP Conference Series: Materials Science and Engineering (Vol. 551, No. 1, p. 012032). IOP Publishing.
[12] Dennis, A., Wixom, B., & Tegarden, D. (2015). Systems analysis and design: An object-oriented approach with UML . John wiley & sons.
[13] Rajagopal, D., & Thilakavalli, K. (2017). A Study: Uml For Ooa And Ood. International Journal of Knowledge Content Development & Technology , 7 (2), 5-20.
[14] Sari, Y. S. (2018). Analysis and Design Outpatient Administration Information System With Object Oriented
Methodology. International  Educational  Journal  of  Science  and Engineering , 1 (4).
[15] Postman. 2022 Postman, Inc, [online]. Link: postman.com. [akses pada 5 Januari 2022] .