LAPORAN TA

BAB I PENDAHULUAN

1.1

Latar Belakang Masalah

Perkembangan teknologi informasi yang semakin pesat perlu diimbangi dengan sumberdaya manusia yang memadai dan berkualitas, sehingga manusia dapat mengimbanginya. Salah satu contoh dampak dari perkembangan teknologi informasi misalnya penggunaan komputer dalam bekerja. Perkembangan ini menjadi perhatian bagi kalangan lembaga sosial keagamaan seperti lembaga amil zakat, berbagai programnya pun bisa dikembangkan menjadi sistem yang kinerjanya menggunakan perangkat komputer, dan salah satu program tersebut adalah Sistem Informasi Pembayaran Zakat, Infaq dan Sedekah (ZIS). Sistem Informasi ZIS saat ini banyak digunakan, dan bisa membantu dalam pengelolaan datanya seperti memberikan laporan yang transparan dan secara kontinyu. Di Yayasan Rumah Santri Al-Ridwan Karawang sebagai lembaga sosial keagamaan yang telah memiliki lembaga amil zakat dengan programnya yaitu mengoptimalkan potensi ummat melalui ZIS dituntut untuk mengikuti perkembangan tersebut. Sesungguhnya zakat itu harus dikelola oleh lembaga amil zakat yang kredibel, yang amanah, yang transparan atau amil zakat yang memberikan laporan yang kontinyu kepada masyarakat (Hafidhuddin, 2008). Pelayanan ZIS saat ini pada Yayasan Rumah Santri Al-Ridwan Karawang transaksinya masih dilakukan secara manual menggunakan nota pembayaran ZIS yang melibatkan donatur dengan petugas penerimaan ZIS. Permasalahan yang muncul ketika nota tersebut hilang, sehingga dalam pendataan data donatur, jenis donasi dan jumlah donasi tidak direkap ke komputer, hal itu akan mengakibatkan tidak dapat memberikan laporan secara kontinyu terhadap masyarakat, serta dalam proses rekap juga memakan waktu yang lama dan tingkat kecepatan akses data (laporannya) jika dibutuhkan sewaktu-waktu bisa terlambat. Dengan dibuatnya Aplikasi Pembayaran ZIS berbasis web diharapkan mampu mengurangi permasalahan yang ada di atas. Maka penulis bermaksud menyusun Laporan Tugas Akhir dengan judul: “PERANCANGAN

SISTEM INFORMASI PEMBAYARAN ZAKAT, INFAQ DAN SEDEKAH BERBASIS WEB PADA YAYASAN RUMAH SANTRI AL-RIDWAN”.

1.2

Identifikasi Masalah Berdasarkan latar belakang diatas, maka identifikasi masalah adalah sebagai berikut : 1. Bagaimana mengatasi pengolahan laporan yang terlambat jika dibutuhkan sewaktu-waktu karena pengolahan data masih manual ? 2. Kenapa data penerimaan ZIS pada yayasan rumah santri tidak transparan ? 3. Bagaimana cara mengatasi laporan yang tidak kontinyu pada pembayaran ZIS karena bukti nota pembayaran hilang ?

1

2 1.3

Batasan Masalah Agar ruang lingkup sistem informasi pembayaran zakat, infaq dan sedekah ini tidak terlalu luas maka pembahasan akan dibatasi pada hal-hal sebagai berikut: 1. Aplikasi ini hanya menangani pembayaran ZIS. 2. Aplikasi sistem informasi pembayaran zakat, infaq dan sedekah ini akan digunakan oleh dua user yaitu : a. Donatur sebagai orang yang menginputkan data donasi dari identitas donatur, jenis donasi dan jumlah donasi pada sistem. b. Admin sebagai pengelola data donatur, laporan data donasi, laporan

penerimaan zakat, infaq, sedekah dan mencetak laporan data donasi dan laporan penerimaan donasi. 3. Sistem cetak data laporan data dan laporan penerimaan donasi langsung dari aplikasi pembayaran zakat. 4. Sistem ini belum terintegrasi dengan layanan bank. 5. Bahasa pemrograman yang digunakan yaitu menggunakan PHP dan media penyimpanan data menggunakan basis data MySQL. 1.4

Tujuan Tugas Akhir Tujuan tugas akhir ini adalah sebagai berikut :

1.4.1 Tujuan Umum a. Penulis 1. Untuk memperoleh pemahaman dan manfaat. 2. Untuk mendapatkan pengalaman. 3. Untuk memenuhi salah satu syarat kelulusan.

b. Lembaga STMIK Kharisma Karawang Untuk mengenalkan kepada Lembaga STMIK Kharisma Karawang tentang laporan tugas akhir sebagai bahan penilaian dalam akreditasi instansi. c. Yayasan Rumah Satri Al-Ridwan Karawang Sebagai bahan acuan bagi yayasan dalam pengambilan keputusan dalam mendayagunakan pemanfaatan teknologi sistem informasi zakat, infaq dan sedekah pada Yayasan Rumah Santri Al-Ridwan. d. Pembaca Memberikan wawasan dan pengetahuan sekilas tentang analisis zakat, infaq dan sedekah berbasis web. 1.4.2 Tujuan Khusus a. Sebagai sarana penambahan media pembayaran zakat, infaq dan sedekah melalui media komputerisasi. b. Dibangunnya sistem informasi zakat, infaq dan sedekah berbasis web

maka informasi data dan donasi pada Yayasan Rumah Santri semua Al-Ridwan Karawang daritransaksi mulai pengisian form data donatur sampai bukti transaksi akan terkomputerisasi. c. Dibangunnya sistem informasi zakat, infaq dan sedekah berbasis web untuk membantu admin penerima donasi pada aktivitas penerimaan donasi dengan media komputer tanpa mengurangi sistem yang telah ada sebelumnya yang dilakukan secara manual dalam pengisian form donasi.

3 d. Untuk mempermudah dalam pengolahan data yang selanjutnya digunakan sebagai laporan pertanggungjawaban atas transaksi penerimaan donasi. e. Untuk menghindari kehilangan bukti nota transaksi. 1.4.3 Tujuan Sebagai Salah Satu Syarat Kelulusan a. Mampu membentuk sikap mental ilmiah. b. Mampu mengidentifikasi dan merumuskan masalah penelitian yang berdasarkan rasional tertentu yang dinilai penting dan bermanfaat ditinjau dari beberapa segi. c. Mampu melaksanakan penelitian mulai dari penyusunan rancangan penelitian, pelaksanaan peneliltian, sampai pelaporan hasil penelitian. d. Mampu melakukan kajian secara kuantitatif dan kualitatif, dan menarik kesimpulan yang jelas serta mampu merekomendasikan hasil penelitiannya kepada pihak-pihak yang berkepentingan dengan pemecahan masalah itu. e. Mampu mempresentasikan hasil Tugas Akhir itu dalam forum seminar dan mempertahankannya dalam ujian lisan di ha da pa n tim dos en pen gu ji. 1.5

Manfaat Tugas Akhir Beberapa manfaat tugas akhir ini dilihat dari sudut pandang meliputi : 1. Bidang disiplin ilmu Manajemen Informatika Mengetahui peranan teknologi informasi dalam bidang pembelajaran khususnya pada perancangan sistem informasi pembayaran zakat, infaq dan sedekah berbasis web.

2. Dalam dunia pendidikan secara umum Perancangan sistem informasi pembayaran zakat, infaq dan sedekah berbasis web ini dapat menjadi referensi bagi dunia pendidikan yang dapat dijadikan suatu referensi untuk peneletian selanjutnya. 3. Masyarakat umum Untuk masyarakat tertentu dapat memperkenalkan dengan tujuan pemanfaatan teknologi informasi yang semakin berkembang mengikuti perkembangan zaman. 4. STMIK Kharisma Karawang Meningkatkan kemampuan mahasiswa dalam bidang komputer dan sebagai evaluasi dalam mengembangkan mutu pendidikan. 5. Penulis Menambah pengalaman dalam membangun sebuah sistem informasi yang cepat, tepat dan akurat. 1.6

Lokasi dan Waktu Penelitian Lokasi : Yayasan Rumah Santri Al-Ridwan Karawang Alamat : Jl. Pemancingan Ajo Pintu Aer Rt/Rw : 02/03 Desa Wadas Karawang Timur - Karawang Waktu : 01 February 2017 – 29 Juni 2017

4

1.7

Sistematika Penulisan Dalam penyusunan tugas akhir ini diharapkan dapat memperoleh suatu penyelesaian dan pembahasan permasalahan secara terinci dan sistematis. Oleh karena itu, dalam penulisannya digunakan sistematika penulisan.

