BAB IV ANALISA DAN PERANCANGAN

Transkripsi

1 BAB IV ANALISA DAN PERANCANGAN 4.1 Analisa Sistem Analisa sistem lama dilakukan untuk mengetahui dan memahami tentang alur sistem yang telah digunakan sebelumnya oleh perusahaan, dalam hal ini adalah Badan Amil Zakat Kota Pekanbaru. Analisa sistem diawali dengan langkah mengidentifikasi bentuk alur proses bisnis lama, mengumpulkan data masalah, serta membuat bentuk alur proses bisnis tersebut menjadi sebuah use case yang dapat dipahami oleh stakeholder terkait. Dengan adanya tahap analisa sistem lama ini, akan dapat terurai bagaimana bentuk perancangan yang sesuai untuk menyelesaikan masalah pada tiap bidang yang memiliki permasalahan. 4.2 Analisa Sistem Yang Sedang Berjalan Uraian umum proses penyaluran zakat pada sistem lama adalah sebagai berikut : 1. Pihak Badan Amil Zakat kota Pekanbaru (BAZ) mengumpulkan data masyarakat kota pekanbaru yang berhak menerima zakat sesuai dengan daerah masing-masing. 2. Kemudian Baznas memberikan formulir zakat kepada Muzzaki, setelah Muzzaki mengisi formulir zakat, kemudian formulir tersebut diberikan kembali ke Baznas untuk dicek kelengkapannya. Kemudian setelah data formulir lengkap, maka dilakukan akad pemberian zakat kepada Baznas oleh Muzzaki. 3. Setelah melakukan Akad, maka Baznas mendapatkan zakat dan data Muzzaki. Kemudian Baznas meminta data dokumentasi mustahiq dan daerah penyaluran zakat kepada Badan Amil Zakat kota Pekanbaru (BAZ). 4. Kemudian setelah BAZ menerima permintaan dokumentasi data mustahiq dan daerah penyaluran zakat oleh Baznas, maka BAZ memberikan dokumentasi tersebut secara langsung kepada pihak Bazas.

2 5. Setelah dokumentasi daerah penyaluran zakat diterima oleh Bazas, selanjutnya Bazas memberikan zakat secara langsung kepada masyarakat yang menjadi Mustahiq (yang berhak menerima zakat). Penetapan Mustahiq ini dilakukan berdasarkan Syariat Islam dan dilakukan olehn BAZ. 6. Setelah zakat diberikan, maka Baznas meminta tanda terima zakat, yang berisi tandatangan penerima zakat, kemudian Baznas melakukan dokumentasi data penerima zakat secara manual dengan pencatatan pada buku khusus. Selanjutnya, dokumentasi ini akan menghasilkan laporan perbulan. 7. Laporan Perbulan yang dihasilkan oleh Baznas akan diserahkan secara langsung kepada BAZ dalam kurun waktu perbulan. Analisa sistem lama pada kegiatan penyaluran zakat Badan Amil Zakat kota Pekanbaru, dapat dilihat dalam bentuk diagram use case seperti gambar 4.1 berikut ini: Gambar 4.1 Use Case Sistem Berjalan 42

3 4.3 Analisis Sistem Dengan Metode SPT (Sistem Pemrosesan Transaksi/ Transaction Processing System) Sistem pemrosesan transaksi (SPT) adalah sebuah sistem yang digunakan untuk keperluan transaksi sehari-hari. Sistem informasi ini digunakan untuk kegiatan pokok perusahaan. Sistem ini sangat berguna untuk menghasilkan data. Daur ulang informasi SPT akan mendapatkan data dari luar dan dari dalam. Untuk data dari luar, SPT dapat ditemukan pada "Front Office" yang proses transaksinya sangat dekat dengan pelanggan, bahkan berhubungan langsung dengan pelanggan. Contoh SPT yang mendapat data dari luar adalah penerimaan dana zakat, pemasukan data penjualan, keluar masuk data keuangan pada bank, atau komputerisasi pada kasir. Sedangkan data yang datang dari dalam SPT dapat ditemukan pada perencanaan produksi, perpindahan bahan baku dan hasil produksi, pembuatan nota pembelian, dan lain-lain. Gambar 4.2 Model Sistem Pemrosesan Transaksi (McLeod dan Schell, 2008) 43

