Pengembangan Frontend Sistem Informasi Layanan Tekos Berbasis Web Menggunakan Framework NextJS
Abstract
Abstrak - Penelitian ini bertujuan untuk mengembangkan aplikasi Sistem Informasi Tekos menggunakan framework NextJS dengan menerapkan
Single-Page Application (SPA) dan Client-Side Rendering (CSR). Metode pengujian yang digunakan
adalah load time test untuk membandingkan waktu load halaman antara SPA CSR dan SPA SSR. Pengujian
dilakukan pada environment local menggunakan browser Chrome pada perangkat Macbook dengan chip
M1 Pro. Hasil pengujian menunjukkan bahwa SPA CSR memiliki waktu load halaman yang lebih cepat daripada
SPA SSR pada kecepatan jaringan No
Throttling/normal yaitu dibawah 5 detik. Namun, pada kecepatan jaringan Fast 3G dan Slow 3G baik SPA CSR
ataupun SPA SSR memiliki kecepatan load lebih 5 detik yang artinya tidak sesuai dengan ketentuan NFR-01
pada dokumen perangkat lunak/SKPL. Pada aplikasi Sistem Informasi Tekos, terdapat beberapa halaman
tidak dapat menerapkan SPA SSR karena membutuhkan data dinamis berdasarkan ID Owner,
yang hanya bisa diimplementasikan pada CSR. Kesimpulannya, penggunaan SPA CSR dengan NextJS
pada Sistem Informasi Tekos dapat meningkatkan
kecepatan render halaman dan memberikan
pengalaman pengguna yang lebih responsif. Namun, perlu pertimbangan khusus saat memilih metode render
antara SPA CSR dan SPA SSR tergantung pada kebutuhan aplikasi dan kompleksitas data yang digunakan.
Kata Kunci: Sistem Informasi Tekos, Single Page Application (SPA), NextJS, Client-Side Rendering (CSR), Server-Side Rendering (SSR), Load Time Test
References
J. Voutilainen,
JavaScript Frameworks for Master Data
Management Application Development,= Metropolia, no. 12, 2017.
S. Deshmukh, D. Mane, and A. Retawade,
rd International Conference on Computing
Methodologies and Communication, ICCMC 2019, 2019. doi:
1109/ICCMC.2019.8819703.
E. Molin,
Science and Communication, 2016.
M. F. Santoso,
DENGAN MENGGUNAKAN REACT JS DAN BOOTSTRAP,= Jurnal Khatulistiwa
Informatika, vol. 9, no. 2, 2021, doi:10.31294/jki.v9i2.11357.
https://nextjs.org/docs/pages/building-yourapplication/routing/pages-and-layouts (accessed Jul. 21, 2023).
Next.js.=https://nextjs.org/docs/pages/building-yourapplication/rendering/client-side-rendering
(accessed Jul. 08, 2023).
T. Fadhilah Iskandar, M. Lubis, T. Fabrianti
Kusumasari, and A. Ridho Lubis,
IOP Conference Series: Materials Science and Engineering, 2020. doi: 10.1088/1757-899X/801/1/012136.
T. Hovorushchenko and O. Pomorova,
requirements specifications,= Proceedings of 2018 IEEE 9th International Conference on
Dependable Systems, Services and Technologies, DESSERT 2018, pp. 370-374,
Jul. 2018, doi: 10.1109/DESSERT.2018.8409161.
S. G. M. Gumolung, B. N. N. Xaverius, and A. S. M. Lumenta,
Text Markup Language (HTML) Versi 5,=
Jurnal Teknik Informatika, vol. 15, no. 3,
Y. Djahir and D. Pratita, bahan Ajar Sistem
Informasi Manajemen. 2014.
F. Suryandani, B. Basori, and D. Maryono,
SISTEM PENGOLAHAN NILAI SISWA DI SMK NEGERI 1 KUDUS,= Jurnal Ilmiah
Pendidikan Teknik dan Kejuruan, vol. 10, no. 1, 2017, doi: 10.20961/jiptek.v10i1.14976.
I. A. Ramadhani,
Informasi Penjadwalan Mata Kuliah Berbasis
Web Di Fakultas Teknik Universitas Negeri Makassar,= Jurnal Pendidikan, vol. 6, no. 2, 2018, doi: 10.36232/pendidikan.v6i2.36.
S. Mufti Prasetiyo, M. Ivan Prayogi Nugroho, R. Lima Putri, and O. Fauzi,
Mengenai Front-End Web Developer dalam
Ruang Lingkup Web Development,= Jurnal Multidisiplin Ilmu, vol. 1, no. 6, 2022.
P. P. Arhandi, Y. Pramitarini, and R. Alviandra,
Generator Based On REST API,= in Seminar Informatika Aplikatif Polinema (SIAP), 2019.
https://nextjs.org/ (accessed May 09, 2023).
M. Fariz, S. Lazuardy, and D. Anggraini,
Journal of Advanced Engineering and Science, vol. 7, no. 1, 2022.
H. A. Jartarghar, G. R. Salanke, A. K. A.R, S.
G.S, and S. Dalali,
Computer Engineering (JTEC), vol. 14, no. 4, 2022.
Herman and A. Geovanny,
RENDERING PERFORMA ANTARA SERVER SIDE DAN CLIENT SIDE PADA
WEB APPLICATION,= JURNAL ILMIAH BETRIK_: Besemah Teknologi Informasi dan
Komputer, vol. 13, no. 3, 2022.
M. A. Jadhav, B. R. Sawant, A. Deshmukh, and N. Mumbai,
Computer Science and Information Technologies, 2015.