BAB I

BAB II

BAB III

BAB IV

BAB V

PENDAHULUAN Dalam bab ini penulis mencoba menguraikan latar belakang masalah, identifikasi masalah, tujuan penelitian, manfaat penelitian, dan sistematika penulisan. TINJAUAN PUSTAKA Dalam bab ini berisi tentang uraian teori-teori yang mendukung pembahasan yang dibuat secara umum seperti pengertian perancangan, pengertian sistem, pengertian informasi, pengertian sistem informasi, analisis dan perancangan sistem informasi, pengertian infaq, zakat dan sedekah, pengertian website, pemrograman berbasis web dan tools. METODE PENELITIAN Berisi tentang bahan penelitian, alat penelitian, metode pengembangan sistem, perancangan sistem serta komponenkomponen pemodelan sistem yang digunakan. HASIL DAN PEMBAHASAN Bab ini membahas tentang tahapan atau langkah-langkah dalam implementasi sistem, disertai dengan komponen-komponen kebutuhan sistem. KESIMPULAN DAN SARAN Mengemukakan kesimpulan yang diambil dari penelitian dan perancangan sistem, serta saran-saran untuk pengembangan selanjutnya, agar dapat dilakukan perbaikan-perbaikan dimasa yang akan datang.

BAB II LANDASAN TEORI

2.1

Pengertian Perancangan Menurut Amran Md. Rasli dalam bukunya yang berjudul Pengurusan Teknologi. Perancangan adalah satu proses untuk membuat keputusan tentang apa yang perlu dilakukan organisasi (2005:5) 2.2

Pengertian Sistem Sistem didefinisikan menjadi 2 kelompok sistem, yaitu yang menekankan pada prosedurnya dan yang menekankan pada komponen atau elemenya. Pendekatan sistem yang lebih menekankan pada prosedur menurut Tata Subrati, S.Kom. M.M mendefinisikan sistem sebagai suatu jaringan kerja dari prosedur – prosedur yang saling berhubungan, berkumpul bersama – sama untuk melakukan suatu kegiatan atau untuk menyelesaikan suatu sasaran tertentu (2004:2). Sedangkan sistem yang lebih menekankan pada komponen atau elemennya, menurut Robert G. dalam buku Al-barha bin ladjamudin, mendefinisikan sistem sebagai seperangkat elemen-elemen yang terintegrasi dengan maksud yang sama untuk mencapai suatu tujuan bersama (2005:8). Dari beberapa pendapat diatas, dapat diambil kesimpulan bahwa suatu sistem memiliki beberapa komponen, dimana masing – masing komponen tersebut saling bekerja sama untuk mencapai suatu tujuan. 2.3

Pengertian Informasi Menurut Jogiyanto H.M dalam bukunya yang berjudul Pengenalan Komputer. Informasi adalah hasil dari kegiatan pengolahan data yang memberikan bentuk yang lebih berarti dari suatu kejadian (2010:3). Menurut Gordon B. Davis dalam buku Tata Sutabri, S. Kom., M.M, informasi adalah data yang telah diproses ke dalam suatu bentuk yang mempunyai arti bagi si penerima dan mempunyai nilai nyata dan terasa bagi keputusan saat itu atau keputusan mendatang (2012:1). Dari kedua pengertian diatas dapat disimpulkan bahwa informasi dapat didefinisikan sebagai hasil dari pengolahan data dalam suatu bentuk yang lebih berguna dan lebih berarti bagi penerimanya yang menggambarkan suatu kejadiankejadian yang nyata yang digunakan untuk pengambilan keputusan. 2.4

Pengertian Sistem Informasi Sistem informasi didefinisikan Robert A. Leitch dan K. Roscoe Davis

dalam buku Jogiyanto H.M, Sistem informasi adalah suatu sistem didalam suatu organisasi yang mempertemukan kebutuhan pengolahan transaksi harian, mendukung operasi, bersifat manajerial dan kegiatan strategi dari suatu organisasi dan menyediakan pihak luar tertentu dengan laporan - laporan yang diperlukan (2005: 11).

5

6

2.5 Pengertian Zakat, Infaq dan Sedekah 2.5.1 Pengertian Zakat (Didin Hafidhuddin, 1998) Dalam terminologi syariat (istilah) zakat adalah nama bagi sejumlah harta tertentu yang telah mencapai syarat tertentu yang diwajibkan oleh Allah SWT untuk dikeluarkan dan diberikan kepada yang berhak menerimanya dengan persyaratan tertentu pula. (Yusuf Qardhawi, 1993) Jumlah yang dikeluarkan dari kekayaan itu disebut zakat karena yang dikeluarkan itu menambah banyak, membuat lebih berarti, dan melindungi kekayaan itu dari kebinasaan. 2.5.2 Pengertian Infaq (Didin Hafidhuddin, 1998) Infaq berasal dari kata anfaqa yang berarti mengeluarkan sesuatu (harta) untuk kepentingan sesuatu. Termasuk ke dalam pengertian ini, infaq yang dikeluarkan orang - orang kafir untuk kepentingan agamanya. Sedangkan menurut terminologi syariat, infaq berarti mengeluarkan sebagian dari harta atau pendapatan / penghasilan untuk suatu kepentingan yang diperintahkan ajaran islam. Jika zakat ada nisabnya, infaq tidak mengenal nisab. Infaq dikeluarkan oleh setiap orang yang beriman, baik yang berpenghasilan tinggi maupun rendah, apakah ia disaat lapang maupun sempit. Jika zakat harus diberikan pada mustahik tertentu (8 asnaf) maka infaq boleh diberikan kepada siapa pun juga, misalnya untuk kedua orang tua, anak yatim, dan sebagainya. 2.5.3 Pengertian Sedekah (Didin Hafidhuddin, 1998) Shodaqoh atau sedekah berasal dari kata “shadaqa” yang berarti benar. Orang yang suka bersedekah adalah orang yang benar pengakuan imannya. Menurut terminologi syariat, pengertian sedekah sama dengan pengertian infaq, termasuk juga hukum dan ketentuan-ketentuannya. Hanya saja, jika infaq berkaitan dengan materi, sedekah memiliki arti lebih luas, menyangkut hal yang bersifat nonmateriil. Pengertian Web (Dhewiberta Hardjono, 2006) Website (Situs Web) merupakan fasilitas hiperteks untuk menampilkan data berupa teks, gambar, suara, animasi dan data multimedia lainnya. 2.6

2.7

Pemrograman Berbasis Web Pemrograman berasal dari kata program yang diberi awalan pe– dan akhiran –an. Dalam hal ini, program berarti program komputer. Pengertian program computer menurut John M. Zelle, Ph.D. dalam bukunya yang berjudul “Python Programming: An Introduction to Computer Science ” (2002, p1) adalah sekumpulan instruksi langkah per langkah yang memberitahukan mengenai yang harus dilakukan komputer secara tepat. 2.8

Bahasa Pemrograman PHP Menurut Priyanto Hidayatullah dan Jauhari Khairul Kawistara dalam bukunya yang berjudul Pemrograman Web. PHP (Hypertext Preprocessor) adalah suatu bahasa scripting khususnya digunakan untuk web development. Karena sifatnya yang server side scripting, maka untuk menjalankan PHP harus menggunakan web server. (2014 : 231).

7

2.9

Unified Modelling Language (UML)

Unified Modelling Language (UML) adalah salah satu standar bahasa yang banyak digunakan didunia industri untuk mendefinisikan requirement, membuat analisis dan desain, serta menggambarkan arsitektur dalam pemrograman berorientasi objek (Shalahuddin, 2013). 2.10

XAMPP Xampp adalah perangkat lunak bebas, yang mendukung banyak sistem operasi, merupakan kompilasi dari beberapa program. Fungsinya adalah sebagai

server yang berdiri sendiri ( localhost), yang terdiri atas program apache HTTP server, MySql database, dan penerjemah bahasa yang ditulis dengan bahasa pemrograman PHP dan perl, Nama XAMPP merupakan singkatan dari, X (Sistem operasi apapun), Apache, MySql, PHP, dan Perl, program ini tersedia dalam GNU General Public Lisence dan bebas, merupakan web server yang mudah digunakan yang dapat melayani tampilan halaman web yang dinamis. (Aditya, 2011). 2.11