4 4.3.1 Karakteristik Sistem Pemrosesan Transaksi 1. Jumlah data yang diproses sangat besar. 2. Sumber data umumnya internal dan keluaran terutama dirnaksudkan untuk pihak internal (meskipun bisa juga diperuntukkan bagi mitrakerja). 3. Pemrosesan informasi dilakukan secara teratur: harian, mingguan, dan bulanan dan lainnya. 4. Kapasitas penyimpanan (database) besar. 5. Kecepatan pemrosesan yang diperlukan tinggi karena volume yang besar. 6. Umumnya memantau dan mengumpulkan data masa lalu. 7. Masukan dan keluaran terstrukturmengingat data yang diproses cukup stabil, data diformat dalam suatu standar. 8. Level kerincian yang tinggi dan mudah terlihat terutama pada masukan tetapi sering kali juga pada keluaran. 9. Komputasi tidak rumit (menggunakan matematika sederhana atau operasi statistik). 10. Memerlukan kehandalan yang tinggi. 11. Pemrosesan terhadap permintaan merupakan suatu keharusan. Pemakai dapat melakukan permintaan terhadap basis data Kegiatan Analisis SPT Kegiatan analisis sistem lama digunakan agar dapat memberikan gambaran jelas tentang pengoperasian sistem yang sedang berjalan, sehingga hal tersebut dapat menjadi data yang akurat bagi proses pengembangan sistem pada tahapan berikutnya. Berikut merupakan kegiatan analisis sistem lama menggunakan metode SPT (Sistem Pemrosesan Transaksi) pada Badan Amil Zakat kota Pekanbaru (BAZ). 1. Pihak BAZ mendapatkan data dari lingkungan. 2. Pihak BAZ mendapatkan sumber daya input (penerimaan zakat dari muzzaki, pemberian zakat dan orang yang melakukan penerimaan zakat serta pemberian zakat) 44

5 3. Pihak BAZ mentransformasikan sumber daya input (mengubah data menjadi informasi melalui kegiatan operasional biasa/pencatatan manual) 4. Pihak BAZ menyimpan data dan informasi kedalam database (penyimpanan data masih bersifat manual) 5. Pihak BAZ melakukan perekapan data menggunakan piranti lunak pemrosesan data (masih manual dengan merekap data melalui pencatatan) 6. Pihak BAZ (Manajemen) mendapatkan informasi dari sistem. 7. Lingkungan (Stakeholder) mendapatkan informasi dari sistem. Data diatas dapat digambarkan dalam bentuk tabel, yaitu : Tabel 4.1 Pihak BAZ mendapatkan data dari lingkungan. Perbandingan SPT Sistem lama Sistem baru 1. Mengambil data masyarakat 1. Mengambil data masyarakat yang merupakan 8 Asnaf dari yang merupakan 8 Asnaf dari zakat secara langsung dengan zakat secara langsung dan melakukan survey ke daerah menginputkan kedalam masing-masing secara terus database, sehingga pada tahap menerus (dilakukan berulang - selanjutnya hanya ulang). menambahkan/mengurangi beberapa data saja. Tabel 4.2 Pihak BAZ mendapatkan sumber daya input. Perbandingan SPT Sistem lama Sistem baru 1. Penerimaan zakat secara langsung dan mencatat nama muzzaki dan 1. Penerimaan zakat secara langsung dan menginput nama muzzaki dan jumlah zakat kedalam dokumen jumlah zakat kedalam sistem, sehingga data dapat dipergunakan untuk hal-hal yang diperlukan 45

6 seperti monitoring dan pelaporan perbulan/pertahun Tabel 4.3 Pihak BAZ mentransformasikan sumber daya input. Perbandingan SPT Sistem lama Sistem baru 1. Melakukan pengelolaan data 1. Melakukan pengelolaan data daerah daerah dan data zakat yang dan data zakat dengan cara dibutuhkan oleh daerah tersebut secara manual berinteraksi dengan tiap badan zakat yang berada pada daerah masingmasing, interaksi tersebut dilakukan didalam sistem baru. Tabel 4.4 Pihak BAZ menyimpan data dan informasi kedalam database. Perbandingan SPT Sistem lama Sistem baru 1. Penyimpanan data menggunakan 1. Penyimpanan data menggunakan pencatatan pada buku besar database yang terintegrasi, sehingga (manual) dapat memudahkan dalam hal pengelolaan dan penggunaan data menjadi informasi Tabel 4.5 Pihak BAZ melakukan perekapan data menggunakan piranti lunak pemrosesan data. Perbandingan SPT Sistem lama Sistem baru 1. Menggunakan buku besar sebagai 1. Menggunakan interface sistem media pencatatan muzzaki dan sebagai pengganti pencatatan zakat muzzaki dan zakat secara manual. 2. Menggunakan kalkulator sebagai 2. Menggunakan logika dalam penghitungan data zakat 3. Menggunakan pelaporan penentuan tertentu zakat pada daerah 46

