PERANCANGAN SISTEM INFORMASI BIMBINGAN
BELAJAR AHE BERBASIS WEB APLIKASI
MENGGUNAKAN COMPONENT BASED ARCHITECTURE
(CBA)
Rifqi Favian Hibatullah; Muchammad Sholeh;
No. Panggil: eSTI-2103015030
ABSTRAK
Perancangan Sistem Informasi Bimbingan Belajar AHE Berbasis Web
Aplikasi Menggunakan Component Based Architecture (CBA)
Rifqi Favian Hibatullah
Penelitian ini dilaksanakan untuk menjawab kebutuhan Bimbingan Belajar AHE dalam
meningkatkan efisiensi pengelolaan informasi melalui pengembangan sistem informasi berbasis
web. Sistem yang sebelumnya berjalan secara manual sering menimbulkan kendala dalam
pencatatan data siswa, monitoring pembayaran, serta proses pendaftaran yang kurang terstruktur.
Oleh karena itu, tujuan utama penelitian ini adalah merancang dan membangun aplikasi web yang
mampu menyediakan layanan administrasi yang lebih cepat, akurat, dan mudah diakses dengan
menerapkan Component Based Architecture (CBA) sebagai pendekatan utama. Metode
pengembangan yang digunakan adalah model Waterfall yang mencakup analisis kebutuhan,
perancangan sistem, implementasi menggunakan Next.js, Tailwind CSS, dan PostgreSQL, serta
pengujian melalui User Acceptance Test (UAT). Hasil penelitian menunjukkan bahwa sistem
berjalan sesuai kebutuhan pengguna, dengan memperoleh penilaian baik hingga sangat baik pada
seluruh variabel UAT. Penelitian ini menyimpulkan bahwa sistem layak diterapkan namun masih
dapat dikembangkan melalui penambahan fitur sistem dashboard yang berguna untuk client dan
tidak hanya untuk admin saja, pelaporan statistik financial income yang lebih komprehensif, dan
integrasi pembayaran digital yang dapat mempermudah konfirmasi transaksi.
Kata kunci: sistem informasi, bimbingan belajar, arsitektur berbasis komponen, web aplikasi
Perancangan Sistem Informasi Bimbingan Belajar AHE Berbasis Web
Aplikasi Menggunakan Component Based Architecture (CBA)
Rifqi Favian Hibatullah
This research was conducted to address the need of AHE Tutoring Center in improving the efficiency
of information management through the development of a web-based information system. The
previously manual processes often resulted in difficulties in recording student data, monitoring
payments, and managing registration, which tended to be unstructured. Therefore, the primary
objective of this study is to design and develop a web application that provides faster, more accurate,
and easily accessible administrative services by implementing the Component Based Architecture
(CBA) approach. The development method employed in this research is the Waterfall model, which
includes requirement analysis, system design, implementation using Next.js, Tailwind CSS, and
PostgreSQL, as well as testing through User Acceptance Test (UAT). The results indicate that the
system performs in accordance with user needs, achieving ratings in the good to very good
categories across all UAT variables. This study concludes that the system is feasible for
implementation, although further development is recommended, including the addition of a client-
focused dashboard, more comprehensive financial income reporting, and integration of digital
payment features to simplify transaction validation.
Keywords: information system, tutoring center, component-based architecture, web application
