Jurnal ICT : Information Communication & Technology Vol.
N0.
Juli 2025, pp.
32 - 38
p-ISSN: 2302-0261, e-ISSN: 2303-3363 Pengembangan Sistem Administrasi Berbasis Web di Asrama Ekasari menggunakan Metode Agile Nur Rahma Ditta Zahra1*.
Nur Iman Nugraha2.
Kanaya Sabila Azzahra3.
David Reza Widhiwipati4.
Gema Parasti Mindara5.
Aditya Wicaksono6
1,2,3,4,6
Program Studi Teknologi Rekayasa Perangkat Lunak.
Program Studi Teknologi Rekayasa Komputer Sekolah Vokasi IPB University Bogor.
Indonesia Email: 112nurrahma_zahra@apps.
id, 2nurimannugraha@apps.
id, 3kanayaazzahra@apps.
devianskydavid@apps.
id, 5gemaparasti@apps.
id, 6adityawicaksono@apps.
INFORMASI ARTIKEL
ABSTRAK
Histori artikel:
Abstract- This study developed the SADE (Digital Dormitory Administration System Ekasar.
application using the Agile method as a digital solution for administrative management at Ekasari Dormitory.
IPB University.
The system replaces manual processes that caused delays, data inaccuracies, and limited information access.
This web-based application offers core features such as real-time management of resident data, finances, and activities, along with financial data visualization using line charts as a basic business intelligence tool to support decision-making.
The system was built using React.
js for the frontend.
Express.
js for the backend, and MySQL as the System validation was conducted through black-box testing on each main The results show that all functionalities operated according to specifications.
However, the mobile interface still requires improvements in responsiveness.
Overall.
SADE successfully supports the digital transformation of dormitory administration and improves communication efficiency between residents and management.
Naskah masuk, 28 Mei 2025 Direvisi, 18 Juni 2025 Diterima, 31 Juli 2025 Kata Kunci:
Administrasi asrama, metode Agile, sistem berbasis web, kecerdasan bisnis, visualisasi keuangan Abstrak- Penelitian ini mengembangkan aplikasi SADE (Sistem Administrasi Asrama Digital Ekasar.
menggunakan metode Agile sebagai solusi digital untuk pengelolaan administrasi di Asrama Ekasari IPB University.
Sistem ini dikembangkan untuk menggantikan proses manual yang menyebabkan keterlambatan, ketidakakuratan data, dan akses informasi yang terbatas.
Aplikasi berbasis web ini memiliki fitur utama berupa pengelolaan data penghuni, keuangan, dan kegiatan secara real-time, serta visualisasi data keuangan dalam bentuk grafik garis sebagai alat kecerdasan bisnis sederhana untuk mendukung pengambilan keputusan.
Sistem dibangun menggunakan React.
Express.
, dan MySQL .
asis dat.
Validasi sistem dilakukan melalui pengujian black-box pada setiap fitur utama.
Hasil pengujian menunjukkan bahwa seluruh fungsi berjalan sesuai spesifikasi.
Meski demikian, antarmuka pengguna di perangkat mobile masih perlu ditingkatkan dalam hal responsivitas.
Secara keseluruhan.
SADE berhasil mendukung transformasi digital administrasi asrama dan meningkatkan efisiensi komunikasi antara penghuni dan pengelola.
Copyright A 2025 LPPM - STMIK IKMI Cirebon This is an open access article under the CC-BY license Gema Parasti Mindara:
Gema Parasti Mindara Program Studi Teknologi Rekayasa Komputer.
Sekolah Vokasi IPB University Jl.
Kumbang No.
Babakan.
Bogor Tengah.
Indonesia Email: gemaparasti@apps.
Pendahuluan Perkembangan pendidikan tinggi di Indonesia semakin pesat seiring dengan kemajuan teknologi Salah satu upaya untuk meningkatkan https://ejournal.
id/index.
php/jict-ikmi efisiensi dan efektivitas layanan pendidikan adalah pengelolaan asrama mahasiswa .
Sistem informasi berbasis web memberikan solusi dalam hal Jurnal ICT : Information Communication & Technology Vol.
N0.
Juli 2025, pp.
33 - 38
pengelolaan data, transparansi informasi, serta akses real-time terhadap kebutuhan administratif .
Prinsip kerja sistem administrasi digital di asrama secara garis besar adalah menggantikan proses manual dengan otomatisasi melalui aplikasi berbasis web, dengan fokus pada pengelolaan data penghuni, keuangan, dan kegiatan secara real-time, serta penyediaan visualisasi data keuangan untuk mendukung pengambilan keputusan.
Asrama IPB Ekasari yang berlokasi di Jalan Sempur.
Bogor.
Jawa Barat, merupakan fasilitas hunian bagi mahasiswa Sekolah Vokasi IPB University.
Selama ini, proses administrasi di asrama ini masih dilakukan secara manual, sehingga menimbulkan beberapa permasalahan seperti keterlambatan pencatatan, ketidakakuratan data, dan keterbatasan akses informasi bagi penghuni maupun Oleh karena itu, diperlukan sebuah sistem informasi terintegrasi untuk meningkatkan efisiensi pengelolaan administrasi asrama .
Penerapan teknologi digital dalam pengelolaan asrama tidak hanya berdampak pada aspek administratif, tetapi juga mempengaruhi pola komunikasi dan interaksi sosial antar penghuni.
Teknologi jaringan komputer berperan penting dalam meningkatkan frekuensi komunikasi dan kemudahan akses informasi .
Salah satu fitur penting dalam sistem informasi ini adalah visualisasi data keuangan melalui grafik garis .
ine char.
, yang berfungsi sebagai kecerdasan bisnis sederhana untuk membantu pengelola memantau tren pemasukan dan pengeluaran secara lebih intuitif .
Metode Agile dipilih dalam perancangan sistem ini karena mampu memberikan fleksibilitas dalam pengembangan, memungkinkan iterasi yang adaptif, serta melibatkan kolaborasi aktif antara pengembang dan pengguna .
Selain itu, untuk memastikan kualitas sistem, dilakukan pengujian menggunakan metode black-box testing guna memverifikasi bahwa setiap fungsi berjalan sesuai spesifikasi dan menghasilkan output yang diharapkan .
Berdasarkan uraian di atas, penelitian ini bertujuan untuk merancang aplikasi SADE (Sistem Administrasi Asrama Digital Ekasar.
dengan Agile administrasi Asrama Ekasari.
Fokus penelitian meliputi pengembangan sistem informasi berbasis web serta evaluasi manfaat dan tantangan implementasinya di lingkungan pendidikan tinggi.
Metode Penelitian Penelitian ini menggunakan pendekatan metode Agile Software Development dalam merancang dan mengembangkan aplikasi SADE (Sistem Administrasi Asrama Digital Ekasar.
Agile merupakan strategi pengembangan perangkat lunak yang menekankan fleksibilitas terhadap https://ejournal.
id/index.
php/jict-ikmi p-ISSN: 2302-0261 e-ISSN: 2303-3363 perubahan kebutuhan, kerja sama tim, dan proses iteratif untuk memastikan sistem tetap relevan dengan kondisi dan kebutuhan pengguna yang dinamis .
Metode Agile dipilih karena lebih adaptif dibandingkan metode tradisional seperti Waterfall, yang cenderung kaku dan linier.
Dalam konteks pengembangan sistem administrasi asrama, kebutuhan pengguna seperti pengelola dan penghuni sering berubah selama proses pengembangan.
Dengan menggunakan pendekatan Agile, tim berdasarkan umpan balik langsung dari pengguna secara berkala.
Agile juga memungkinkan evaluasi sistem dilakukan pada setiap iterasi, sehingga fitur dapat diuji dan diperbaiki lebih awal sebelum diterapkan secara menyeluruh .
Pendekatan ini keputusan bersama, serta perbaikan berkelanjutan yang sangat sesuai untuk proyek dengan kebutuhan pengguna yang bersifat dinamis dan kompleks seperti administrasi digital asrama.
Gambar 1.
Metode Agile Metode Agile yang diterapkan dalam pengembangan aplikasi web SADE mencakup enam tahapan utama berikut:
1 Requirements (Pengumpulan Kebutuha.
Kebutuhan sistem dikumpulkan melalui wawancara dan observasi terhadap pengelola Asrama Ekasari.
Kebutuhan utama mencakup pencatatan keuangan .
emasukan dan pengeluara.
, manajemen kegiatan .
bsensi dan notulens.
, data penghuni, serta fitur kecerdasan bisnis berupa visualisasi data keuangan dengan grafik garis .
ine char.
untuk memudahkan pemantauan tren keuangan secara intuitif.
2 Design (Perancangan Siste.
Perancangan dilakukan dengan menyusun ERD, use case diagram, dan wireframe.
Desain difokuskan agar antarmuka mudah digunakan dan mampu menyajikan data penting seperti keuangan dan kegiatan secara jelas.
3 Development (Pengembangan Aplikas.
Jurnal ICT : Information Communication & Technology Vol.
N0.
Juli 2025, pp.
33 - 38
Tahap pengembangan aplikasi dilakukan setelah seluruh rancangan sistem selesai.
Aplikasi dibangun menggunakan React.
js di frontend dan Express.
js di backend.
Data disimpan di MySQL dan pertukaran data dilakukan lewat API RESTful.
Grafik keuangan dikembangkan untuk menampilkan tren pemasukan dan pengeluaran secara otomatis berdasarkan data yang diinput.
p-ISSN: 2302-0261 e-ISSN: 2303-3363 desain bersama pengguna agar sistem sesuai kebutuhan riil.
Use Case Diagram menggambarkan interaksi antara admin dan penghuni dalam 4 Testing (Pengujian Siste.
Sistem diuji menggunakan black-box testing untuk memastikan seluruh fungsionalitas berjalan sesuai dengan spesifikasi yang telah 5 Deployment (Penerapan Aplikas.
Setelah diuji, aplikasi diterapkan ke server agar dapat diakses melalui perangkat desktop dan Sistem dikonfigurasi untuk menjamin performa dan stabilitas saat digunakan oleh Gambar 2.
Use Case admin dan penghuni Entity Relationship Diagram (ERD) untuk merancang struktur basis data dengan enam entitas utama: admin, penghuni, absensi, kegiatan, keuangan, dan notulensi.
6 Review (Tinjauan dan Evaluas.
Evaluasi dilakukan dengan mengumpulkan umpan balik dari pengguna terkait efektivitas fitur dan kemudahan penggunaan.
Masukan ini menjadi dasar perbaikan atau pengembangan lebih lanjut .
Hasil dan Pembahasan Bagian ini membahas hasil implementasi tiap tahapan metode Agile dalam pengembangan aplikasi web administrasi Asrama Ekasari, serta efektivitasnya dalam memenuhi kebutuhan pengguna dan menyesuaikan sistem dengan dinamika selama proses pengembangan.
1 Requirements (Pengumpulan Kebutuha.
Kebutuhan sistem diperoleh melalui wawancara dan observasi langsung, mencakup pencatatan keuangan, data penghuni, absensi, dan visualisasi grafik keuangan.
Namun, perbedaan ekspektasi antara pengguna dan pengembang menjadi kendala, karena kebutuhan disampaikan secara umum tanpa detail teknis.
Untuk mengatasinya, dilakukan wawancara lanjutan, serta disadari pentingnya komunikasi partisipatif akibat minimnya dokumentasi proses bisnis.
2 Design (Perancangan Siste.
Setelah kebutuhan sistem teridentifikasi, tahap perancangan dilakukan dengan menyusun use case diagram.
ERD, dan wireframe.
Tantangan muncul saat menentukan relasi antar entitas, khususnya pada data kegiatan dan absensi yang kompleks, sehingga desain harus direvisi beberapa Hal ini menunjukkan pentingnya validasi https://ejournal.
id/index.
php/jict-ikmi Gambar 3.
ERD
Wireframe digunakan untuk merancang tampilan awal dan tata letak desain antarmuka.
Gambar 4.
Wireframe halaman dashboard Jurnal ICT : Information Communication & Technology Vol.
N0.
Juli 2025, pp.
33 - 38
3 Development (Pengembangan Aplikas.
Pada tahap pengembangan, aplikasi dibangun secara iteratif dengan React.
js dan Express.
Kendala utama meliputi integrasi frontend-backend, otentikasi, serta adaptasi tim terhadap React yang menyebabkan keterlambatan.
Hal ini mendorong perbaikan dokumentasi API, pembagian tugas yang lebih jelas, dan pentingnya peningkatan kompetensi teknis tim.
Berikut adalah gambar kode pengembangan aplikasinya:
p-ISSN: 2302-0261 e-ISSN: 2303-3363 Fitur Grafik Keuangan Absensi Kegiatan Notulensi Akses Penghuni Skenario Uji Tampilkan grafik berdasarkan data Input absensi kehadiran kegiatan Tambah dan hapus data kegiatan Edit data kegiatan Upload Notulensi Penghuni melihat jadwal dan kegiatan Status Berhasil Berhasil Berhasil Berhasil Berhasil Berhasil 5 Deployment (Penerapan Aplikas.
Aplikasi berhasil diterapkan dan berjalan baik di desktop, namun tampilan pada perangkat mobile kurang responsif.
Masalah ini menegaskan pentingnya pengujian antarmuka lintas perangkat sejak awal, khususnya untuk meningkatkan kenyamanan pengguna mobile.
Gambar 5.
Front End Home 1 Tampilan Admin Berikut adalah tampilan aplikasi admin :
Login Gambar 6.
Back End Database 4 Testing (Pengujian Siste.
Pengujian menggunakan metode black-box menunjukkan semua fitur berjalan baik, namun ditemukan kendala saat menangani data besar, khususnya pada grafik keuangan yang gagal ditampilkan dan respons sistem yang melambat.
Hal ini menunjukkan pentingnya pengujian dengan beban data realistis.
Berikut adalah hasil tabel pengujian aplikasinya:
Tabel 1.
Hasil Pengujian Skenario Uji Input data valid Login Input data tidak valid Tambah dan simpan data penghuni Penghuni Edit data penghuni Hapus data penghuni Tambah keuangan dengan tipe keuangan Keuangan Edit dan hapus Fitur Status Berhasil Berhasil Gambar 7.
Login Admin Beranda Gambar 8.
Beranda atas admin Berhasil Berhasil Berhasil Berhasil Berhasil Gambar 9.
Beranda bawah admin https://ejournal.
id/index.
php/jict-ikmi Jurnal ICT : Information Communication & Technology Vol.
N0.
Juli 2025, pp.
33 - 38
p-ISSN: 2302-0261 e-ISSN: 2303-3363 Keuangan Gambar 14.
Notulensi admin Gambar 10.
Keuangan admin atas Gambar 11.
Keuangan admin bawah Kegiatan Penghuni di admin Gambar 15 Penghuni admin 1 Tampilan Penghuni Asrama Gambar 12.
Daftar kegiatan admin Gambar 16.
Beranda penghuni Absensi 6 Review (Tinjauan dan Evaluas.
Pengelola asrama memberikan tanggapan positif terhadap fungsi sistem, namun masih menyoroti tampilan mobile yang perlu diperbaiki.
Hal ini menjadi dasar evaluasi bahwa keberhasilan sistem juga bergantung pada kesesuaian dengan kebutuhan pengguna dan pengalaman antarmuka yang optimal.
Gambar 13.
Absensi admin Notulen https://ejournal.
id/index.
php/jict-ikmi Kesimpulan Penelitian ini berhasil mengembangkan aplikasi SADE dengan metode Agile sebagai upaya untuk meningkatkan efisiensi dan efektivitas pengelolaan administrasi di Asrama Ekasari IPB University.
Sistem informasi berbasis web yang dikembangkan memungkinkan pengelolaan data penghuni, keuangan, dan kegiatan asrama secara terstruktur, cepat, dan transparan.
Fitur kecerdasan bisnis yang terintegrasi dalam sistem, berupa Jurnal ICT : Information Communication & Technology Vol.
N0.
Juli 2025, pp.
33 - 38
visualisasi data keuangan melalui grafik garis .
ine char.
, memberikan nilai tambah signifikan dengan memudahkan pengelola dalam memantau dan menganalisis tren pemasukan serta pengeluaran secara intuitif, sehingga mendukung pengambilan keputusan yang lebih tepat dan berbasis data.
Hasil pengujian menunjukkan bahwa mayoritas fitur aplikasi berfungsi sesuai kebutuhan dengan baik, meskipun tampilan antarmuka terutama pada perangkat mobile masih perlu peningkatan agar lebih responsif dan nyaman Penelitian ini juga memiliki keterbatasan, seperti cakupan implementasi yang terbatas pada satu lokasi dan belum adanya integrasi dengan sistem eksternal seperti pembayaran digital atau notifikasi real-time.
Oleh karena itu, memperluas cakupan, menambahkan integrasi sistem eksternal, serta meningkatkan dukungan multi-platform agar SADE dapat menjadi solusi komprehensif, adaptif, dan mendukung keputusan berbasis data secara optimal.
p-ISSN: 2302-0261
e-ISSN: 2303-3363
Daftar Pustaka