Detail Cantuman Kembali
SKEMA MAGANG : PENERAPAN REACT SINGLE PAGE APPLICATION PADA MIGRASI FRONTEND UNTUK OPTIMALISASI PERFORMA SISTEM INFORMASI KLINIIK PKP BP3KP JAWA III
- Bagikan:
Sistem Informasi Klinik PKP pada BP3KP Jawa III sebelumnya dibangun menggunakan arsitektur Multi-Page Application (MPA) berbasis Laravel. Arsitektur ini memiliki keterbatasan berupa pemuatan ulang seluruh halaman (full page reload) serta ukuran transfer data (payload) yang besar pada setiap navigasi menu, sehingga menurunkan efisiensi aplikasi.
Penelitian ini bertujuan melakukan migrasi arsitektur antarmuka menuju Single Page Application (SPA) berbasis React dengan pendekatan Client-Side Rendering (CSR). Metode pengembangan ini memisahkan logika perakitan tampilan sepenuhnya ke sisi klien dengan memanfaatkan manipulasi Virtual DOM dan mekanisme pencegatan aksi bawaan browser. Melalui pendekatan ini, komunikasi data dengan backend dapat difokuskan hanya pada pertukaran data mentah berformat JSON secara asinkron di latar belakang.
Hasil pengembangan menunjukkan bahwa migrasi arsitektur antarmuka yang dilakukan mampu memangkas ukuran transfer data serta mengurangi beban server. Penerapan teknologi ini juga menstabilkan indikator performa pada pengujian Core Web Vitals, sehingga menyediakan tampilan antarmuka yang jauh lebih responsif, instan, dan bebas dari jeda pemuatan halaman. Penggunaan teknologi frontend modern ini sekaligus memberikan kemudahan dalam pengembangan fitur di masa depan, memastikan sistem layanan Klinik PKP tetap relevan dengan kebutuhan instansi.
Kata kunci: Client-Side Rendering, Core Web Vitals, Migrasi Antarmuka, React, Single Page Application.
Thomas Edyson Tarigan, S.Kom., M.Cs - Personal Name
Ikhsan, Hafidz Thufail Nur - 235410031 - Personal Name
Ikhsan, Hafidz Thufail Nur - 235410031 - Personal Name
084 IKH P R.1
NONE
Text Skripsi
Indonesia
UNIVERSITAS TEKNOLOGI DIGITAL INDONESIA (UTDI)
2026
Yogyakarta
084 Informatika 2026
LOADING LIST...
LOADING LIST...