7 menggunakan kertas 3. Pelaporan dapat menggunakan kertas atau dapat dilihat langsung didalam sistem Tabel 4.6 Pihak BAZ (Manajemen) mendapatkan informasi dari sistem. Perbandingan SPT Sistem lama Sistem baru 1. Bentuk pelaporan yang didapatkan oleh pimpinan (manajemen) adalah pelaporan manual menggunakan 1. Pelaporan menggunakan sistem dan juga dapat menggunakan pelaporan terstruktur secara konvensional. buku besar yang terkadang mengalami kekeliruan dalam penulisan, dan juga sering mengalami kehilangan data. Tabel 4.7 Lingkungan (Stakeholder) mendapatkan informasi dari sistem.. Perbandingan SPT Sistem lama Sistem baru 1. Pihak Baznas harus pergi ke kantor 1. Pihak Baznas dapat melihat daerah pusat BAZ Pekanbaru untuk dan mustahiq perdaerah didalam mengambil data daerah dan data sistem, dan Baznas juga dapat Mustahiq perdaerah, sehingga menentukan daerah mana yang akan mempersulit dalam menentukan diberikan zakat sesuai dengan daerah yang telah diberi zakat, akomodasi zakat yang dimilikinya. dengan daerah yang belum menerima zakat 4.4 Evaluasi Sistem Lama Setelah memahami aliran bisnis yang terjadi pada penyaluran zakat Badan Amil Zakat kota Pekanbaru, dan setelah dilakukan wawancara serta observasi lapangan secara langsung kepada pihak terkait, maka dapat disimpulkan beberapa 47

8 permasalahan yang terjadi pada sistem lama yang digunakan oleh pihak BAZ, yaitu : 1. Belum adanya integrasi antara Baznas dengan Baznas lainnya dalam hal penyamaan data daerah penyaluran zakat, karena tidak seluruh baznas melakukan permintaan data muzzaki dan data daerah penyaluran zakat kepada Badan Amil Zakat kota Pekanbaru sehingga distribusi zakat menjadi tidak merata. 2. Kurangnya kepercayaan muzzakki terhadap badan amil zakat dan badan zakat kota pekanbaru. 3. Pembuatan laporan data tanda terima zakat pada Baznas masih menggunakan pencatatan secara manual melalui buku khusus. 4.5 Analisis Sistem Yang Baru Menggunakan Pendekatan Berorientasi Objek Sistem Informasi Badan Amil Zakat merupakan sistem online yang digunakan untuk mengelola, mengatur dan membantu proses layanan serta dapat memberikan informasi kepada pengguna yang dapat diakses dijaringan internet. Sistem ini akan digunakan oleh admin, Baznas, dan Pimpinan. Sistem Informasi ini lebih berfokus pada penyimpanan data daerah penyaluran zakat, data pengaduan kegiatan zakat, data masyarakat yang berhak menerima zakat (mustahiq) serta pembuatan laporan perbulan dan pertahun untuk bahan dokumentasi oleh Badan Amil Zakat kota Pekanbaru (BAZ). Alur sistem informasi Badan Amil Zakat kota Pekanbaru dapat dilihat pada gambar dibawah ini : 48

9 Gambar 4.3 Use Case Sistem Baru Pada alur sistem baru ini, dibagi dalam 3 (tiga) hak akses, yaitu Admin, Baznas dan Pimpinan. Admin berhak untuk mengakses penginputan data pengguna, data daerah penyaluran zakat, data mustahiq perdaerah serta mencetak laporan bulanan dan tahunan, sedangkan Baznas berhak untuk mengakses penginputan data muzzaki dan zakat, data status daerah penyaluran zakat, data status tanda terima zakat, melihat data daerah penyaluran zakat, serta mencetak laporan, setelah itu, pimpinan berhak mengakses data informasi pengaduan serta mencetak laporan bulanan dan tahunan Actor dan Use case Pengguna perangkat lunak ini di sebut actor. Perangkat lunak ini ditujukan memberikan data dan laporan. Pengguna sistem ini terdiri dari Admin, Baznas dan Pimpinan. Admin merupakan pengguna yang mengelola data pengguna sistem secara keseluruhan, Baznas merupakan pengguna yang mengelola data muzzaki 49

10 dan data zakat, membuat pengaduan kegiatan zakat, mengakses data daerah penyaluran zakat, dan menginput status daerah penyaluran zakat. Pimpinan hanya melihat informasi pengaduan kegiatan zakat dan mencetak laporan, untuk menentukan usecase dan actor pada sistem ini, maka digambarkanlah dalam bentuk detail dibawah ini. Gambar 4.4 Actor Sistem Informasi Badan Amil Zakat 1. Use case Admin a. Melakukan tambah data pengguna. b. Melakukan tambah data daerah penyaluran zakat. c. Melakukan tambah data mustahiq perdaerah. d. Mencetak laporan perbulan dan pertahun. 2. Use case Baznas a. Menginput data Muzzaki dan zakat. b. Melihat data daerah penyaluran zakat. c. Menginput status daerah penyaluran zakat. d. Menginput status tanda terima zakat. e. Mencetak laporan perbulan dan pertahun. 3. Use case Pimpinan a. Melihat informasi pengaduan badan zakat. b. Mencetak Laporan perbulan atau pertahun. Untuk melihat bagaimana semua aktor terlibat dalam proses sistem, maka diperlukan gambaran use case diagram dengan baik. Berikut merupakan gambaran use case diagram pada sistem informasi Badan Amil Zakat kota Pekanbaru. 50

