Pengembangan Framework Monolithic-SPA Hybrid Berbasis Mobile Web Menggunakan CodeIgniter 3 dan Angular
Abstract
This study aimed to develop a hybrid framework integrating CodeIgniter 3 as the backend and Angular as the frontend based on a Single Page Application architecture. The problem addressed was the limited scalability and poor separation of concerns found in conventional monolithic web architectures. The proposed solution employed a RESTful architecture approach, in which CodeIgniter 3 acted as a service provider and Angular managed the user interface layer. The research methodology consisted of requirements analysis, hybrid system architecture design, implementation, and functional testing. The results indicated that the developed hybrid framework improved system modularity, maintainability, and user experience through more responsive page rendering. The novelty of this study lay in the structured implementation of a hybrid framework concept combining CodeIgniter 3 and Angular within an integrated development framework.
Keywords: Hybrid framework; CodeIgniter 3; Angular; SPA; RESTful API
Abstrak
Penelitian ini bertujuan mengembangkan framework Monolithic-SPA Hybrid yang mengintegrasikan CodeIgniter 3 sebagai backend dan Angular sebagai frontend. Pendekatan ini menyatukan hasil kompilasi Angular ke dalam direktori aset CodeIgniter untuk menciptakan satu kesatuan sistem yang efisien namun tetap mempertahankan pemisahan tanggung jawab pada arsitektur web konvensional monolitik. Pendekatan yang digunakan adalah pengembangan perangkat lunak dengan arsitektur RESTful, di mana CodeIgniter 3 berfungsi sebagai penyedia layanan aplikasi dan Angular sebagai pengelola antarmuka pengguna. Metodologi penelitian meliputi analisis kebutuhan, perancangan arsitektur sistem hybrid, implementasi, serta pengujian fungsional sistem. Hasil penelitian menunjukkan bahwa framework hybrid yang dikembangkan mampu meningkatkan modularitas, kemudahan pemeliharaan, serta pengalaman pengguna melalui pemuatan halaman yang lebih responsif. Unsur kebaruan penelitian ini terletak pada penerapan konsep hybrid secara terstruktur pada CodeIgniter 3 dan Angular dalam satu kerangka kerja terpadu.
Kata kunci: Framework hybrid; CodeIgniter 3; Angular; SPA; RESTful API
References
R. Farhandika and M. K. Sabariah, "Penerapan Arsitektur REST API pada Aplikasi Backend Manajemen Informasi Fakultas Industri Kreatif," LOGIC: Jurnal Penelitian Informatika, vol. 2, no. 1, pp. 40-51, 2024.
R. Wahyudi and B. Santoso, "Analisis Perbandingan Arsitektur Decoupled dan Monolithic-SPA pada Performa Aplikasi Web," JIM: Jurnal Informatika Multimedia, vol. 15, no. 2, pp. 112-120, 2023.
G. P. Utama, "Peningkatan Modularitas Perangkat Lunak melalui Integrasi Framework Modular Angular dan CodeIgniter," Jurnal Sistem Informasi Bisnis (JSINBIS), vol. 11, no. 1, pp. 30-38, 2021.
R. Sanjaya, A. Budiman and H. Setiawan, "Implementasi Arsitektur Single Page Application (SPA) Menggunakan Framework JavaScript Modern untuk Optimalisasi Performa Web," Jurnal RESTI (Rekayasa Sistem dan Teknologi Informasi), vol. 7, no. 2, pp. 310-317, 2023.
Hasan, "Implementasi Framework CodeIgniter 4 pada Aplikasi Inventory Berbasis Web Menggunakan Metode Waterfall," Indonesian Journal on Computer and Information Technology, vol. 9, no. 1, pp. 26-36, 2024.
R. Choirudin and A. Adil, "Implementasi REST API Web Service dalam Membangun Aplikasi Multiplatform untuk Usaha Jasa," Matrik: Jurnal Teknik Informatik, 2023.
R. T. Octavia and A. Hamdi, "Penerapan Framework CodeIgniterr pada Forum Alumni Program Studi Informatika," JITET: Jurnal Informatika dan Teknik Elektro Terapan, vol. 11, no. 3, 2023.
"CodeIgniter Web Framework," CodeIgniter Foundation, [Online]. Available: https://codeigniter.com. [Accessed 27 10 2020].
"Introduction to Angular," [Online]. Available: https://angular.dev/. [Accessed 24 3 2024].
T. Hidayat, M. Muttaqin and D. Syamsuar, "Arsitektur Decoupled pada Sistem Informasi Manajemen Berbasis Web Menggunakan Framework PHP dan VueJS," Jurnal Informatika dan Rekayasa Perangkat Lunak (JITIKA), vol. 6, no. 1, pp. 15-22, 2024.
A. S. Ramadhan, D. Fitriani and A. Saputra, "Integrasi RESTful API untuk Optimalisasi Komunikasi Data pada Aplikasi Mobile Web," Jurnal Teknik Informatika (JUTIF), vol. 4, no. 3, pp. 561-570, 2023.
R. E. Putra and S. Nugroho, "Analisis Performa Arsitektur Micro-frontend pada Pengembangan Aplikasi Web Skala Besar," Jurnal Infomedia: Teknik Informatika, Multimedia & Jaringan, vol. 9, no. 1, pp. 40-48, 2024.
I. P. Sari and K. Wijaya, "Analisis Keamanan Pertukaran Data pada Arsitektur Same-Origin antara Backend PHP dan Frontend JavaScript," Jurnal Nasional Teknologi Informasi dan Komunikasi (JNTIK), vol. 6, no. 1, pp. 45-52, 2022.
R. S. Pressman and B. R. Maxim, "Software Engineering: A Practitioner's Approach (Indonesian Perspective on Web Engineering)," Jurnal Sistem Informasi (JSI), vol. 12, no. 1, pp. 45-55, 2020.
B. Sudarsono and A. K. Wardana, "Analisis Latensi Jaringan dan Penanganan Cross-Origin Resource Sharing (CORS) pada Arsitektur Decoupled Aplikasi Web," Jurnal RESTI (Rekayasa Sistem dan Teknologi Informasi), vol. 8, no. 1, pp. 85-93, 2024.
N. Fitriani and S. D. Lestari, "Optimasi Sisi Server dan Pengaruh Manajemen Caching Terhadap Kecepatan Muat Aplikasi Web Monolitik," Jurnal JTIK (Jurnal Teknologi Informasi dan Komunikasi), vol. 7, no. 3, pp. 412-420, 2023.
How To Cite This :
Refbacks
- There are currently no refbacks.
