Jurnal VISUALIKA | Universitas Saintek Muhammadiyah Vol. No. Desember 2024, hlm. 74 - 87 P-ISSN E-ISSN 2745-584X SISTEM INFORMASI TABUNGAN SISWA BERBASIS WEBSITE PADA SD ISLAM TERPADU AS SALAM LAMPUNG Tarisno Amijoyo1. Anita Hauzeni 2 1Universitas Saintek Muhammadiyah. Jl. Kelapa Dua Wetan Ciracas No. Jakarta. Indonesia 2Universitas Saintek Muhammadiyah. Jl. Kelapa Dua Wetan Ciracas No. Jakarta. Indonesia Email: 1ahbibadil@gmail. com, 2anitahauzeni@gmail. Abstrak Sekolah Dasar Islam Terpadu As Salam Lampung adalah salah satu sekolah yang rutin setiap hari melakukan aktivitas Tabungan Siswa. Dalam sistem saat ini pencatatan tabungan siswa masih di catat menggunakan buku. Setiap akan menabung siswa akan meletakkan uang di dalam buku tabungan untuk kemudian dicatat di buku tabungan siswa dan di catat di buku catatan ibu guru. Siswa dapat mengetahui saldo melalui buku tabungan siswa. Dalam sistem ini sangat mudah terjadi selisih sehingga di butuhkan aplikasi tabungan siswa berbasis Tujuan dari penelitian ini merancang dan mengimplementasikan sistem informasi tabungan siswa berbasis website pada SD Islam Terpadu As Salam Natar untuk memudakan manajemen pengelolaan data pada tabungan siswa. Metodologi pengembangan sistem yang digunakan adalah Metode SDLC (System Develop Life Cycl. dengan proses waterfall sampai tahp pemeliharaan . Metode waterfall adalah pengembangan yang digunakan dalam sistem ini menggunakan tahapan Analisis Kebutuhan. Desain. Implementasi. Pengujian Sistem dan Pemeliharan. Adapun bahasa pemrograman yang digunakan PHP dan MySQL sebagai basis data. Dengan menggunakan software XAMPP, sistem dapat dijalankan dan dapat diakses melalui internet. Hasil dari penelitian adalah terciptanya sebuah aplikasi yang dapat mempermudah proses menabung oleh siswa yang dapat membantu pengguna untuk mencatat pemasukan dan pengeluaran tabungan siswa dengan meminimalisir terjadinya selisih. Sistem informasi tabungan siswa berbasis website ini telah diimplementasikan pada bagian administrasi untuk memudahkan manajemen pengelolaan data kelas, data siswa dan data transaksi serta dapat mempermudah membuat laporan supaya lebih akurat dan fleksibel. Kata Kunci : sistem, informasi, aplikasi tabungan PENDAHULUAN Tabungan siswa merupakan kegiatan yang sering di jumpai hampir di setiap kegiatan Karena dengan menabung mengajarkan siswa untuk berhemat dan mengajarkan siswa untuk memenuhi kebutuhan di hari esok atau kebutuhan yang tidak terduga. Dengan mengajarkan menabung sedari kecil berarti mengajarkan siswa untuk disiplin dan dapat menggunakan uang dengan baik. Selain itu dengan menabung sedari kecil dapat mengajarkan siswa untuk membeli kebutuhannya sendiri. Proses tabungan siswa masih banyak yang manual. Proses tabungan di mulai dengan cara siswa mengumpulkan sejumblah uang berikut disertai buku tabungan dan di serahkan ke wali kelas atau ke bagian yang mengurus khusus bagian tabungan / bagian keuangan. Kemudian guru mencatat di buku tabungan dan di buku transaksi milik guru senilai uang yang di setorkan. Lalu uang milik semua siswa dikumpulkan dan di hitung untuk lanjut di setor ke Sistem yang banyak dijumpai adalah dengan cara manual. Dari mencatat dan Jurnal VISUALIKA | Universitas Saintek Muhammadiyah Vol. No. Desember 2024, hlm. 74 - 87 P-ISSN E-ISSN 2745-584X menghitung secara manual yang sangat besar kemungkinan mengalami kesalahan dalam pencatatan dan perhitungan. Proses menabung yang manual berpeluang besar mendapatkan kendala seperti sulitnya memperoleh informasi dan sering mengalami perselisihan bila buku tabungan hilang atau buku rekapan guru hilang. Dengan permasalahan yang sering dijumpai, sehingga diusulkan untuk membuat aplikasi tabungan siswa berbasis website. Sehingga mempermudah guru dalam menginput dan mengelola data tabungan siswa dengan pendataan tabungan yang tepat dan akurat. Identifikasi Masalah Berdasarkan latar belakang yang telah di jelaskan, dapat diidentifikasi beberapa permasalahan sebagai berikut: Proses untuk mencatat tabungan siswa sehari-harinya masih di lakukan secara manual atau secara konvensional karena harus mencatat di buku tabungan dan buku rekap, serta mengecek kembali satu persatu lembar buku sehingga memakan waktu lama dan tidak jarang terjadi ketidak validan data dan juga sering terjadi hilangnya buku tabungan Tidak ada back-up data yang aman atau alternative lainnya untuk menyimpan data tabungan siswa sehingga kurang up to date dalam mengarsipkan data. Pengarsipan data tabungan dengan berkas yang ada sering terjadi kerusakan fisik seperti terkena air, rayap dan terkena api / terbakar. Sehingga menghilangkan data yang valid. Rumusan Masalah Berdasarkan identifikasi masalah yang telah di uraikan, rumusan masalah untuk penelitian ini adalah sebagai berikut: Bagaimana membuat sebuah aplikasi tabungan siswa berbasis website untuk mengatur manajemen data pada buku tabungan? Bagaimana mengimplementasikan sistem informasi aplikasi tabungan siswa berbasis website? Batasan Masalah Adapun batasan masalah dalam penelitian ini meliputi: Di dalam aplikasi ini terdapat 2 aktor yaitu admin dan siswa Data yang dioleh dalam sistem ini yaitu master data kelas, master data siswa, transaksi setoran dan penarikan tabungan serta laporan tabungan siswa perperiode. Aplikasi tabungan siswa ini dibangun menggunakan bahasa pemrograman PHP dan database MySQL Aplikasi tabungan siswa ini hanya meliputi penginputan data, pendataan data kelas dan data siswa, pencatatan transaksi data serta pembuatan laporan bulanan yang up to date dan pengarsipan data yang akurat. Landasan Teori 1 Pengertian Sistem Sistem berasal dari bahasa latin . dan bahasa Yunani . Pengertian sistem adalah suatu kesatuan yang terdiri dari komponen/elemen yang dihubungkan bersama untuk memudahkan aliran informasi, materi atau energi untuk mencapai suatu tujuan. 2 Pengertian Informasi Secara etimologi, informasi berasal dari bahasa Perancis informacion yang memiliki arti konsep, ide, atau garis besar. Informasi sendiri merupakan kata benda yang berarti aktivitas dalam pengetahuan yang dikomunikasikan. Tarisno Amijoyo. Anita Hauzeni Jurnal VISUALIKA | Universitas Saintek Muhammadiyah Vol. No. Desember 2024, hlm. 74 - 87 P-ISSN E-ISSN 2745-584X 3 Tabungan Siswa Tabungan adalah simpanan yang penarikannya hanya dapat dilakukan menurut syarat tertentu yang disepakati, tetapi tidak dapat ditarik dengan cek, bilyet giro atau alat yang dipersamakan dengan itu. 4 Website Website merupakan salah satu sumber daya internet yang berkembang . 5 PHP PHP atau biasa di sebut HyperText Preprocessor adalah bahasa pemrograman web server yang bersifat open source. PHP merupakan script yang terintegrasi oleh HTML dan berada pada server . erver site HTML embedded scriptin. 6 mySQL MySql yaitu salah satu jenis database server yang sangat terkenal. kepopulerannya disebabkan MySQL menggunakan SQL sebagai bahasa dasar untuk mengakses database-nya. MySQL termasuk jenis RDBMS (Relational Database Management Syste. 7 Bootstrap Bootstrap adalah framework front end yang intuitif dan powerful untuk pengembangan aplikasi web yang lebih cepat dan mudah. Bootstrap menggunakan HTML. CSS dan Javascript. Dengan menggunakan bootstrap, programmer dapat membuat layout situs yang responsive dengan mudah. 8 XAMPP XAMPP (X(Window/Linu. Apache MySQL PHP dan Per. Merupakan paket server web PHP dan MySQL yang paling populer dikalangan pengembang web dengan menggunakan database PHP dan MySQL sebagai databasenya. 9 Sublime Text Sublime text adalah aplikasi editor untuk kode dan teks yan dapat berjalan di berbagai platform operating system dengan menggunakan teknologi Phyton API. Sublime text bukanlah aplikasi opensource dan juga aplikasi yang dapat digunakan dan didapatkan secara gratis, akan tetapi beberapa fitur perkembangan fungsionalitas . dari aplikasi ini merupakan hasil dari temuan dan mendapat dukungan penuh dari komunitas serta memiliki lisensi aplikasi gratis. 10 MySQL MySQL adalah sebuah perangkat lunak sistem manajemen basis data SQL atau DBMS (Database Management Syste. yang multithread, multi-user, dengan sekitar 6 juta instalasi di seluruh dunia. MySQL tersedia sebagai perangkat lunak gratis dibawah lisensi GNU General Public License (GPL), tetapi mereka juga menjual dibawah lisensi komersial untuk kasus-kasus dimana penggunanya tidak cocok dengan penggunaan GPL. Dimana setiap orang bebas untuk menggunakan MySQL, namun tidak boleh dijadikan produk turunan yang bersifat komersial. MySQL sebenarnya turunan salah satu konsep utama dalam database sejak lama, yaitu SQL (Structured Query Languag. Sistem Informasi Tabungan Siswa Berbasis Website pada SD Islam Terpadu As Salam Lampung Jurnal VISUALIKA | Universitas Saintek Muhammadiyah Vol. No. Desember 2024, hlm. 74 - 87 P-ISSN E-ISSN 2745-584X METODE PENELITIAN Metode Pengembangan Sistem Metode Waterfall merupakan salah satu metode dalam SDLC (System Development Life Cycl. yang mempunyai ciri khas pengerjaan yaitu setiap fase dalam waterfall harus diselesaikan terlebih dahulu sebelum melanjutkan ke fase selanjutnya. Artinya fokus terhadap masing-masing fase dapat dilakukan maksimal karena jarang adanya pengerjaan yang sifatnya paralel walaupun dapat saja terjadi paralelisme dalam waterfall. Gambar 1. Tahapan Metode Waterfall Adapun tahapan Ae tahapan metode pengembangan sistem yang akan diterapkan pada penelitian ini sebagai berikut: Analisa Kebutuhan: Dalam tahap requirement analysis merupakan langkah pertama yang paling penting dari model waterfall. Tahapan metode waterfall yang pertama ini adalah mempersiapkan dan menganalisis kebutuhan dari sistem perangkat lunak yang akan dikerjakan. Design Sistem: Tahapan yang selanjutnya adalah pembuatan desain aplikasi sebelum masuk pada proses coding. Tahapan ini mengubah kebutuhan menjadi karakteristik yang dapat di mengerti sistem atau perangkat lunak sebelum penulisan program atau coding dimulai. Desain ini harus di dokumentasikan dengan baik agar menjadi bagian yang terkonfigurasi dengan perangkat lunak atau sistem. Dalam proses pembuatan desain ini meliputi pembuatan UML use case diagram, class diagram dan activity diagram. Implementasi: Tahapan ini merupakan tahapan dimana aplikasi yang telah selesai di analisis, dirancang desain sistem dan juga database dengan cara coding bahasa pemrograman yang kemudian akan menghasilkan suatu sistem sesuai dengan kebutuhan sistem yang telah dianalisis. Sistem Informasi Tabungan Siswa dirancang menggunakan Text Editor berupa Sublime Text. Pengujian Program: Tahapan ini dilakukan pemeriksaan dan penggabungan modulmodul yang dibuat sebelumnya dan dilakukan pengujian secara terpisah untuk mengetahui kesalahan-kesalahan yang terjadi saat proses coding secara keseluruhan, serta memastikan bahwa program yang dibangun memberikan hasil yang sesuai dengan kebutuhan sistem. Penerapan Progam dan Pemeliharaan : Tahapan ini merupakan tahapan terakhir dalam metode waterfall. Aplikasi atau software yang sudah jadi dan dijalankan serta sudah dilakukan pemeliharaan. Pemeliharaan disini termasuk dalam memperbaiki kesalahan yang tidak di temukan dalam tahapan sebelumnya. Perbaikan Tarisno Amijoyo. Anita Hauzeni Jurnal VISUALIKA | Universitas Saintek Muhammadiyah Vol. No. Desember 2024, hlm. 74 - 87 P-ISSN E-ISSN 2745-584X implementasi sistem ini untuk meningkatkan sistem dalam mengatasi masalah yang di temukan Metode Pengumpulan Data 1 Studi Pusaka Studi pustaka ini dilakukan dengan mencari dan mengumpulkan buku, jurnal, serta artikel yang relevan, baik dari perpustakaan maupun sumber-sumber online yang berkaitan dengan topik penelitian. Data dan informasi yang diperoleh dari buku serta sumber internet digunakan sebagai referensi. 2 Observasi Pada teknik pengumpulan data ini dilakukan dengan melakukan pengamatan langsung dan menganalisis apa saja yang dibutuhkan dalam pembuatan sistem informasi ke pihak bendahara sekolah guna mendapatkan data yang valid seperti data kelas, siswa, data transaksi, catatan tabungan dan laporan. 3 Wawancara Metode ini dilakukan dengan cara melakukan interview atau tanya jawab langsung dengan Ibu Iga Asmalia dengan mewawancarai perihal SDIT Assalam Lampung dan mengenai apa yang dibutuhkan dalam penelitian ini. HASIL DAN PEMBAHASAN Analysis (Analis. Analysis . merupakan pemahaman tentang proses yang terjadi untuk mencapai suatu kebutuhan perangkat untuk dikembangkan menjadi sistem yang akan dibuat dan dapat dipahami apa yang dibutuhkan oleh user/pengguna. 1 Analisa Kebutuhan Admin Admin dapat melakukan login Admin dapat mendaftarkan kelas baru dengan cara menginput data pada menu data kelas Admin dapat mengelola data kelas apabila ada perubahan Admin dapat mengelola data siswa pada menu data siswa Admin dapat melakukan transaksi dengan cara menginput nominal uang setoran tabungan yang disetorkan siswa Admin dapat melakukan transaksi tarik uang tunai hasil penyetoran tabungan Admin dapat melakukan kontrol transaksi penarikan dengan cara menyetujui atau menolak transaksi apabila nominal penarikan sudah sesuai dengan saldo terakhir Admin dapat mencetak laporanrekeningkoran Admin dapat melakukan logout 2 Analisa Kebutuhan Siswa Siswa dapat mendaftarkan diri pada form dengan cara registrasi diri pada form login Siswa dapat mengelola data diri pada menu edit profil Siswa dapat melakukan transaksi tarik tunai pada menu penarikan tabungan Siswa dapat melakukan logout 3 Analisa Kebutuhan Hardware Prosessor : IntelA CoreE i3-6006U CPU @ 2. 00Ghz . CPU. , 2. 0Ghz Memory RAM 2GB Harddisk 500GB SSD 120GB Keyboard Sistem Informasi Tabungan Siswa Berbasis Website pada SD Islam Terpadu As Salam Lampung Jurnal VISUALIKA | Universitas Saintek Muhammadiyah Vol. No. Desember 2024, hlm. 74 - 87 P-ISSN E-ISSN 2745-584X Mouse 4 Analisa Kebutuhan Software Windows 10 Education bit XAMPP Sublime Text Balsamiq Enterprise Architect Google Chrome Dreamweaver 8 5 Analisa Kebutuhan Database MySQL Windows 10, 64bit, 2GB Design System (Sistem Desai. Proses sistem desain yaitu proses yang fokus pada pembuatan desain program perangkat lunak termasuk struktur data, tampilan antarmuka . dan prosedur pengkodean, agar dapat diimplementasikan menjadi program. Berikut tahap-tahap desain 1 Desain Use Case Diagram Gambar 2. Use Case Diagram Staf/Admin Dalam use case diagram staf/admin pada sistem yang diusulkan dapat dideskripsikan sebagai berikut: Login: Proses login admin merupakan proses autenfikasi untuk menggunakan siswa: Mengarahkan Master Kelas: Mengarahkan user staf/admin untuk mengelola data user seperti menambah, merubah, menghapus data user pada aplikasi/sistem. Proses pengelolaan data kelas untuk mengatur dan mengelola data kelas pada sistem. Master Siswa: Proses pengelolaan data siswa untuk mengatur dan mengelola data siswa pada sistem. Setoran Tabungan: Proses pengelolaan data setoran tabungan sampah milik Tarisno Amijoyo. Anita Hauzeni Jurnal VISUALIKA | Universitas Saintek Muhammadiyah Vol. No. Desember 2024, hlm. 74 - 87 P-ISSN E-ISSN 2745-584X Penarikan Tabungan: Proses pengecekan mutasi transaksi tarik tunai tabungan milik siswa Konfirmasi Penarikan : Proses pengecekan mutasi transaksi tarik tunai tabungan milik siswa dan persetujuan transaksi penarikan tabungan Laporan Tabungan : Proses pencetakan laporan rekening Koran Rancangan System Diagram Activity Gambar 3. Diagram Activity Implementasi Sistem Berdasarkan hasil analisa dan sistem desain yang sudah diuraikan, maka langkah selanjutnya adalah implementasi sistem seperti berikut ini : Sistem Informasi Tabungan Siswa Berbasis Website pada SD Islam Terpadu As Salam Lampung Jurnal VISUALIKA | Universitas Saintek Muhammadiyah Vol. No. Desember 2024, hlm. 74 - 87 P-ISSN E-ISSN 2745-584X 1 Halaman Login Gambar 4. Halaman Login Halaman Dashboard Gambar 5. Halaman Dasboard Halaman Data Kelas Gambar 6. Halaman Data Kelas Tarisno Amijoyo. Anita Hauzeni Jurnal VISUALIKA | Universitas Saintek Muhammadiyah Vol. No. Desember 2024, hlm. 74 - 87 P-ISSN E-ISSN Halaman Tambah Data Kelas Gambar 7. Halaman Tambah Data Kelas Halaman Edit Data Kelas Gambar 8. Halaman Edit Data Kelas Halaman Hapus Data kelas Gambar 9. Halaman Hapus Data Kelas Sistem Informasi Tabungan Siswa Berbasis Website pada SD Islam Terpadu As Salam Lampung 2745-584X Jurnal VISUALIKA | Universitas Saintek Muhammadiyah Vol. No. Desember 2024, hlm. 74 - 87 P-ISSN E-ISSN 2745-584X Halaman Edit Data Siswa Gambar 10. Halaman Edt Data Siswa Halaman Setoran Tabungan Gambar 11. Halaman Setoran Tabungan Halaman Tambah Setoran Tabungan Gambar 12. Halaman Tambah Setoran Tabungan Tarisno Amijoyo. Anita Hauzeni Jurnal VISUALIKA | Universitas Saintek Muhammadiyah Vol. No. Desember 2024, hlm. 74 - 87 P-ISSN E-ISSN Halaman Penarikan Tabungan Gambar 13. Halaman Penarikan Tabungan Halaman Penambahan Penarikan Tabungan Gambar 14. Halaman Penambahan Penarikan Tabungan Halaman Konfirmasi Penarikan Tabungan Gambar 15. Halaman Penambahan Penarikan Tabungan Sistem Informasi Tabungan Siswa Berbasis Website pada SD Islam Terpadu As Salam Lampung 2745-584X Jurnal VISUALIKA | Universitas Saintek Muhammadiyah Vol. No. Desember 2024, hlm. 74 - 87 P-ISSN E-ISSN 2745-584X Halaman Laporan Rekening Koran Gambar 16. Halaman Laporan Rekening Koran Testing (Pengujia. Metode pengujian sistem yang digunakan dalam pengujian adalah black box: 1 Pengujian Sistem Black Box Black box Testing adalah metode pengujian perangkat lunak yang menguji fungsionalitas aplikasi yang bertentangan dengan struktur internal atau kerja. Pengetahuan khusus dari kode aplikasi/struktur internal dan pengetahuan pemrograman pada umumnya tidak diperlukan. Uji kasus dibangun di sekitar spesifikasi dan persyaratan, yakni, aplikasi apa yang seharusnya dilakukan. Hasil Pengujian Login/Logout Tabel 1. Hasil Pengujian Login/Logout Sub Modul Login Logout Detail Uji Jenis Pengujian Admin dan siswa melakukan login Admin dan siswa melakukan logout Black Box Black Box Hasil Pengujian User (Admi. Tabel 2. Hasil Pengujian User Admin Sub Modul Detail Uji Jenis Pengujian Tambah data pada menu data kelas Admin melakukan tambah data kelas Black Box Edit data pada menu data kelas Admin melakukan edit data kelas Blackbox Hapus data pada menu data kelas Edit data pada menu data siswa Admin melakukan edit data kelas Admin melakukan edit data siswa Black box Black box Tambah data transaksi setoran tabungan pada menu setoran Admin melakukan tambah transaksi setoran tabungan Black box Tarisno Amijoyo. Anita Hauzeni Jurnal VISUALIKA | Universitas Saintek Muhammadiyah Vol. No. Desember 2024, hlm. 74 - 87 P-ISSN E-ISSN 2745-584X Tambah data transaksi penarikan tabungan pada menu penarikan Admin melakukan tambah transaksi penarikan saldo tabungan Black box Konfirmasi transaksi penarikan tabungan pada menu konfirmasi penarikan tabungan Admin melakukan konfirmasi penarikan tabungan yaitu melakukan persetujuan atau penolakan terhadap satu penarikan saldo tabungan Black box Cetak laporan rekening informasi saldo tabungan pada menu laporan informasi saldo Admin melakukan cetak laporan informasi saldo tabungan siswa Black box Hasil Pengujian User (Sisw. Tabel 3. Hasil Pengujian User Siswa Sub Modul Tambah data siswa baru Edit data pada menu edit Tambah data transaksi penarikan tabungan pada menu penarikan tabungan Cetak laporan rekening informasi saldo tabungan pada menu laporan informasi PENUTUP Kesimpulan Detail Uji Siswa melakukan registrasi diri pada sistem Siswa melakukan edit data Siswa melakukan tambah transaksi penarikan tabungan Jenis Pengujian Black Box Siswa melakukan cetak laporan informasi saldo tabungan siswa Black box Blackbox Black box Berdasarkan paparan bab 1 . sampai dengan bab 4 . , serta dengan mempertimbangkan hasil pengujian, maka dapat diambil beberapa kesimpulan dari hasil pembahasan yaitu : Sistem informasi tabungan siswa berbasis website ini telah diimplementasikan pada bagian administrasi untuk memudahkan manajemen pengelolaan data kelas, data siswa dan data transaksi serta dapat mempermudah membuat laporan supaya lebih akurat dan fleksibel. Pengelolaan tabungan dapat lebih efektif dan efisien, serta dalam perhitungan tabungan bisa lebih akurat. Sistem ini mempermudah user dalam proses pencatatan data, penyimpanan data dan pengambilan tabungan. Saran