11 4.6 Perancangan Unified Modelling Language Setelah melakukan analisa sistem proses selanjutnya yang dilakukan adalah perancangan sistem yang meliputi perancangan diagram UML, yaitu diantaranya : 1. Use Case Diagram 2. Activity Diagram 3. Sequence Diagram 4. Collaboration Diagram 5. Class Diagram 6. Deployment Diagram Setelah melakukan perancangan diagram UML, maka akan dilanjutkan dengan perancangan database serta perancangan interface sistem Use Case Diagram Use Case Diagram terdiri dari actor, use case dan serta hubunganya. Use case diagram adalah sesuatu yang penting untuk memvisualisasikan, menspesifikasikan dan mendokumentasikan kebutuhan perilaku sistem. Usecase Diagram digunakan untuk menjelaskan kegiatan apa saja yang dapat dilakukan oleh user/pengguna sistem yang sedang berjalan. Selain actor diatas, maka usecase yang ada pada Sistem Informasi Badan Amal Zakat kota Pekanbaru ini dapat dilihat pada Use Case tiap proses. 51

12 Gambar 4.5 Diagram Use Case Admin,Badan Zakat,Pimpinan Skenario Use Case Input Pengguna Dalam use case input pengguna, yang dilakukan admin adalah mengisi data pengguna serta memilih level/hak akses dari pengguna tersebut didalam sistem. Tabel 4.8 Skenario Use Case input pengguna Use Case : Input Pengguna Description : Use Case ini menangani penginputan data Actor : Admin Goal pengguna sesuai dengan hak akses masingmasing pengguna. : Untuk membuat user baru yang diharapkan dapat 52

13 Pre-condition Post-condition berinteraksi dengan sistem. : Melakukan peng-input-an nama user, password dan hak akses dari pengguna tersebut. : Menyimpan data pengguna pada database, serta menampilkan pesan Data berhasil diinput Skenario Use Case Input Data Daerah Penyaluran Zakat Dalam use case input data daerah penyaluran zakat, yang dilakukan admin adalah mengisi data daerah penyaluran zakat pada kota Pekanbaru, yaitu perkecamatan. Tabel 4.9 Skenario Use Case Input data daerah penyaluran zakat Use Case : Input data daerah penyaluran zakat Description Actor : Admin Goal : Use Case ini menangani penginputan data daerah penyaluran zakat kota Pekanbaru sesuai dengan kecamatan masing-masing. : Untuk membuat data daerah penyaluran zakat perkecamatan di Kota Pekanbaru. Pre-condition : Melakukan peng-input-an nama daerah penyaluran zakat Post-condition : Menyimpan data daerah penyaluran zakat pada database, serta menampilkan pesan Data berhasil diinput Skenario Use Case Input Data Mustahiq Perdaerah Dalam use case input data mustahiq perdaerah, yang dilakukan admin adalah mengisi mustahiq perdaerah yang berhak menerima zakat. Tabel 4.10 Skenario Use Case input data mustahiq perdaerah Use Case : Input data mustahiq perdaerah Description : Use Case ini menangani penginputan data Actor : Admin mustahiq perdaerah (perkecamatan). 53

14 Goal : Untuk membuat data mustahiq zakat per kecamatan di Kota Pekanbaru. Pre-condition : Melakukan peng-input-an data daerah, nama mustahiq, alamat mustahiq Post-condition : Menyimpan data mustahiq perdaerah pada database, serta menampilkan pesan Data berhasil diinput Skenario Use Case Cetak Laporan (Admin) Dalam use case cetak laporan, yang dilakukan admin adalah mencetak laporan bulanan dan tahunan dari kegiatan penyaluran zakat di kota Pekanbaru. Tabel 4.11 Skenario Use Case cetak laporan (admin) Use Case : Cetak laporan (Admin) Description : Use Case ini menangani pencetakan laporan data kegiatan zakat dalam kurun waktu perbulan dan pertahun. Actor : Admin Goal Pre-condition Post-condition : Untuk mencetak data kegiatan zakat dalam kurun waktu perbulan dan pertahun. : Melakukan peng-input-an data pencarian laporan perbulan/pertahun : Menampilkan data laporan dalam bentuk PDF. 54

