30
BAB IV
PERANCANGAN SISTEM USULAN
4.1. Tahapan Perancangan Sistem 4.1.1. Analisa Kebutuhan
Analisa kebutuhan yang penulis gunakan dalam melakukan perancangan sistem berbasis website ini memperhatikan satu sisi, yaitu dari sisi petugas (User). A. Kebutuhan Petugas
Dalam sistem ini terdapat 2 pengguna yang dapat saling berinteraksi yaitu: petugas dan muzaki. Kedua pengguna tersebut memiliki karakteristik interaksi dengan sistem yang berbeda-beda dan memilki kebutuhan informasi yang berbeda-beda, seperti berikut:
A.1 Skenario Kebutuhan Muzaki 1. memberikan data diri 2. membayar zakat/infaq
A2. Skenario Kebutuhan Petugas (user) 1. Meregistrasi data muzaki 2. Menginput pembayaran 3. Memilih Jenis zakat/infaq 4. membuat laporan zakat/infaq
B. Kebutuhan Sistem
1. Petugas harus melakukan login terlebih dahulu untuk dapat mengakses web ini dengan memasukan username dan password agar privasi pengguna tetap terjaga keamanannya.
4.1.2. Rancangan Use Case
Gambar IV.1 Use Case Transaksi
Tabel IV.1
Deskripsi Use Case Login
Use Case Name Login
Requirements Petugas dapat melakukan login
Goal Petugas dapat menginput username dan
password untuk bisa login
Pre-Conditions Petugas telah melakukan login
Post-Conditions Sistem melakukan verifikasi agar petugas
dapat mengakses menu utama
Failed end Condition Petugas tidak menginput username dan
password
Actors Petugas
Main Flow/ Basic Path 1. Petugas melakukan login
2. Petugas menginput username dan password
3. Sistem menampilkan halaman menu utama
Alternate Flow/Invariant A A1 Sistem menampilkan halaman menu
Tabel IV.2
Deskripsi Use Case Registrasi Data
Use Case Name Registrasi data
Requirements Petugas memasukan data muzaki
Goal Petugas mendapatkan data terbaru
muzaki
Pre-Conditions Petugas telah melakukan login
Post-Conditions Data berhasil disimpan
Failed end Condition Data muzaki gagal diperbaharui
Actors Petugas
Main Flow/ Basic Path 4. Petugas melakukan login
5. Petugas menginput data muzaki 6. Lihat data muzaki
Tabel IV.3
Deskripsi Use Case Input Pembayaran zakat/infaq
Use case name Input pembayaran zakat/infaq
Requirentment Petugas menginput pembayaran
Goal Petugas dapat melihat data pembayaran
Pre-condition Petugas menginput pembayaran
Post- condition Daftar data zakat/infaq yang telah dibayar
Failed end condition Petugas gagal melakukan pembayaran
Actor Petugas
Main flow/ Basic path 1. Petugas melihat jenis yang dipilih
2. Petugas mengkonfirmasi pembayaran 3. Petugas mencetak laporan
Alternate flow/ Invariant A A1. Form laporan pembayaran berisi nama, nomer
muzaki, jumlah , jenis pembayaran, tanggal bayar
Invariant B B1. Petugas milih jenis zakat/infaq
B2. Petugas menginput pembayaran zakat/infaq
B3 Petugas mengkonfirmasi pembayaran zakat/infaq
Tabel IV.4
Deskripsi Use Case Cetak Laporan
Use Case Name Cetak laporan
Requirements Lihat data cetak laporan
Goal Lihat data cetak laporan
Pre-Conditions Petugas telah melakukan login
Post-Conditions Data cetak laporan terlihat
Failed end Condition Data cetak laporan tidak ditemukan
Actors Petugas
Main Flow/ Basic Path 7. Petugas melakukan login
8. Petugas memlihil menu laporan 9. Pilih cetak
10. Cetak laporan terlihat
4.1.3. Rancangan Diagram Aktifitas
Gambar IV.2
4.1.4. Rancangan Dokumen Sistem Usulan
1. Rancangan Dokumen Masukan
a. Nama Dokumen : Form Pendaftaran
Fungsi : Untuk mengetahui data pribadi muzaki
Sumber : Muzaki
Tujuan : Persyarata untuk membayar zakat/infaq
Media : Kertas
Jumlah : 1 lembar
Frekuensi : Setiap melakukan pendaftaran
Bentuk : Lihat Lampiran A.1
2. Rancangan Dokumen Keluaran
b. Nama Dokumen : Laporan data pembayaran zakat/infaq
Fungsi : Sebagai bukti data pembayaran zakat/infaq
Sumber : Petugas
Tujuan : Keterangan bahwa telah menerima Laporan
Media : Kertas
Jumlah : 1 lembar
Frekuensi : Setiap setelah menerima data pembayaran
zakat/infaq
4.1.5. Rancangan Prototype
Gambar IV.3 Tampilan Menu Login
Gambar IV.4 Tampilan Menu Utama
Gambar IV.5
Tampilan Pendaftaran Muzaki
Gambar IV.6 Tampilan Data Muzaki
Gambar IV.7
Tampilan Pembayaran Zakat
Gambar IV.8
Gambar IV.9 Tampilan Laporan Zakat
Gambar IV.10 Tampilan Laporan Infaq
4.2. Perancangan Perangkat Lunak
4.2.1. Entity Relationship Diagram (ERD)
Gambar IV.11
ERD Sistem Penerimaan Zakat/Infaq.
Gambar IV.12
LRS Sistem penerimaan zakat/infaq
4.2.3. Spesifikasi file
1. Spesifikasi file muzaki
Nama file : muzaki
Akronim : muzaki
Fungsi : untuk melihat data muzaki
Tipe file : file master
Organisasi file : indexed sequential
Akses file : random
Media : hardisk
Panjang record: 154
Kunci filed : no_muzaki
Software : MySql
Tabel IV.5 Spesifikasi file muzaki
No Elemen data Nama field Tipe Size Keterangan
1 Nomor muzaki no_muzaki Varchar 10 Primary key
2 Nama nama Varchar 20
3 Jenis kelamin jenis_kelamin Varchar 11
4 Tanggal Lahir tgl_lahir Date
5 Telepon telepon Varchar 13
2. Spesifikasi file pendaftaran
Nama file : pendaftaran
Akronim : pendaftaran
Fungsi : untuk melakukan pendaftaran
Tipe file : file master
Organisasi file : indexed sequential
Akses file : random
Media : hardisk
Panjang record: 10
Kunci filed : no_pendaftaran
Software : MySql
Tabel IV.6
Spesifikasi file pendaftaran
No Elemen data Nama field Tipe Size Keterangan
1 Nomer Pendaftaran no_pendaftaran Varchar 10 Primary key
2 Tanggal
Pendaftaran
Tgl_pendaftaran Date
3. Spesifikasi file pembayaran
Nama file : pembayaran
Akronim : pembayaran
Fungsi : untuk melakukan pembayaran
Tipe file : file master
Organisasi file : indexed sequential
Media : hardisk Panjang record: 24
Kunci filed : no_pembayaran
Software : MySql
Tabel IV.7
Spesifikasi file pembayaran
No Elemen data Nama field Tipe Size Keterangan
1 Nomer
Pembayaran
no_pembayaran Varchar 10 Primary key
2 Jenis Pembayaran jenis_pembayaran Varchar 6
3 Total Bayar total_bayar Int 8
4 Tanggal
Pembayaran
tgl_pemabayaran Date
4. Spesifikasi file petugas
Nama file : petugas
Akronim : petugas
Fungsi : untuk melakukan login
Tipe file : file master
Organisasi file : indexed sequential
Akses file : random
Media : hardisk
Panjang record: 72
Kunci filed : id_petugas
Tabel IV.8 Spesifikasi file petugas
No Elemen data Nama field Tipe Size Keterangan
1 User Name username Varchar 15 Primary key
2 Password password Varchar 32
3 Jenis kelamin jenis_kelamin Varchar 12
4 Telepon telepon Varchar 13
4.2.4. Class Model/Class Diagram
Gambar IV.13
4.2.5. Sequence Diagram
Gambar IV.14 Sequence Diagram petugas
4.2.6. Spesifikasi Hardware dan Software
1. Spesifkasi Hardware
a. Server 1) CPU
(a) Processor AMD A8-7410 APU with AMD Radeon R5
: Actor
login Home Pendaftaran Pembayaran Laporan Logout
1 : input username dan password() 2 : cek login() 3 : login salah() 4 : login benar() 5 : registrasi data() 6 : membayar() 7 : input pembayaran() 8 : cetak laporan() 9 : Logout()
(b) RAM 4,00 GB (c) 500 GB
2) Mouse 3) Keyboard 4) Koneksi internet
5) Monitor dengan resolusi layer minimum 1366 x 768 6) Koneksi internet dengan kecepatan 2 mbps
b. Client 1) CPU
(a) Processor AMD A8-7410 APU with AMD Radeon R5 (b) RAM 4,00 GB
(c) 500 GB 2) Mouse 3) Keyboard 4) Koneks internet
5) Monitor dengan resolusi layer minimum 1366 x 768 6) Koneksi internet dengan kecepatan 2 mbps
2. Spesifikasi Sowftware a. Server
1) Sistem operasi yang umum digunakan seperti : Microsoft Windows 2) Aplikasi bundle web server seperti :
1. MySQL 2. Boostrap
3) Aplikasi web lihat seperti : 1. Mozilla Firefox
2. Internet Exsplorer 3. Google chrome b. Client
1) Sistem operasi yang umum digunakan seperti : Microsoft Windows 2) Aplikasi web lihat seperti :
4. Mozilla Firefox 5. Internet Exsplorer 6. Google chrome 4.3. Jadwal Implementasi Tabel IV.9 Jadwal Implementasi No KEGIATAN WAKTU
BULAN I BULAN II BULAN III
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
7 Pelatihan
8 Pembuatan Buku Petunjuk