31 4.1. Tahapan Perancangan Sistem 4.1.1. Analisis Kebutuhan
A. Kebutuhan Pengguna
Dalam sistem pembiayaan siswa di madrasah ibtidaiyah kiarapayung ini terdapat dua pengguna yang dapat berinteraksi dalam lingkungan sistem, yaitu: admin dan bendahara madrasah. Kedua pengguna ini memiliki karakteristik interaksi dengan sistem yang berbeda-beda, seperti berikut :
1. Skenario Kebutuhan Admin a. Mengelola menu pengguna.
b. Mengelola menu pembayaran.
c. Mencetetak laporan dari bendahara madrasah.
2. Skenario Kebutuhan Bendahara madrasah a. Mengelola menu data siswa.
b. Mengelola menu pembayaran.
c. Mengecek data siswa beserta data pembayarannya.
d. Mengelola menu pembayaran.
e. Menerima dan menginput pembayaran yang dilakukan siswa atau orang tua siswa.
f. Mencetak bukti pembayaran.
g. Merekap laporan pembayaran siswa untuk dilaporkan kepada kepala sekolah.
B. Kebutuhan Sistem
a) Admin dapat menambahkan hak akses untuk bendahara madrasah, admin harus login terlebih dahulu untuk dapat mengakses sistem ini dengan memasukan username dan password agar privasi tetap terjaga keamanannya. Admin mengelola menu pengguna dan bisa mencetak laporan pembayaran dari setiap bendahara madrasah. Sistem dapat menyimpan data admin, data pengguna, dan laporan.
b) Bendahara madrasah memasukan username dan password terlebih dahulu sebelum bisa mengakses menu yang terdapat didalam sistem. Bendahara madrasah mengelola menu data siswa, mengelola menu pembayaran, mengecek data siswa beserta data pembayarannya, mengelola menu pembayaran. menerima dan menginput pembayaran yang dilakukan siswa atau orang tua siswa, mencetak bukti pembayaran, dan merekap laporan pembayaran siswa untuk dilaporkan kepada kepala sekolah.
4.1.2. Rancangan Diagram Use Case
Gambar IV.1.
Use Case Diagram Admin
Gambar IV.2.
Use Case Diagram Sistem Pembiayaan Sekolah
Tabel IV.1.
Deskripsi Use Case Login Admin
Use Case Name Login
Requirement Admin melakukan login
Goal Admin dapat melakukan login
Pre-Conditions Admin telah melakukan login
Post-Conditions Admin telah berhasil melakukan login dan masuk ke menu utama
Failed end Contitions Bendahara tidak dapat login
Actors Bendahara
Main Flow/Basic Patch 1. Admin memasukan username dan password 2. Admin memilih login
3. Sistem menampilkan halaman utama
Tabel IV.2.
Deskripsi Use Case Mengelola Menu Pengguna Use Case Name Mengelola menu pengguna
Requirement Admin mengelola menu pengguna (edit, lihat, hapus)
Goal Admin dapat mengelola menu pengguna
Pre-Conditions Admin telah melakukan login
Post-Conditions Admin telah berhasil mengelola menu pengguna
Failed end Contitions Admin tidak dapat mengelola menu pengguna
Actors Admin
Main Flow/Basic Patch 1. Admin memilih menu pengguna
2. Admin mengelola menu pengguna (edit, lihat, hapus)
3. Admin menyimpan pekerjaan yang dilakukan.
Tabel IV.3.
Deskripsi Use Case Mengelola Menu Pembayaran Use Case Name Mengelola menu pembayaran
Requirement Admin mengelola menu pembayaran (lihat,
tambah)
Goal Admin dapat mengelola menu pembayaran
Pre-Conditions Admin telah melakukan login
Post-Conditions Admin telah berhasil mengelola menu pembayaran
Failed end Contitions Admin tidak dapat mengelola menu pembayaran
Actors Admin
Main Flow/Basic Patch 1. Admin memilih menu pembayaran
2. Admin mengelola menu pembayaran (lihat, tambah)
3. Admin menyimpan pekerjaan yang dilakukan.
Tabel IV.4.
Deskripsi Use Case Laporan
Use Case Name Laporan
Requirement Admin mencetak laporan
Goal Admin dapat mencetak laporan
Pre-Conditions Admin telah melakukan login
Post-Conditions Admin telah berhasil mencetak laporan
Failed end Contitions Admin tidak dapat mencetak laporan
Actors Admin
Main Flow/Basic Patch 1. Admin memilih menu laporan 2. Admin mencetak laporan
Tabel IV.5.
Deskripsi Use Case Login Bendahara
Use Case Name Login
Requirement Bendahara melakukan login
Goal Bendahara dapat melakukan login
Pre-Conditions Bendahara telah melakukan login
Post-Conditions Bendahara telah berhasil melakukan login dan masuk ke menu utama
Failed end Contitions Bendahara tidak dapat login
Actors Bendahara
Main Flow/Basic Patch 1. Bendahara memasukan username dan password
2. Bendahara memilih login
3. Sistem menampilkan halaman utama
Tabel IV.6.
Deskripsi Use Case Data Siswa Use Case Name Data Siswa
Requirement Bendahara dapat menginput data siswa
Goal Bendahara menginput data siswa melalui sistem yang ada
Pre-Conditions Bendahara telah melakukan login
Post-Conditions Bendahara dapat menginput data siswa
Failed end Contitions Bendahara tidak dapat menginput data siswa
Actors Bendahara
Main Flow/Basic Patch 1. Bendahara login
2. Bendahara menginput data siswa 3. Bendahara menyimpan data siswa 4. Bendahara logout
Tabel IV.7.
Deskripsi Use Case Cek Data Siswa dan Pembayarannya Use Case Name Cek Data Siswa dan Pembayarannya
Requirement Bendahara dapat mengecek data siswa dan data pembayarannya
Goal Bendahara berhasil mengecek data siswa dan data pembayarannya
Pre-Conditions Bendahara telah melakukan login
Post-Conditions Bendahara mengecek seluruh data siswa dan data pembayarannya
Failed end Contitions Bendahara tidak dapat mengecek data siswa dan data pembayarannya
Actors Bendahara
Main Flow/Basic Patch 1. Bendahara melakukan login
2. Bendahara mengecek data siswa dan data pembayarannya
3. Bendahara logout
Tabel IV.8.
Deskripsi Use Case Input Data Pembayaran Siswa Use Case Name Input Data Pembayaran Siswa
Requirement Bendahara menginput data pembayaran siswa
Goal Bendahara berhasil menginput data pembayaran siswa
Pre-Conditions Bendahara telah melakukan login
Post-Conditions Bendahara telah berhasil menginput data pembayaran siswa
Failed end Contitions Bendahara tidak dapat menginput data pembayaran siswa
Actors Bendahara
Main Flow/Basic Patch 1. Bendahara login
2. Bendahara menginput data pembayaran siswa 3. Bendahara logout
Tabel IV.9.
Deskripsi Use Case Cetak Bukti Pembayaran Use Case Name Cetak Bukti Pembayaran
Requirement Bendahara mencetak bukti pembayaran
Goal Bendahara dapat mencetak bukti pembayaran yang dilakukan oleh siswa
Pre-Conditions Bendahara menginput data pembayaran siswa
Post-Conditions Bendahara memeriksa kembali bukti pembayaran sebelum mencetaknya
Failed end Contitions Bendahara tidak dapat mencetak bukti pembayaran
Actors Bendahara
Main Flow/Basic Patch 1. Bendahara login
2. Bendahara menginput data pembayaran siswa 3. Bendahara mencetak bukti pembayaran 4. Bendahara logout
Tabel IV.10.
Deskripsi Use Case Membuat Laporan
Use Case Name Membuat Laporan
Requirement Bendahara membuat laporan pembayaran
Goal Bendahara dapat membuat laporan pembayaran untuk dilaporkan kepada kepala sekolah
Pre-Conditions Bendahara telah melakukan pengecekan semua data pembayaran
Post-Conditions Bendahara berhasil membuat laporan dan mencetak laporan
Failed end Contitions Bendahara tidak dapat membuat laporan
Actors Bendahara
Main Flow/Basic Patch 1. Bendahara login
2. Bendahara melakukan pengecekan semua data pembayaran
3. Bendahara mencetak laporan untuk dilaporkan kepada kepala sekolah
4. Bendahara logout
4.1.3. Rancangan Diagram Aktivitas
Gambar IV.3.
Rancangan Diagram Aktivitas Admin
Gambar IV.4.
Rancangan Diagram Aktivitas Bendahara
4.1.4. Rancangan Dokumen Sistem Usulan 4.1.4.1. Parameter rancangan dokumen masukan
a. Nama Dokumen : Kartu SPP
Fungsi : Dokumen yang harus dibawa saat akan melakukan pembayaran
Sumber : Siswa
Tujuan : Bendahara
Media : Kertas
Jumlah : 1 lembar
Frekuensi : Setiap pembayaran Bentuk : Lampiran B.1
4.1.4.2. Parameter rancangan dokumen keluaran a. Nama Dokumen : Bukti Pembayaran
Fungsi : Sebagai bukti bahwa siswa telah melakukan pembayaran
Sumber : Bendahara
Tujuan : Siswa
Media : Kertas
Jumlah : 1 lembar
Frekuensi : Setiap setelah pembayaran Bentuk : Lampiran B.2
4.1.5. Rancangan Prototype a. Interface Form Login Admin
Admin harus melakukan login terlebih dahulu sebelum mengakses menu utama.
Gambar IV.5.
Interface Form Login Admin
b. Interface Menu Utama
Pada halaman menu utama terdapat beberapa menu yaitu menu pengguna menu pembayaran dan menu laporan.
Gambar IV.6.
Interface Menu Utama Admin
c. Interface Menu Pengguna
Halaman menu pengguna berisi data pengguna yang telah dimasukan oleh admin, data ini dapat diubah dan dihapus. admin juga dapat menambahkan data pengguna beserta hak aksesnya.
Gambar IV.7.
Interface Menu Pengguna
d. Interface Menu Pembayaran
Menu pembayaran ini berisi tentang data pembayaran yang masuk dari madrasah, admin bisa melihat pembayaran dan menambahkan jenis pembayaran.
Gambar IV.8.
Interface Menu Pembayaran
e. Interface Laporan
Menu laporan ini merupakan laporan yang masuk dari setiap madrasah, admin bisa mencetak laporan ini apabila diperlukan.
Gambar IV.9.
Interface Laporan
f. Interface Form Login Bendahara
Bendahara harus melakukan login terlebih dahulu sebelum mengakses menu utama.
Gambar IV.10.
Interface Form Login Bendahara
g. Interface Menu Utama
Pada halaman menu utama terdapat beberapa menu yaitu menu data siswa, menu
tambah pembayaran dan menu laporan.
Gambar IV.11.
Interface Menu Utama Bendahara
h. Interface Data Siswa
Halaman menu data siswa berisi data siswa yang telah dimasukan oleh bendahara, data ini dapat diubah dan dihapus. Bendahara juga dapat menambahkan data siswa.
Gambar IV.12.
Interface Data Siswa
i. Interface Tambah Pembayaran
Halaman tambah pembayaran berfungsi untuk menambahkan pembayaran yang
masuk dengan cara mengisi form tambah pembayaran dengan benar.
Gambar IV.13.
Interface Tambah Pembayaran
j. Interface Cetak Bukti Pembayaran
Halaman cetak bukti pembayaran ini akan tampil setelah bendahara mengisi
form pada menu tambah pembayaran, bukti pembayaran ini akan diberikan kepada siswa ataupun orang tua siswa yang telah melakukan pembayaran
Gambar IV.14.
Interface Cetak Bukti Pembayaran
k. Interface Data Pembayaran
Halaman menu data pembayaran berisi data pembayaran yang telah masuk, data ini dapat diubah dan dihapus.
Gambar IV.15.
Interface Data Pembayaran
l. Interface Hapus Data Pembayaran
Halaman menu hapus data pembayaran siswa berfungsi untuk menghapus data pembayaran.
Gambar IV.16.
Interface Hapus Data Pembayaran
m. Interface Riwayat Pembayaran
Halaman riwayat pembayaran berisi data pembayaran yang masuk dan terbaru.
Gambar IV.17.
Interface Riwayat Pembayaran
n. Interface Laporan Pembayaran
Data yang ada dalam laporan pembayaran ini merupakan rekapan dari seluruh
pembayaran yang masuk, data ini sebagai bahan pembuatan laporan yang akan diberikan kepada kepala sekolah.
Gambar IV.18.
Interface Laporan Pembayaran
o. Interface Laporan Data Siswa
Halaman laporan data siswa ini merupakan kumpulan dari semua data siswa yang
telah dibuat oleh admin.
Gambar IV.19.
Interface Laporan Data Siswa
4.2. Perancangan Perangkat Lunak 4.2.1. Entity Relationship Diagram (ERD)
Gambar IV.20.
Entity Relationship Diagram (ERD)
4.2.2. Logical Record Structure (LRS)
Gambar IV.21.
Logical Record Structure (LRS)
4.2.3. Sfesifikasi File 1. Spesifikasi File Admin
Nama File : Admin Akronim : Admin
Fungsi : Untuk mengelola sistem Tipe File : File Master
Organisasi File : Indexed Sequential Akses File : Random
Media : Hard Disk Panjang Record : 340 Kunci Field : Id_admin Software : Mysql
Tabel IV.11.
Spesifikasi File Tabel Admin
No Nama Field Type Ukuran Keterangan
1. Id_admin Integer 10 Primary Key
2. Username Varchar 30
3. Password Varchar 100
2. Spesifikasi File Pengguna Nama File : Pengguna Akronim : Pengguna
Fungsi : Untuk menyimpan data pengguna Tipe File : File Master
Organisasi File : Indexed Sequential Akses File : Random
Media : Hard Disk Panjang Record : 435 Kunci Field : Id_petugas Software : Mysql
Tabel IV.12.
Spesifikasi File Tabel Pengguna
No Nama Field Type Ukuran Keterangan
1. Id_petugas Integer 10 Primary Key
2. Password Varchar 30
3. Nama Varchar 100
4. Sekolah Varchar 50
3. Spesifikasi File Pembayaran Nama File : Pembayaran Akronim : Pembayaran
Fungsi : Untuk melihat dan menambah jenis pembayaran Tipe File : File Master
Organisasi File : Indexed Sequential Akses File : Random
Media : Hard Disk Panjang Record : 280 Kunci Field : Nomor Software : Mysql
Tabel IV.13.
Spesifikasi File Tabel Pembayaran
No Nama Field Type Ukuran Keterangan
1. Nomor Integer 10 Primary Key
2. Waktu Date
3. Siswa Varchar 100
4. Madrasah Varchar 30
5. Pembayaran Varchar 30
4. Spesifikasi File Laporan Nama File : Laporan Akronim : Laporan
Fungsi : Untuk mencetak laporan Tipe File : File Master
Organisasi File : Indexed Sequential Akses File : Random
Media : Hard Disk Panjang Record : 435 Kunci Field : Nomor Software : Mysql
Tabel IV.14.
Spesifikasi File Tabel Laporan
No Nama Field Type Ukuran Keterangan
1. Nomor Integer 10 Primary Key
2. Madrasah Varchar 30
3. Tanggal Date
4. Nama pembayaran Varchar 30
5. Total Varchar 30
5. Spesifikasi File Petugas (Bendahara) Nama File : Petugas
Akronim : Petugas
Fungsi : Untuk mengelola pembayaran Tipe File : File Master
Organisasi File : Indexed Sequential Akses File : Random
Media : Hard Disk Panjang Record : 340 Kunci Field : Id_petugas Software : Mysql
Tabel IV.15.
Spesifikasi File Tabel Petugas
No Nama Field Type Ukuran Keterangan
1. Id_petugas Integer 10 Primary Key
2. Password Varchar 30
3. Nama_lengkap Varchar 100
6. Spesifikasi File Data Siswa Nama File : Data siswa Akronim : Siswa
Fungsi : Untuk menyimpan data siswa Tipe File : File Master
Organisasi File : Indexed Sequential Akses File : Random
Media : Hard Disk Panjang Record : 435 Kunci Field : NIS Software : Mysql
Tabel IV.16.
Spesifikasi Tabel Data Siswa
No Nama Field Type Ukuran Keterangan
1. NIS Integer 12 Primary Key
2. Nama Varchar 50
3. Kelas Varchar 10
4. Jenis_kelamin Text -
5. Alamat Varchar 100
6. Opsi Varchar 50
7. Status_pembayaran Varchar 30
7. Spesifikasi File Pembayaran Nama File : Pembayaran Akronim : Pembayaran
Fungsi : Untuk menyimpan data pembayaran Tipe File : File Master
Organisasi File : Indexed Sequential Akses File : Random
Media : Hard Disk Panjang Record : 280
Kunci Field : id_pembayaran Software : Mysql
Tabel IV.17.
Spesifikasi Tabel Pembayaran
No Nama Field Type Ukuran Keterangan
1 Id_pembayaran Integer 12 Primary Key
2 NIS Varchar 12
3 Nama Varchar 50
4 Kelas Varchar 5
5 Nama_pembayaran Varchar 30 6 Total_pembayaran Double - 7 Sisa_pembayaran Double -
8 Status Text 100
8. Spesifikasi File Jenis Pembayaran Nama File : Jenis Pembayaran Akronim : Jenis Pembayaran
Fungsi : Untuk melihat jenis pembayaran Tipe File : File Master
Organisasi File : Indexed Sequential Akses File : Random
Media : Hard Disk Panjang Record : 186
Kunci Field : id_pembayaran Software : Mysql
Tabel IV.18.
Spesifikasi Tabel Jenis Pembayaran
No Nama Field Type Ukuran Keterangan
1 Id_pembayaran Integer 12 Primary Key
2 Jenis_pembayaran Varchar 30
3 Jumlah Varchar 50
4.2.4. Struktur Kode
Kode yang dibuat dalam pengkodean terhadap field-field yang akan dijadikan sebagai primary key ataupun foreign key menggunakan struktur kode. Adapun struktur kode yang dirancang oleh penulis antara lain :
1. Struktur Kode Petugas / Bendahara
Gambar IV. 22.
Struktur Kode Petugas / Bendahara 2. Struktur Kode Siswa
Gambar IV. 23.
Struktur Kode Siswa 3. Struktur Kode Pembayaran
Gambar IV. 24.
Struktur Kode Pembayaran
4.2.4. Class Model / Class Diagram
Gambar IV.25.
Class Model / Class Diagram
4.2.5. Sequence Diagram 1. Sequence Diagram Admin
Gambar IV.26.
Sequence Diagram Admin
2. Sequence Diagram Bendahara
Gambar IV.27.
Sequence Diagram Bendahara
4.2.6. Spesifikasi Hardware dan Software 1. Spesifikasi Hardware
1) CPU
a) Processor Core i3 b) RAM DDR2 2GB c) Hard Disk 320GB 2) Mouse
3) Keyboard
4) Monitor dengan resolusi layar minimum 1024x768.
2. Spesifikasi Software
a. Sistem operasi yang umum digunakan seperti: Micrososft Windows (Windows XP sampai dengan Windows 10)
b. Aplikasi web servwe dengan Xampp
c. Web Browser dengan Mozilla Firefox dan Google Chrome.
4.3. Jadwal Implementasi
Tabel IV.19.
Jadwal Implementasi
NO KEGIATAN
WAKTU
BULAN 1 BULAN 2 BULAN 3
1 2 3 4 1 2 3 4 1 2 3 4 1 Persiapan data awal
2 Analisa 3 Desain Sistem
4 Desain perangkat lunak
5 Pembuatan & tes program
6 Tes sistem 7 Pelatihan
8 Pembuatan buku petunjuk
9 Evaluasi & operasional