15 Skenario Input Data Muzzaki Dan Zakat Dalam use case input data muzzaki dan zakat, yang dilakukan Baznas adalah mengisi form input data muzzaki dan zakat sesuai dengan akad yang terjadi sebelumnya. Tabel 4.12 Skenario Use Case Input data muzzakki dan zakat Use Case : Input data muzzaki dan zakat Description : Use Case ini menangani penginputan data Actor : Baznas muzzaki dan zakat perdaerah (perkecamatan). Goal : Untuk membuat data muzzaki dan zakat per Pre-condition kecamatan di Kota Pekanbaru. : Melakukan peng-input-an nama muzzaki, alamat muzzaki dan zakat dari muzzaki Post-condition : Menyimpan data muzzaki dan zakat pada database, serta menampilkan pesan Data berhasil diinput Skenario View Data Daerah Penyaluran Zakat Dalam use case view data daerah penyaluran zakat, yang dilakukan Baznas adalah melihat data daerah yang belum/telah mendapatkan penyaluran zakat, sehingga Baznas dapat mengikuti perkembangannya, dan mengikuti tata cara penyaluran zakat yang baik.. Tabel 4.13 Skenario Use Case view data daerah penyaluran zakat Use Case : View data daerah penyaluran zakat Description : Use Case ini menangani tampilan data daerah Actor : Baznas Goal Pre-condition penyaluran zakat kota Pekanbaru. : Untuk menampilkan data daerah penyaluran zakat kota Pekanbaru. : Melakukan pemilihan menu daerah penyaluran zakat Post-condition : Data daerah yang belum/telah menerima zakat 55

16 ditampilkan Skenario Input Status Daerah Penyaluran Zakat Dalam use case input status daerah penyaluran zakat, yang dilakukan Baznas adalah mengisi form status daerah penyaluran zakat sesuai dengan daerah yang diinginkan untuk dijadikan daerah penyaluran zakat bagi Baznas tersebut. Tabel 4.14 Skenario Use Case Input status daerah penyaluran zakat Use Case : Input status daerah penyaluran zakat Description Actor : Baznas Goal Pre-condition : Use Case ini menangani penginputan status daerah penyaluran zakat. : Untuk meng-update status daerah penyaluran zakat kota Pekanbaru. : Melakukan peng-input-an status daerah penyaluran zakat Post-condition : Menyimpan data status daerah penyaluran zakat pada database, serta menampilkan pesan Data berhasil diinput Skenario Input Status Tanda Terima Zakat Dalam use case input status tanda terima zakat, yang dilakukan Baznas adalah mengisi form status tanda terima zakat sesuai dengan pihak mustahiq yang telah menandatangani tanda terima zakat. Tabel 4.15 Skenario Use Case input status tanda terima zakat Use Case : Input status tanda terima zakat Description : Use Case ini menangani penginputan status tanda terima zakat Actor : Baznas Goal Pre-condition : Untuk meng-update status tanda terima zakat pada penyaluran zakat kota Pekanbaru. : Melakukan peng-input-an status tanda terima zakat 56

17 Post-condition : Menyimpan data status tanda terima zakat pada database, serta menampilkan pesan Data berhasil diinput Skenario Input Pengaduan Dalam use case input pengaduan, yang dilakukan Baznas adalah mengisi form pengaduan sesuai dengan keadaan yang terjadi dalam penyaluran zakat. Tabel 4.16 Skenario Use Case input pengaduan Use Case : Input pengaduan Description : Use Case ini menangani penginputan pengaduan Baznas Actor : Baznas penyaluran zakat terhadap keadaan yang terjadi dalam Goal : Untuk meng-input pengaduan Baznas terhadap Pre-condition keadaan yang terjadi dalam penyaluran zakat. : Melakukan peng-input-an judul dan isi pengaduan Post-condition : Menyimpan data pengaduan zakat pada database, serta menampilkan pesan Data berhasil diinput Skenario Use Case Cetak laporan (Baznas) Dalam use case cetak laporan, yang dilakukan Baznas adalah mencetak laporan bulanan dan tahunan dari kegiatan penyaluran zakat di kota Pekanbaru. Tabel 4.17 Skenario Use Case cetak laporan baznas Use Case : Cetak laporan (Baznas) Description : Use Case ini menangani pencetakan laporan data kegiatan zakat dalam kurun waktu perbulan dan pertahun. Actor : Baznas Goal Pre-condition : Untuk mencetak data kegiatan zakat dalam kurun waktu perbulan dan pertahun. : Melakukan peng-input-an data pencarian laporan 57