CSS CSS merupakan singkatan dari Cascanding Style Sheet, yaitu sebuah fasilitas pemrograman HTML yang membantu pengaturan dan desain tampilan suatu web-page menjadi lebih baik (Untung Raharja, Augury El Rayeb, Asep Saefullah, 2009). 2.12

Software Testing

Software testing merupakan sebuah alat yang menjamin kualitas perangkat yang diterapkan untuk mengontrol kualitas produk perangkat lunak sebelum penyerahan atau instalasi pada pengguna. Software testing dapat diklasifikasikan berdasarkan konsep pengujian yaitu black box (fungsional) testing dan white box (struktural) testing (Galin, 2004). 2.12.1. Black Box Testing

Black box testing merupakan pengujian yang mengabaikan mekanisc internal sistem atau komponen dan hanya fokus pada output yang dihasilkan berdasarkan input yang diberikan. Black box testing mengidentifikasi bug sesuai dengan kesalahan software seperti yang terdapat dalam output error. Ketika output yang dihasilkan benar, black box testing mengabaikan jalur perhitungan internal dan pengolahan yang dilakukan (Galin, 2004). Beberapa faktor yang diuji dalam black box testing yaitu: 1. Operation factor test a) Correctness Terdiri dari documentation test dan availability test. Documentation test merupakan pengecekan desain dokumen yang berupa user manual.

b)

c)

availibility test merupakan Sedangkan diperlukan untuk mendapatkan informasi. waktu reaksi atau waktu yang Reliability Pengujian yang dilakukan untuk mengetahui waktu rata-rata kesalahan dan downtime Efficiency Pengujian yang dilakukan untuk mengetahui performa sistem ketika berada didalam beban maksimal ketika dioperasikan.

8

Integrity Pengujian untuk mengetahui keamanan didalam sistem. e) Usability Terdiri dari training usability test dan operational usability test yang merupakan pengujian ketika digunakan oleh pengguna. 2. Transnition factor a) Portability Pengujian yang menguji environment sebuah software dapat berjalan diberbagai macam hardware yang berbeda. d)

b)

Reusability Sebagai modul atau bagian program dapat dikembangkan di kemudian hari atau dapat digunakan oleh program lain.

2.12.2. White Box

Testing

White box testing merupakan pengujian yang memperhitungkan mekanisme internal sistem atau komponen.white box testing menguji jalur perhitungan internal untuk mengidentifikasi bug dengan menyelidiki kebenaran struktur kode (Galin, 2004).

BAB III METODE PENELITIAN 3.1

Bahan Penelitian Bahan penelitian yang akan digunakan dalam penelitian ini yaitu seluruh data yang berkaitan dengan pembelian dan penjualan obat seperti jenis-jenis obat, data stok obat, data laporan penjualan obat. 3.2

Alat Penelitian Alat penelitian yang digunakan dalam penelitian ini meliputi perangkat keras (hardware) dan perangkat lunak (software).

No 1

2

No 1 2 3 4 5 6

Tabel 3.1 Perangkat keras (hardware) Deskripsi Laptop (Sistem Komputer) Suatu alat yang terdiri atas satu perangkat yang memiliki papan tombol ( keyboard), layar tampilan, dan microprocessor dengan spesifikasi processor CPU Intel Core i3; Memory 2048mb RAM Alat yang digunakan untuk mencetak Printer tampilan monitor ke kertas dan informasi yang dicetak dapat berupa teks dan gambar.

H ardware

Tabel 3.2 Perangkat lunak (software) Deskripsi Apache Web server open source MySQL Database Management System PHP Bahasa pemrograman Notepad ++ Editing kode program atau menulis kode program Web Browser Mozilla Firefox Enterprise Architect Digunakan untuk membuat diagram dalam permodelan analysis design.

Software

9

10 Metode Pengembangan SistemSDLC Waterfall Metode perancangan sistem yang digunakan dalam penelitian ini yaitu SDLC (System Development Life Cycle) waterfall meliputi beberapa tahap yaitu 3.3

project planning phase, analysis phase, design phase, implementation phase, dan support phase seperti gambar berikut:

Project Planning Phase

Analysis

Design

Phase

Phase

Implementation Support Phase Phase

Gambar 3.1 The Waterfall Approach to TheSDLC (Satzinger et al., 2010) 3.3.1

Project Planning Phase Gambar 3.1 SDLC Waterfall Menurut Satzinger dkk

Project Planing Phase

3.3.1

Tahapan ini adalah tahap perencanaan, yang akan dilakukan adalah dengan mengidentifikasi masalah, pengumpulan data, menganalisis teori, pembuatan jadwal, mencari solusi dan mendefinisikan kebutuhan yang ditunjukan pada tabel 3.3 Tabel 3.3 Tahapan Project Planning Phase No Tahapan Deskripsi 1

Identifikasi Masalah

2

Pengumpulan data

Mengidentifikasi masalah diantaranya : 1. Bagaimana prosedur sistem pembayaran zakat, infaq dan sedekah. 2. Belum diterapkannya sistem terkomputerisasi dalam pemasukan data doantur, pencarian data laporan, pencetakan bukti transaksi, laporan pertanggal transaksi. 3. Bagaimana prosedur sistem pembayaran zakat, infaq dan sedekah setelah diterapkannya sistem baru dengan menggunakan metode pengembangan sistem menggunakan System Development Life Cycle (SDLC) Waterfall ? 1. Melakukan wawancara kepada pembina yayasan sebagai pendamping penelitian. 2. Melakukan riset/observasi yaitu proses pengamatan langsung dilapangan yang sedang berjalan, kemudian dilakukan pencatatan

11 terhadap suatu objek atau masalah tertentu yang sedang dianalis. 3. Metode studi pustaka yaitu mengumpulkan data dengan mencari landasan-landasan teori dan referensi pendukung yang sesuai dengan obyek yang dijadikan penelitian untuk mendukung kelengkapan data lain.

3.3.2

3

Menganalisis teori

4

Pembuatan jadwal

5

Menentukan solusi

6

Mengidentifikasi Kebutuhan

Menganalisis seluruh data-data donatur, data pembayaran, laporan penerimaan. Menganalisis teori mengenai sistem informasi berbasis OOA (Object Oriented Approach) dan menggunakan metode SDLC Waterfall dari ebook, melakukan review jurnal penelitian terkait sistem pembayaran zakat, infaq dan sedekah pemrograman web. Membuat rancangan rencana berjangka dan target pembuatan sistem informasi pembayaran zakat, infaq dan sedekah. Membangun aplikasi sistem informasi yang akan digunakan untuk proses pembayaran dan penerimaan zakat, infaq dan sedekah. Menentukan tools yang akan digunakan untuk sistem ini baik dari hardware maupun software.

Analysis Phase

Analysis phase adalah tahap untuk memahami dan mendokumentasikan kebutuhan bisnis dan persyaratan pengolahan sistem baru. Dalam tahap analisis akan didefinisikan dalam bentuk grafis dari analysis sistem berjalan dan analisis sistem ajuan dan rincian sebagai berikut : 3.3.2.1 Analisis Sistem Berjalan Untuk analisis sistem berjalan digambarkan dalam bentuk flowchart dan tabel deskripsi.

12

Mulai

Formulir Donasi

Mengisi Formulir Donasi

Menyetorkan formulir dan dana

Selesai

Gambar 3.1 Alur Analisis Sistem Pembayaran Zakat Tabel 3.4 Tahapan sistem pembayaran No 1

Tahapan

Formulir pembayaran

Proses pengisian formulir pembayaran donasi oleh donatur

Deskripsi

2

Setoran

Proses menyerahkan formulir pembayaran donasi dan uang sesuai dengan jumlah donasi.

13

Mulai

Formulir donasi dan jumlah uang donasi

Rekap data donasi dan jumlah uang donasi

Data penerimaan zakat, infaq dan sedekah

Membuat Laporan Pertanggung Jawaban (LPJ)

Tidak

Periksa dan LPJ

LPJ sesuai?

Ya

Tanda tangani LPJ

Selesai

Gambar 3.2 Alur Analisis Sistem Penerimaan Zakat Tabel 3.5 Tahapan Sistem Penerimaan No 1

Tahapan

Formulir pembayaran

Deskripsi

Proses penerimaan formulir dan jumlah uang donasi pembayaran dari donatur

14 2

Rekap data

Proses rekap data dari formulir pembayaran donasi oleh admin penerimaan zakat, infaq dan sedekah

3

Membuat Laporan Proses yang dilakukan bendahara yaitu Pertanggung Jawaban (LPJ) membuat Laporan Pertanggung Jawaban (LPJ) terhadap data yang telah diterima dari para donatur.