18 dalam waktu perbulan/pertahun Post-condition : Menampilkan data laporan dalam bentuk PDF Skenario View Informasi Pengaduan Baznas Dalam use case view informasi pengaduan Bazas, yang dilakukan Pimpinan adalah melihat data pengaduan zakat, sehingga Pimpinan dapat mengikuti perkembangannya, dan memberikan keputusan yang dapat membantu kedepannya. Tabel 4.18 Skenario Use Case view informasi pengaduan baznas Use Case : View informasi pengaduan baznas Description : Use Case ini menangani tampilan informasi Actor : Pimpinan pengaduan baznas kota Pekanbaru. Goal : Untuk menampilkan data informasi pengaduan Pre-condition Post-condition zakat kota Pekanbaru. : Melakukan pemilihan menu informasi pengaduan baznas : Data pengaduan zakat ditampilkan Skenario Use Case Cetak Laporan (Pimpinan) Dalam use case cetak laporan, yang dilakukan Pimpinan adalah mencetak laporan bulanan dan tahunan dari kegiatan penyaluran zakat di kota Pekanbaru. Tabel 4.19 Skenario Use Case cetak laporan pimpinan Use Case : Cetak laporan (Pimpinan) Description : Use Case ini menangani pencetakan laporan data kegiatan zakat dalam kurun waktu perbulan dan pertahun. Actor : Pimpinan Goal : Untuk mencetak data kegiatan zakat dalam kurun waktu perbulan dan pertahun. 58

19 Pre-condition Post-condition : Melakukan peng-input-an data pencarian laporan dalam kurun waktu perbulan/pertahun : Menampilkan data laporan dalam bentuk PDF. 4.7 Activity Diagram Untuk memenuhi kebutuhan sistem sesuai dengan analisis di atas, akan dibuat activity diagram yang menggambarkan langkah-langkah dalam aliran kerja yang dilakukan user Activity Diagram Login User Gambar 4.6 Activity Diagram Login Pengguna Sistem Activity Diagram Input Pengguna Gambar 4.7 Activity Diagram input pengguna 59

20 4.7.3 Activity Diagram Input Data Daerah Penyaluran Zakat Gambar 4.8 Activity Diagram input data daerah penyaluran zakat Activity Diagram Input Data Mustahiq Perdaerah Gambar 4.9 Activity Diagram input data mustahiq 60

21 4.7.5 Activity Diagram Cetak Laporan (Admin) Gambar 4.10 Activity Diagram cetak laporan Activity Diagram Input Muzzaki Dan Zakat Gambar 4.11 Activity Diagram input muzzakki 61

22 4.7.7 Activity Diagram View Daerah Penyaluran Zakat Gambar 4.12 Activity Diagram view daerah penyaluran zakat Activity Diagram Input Status Daerah Penyaluran Zakat Gambar 4.13 Activity Diagram input status daerah penyaluran zakat 62

23 4.7.9 Activity Diagram Input Status Tanda Terima Zakat Gambar 4.14 Activity Diagram input status tanda terima zakat Activity Diagram Input Pengaduan Gambar 4.15 Activity Diagram input pengaduan 63

24 Activity Diagram Cetak Laporan (Baznas) Gambar 4.16 Activity Diagram cetak laporan Activity Diagram View Informasi Pengaduan Bazas Gambar 4.17 Activity Diagram view informasi pengaduan badan zakat 64

25 Activity Diagram Cetak Laporan (Pimpinan) Gambar 4.18 Activity Diagram cetak laporan pimpinan 4. 8 Sequence Diagram Interaksi dari objek yang disusun dalam suatu urutan waktu / kejadian tertentu dalam suatu proses, dapat digambarkan dengan sequence diagram. Berikut penjelasan mengenai sequence diagram sistem informasi Badan Amil Zakat kota pekanbaru Sequence Diagram Input Pengguna Gambar 4.19 Sequence Diagram Login Pengguna Sistem 65

26 4.8.2 Sequence Diagram Input Data Daerah Penyaluran Zakat Gambar 4.20 Sequence Diagram data daerah penyaluran zakat Sequence Diagram Input Data Mustahiq Perdaerah Gambar 4.21 Sequence Diagram input data mustahiq perdaerah Sequence Diagram Cetak Laporan (Admin) 66

27 Gambar 4.22 Sequence Diagram cetak laporan (admin) Sequence Diagram Input Muzzaki Dan Zakat Gambar 4.23 Sequence Diagram input data muzzakki dan zakat Sequence Diagram View Daerah Penyaluran Zakat Gambar 4.24 Sequence Diagram view daerah penyaluran zakat Sequence Diagram Input Status Daerah Penyaluran Zakat Gambar 4.25 Sequence Diagram input status daerah penyaluran zakat 67

28 4.8.8 Sequence Diagram Input Status Tanda Terima Zakat Gambar 4.26 Sequence Diagram input status tanda terima zakat Sequence Diagram Input Pengaduan Gambar 4.27 Sequence Diagram input pengaduan 68

29 Sequence Diagram Cetak Laporan (Baznas) Gambar 4.28 Sequence Diagram cetak laporan (baznas) Sequence Diagram View Informasi Pengaduan Bazas Gambar 4.29 Sequence Diagram view informasi pengaduan badan zakat 69

30 Sequence Diagram Cetak Laporan (Pimpinan) Gambar 4.30 Sequence Diagram cetak laporan (admin) 4.9 Collaboration Diagram Diagram kolaborasi berbentuk seperti bintang, dengan beberapa objek yang berkomunikasi dengan sebuah objek pusat. Arsitek sistem menggunakan diagram ini untuk menyimpulkan bahwa sistem yang dibangun sangat tergantung pada objek pusat, dan merancang ulang objek-objek untuk mendistribusikan proses secara merata. Interaksi demikian akan sulit dilihat jika menggunakan diagram sekuensial saja. Berikut akan dijelaskan mengenai diagram kolaborasi: 70

31 4.9.1 Collaboration Diagram Login Admin Gambar 4.31 Colaboration Diagram Login Pengguna Sistem (admin) Collaboration Diagram Login Baznas Gambar 4.32 Colaboration Diagram Login baznas 71

32 4.9.3 Collaboration Diagram Login Pimpinan Gambar 4.33 Colaboration Diagram Login pimpinan Collaboration Diagram Input Pengguna Gambar 4.34 Colaboration Diagram input pengguna 72

33 4.9.5 Collaboration Diagram Input Data Daerah Penyaluran Zakat Gambar 4.35 Colaboration Diagram input data daerah penyaluran zakat Collaboration Diagram Input Data Mustahiq Perdaerah Gambar 4.36 Colaboration Diagram input data mustahiq perdaerah 73

34 4.9.7 Collaboration Diagram Cetak Laporan (Admin) Gambar 4.37 Colaboration Diagram cetak laporan (admin) Collaboration Diagram Input Muzzaki Dan Zakat Gambar 4.38 Colaboration Diagram input muzzakki dan zakat 74

35 4.9.9 Collaboration Diagram View Daerah Penyaluran Zakat Gambar 4.39 Colaboration Diagram view daerah penyaluran zakat Collaboration Diagram Input Status Daerah Penyaluran Zakat Gambar 4.40 Colaboration Diagram input status daerah penyaluran zakat 75

36 Collaboration Diagram Input Status Tanda Terima Zakat Gambar 4.41 Colaboration Diagram input status tanda terima zakat Collaboration Diagram Input Pengaduan Gambar 4.42 Colaboration Diagram input pengaduan 76

37 Collaboration Diagram Cetak Laporan (Baznas) Gambar 4.43 Colaboration Diagram cetak laporan (Baznas) Collaboration Diagram View Informasi Pengaduan Bazas Gambar 4.44 Colaboration Diagram view informasi pengaduan badan zakat 77

38 Collaboration Diagram Cetak Laporan (Pimpinan) Gambar 4.45 Colaboration Diagram cetak laporan (pimpinan) 4.10 Class Diagram Class Diagram adalah diagram yang menunjukkan kelas-kelas yang ada pada sistem informasi Badan Amil Zakat dan hubungannya secara logika. Class Diagram ini menggambarkan struktur statis dari sistem. 78

39 Gambar 4.46 Class Diagram Sistem Informasi badan amil zakat 4.11 Deployment Diagram Deployment/physical diagram menjelaskan hubungan antara software dan hardware yang ada serta menggambarkan detail bagaimana komponen di sebarkan dalam infrastruktur sistem, di mana komponen akan terletak pada mesin, server bagaimana kemampuan jaringan pada lokasi tersebut, spesifikasi server, dan hal-hal lain yang bersifat fisikal. Sebuah node adalah server, workstation, atau piranti keras lain yang digunakan untuk menyebarkan komponen dalam lingkungan sebenarnya. Hubungan antar node (misalnya TCP/IP) dan requirement dapat juga didefinisikan dalam diagram ini. Gambar 4.47 Deployment/physical diagram Sistem Informasi badan amil zakat 79

40 4.12 Perancangan Database Perancangan basis data (Database) yaitu perancangan yang terdiri atas pembuatan tabel yang didalamnya terdiri dari field data dan field kunci yang berdasarkan permasalahan awal. Sebuah database yang baik seharusnya memiliki hubungan antar tabel yang baik pula, dikarenakan tabel-tabel yang digunakan pada database tersebut saling berkaitan antara satu dengan yang lainnya. Berikut adalah hubungan antar tabel dari database sistem informasi badan amil zakat menggunakan pendekatan berorientasi objek. Tabel-tabel yang terdapat dalam database sistem informasi badan amil zakat menggunakan pendekatan berorientasi objek adalah sebagai berikut: Nama Database : db_sisfozakat Tabel User Tabel 4.20 User Nama Field Tipe Field Keterangan Id nama username password lokasi telepon level int (3) varchar (70) varchar (50) varchar(50) varchar(70) varchar(13) varchar (70) int(3) Kode user Nama lengkap user Username user Password user Lokasi user Nomor telepon user user Level user Tabel Pengaduan Tabel 4.21 Pengaduan Nama Field Tipe Field Keterangan id id_user judul isi bulan tahun int (3) int (3) varchar (70) text int (2) int (4) Kode pengaduan Id user Judul pengaduan Isi pengaduan Bulan pengaduan Tahun Pengaduan 80