4

Periksa dan menandatangani Proses memeriksa dan menandatangani Laporan Pertanggung Pertanggung Jawaban (LPJ) apakah sudah Jawaban (LPJ) sesuai atau memastikan tidak ada data yang salah.

3.3.2.2 Analisis Sistem Ajuan Menganalisis sistem ajuan menggunakan Object Oriented Approach (OOA). Bertujuan untuk memecahkan permasalahan yang sedang terjadi dan memperbaiki sistem menjadi lebih baik. Adapun tahapan dari analisis sistem ajuan yaitu : 1. System Activities (Use Case Description and Actor, Scenario, Use Case Diagram). 2. Class Diagram (Class Definition, Class Relation). 3. Object Interaction (Sequence Diagram). 4. Object Behavior (Activity Diagram) 3.3.3

Design Phase Design phase adalah tahap untuk merancang sistem solusi berdasarkan

persyaratan yang ditetapkan dan keputusan yang dibuat selama analisis. Desain sistem dapat menggunakan Traditional approach atau Object Oriented Approach (OOA). Desain yang di maksud seperti desain basisdata dengan menentukan struktur tabel dalam basisdata, desain proses yang menggambarkan proses sistem melakukan eksekusi dengan berbagai validasi, dan desain antar muka yang yang akan digunakan oleh pengguna sistem. 3.3.4 I mplementation Phase Implementation phase adalah tahap akhir untuk membangun, menguji dan menginstal sistem dimana sistem siap untuk dioperasikan. Adapun hal utama yang harus diperhatikan dalam membuat implentasi yaitu : 1. Membangun perangkat lunak. 2. Verifikasi dan pengujian. 3. Mengkonversi data. 4. Melatih pengguna dan mendokumentasikan sistem. 5. Menginstal sistem Setiap program mengalami pengujian secara pribadi untuk memastikan bahwa sistem yang telah dibuat bisa bebas dari kesalahan (bug), walaupun tidak menutup kemungkinan masih sedikit bug atau tidak 100% bebas dari bug, namun pengujian ini setidaknya bisa meminimalisir kesalahan yang terjadi. Pengujian system dilakukan dengan dua tahap yaitu pengujian white box dan black box. Pengujian white box dilakukan pada pengecekan perancangan sistem, mengetahui cara kerja sistem secara internal agar operasi-operasi internal pada sistem sesuai dengan spesifikasi yang telah ditetapkan. Sedangkan pengujian black box yaitu suatu pendekatan untuk menguji apakah setiap fungsi didalam

15 program dapat berjalan dengan benar. Berikut ini proses yang dilakukan dalam pengujian ini yaitu: 1. Fungsi-fungsi yang tidak benar, baik input maupun output 2. Kesalahan interface 3. Kesalahan dalam struktur data atau akses database 3.3.5 Support Phase Support phase adalah tahap untuk menjaga sistem berjalan secara produktif awalnya dan selama bertahun-tahun seumur hidup sistem, melakukan pembaruan dan memelihara sistem setelah dijalankan. Adapun tiga hal utama yang harus dilakukan pada support phase yaitu memelihara sistem, meningkatkan sistem dan dukungan dari pengguna itu sendiri.

BAB IV HASIL DAN PEMBAHASAN 4.1

Project Planing Phase

Pada tahapan project planing phase dihasilkan rincian setiap aktivitas yang dilakukan. Adapun hasil dari tahapan ini seperti tabel berikut. Tabel 4.1 Project Planing Phase No

Tahapan

Deskripsi

1

Identifikasi Masalah

2

Pengumpulan data

4

Pembuatan jadwal

5

Menentukan solusi

6

Mengidentifikasi Kebutuhan

4.2

Diterapkannya aplikasi sistem pembayaran ZIS berbasis web memudahkan proses pengelolaan laporan data donatur, laporan data donasi yang transparan dan kontinyu. 1. Mendapatkan data mengenai proses pembayaran ZIS. 2. Mengetahui prosedur pengolahan laporan data donasi dan donatur. 3. Memperoleh data melalui studi pustaka dan menerapkanya untuk solusi. Jadwal pembuatan dan pengenalan sistem informasi pembayaran ZIS selang waktu 6 bulan sesuai waktu yang ditentukan. Dapat membantu pengelola ZIS dalam mengelola data donatur dan donasi 1. Perangkat keras yang digunakan a. Laptop/komputer sebagai alat untuk menampilkan sistem b. Printer sebagai alat untuk mencetak laporan dan bukti transaksi 2. Perangkat lunak: windows 7, notepad ++, xammp, web browser, Enterprise Architect 7.5, MS. Office visio.

Analysis Phase

Dalam tahapan analisis, telah ditentukan metode yang akan digunakan yaitu penggunaan Object Oriented Analysis (OOA). 4.2.1 Analysis System Untuk analisis sistem menggunakan OOA. 4.2.1.1 Definisi Aktor Berikut adalah devinisi aktor yang ada di dalam sistem infromasi pembayaran ZIS, yaitu: admin dan donatur.

Tabel 4.2 Definisi Aktor Aktor

Admin

Deskripsi

Merupakan orang yang berinteraksi dengan sistem dan yang memiliki hak akses penuh terhadap sistem informasi pembayaran zakat, infaq dan

16

17

Donatur

sedekah Merupakan orang yang berinteraksi dengan sistem dan yang melakukan donasi

4.2.1.2 Definisi Use Case

Tabel 4.3 Definisi Use Case

Use Case Login

Deskripsi Merupakan proses masuk ke dalam sistem dengan

memasukkan dan Password untuk mendapatkan hakUsername akses pada sistem. Kelola Donatur Merupan proses input, edit, hapus dan simpan data donatur didalam sistem. Merupan proses input, hapus dan simpan data donasi Kelola Donasi didalam sistem. Kelola Jenis Merupan proses input, hapus edit dan simpan data jenis donasi didalam sistem. Donasi Kelola Laporan Merupan proses lihat data donasi didalam sistem serta cetak laporan donasi dan cetak bukti transaksi. Donasi Kelola Laporan Merupan proses lihat data donatur didalam sistem serta cetak laporan donatur. Donatur Merupakan proses input nama, jenis kelamin, tempat Tambahkan lahir, tanggal lahir, alamat dan nomor handphone pada Data Donatur sistem. Merupakan pengisian opsi pembayaran zakat, infaq Input Donasi

Logout

atau sedekah yang akan dilakukan oleh donatur pada sistem. Merupakan proses keluar dari sistem.

4.2.1.3 Skenario Use Case Tabel 4.4 Skenario Use Case Login

Use Case

Login

Login ke sistem untuk mendapatkan hak akses Aktor memilih login pada halaman utama admin Trigeri ng E vent Ketika user memilih untuk login ke sistem maka sistem akan Deskripsi Singkat menampilkan halaman sesuai dengan status user Admin Aktor Admin Stakeholders Kondisi Sebelum Aktor harus mengisi Username dan Password Kondisi Sesudah Aliran Aktivitas Aktor Sistem Input Username dan Cek Username dan Password Password Menampilkan halaman sesuai autentifikasi Kondisi Kesalahan Jika Admin salah memasukkan Username dan Password, maka Admin akan dikembalikan ke halaman login dan diminta untuk memasukkan Username dan Password kembali Skenario

Tabel 4.5 Skenario Use Case Kelola Donasi

18

Use Case

Kelola Halaman Web Donatur

Mengelola halaman data donasi Aktor memulai berdonasi Ketika Admin memulai melakukan donasi akan menampilkan persetujuan atau kesediaan admin dan menampilkan tombol donasi Admin Admin Aktor mengisi formulir donasi Adanya interaksi admin dengan sistem

Skenario

Trigeri ng E vent Deskripsi Singkat

Aktor

Stakeholders Kondisi Sebelum Kondisi Sesudah Aliran Aktivitas

Aktor

Sistem

Menampilkan admin Kondisi Kesalahan

halaman

web

-

Tabel 4.6 Skenario Use Case Kelola Donatur Use Case Skenario


Trigeri ng E vent Deskripsi Singkat Aktor

Stakeholders Kondisi Sebelum Kondisi Sesudah

Mengelola halaman data donatur Aktor memulai berdonasi Ketika Admin memulai menambah data donatur, maka akan menampilkan form tambah donasi Admin Admin Aktor mengisi formulir donasi Adanya interaksi admin dengan sistem

Aliran Aktivitas Kondisi Kesalahan

Aktor

MenampilkanSistem halaman admin

web

-

Tabel 4.7 Skenario Use Case Kelola Jenis Donasi

Use Case Skenario




Mengelola halaman data jenis donasi Aktor memulai menambah data jenis donasi Ketika Admin memulai menambah data jenis donasi, maka akan menampilkan form tambah jenis donasi Admin Admin Aktor mengisi formulir donasi Adanya interaksi admin dengan sistem Aktor

Sistem

Menampilkan admin Kondisi Kesalahan

-

halaman

web

19 Tabel 4.8 Skenario Use Case Kelola Laporan Data Donasi

Use Case Skenario


Stakeholders Kondisi Sebelum Kondisi Sesudah

Kelola Data Laporan Donasi

Mengelola data laporan donasi Aktor memilih opsi data laporan donasi Ketika Admin akan mencetak dan menyimpan data laporan donasi, maka data laporan donasi akan ditampilkan Admin Admin Aktor mencatat data laporan donasi dalam formulir Adanya penambahan data laporan donasi yang telah tersimpan di dalam basisdata pada sistem

Aliran Aktivitas

Aktor

Sistem

Input Username dan Cek Username dan Password Password Memilih Menu Data Menampilkan data laporan Laporan Donasi donasi Klik Tombol Print Mencetak data laporan donasi Data Donatur Klik Tombol Simpan Menyimpan data laporan donasi Data Donatur kedalam perangkat komputer Kondisi Kesalahan Jika Admin salah memasukkan Username dan Password maka admin akan dikembalikan ke halaman Login dan diminta memasukkan Username dan Password kembali Jika Admin batal mencetak dan menyimpan data laporan donasi maka akan dikembalikan pada halaman sistem admin

Tabel 4.9 Skenario Use Case Kelola Laporan Data Donatur

Use Case

Kelola Data Donatur

Skenario

Mengelola data donatur

Trigeri ng E vent

Aktor memilih opsi data donatur

Deskripsi Singkat

Ketika Admin akan mencetak dan menyimpan data donatur, maka data donatur akan ditampilkan

Aktor

Admin

Stakeholders

Admin.

Kondisi Sebelum

Aktor mencatat data donatur dan jumlah doansi ke dalam formulir

Kondisi Sesudah

Adanya penambahan data donatur yang telah tersimpan di dalam basisdata pada sistem

Aliran Aktivitas

Aktor

Input Username dan Password Memilih Menu Donatur Klik Tombol Print Data Donatur Klik Tombol Simpan

Sistem

Cek Username dan Password Menampilkan data donatur Mencetak data donatur Menyimpan

data

donatur

20

Kondisi Kesalahan

Data Donatur kedalam perangkat komputer Jika Admin salam memasukkan Username dan Password maka admin akan dikembalikan ke halaman Login

dan diminta

memasukkan Username dan Password kembali Jika Admin batal mencetak dan menyimpan data donatur maka akan dikembalikan pada halaman sistem admin

Tabel 4.10 Skenario Use Case Tambah Data Donatur

Use Case Skenario


Aktor


Isi Data Diri

Menginput data diri Aktor menginput data diri Tersedia field-field input data diri mencakup id, nama, jenis kelamin, tempat lahir, tanggal lahir, alamat rumah, nomor handphone dan no identitas yang akan di isi oleh donatur Donatur Admin Tersedia formulir data diri pada sistem Aktor

Sistem

Mengklik tombol Menampilkan halaman depan donasi pada halaman web donatur web donatur Memilih tambah data Menampilkan halaman formulir donatur Melakukan input data diri mencakup id, nama, jenis kelamin, tempat lahir, tanggal lahir, alamat rumah, nomor handphone dan no identitas donatur Klik tombol simpan

data donatur Menampilkan verifikasi fieldfield sesuai dengan input data

Menyimpan data donatursebagai anggota donasi pada database sistem admin Kondisi Kesalahan Jika Donatur kembali pada proses sebelumnya, maka akan kembali pada halaman awal web donatur Jika Donatur batal melanjutkan proses tambah data donatur donasi maka akan dikembalikan pada halaman web utama donatur

Tabel 4.11 Skenario Use Case Input Donasi

Use Case Skenario


Pilih Jenis Donasi

Input data pembayaran donasi Aktor menginput data pembayaran donasi Donatur menginput id donatur, tanggal donasi, jenis donasi dan jumlah donasi yang nantinya sebagai data untuk kemudian dikelola sebagai data pembayaran donasi oleh admin penerima

21

Aktor


donasi Donatur Admin Aktor mengisi data pembayaran donasi pada formulir donasi Tersedia jenis pembayaran donasi pada sistem Aktor

Sistem

Mengklik tombol Menampilkan form input data donasi pada halaman pembayaran donasi web donatur Menginputkan data Menampilkan pesan sukses pembayaran donasi input data pembayaran donasi dan menyetujui Kondisi Kesalahan Jika Donatur batal melanjutkan proses donasi maka akan dikembalikan pada halaman awal web donatur

Tabel 4.12 Skenario Use Case Logout

Use Case Skenario



Logout Logout ke sistem untuk bisa keluar User memilih logout pada halaman utama Ketika user memilih untuk logout ke sistem maka sistem akan keluar Admin Admin Aktor

Sistem

Klik tombol logout

Menampilkan halaman sesuai autentifikasi Kondisi Kesalahan Apabila Admin batal untuk keluar, maka Admin dikembalikan ke halaman utama

akan

22 4.2.1.4 Use

CaseDiagram

class zakat onlin e System Pembayaran Zakat Berbasis Web

Login

«include»

Kelola Donatur

«include»

«include» «include» «include»

Kelola Donasi

Tambah Data Donatur «include»

«include» «include»

Admin

Donatur

«include»

«include»

Kelola Jenis Donasi

«include»

Input Donasi «include»

«include»

Kelola Laporan Donasi

Cetak Bukti Transaksi

«extend»

«extend»

Cetak Laporan Donasi

Kelola Laporan Donatur «extend»

Cetak Laporan Donatur

Logout

Gambar 4.1 Use Case Diagram

23 4.2.1.5 Squence Diagram 1. Squence Diagram Tambah Data Donatur sd Donatur tambah

Donatur

Donatur

tambahDataDonatur()

Sukses Input Data()

Gambar 4.2 Squence Diagram Tambah Data Donatur 2. Squence Diagram Lihat Data Donatur sd Donatur tampil

Donatur

Donatur

tampilDonaturSemua() Menampilkan Data Donatur()

Gambar 4.3 Squence Diagram Lihat Data Donatur

24 3. Squence Diagram Input Data Donasi sd Donasi input

Donatur

Donasi

comboNamaDonatur()

comboJenisDonasi()

simpanDonasi()

Sukses Melakukan Pembayaran()

Gambar 4.4 Squence Diagram Input Data Donasi 4. Squence Diagram Lihat Data Donasi sd Donasi tampil

Donatur

Donasi

tampilDonasi()

Menam pil kan Data Donasi()

Gambar 4.5 Squence Diagram Lihat Data Donasi

25 5. Squence Diagram Login Admin sd login admin

Adm in

Datab ase

User

connectMySQL() get_sesi()

cek_login()

Ke halaman utama() Maaf, User Atau Password Anda salah !!()

Gambar 4.6 Squence Diagram Login 6. Squence Diagram Tambah Data Donatur sd Donatur tambah

Admi n

Databa se

User

Donatu r


cek_login()

tambahDataDonatur()

Sukses Input Data()

Gambar 4.7 Squence Diagram Tambah Data Donatur

26 7. Squence Diagram Lihat Data Donatur sd Donatur tampil

Admi n

Database

User

Donatu r

connectMySQL()

get_sesi()

cek_login()

tampilDonaturSemua()

Ke Halaman Tampil Data Donatur()

Gambar 4.8 Squence Diagram Lihat Data Donatur 8. Squence Diagram Edit Data Donatur sd Donatur edit

Admi n

Database

User

Donatur


cek_login() bacaDataDonatur()

updateDataDonatur()

Data Donatur Sudah di Update()

Gambar 4.9 Squence Diagram Edit Data Donatur

27 9. Squence Diagram Hapus Data Donatur sd Donatur hapus

Admi n

Databa se

User

Donatu r

connectMySQL()

get_sesi()

cek_login()

hapusDonatur()

Data Donatur Sudah di Hapus()

Gambar 4.10 Squence Diagram Hapus Data Donatur 10. Squence Diagram Input Data Donasi sd Donasi input

Admi n

Database

User

Donasi


cek_login()

comboNama()

comboJenisDonasi()

simpanDonasi()