41 Tabel Muzzaki Tabel 4.22 Muzzakki Nama Field Tipe Field Keterangan id id_user nama alamat zakat bulan tahun int (3) int (3) varchar (70) varchar (70) double Int (2) Int (4) Kode muzzaki Id user Nama muzzaki Alamat muzzaki Jumlah zakat Bulan Tahun Tabel Mustahiq Tabel 4.23 mustahiq Nama Field Tipe Field Keterangan id id_daerah status_tandaterima nama alamat bulan tahun int (3) int (3) int (3) varchar (70) varchar(70) Int (2) Int (4) Kode mustahiq Kode daerah Status tanda terima zakat Nama mustahiq Alamat mustahiq Bulan Tahun Tabel Pembagian Tabel 4.24 Pembagian Nama Field Tipe Field Keterangan id_mustahik id_muzzaki total_zakat int (3) int (3) int (20) Kode mustahik Kode muzzaki Total zakat yang diberikan 81

42 Tabel Daerah Penyaluran Zakat Tabel 4.24 Daerah Penyaluran Zakat Nama Field Tipe Field Keterangan id nama take_over int (3) varchar (70) int (3) Kode daerah Nama daerah Baznas mana yang mengambil alih 4.13 Perancangan Struktur Menu Berikut adalah struktur menu perancangan sistem informasi badan amil zakat pekanbaru terlihat pada gambar Gambar 4.48 Struktur Menu 82

43 4.14 Perancangan Antar Muka (Interface) Interface adalah sarana pengembangan sistem yang digunakan untuk membuat komunikasi yang luwes, dan konsisten antara sistem dengan pemakainya. Penekanan interface meliputi tampilan yang baik, mudah dipahami, dan tombol-tombol yang familiar Rancangan Halaman Umum Home Gambar 4.49 Halaman Umum Home Rancangan Halaman Umum Profil Gambar Halaman Umum Profil 83

44 Rancangan Halaman Umum Data Daerah Penyaluran Zakat Gambar 4.51 Halaman Umum data daerah penyaluran Zakat Rancangan Halaman Umum Nama Badan Zakat Gambar 4.52 Halaman Umum nama badan zakat 84

45 Rancangan Halaman Umum Lokasi BAZ Gambar 4.53 Halaman Umum lokasi BAZ Rancangan Halaman Umum Berita Gambar 4.54 Halaman Umum berita 85

46 Rancangan Halaman Umum Kontak Kami Gambar 4.55 Halaman Umum kontak kami Rancangan Halaman Login Gambar 4.56 Halaman Login User 86

47 Rancangan Halaman Utama Admin Gambar 4.57 Halaman utama admin Rancangan Halaman Konten Gambar 4.58 Halaman konten 87

48 Rancangan Halaman Profil Gambar 4.59 Halaman profil Rancangan Halaman Pengguna Gambar 4.60 Halaman pengguna 88

49 Rancangan Halaman Daerah Penyaluran Zakat Gambar 4.61 Halaman daerah penyaluran zakat Rancangan Halaman Mustahiq Perdaerah Gambar 4.62 Halaman mustahiq perdaerah 89

50 Rancangan Halaman Laporan Gambar 4.63 Halaman laporan Rancangan Halaman Utama Baznas Gambar 4.64 Halaman utama Baznas 90

51 Rancangan Halaman Muzzaki Dan Zakat Gambar 4.65 Halaman muzzaki dan zakat Rancangan Halaman Daerah Penyaluran Zakat Gambar 4.66 Halaman Daerah Penyaluran Zakat 91

52 Rancangan Halaman Tanda Terima Zakat Gambar 4.67 Halaman Tanda Terima Zakat Rancangan Halaman Pengaduan Gambar 4.68 Halaman Pengaduan 92

53 Rancangan Halaman Laporan Gambar 4.69 Halaman Laporan Rancangan Halaman utama Pimpinan Gambar 4.70 Halaman utama Pimpinan 93

54 Rancangan Halaman Informasi Pengaduan Baznas Gambar 4.71 Halaman Informasi Pengaduan Baznas Rancangan Halaman laporan Gambar 4.72 Halaman laporan 94