Ke Halaman Tampil Data Donasi()

Gambar 4.11 Squence Diagram Input Data Donasi

28 11. Squence Diagram Lihat Data Donasi sd Donasi tampil

Adm in

Datab ase

User

Donasi

connectMySQL()

get_sesi()

cek_login()

tampilDonasi()

Ke Halaman T ampil Data Donas i()

Gambar 4.12 Squence Diagram Lihat Data Donasi 12. Squence Diagram Hapus Data Donasi sd Donasi hapus

Adm in

Database

User

Donasi


cek_login()

tampilDonasi() hapusDonasi()

Data Donasi Sudah d i Hapus()

Gambar 4.13 Squence Diagram Hapus Data Donasi

29 13. Squence Diagram Detail Data Donasi sd Donasi detail

Admi n

Databa se

User

Donasi

Bayar

connectMySQL()

get_sesi()

cek_login()

tampilDonasi() tampilBayar()

tampilBayarDonatur()

Ke Halaman Tampil

Data D etail()

Gambar 4.14 Squence Diagram Detail Data Donasi 14. Squence Diagram Tampil Data Jenis Donasi sd Jenis donasi tampil

Admi n

Database

User

jeni sDonasi


cek_login() tampilJenisDonasi()

Halaman T ampil Data Jenis Donasi()

Gambar 4.15 Squence Diagram Tampil Data Jenis Donasi

30 15. Squence Diagram Tambah Data Jenis Donasi sd Jenis donasi simpan

Adm in

Databa se

User

jen isDonasi


cek_login()

tambahJenisDonasi()

Sukses Tambah Jenis Donasi()

Gambar 4.16 Squence Diagram Tambah Data Jenis Donasi 16. Squence Diagram Edit Data Jenis Donasi sd Jenis donasi edit

Adm in

Datab ase

User

jen isDonasi

connectMySQL()

get_sesi()

cek_login()

bacaJenisDonasi()

updateJenisDonasi()

Data Jenis Donasi sudah diupdate()

Gambar 4.17 Squence Diagram Edit Data Jenis Donasi

31 17. Squence Diagram Hapus Data Jenis Donasi sd Jenis donasi hapus

Admi n

Database

User

jen isDonasi


cek_login()

hapusJenisDonasi()

Data Jenis Donasi sudah dihapus()

Gambar 4.18 Squence Diagram Hapus Data Jenis Donasi 18. Squence Diagram Logout Admin sd logout donatur

Admi n

Databa se

User


cek_login()

[Berhasil]:Ke halaman utama()

user_logout()

Gambar 4.19 Squence Diagram Logout Admin

32 4.2.1.6 Activity Diagram 1. Activity Diagram Tambah Data Donatur act donatur tamb ah D o n a tu r

S i s te m

Buka Halaman Utama

Pilih Menu Donatur

Menampilkan Halaman Utama

Menampilkan Halaman Donatur

Klik Tambah Donatur

Menampilkan Form Tambah Donatur

Klik Simpan

Simpan Data

Gambar 4.20 Activity Diagram Tambah Data Donatur 2. Activity Diagram Lihat Data Donatur act donatur lihat D o n a t ur

S i s te m

Buka Halaman Utama

Pilih M enu Donatur



Gambar 4.21 Activity Diagram Lihat Data Donatur

33 3. Activity Diagram Input Data Donasi act donasi tambah D o n a tu r

S i s te m

Buka Halaman Utama

Pilih Menu Donasi


Menampilkan Halaman Donasi

Klik Tambah Data Donasi

Menampilkan Form Tambah Data

[Tidak]

Simpan Data

Validasi

Simpan Data [Ya]

Gambar 4.22 Activity Diagram Tambah Data Donasi 4. Activity Diagram Lihat Data Donasi act lihat donasi D o n a tu r

S i s te m

Buka Halaman Utama

Pilih Menu Donasi



Klik Lihat Data Donasi

Menampilkan Data Donasi

Gambar 4.23 Activity Diagram Lihat Data Donasi

34 5. Activity Diagram Login Admin act login Ad m i n

Buka Halaman Utama

S i s te m

Menampilkan Halaman Utama dan Form Login

Masukan Username dan Password [Tidak]

Validasi

[Ya] Menampilkan Halaman Utama

Gambar 4.24 Activity Diagram Login Admin 6. Activity Diagram Tambah Data Donatur act donatur tambah Ad mi n

S i s te m

Buka Halaman Login



Validasi

[Ya]

Pilih M enu Donatur



Klik Tambah Donatur

Menampilkan Form Tambah Donatur

Klik Simpan

Simpan Data

Gambar 4.25 Activity Diagram Tambah Data Donatur

35 7. Activity Diagram Lihat Data Donatur act donatur lihat Admi n

Si s te m

Buka Halaman Login



Validasi

[Ya]

Pilih Me nu Donatur



Gambar 4.26 Activity Diagram Lihat Data Donatur 8. Activity Diagram Edit Data Donatur act donatur edit Admin

Sistem

Buka Halaman Login



Validasi

[Ya]

Pilih M enu Donatur



Menampilkan Form Data Donatur

Klik Edit Donatur

[Tidak]

Klik Update

Valida si

Simpan Data [Ya]

Gambar 4.27 Activity Diagram Edit Data Donatur

36 9. Activity Diagram Hapus Data Donatur act donatur hapus Admin

Sistem

Buka Halaman Login



Validasi [Ya] Menampilkan Halaman Utama

Pilih Menu Donatur


Menampilkan Form Data Donatur

Klik Hapus Donatur

[Tidak] Validasi

Hapus Data [Ya]

Gambar 4.28 Activity Diagram Hapus Data Donatur 10. Activity Diagram Input Data Donasi act donasi tambah Admin

Sis tem

Buka Halaman Utama



Validasi

[Ya] Menampilkan Halaman Utama

Pilih Menu Donasi


Klik Tambah Data Donasi

Menampilkan Form Tambah Data

[Tidak] Simpan Data

Validasi

Simpan Data [Ya]

Gambar 4.29 Activity Diagram Input Data Donasi

37 11. Activity Diagram Lihat Data Donasi act lihat donasi Admi n

S i s te m

Buka Halaman Login


Masukan Username dan Password

[Tidak]

Validasi

[Ya]

Pilih Menu Donasi



Klik Lihat Data Donasi

Menampilkan Data Donasi

Gambar 4.30 Activity Diagram Lihat Data Donasi 12. Activity Diagram Hapus Data Donasi act donasi hapus Admi n

S i s te m

Buka Halaman Login



Validasi

[Ya]

Pilih Menu Donasi



Klik Lihat Donasi

Menampilkan Halaman Data Donasi

Klik Hapus

[Tidak]

Validasi

[Ya]

Menampilkan Detail Donasi

Gambar 4.31 Activity Diagram Hapus Data Donasi

38 13. Activity Diagram Detail Data Donasi act donasi hapus Adm i n

S i s te m

Buka Halaman Login



Validasi

[Ya]

Pilih Menu Donasi



Klik Lihat Donasi

Menampilkan Halaman Data Donasi

Klik Detail

Menampilkan Detail Donasi

Gambar 4.32 Activity Diagram Detail Data Donasi 14. Activity Diagram Tampil Data Jenis Donasi act jenis donasi tampil Ad m i n

Buka Halaman Login

S i s te m



Validasi

[Ya]

Pilih Menu Jenis Donasi


Menampilkan Halaman Jenis Donasi

Gambar 4.33 Activity Diagram Tampil Data Jenis Donasi

39 15. Activity Diagram Tambah Data Jenis Donasi act donasi tambah Ad m i n

S i s te m

Buka Halaman Login



Vali dasi

[Ya] Pilih Menu Jenis Donasi



Klik Tambah Data Jenis Donasi

Tampil Form Tambah Data Jenis Donasi

Isil Form Tambah Data Jenis Donasi

[Tidak]

Klik Simpan

Validasi

Simpan Data [Ya]

Gambar 4.34 Activity Diagram Tambah Data Jenis Donasi 16. Activity Diagram Edit Data Jenis Donasi act donatur edit Adm i n

S i s te m

Buka Halaman Login



[Tidak]

Valida si [Ya] Pilih Menu Jenis Donasi



Klik Edit Jenis Donasi

Menampilkan Form Data Jenis Donasi

[Tida k] Klik Update

Valida si Simpan Data

[Ya]

Gambar 4.35 Activity Diagram Edit Data Jenis Donasi

40 17. Activity Diagram Hapus Data Jenis Donasi act donatur hapus Ad m i n

S i s te m

Buka Halaman Login



[Tidak]

Validasi [Ya] Pilih Menu Jenis Donasi



Klik Hapus Jenis Donasi

[Tidak]

Valida si

Hapus Data

[Ya]

Gambar 4.36 Activity Diagram Hapus Data Jenis Donasi 18. Activity Diagram Logout Admin act logout Ad m i n

Masuk Halaman Utama Admin

S is te m

Menampilkan Menu Utama Admin

Pilih Menu Logout

Menampilkan Halaman Login

Gambar 4.37 Activity Diagram Logout Admin

41 4.2.1.7 Class Diagram class System

User

j enisDonas i +

field

+ +

id_pokok jenis

+ + + + +

tampi lJeni sDonasi() : void bacaJeni sDonasi() : void update JenisDonasi() : void hapusJenisD onasi() : void tamba hJenisDonasi() : void

+ +

user password

+ + +

cek_lo gin() : void get_ sesi() : voi d user_log out() : void

Database +

Bayar + + + +

field nodon setoran id_dnt

+ +

tampi lBayar() : void ambi lBayarDonatur() : void

connectMySQL () : void

Donasi Donatur

+ + + + + + + +

id_dns no tgl setoran jumlah id_dnt nomor nodon

+ + + + + + +

tampi lDonasi() : void ambil Nama() : void comboNam a() : void comboJen isDonasi() : void sim panDonasi() : void tampi lDonasiFilte r() : void hapusDonasi() : void

+ + + + + + + + + +

keyword field id_dnt nama ktp tmpt_lahir tgl alamat telpon email

+ + + + + +

tampilDonaturSemua() : void tampi lDonatu rFilter() : void bacaDataDonatur() : void update DataDonatur() : void hapusDonatur() : void tamba hDataDonatur() : void

Gambar 4.38 Class Diagram

42 4.2.2 Perancangan Sistem Informasi

Perancangan sistem informasi input dan output untuk sistem penerimaan zakat, infaq dan sedekah pada Yayasan Rumah Santri Al-Ridwan Karawang terbagi menjadi 2 (dua) menu utama yaitu: Data Donatur dan Data Laporan Donasi.

HOME

DONASI

LOGO

DONATUR

LOGIN

Deskripsi tentang yayasan rumah santri alridwan dan visi misi

No rekening yayasan dan alamat yayasan

Gambar 4.39 Perancangan Form Halaman Donatur

HOME

DONASI

DONATUR

LOGIN

Gambar 4.40 Perancangan Form Input Data Donatur

43

HOME

DONASI

DONATUR

LOGIN

LAPORAN DATA DONATUR Cari Id Donatur

Tambah Data Donatur

No

ID Donatur

Tmpt, Tgl

Nama

Alamat

cari

Telpon

Lahir

1.

YRS00001

Makrus

Indramayu, 20/06/1993

Jakarta

087883567656

Gambar 4.41 Perancangan Form Lihat Data Donatur

HOME

DONASI

DONATUR

LOGIN

Lihat Data Donasi

Gambar 4.42 Perancangan Form Pilih Input Data Donasi

44 Sukses !!! Data Berhasil Gambar 4.43 Perancangan Pesan Sukses Simpan Data

HOME

DONASI

DONATUR

LOGIN

LAPORAN DONASI Cari No Donasi

No

No. Donasi

1.

YRS00001

Tgl. Donasi

Nama Donatur

28/08/2017

Makrus

Jenis Donasi

Sedekah

cari

Jumlah

100.000

Gambar 4.44 Perancangan Form Lihat Data Donasi Masukan Username dan Password

Username Password Login

Cancel

Gambar 4.45 Perancangan Form Login

HOME

DONASI

DONATUR

JENIS DONASI

LAPORAN

KELUAR

DONASI

LOGO

DONATUR

Deskripsi tentang yayasan rumah santri alridwan dan visi misi

No rekening yayasan dan alamat yayasan

Gambar 4.46 Perancangan Form Menu Utama

45

HOME

DONASI

DONATUR

JENIS DONASI

LAPORAN

KELUAR

DONASI DONATUR Tambah Data

No 1. 2.

Jenis Donasi Sedekah Infaq

Aksi Edit | Hapus Edit | Hapus

Gambar 4.47 Perancangan Form Jenis Donasi

HOME

DONASI

DONATUR

JENIS DONASI

LAPORAN

KELUAR

DONASI DONATUR

LAPORAN DATA DONATUR

No

Id Donatur

No Identitas

1

YRS00001

43E57026143008

Cetak

Nama

Makrus

L/P

L

Alamat

Jakarta

Hp

087883567656

Simpan

Gambar 4.48 Perancangan Form Data Donatur

HOME

DONASI

DONATUR

JENIS DONASI

LAPORAN DONASI DONATUR

LAPORAN DATA DONASI

KELUAR

46

No

1

Tanggal

Id Donatur

Nama

20/06/2017

YRS00001

Makrus

Cetak

L/P

Jenis Donasi

Jumlah

L

Infaq

500000

Aksi

Cetak

Simpan

Gambar 4.49 Perancangan Form Data Laporan Donasi

Bukti Pembayaran

LOGO Tanggal Setor No. Donasi Id Donatur Nama Hp. Alamat

: 20/06/2017 : ZIS00001 : YRS00001 : Makrus Ade S. : 087883567656 : Jl. Soekarno-Hatta Jakarta

Tanggal : 01/01/2017

Jenis Donasi 1. Zakat Maal

Jumlah : Rp. 50.000

Disetujui Oleh Donatur,

Dibuat Oleh Bendahara,

(............................)

(...............................)

Gambar 4.50 Perancangan Form Kwitansi Bukti Pembayaran

LOGO

KELUAR

Silahkan Pilih Menu Gambar 4.51 Perancangan Form Logout

47 4.2.3 4.3.1

Design Phase Desain Antar Muka

Gambar 4.52 Form Awal Donatur

Gambar 4.53 Form Input Donasi

Gambar 4.54 Pesan Sukses Donasi

48

Gambar 4.55 Form Laporan Data Donasi

Gambar 4.56 Form Data Donatur

Gambar 4.57 Form Input Data Donatur

49

Gambar 4.58 Pesan Sukses Input Data

Gambar 4.59 Login Admin

Gambar 4.60 Form Awal Admin

50

Gambar 4.61 Form Jenis Donasi

Gambar 4.62 Form Tambah Data Jenis Donasi

51

Gambar 4.63 Form Laporan Data Donasi

Gambar 4.64 Form Cetak Bukti Transaksi

52

Gambar 4.65 Form Cetak Laporan Data Donasi

Gambar 4.66 Form Laporan Data Donatur

53

Gambar 4.67 Form Cetak Laporan Data Donatur 4.3.2

Desain Basisdata 1. Tabel Admin DBMS yang digunakan Nama Basisdata

Nama Tabel Fields Kunci : id Indeks Primer Indeks Sekunder Metode pengurutan data Tipe Tabel

: phpMyAdmin : donasi : admin : :: Ascending : Master

Tabel 4.13 Admin Nama F ields

No.

Type

Ukuran

Int

3

id admin

Deskripsi

1

id

2

nama

Varchar

25

Nama admin

3

email

Varchar

50

Email admin

4

kelamin

Varchar

8

Jenis kelamin admin

5

user

Varchar

25

Username sebagai login admin

6

password

Varchar

255

Password sebagai login admin

7

access_id

Int

2

54 8

login_hash

Varchar

50

2. Tabel Donatur DBMS yang digunakan : phpMyAdmin Nama Basisdata : donasi Nama Tabel : donatur Fields Kunci : id Indeks Primer Indeks Sekunder Metode pengurutan data Tipe Tabel

: nama :: Ascending : Master

Tabel 4.14 Donatur Nama Field

No.

Type

Ukuran

Deskripsi

1

id

Varchar

8

Primary Key

2

nama

Varchar

25

Nama donatur

3

ktp

Varchar

30

No identitas donatur

4

tmpt_lahir

Varchar

50

Tempat lahir donatur

5

tgl_lahir

Date

Tanggal lahir donatur

6

alamat

Text

Alamat donatur

7

telpon

Varchar

15

No kontak donatur

8

email

Varchar

50

Email donatur

3. Tabel Jenis Donasi DBMS yang digunakan Nama Basisdata Nama Tabel Fields Kunci : id Indeks Primer Indeks Sekunder Metode pengurutan data Tipe Tabel

: phpMyAdmin : donasi : jenis_donasi : jenis :: Ascending : Master

Tabel 4.15 Jenis Donasi No

1 2

Nama Field

id jenis

Jenis

Varchar Varchar

Ukuran

2 20

Keterangan

Primary Key Jenis donasi

55 4. Tabel Setoran DBMS yang digunakan Nama Basisdata Nama Tabel Fields Kunci : no Indeks Primer Indeks Sekunder Metode pengurutan data Tipe Tabel

: phpMyAdmin : donasi : t_setoran : :: Ascending : Transaksi

Tabel 4.16 Setoran No

Nama Field

Jenis

Ukuran

1

no

Varchar

2

tgl

Date

3

setoran

Varchar

20

Jenis Setoran

4

jumlah

Int

11

Jumlah Donasi

5

id

Varchar

8

Id Donatur

4.2.4

8

Keterangan

Primary Key Tanggal pada saat transaksi

I mplementation Phase

Implementation Phase adalah tahapan untuk membangun, menguji dan menginstal sistem dimana sistem siap untuk dioperasikan. 4.4.1

Pengujian Blackbox

Testing

Blackbox testing adalah pengujian yang dilakukan hanya mengamati hasil eksekusi program melalui data uji dan memeriksa fungsional dari perangkat lunak. Blackbox hanya menguji fungsionalitasnya tanpa mengetahui apa sesungguhnya yang terjadi dalam proses detilnya (hanya mengetahui input dan output). Tabel 4.17 Tabel Pengujian Blackbox Testing

No

Fungsi

Kriteria

Pengujian Pengamatan Kesimpulan Admin

1.

2.

3.

4.

Kelola login

Ketepatan Kegunaan

Input data

Ketepatan

donasi

Kegunaan

Input data donatur

Ketepatan Kegunaan

Kelola laporan donasi

Ketepatan Kegunaan

Sesuai dengan fungsi Sesuai dengan fungsi Sesuai dengan fungsi Sesuai dengan fungsi

Donatur

Admin

Donatur

Gambar. 4.63

OK Sesuai dengan fungsi Sesuai dengan fungsi

Pengujian Black Box

Gambar. OK OK

OK

OK

4.57

OK

Gambar. 4.61 Gambar. 4.67

56 5.

Kelola cetak bukti transaksi Kelola laporan donatur

6.

4.4.2

Ketepatan Kegunaan

Sesuai dengan fungsi

Ketepatan Kegunaan

Sesuai dengan fungsi

OK

OK

Gambar. 4.68

Gambar. 4.70

Whitebox Testing

White box testing merupakan pengujian yang memperhitungkan mekanisme internal sistem atau komponen.white box testing menguji jalur perhitungan internal untuk mengidentifikasi bug dengan menyelidiki kebenaran struktur kode (Galin, 2004). 1. Pseudocode index.php 1

2

3

4

5 6

7

connectMySQL(); // cek apakah user login atau tidak via method if($user->get_sesi()) { header("location:dashboard.php"); } if($_SERVER["REQUEST_METHOD"] == "POST") { $login=$user->cek_login($_POST['username'], $_POST['passwd' if($login) { // login sukses, arahkan ke file admin.php header("location:dashboard.php"); } else { // login gagal, beri peringatan dan kembali ke file index.php ?> <script language="javascript"> alert("Maaf, User Atau Password Anda salah!!"); document.location="index.php";
8

}

57 2. Flowgraph Dibawah ini adalah gambar flowgraph yang ditunjukan pada gambar sebagai berikut. 1

2

3

4

5

6

7

8

Gambar 4.68 Flowgraph Cyclomatic Complexy V (G) a. V(G) = R = 2 b. V(G) = E-N+2 = 8-8+2 =2 Dimana E (edge(sisi)): No. Path 1 1-2, 2-3, 3-4, 4-5, 5-6, 6-8 2 1-2, 2-3, 3-4, 4-7, 7-8 Jumlah Edge (sisi) c. V(G) = P+1 = 1+1 =2 Keterangan: V(G) = cyclomatic complexity untuk flow graph G E = Jumlah edge (panah) N = Jumlah node (lingkaran) P = Jumlah predicate node

Edge (sisi) 6 5 11

BAB V KESIMPULAN DAN SARAN

3.1 Kesimpulan Setelah penulis melakukan kegiatan Kerja Praktek pada Yayasan Rumah Santri Al-Ridwan Karawang hasil yang penulis dapat yaitu mengenai sistem Pembayaran Zakat, Infaq dan Sedekah, ternyata dalam sistem pembayaran zakat,

infaq dan sedekah transaksinya dilakukan secara langsung menggunakan nota pembayaran zakat, infaq dan sedekah yang melibatkan donatur dengan petugas penerimaan zakat, infaq dan sedekah tanpa perantara. Yang dalam pengolahan data belum secara otomatis terkomputerisasi dan perlu melakukan penginputan data dari nota pembayaran donatur. Berdasarkan analisa yang dijabarkan maka dapat disimpulkan bahwa : 1. Telah dibuat program sistem informasi pembayaran ZIS, yang hasil dari programnya yaitu mengelola laporan data donatur dan laporan data donasi menjadi lebih cepat. 2. Dengan dibuatnya sistem informasi pembayaran ZIS berbasis web, sehingga data penerimaan ZIS akan transparan kepada masyarakat. 3. Dalam menyelesaikan masalah kehilangan nota bukti pembayaran ZIS. Aplikasi ini menyimpan transaksi pembayaran ZIS ke dalam komputer secara otomatis dan memberikan laporan secara berkesinambungan. 3.2 Saran Melihat permasalahan yang ada mengenai proses penerimaan zakat, infaq dan sedekah pada Yayasan Rumah Santri Al-Ridwan Karawang maka ada beberapa saran diantaranya : 1. Pembuatan program dengan berbasis database agar proses pengolahan data penerimaan ZIS lebih efisien dan efektif. 2. Menambahkan Sumber Daya Manusia dalam bidang information technology (IT) untuk pemanfaatan sistem teknologi informasi seperti sistem informasi pembayaran ZIS berbasis web.

58

59 DAFTAR PUSTAKA

Alan, Nur, Aditya. 2011. Perancangan dan Implementasi Sistem Basis Data. Yogyakarta : Penerbit Andi. Amran, MD Rasli, dan Ahmad, Shukri, Mohd, Nain. 2005. Pengurusan Teknologi. Malaysia: Universiti Teknologi Malaysia. A.S Rosa,. Shalahudin, Muhammad. 2014. Rekayasa Perangkat Lunak, Penerbit Bandung Informatika Ariesto, Hadi, Sutopo. 2002. Analisis dan Desain Berorientasi Objek, Yogyakarta : Edisi Pertama, Penerbit J&J Learnin Galin, Daniel. 2004. Software Quality Assurance. Pearson Education Limited, England. Hafidhuddin, Didin, Panduan Praktis Tentang Zakat, Infak, dan Sedekah, Jakarta: Gema Insani, 2008. Hardjono, Dhewiberta. 2006. Menguasai Pemrograman Web dengan PHP 5, Andi Offset : Yogyakarta. Hidayatullah, Priyanto, Kawistara, Khairul, Jauhari. 2014. Pemrograman Web, Bandung : Informatika Bandung. H.M Jogiyanto. 1989. Bagan Alir Sistem, Analisis & Desain, Yogyakarta, Penerbit Andi : Yogyakarta H.M Jogiyanto. 2005. Analisis dan Desain Sistem Informasi, Andi Offset : Yogyakarta. H.M Jogiyanto. 2010. Pengenalan Komputer, Andi Offset : Yogyakarta. Kamisa, Drs (2013). Kamus Besar Bahasa Indonesia, Surabaya : Cahaya Agency. Maslihah. 2016. Sistem Penerimaan Zakat, pada Gerai Zakat , Cemerlang : Karawang. Rahardja, Untung,. Rayeb El Augury,. Saefullah, Asep. 2009. Siapa Saja Bisa Membuat Website dengan CSS dan HTML, Yogyakarta : Andi Offset. Satzinger, John W., Jackson, Robert B., Burd, Stephen D. 2010. System Analysis and Design in a Changing World , Fourth Edition, Thomson Course Technology, Cananda. STMIK Kharisma Karawang. Panduan Pelaksanaan dan Pelaporan Skripsi dan Tugas Akhir,Tahun Akademik 2017 Suryadi. 1996. Pengenalan Komputer, Jakarta : Gunadarma. Sutabri, Tata. 2004. Analaisis Sistem Informasi, Yogyakarta : Andi Offset.

LAPORAN TA

Recommend Documents