BAB III PEMBAHASAN. dan fungsi dari masing-masing bagian dalam struktur organisasi di BAZNAS Kota

(1)

16

BAB III PEMBAHASAN

3.1.Tinjauan Perusahaan

Tinjauan perusahaan menjabarkan tentang sejarah perusahan, struktur organisasi dan fungsi dari masing-masing bagian dalam struktur organisasi di BAZNAS Kota Sukabumi. Dalam pembahasan ini, akan dijabarkan secara detail sejarah perusahaan mulai dari awal berdiri sampai dengan saat ini.

3.1.1. Sejarah Perusahaan

Sejak thn 1938 telah berdiri pondok pesantren Gunung puyuh dengan KH.Ahmad Sanusi, Seorang Ulama pejuang Nasional dan telah mengembangkan pengelola zakat melalui Baitul Maal pondok pesantren. Setelah kemerdekaan dengan walikota yang pertama R.Syamsudin,SH dilaksanakan zakat di masyarakat melalui petugas kepenghuluan.Sejak tahun 1968 di Kota Sukabumi dibentuk BAZ (Badan Amil Zakat). Tahun 1992 di rubah menjadi BAZIS ( Badan Amil Zakat Infak Shodaqoh ).

Tahun 1999 terkait Undang-Undang Nomor 38 tahun 1999 dibentuk BAZIS dengan ketua KH.Maman Abdurrahman dan tahun 2010 diangkat pengurus BAZIS dengan Ketuanya Drs. KH. Muchtar Ubaedillah sampai tahun 2014. Tahun 2014- 2015 Pjs Pengurus BAZNAS Kota Sukabumi. Dan mulai 1 Januari 2016 diangkat Pimpinan ( Komisoner ) BAZNAS Kota Sukabumi Masa Bakti 2016-2021 dengan SK Walikota Sukabumi Nomor 01 Tahun 2016 yo. Perubahan dengan SK Walikota Sukabumi Nomor 138 Tahun 2016 Tanggal 18 November 2016 dengan Ketua BAZNAS Kota Sukabumi periode 2016 – 2021 Bapak Ir.H.Fifi Kusumajaya., MM.

(2)

dengan beberapa struktur Wakil ketua sebagaimana Wakil Ketua I bidang Pengumpulan K.H Idim Taufiq M.AG, Wakil ketua II bidang Pendistribusian dan pendayagunaan Drs.K.H Muchtar Ubaedillah. dan Wakil ketua III Bidang Perencanaan Keuangan, pelaporan,administrasi dan sumber daya manusia oleh Drs.

Much Kusoy. M.M.pd

BAZNAS Kota Sukabumi juga memiliki visi misi yaitu:

a. Visi BAZNAS Kota Sukabumi:

Menjadi lembaga pengelola zakat yang Unggul, Amanah, Mensucikan dan Mensejahterakan.

b. Misi BAZNAS Kota Sukabumi:

1) Melakukan perbaikan peningkatan kualitas secara terus menerus dalam pengelolaan zakat, infaq dan sedekah

2) Mengoptimalkan secara terukur pengumpulan zakat dengan pelayanan terbaik.

3) Menerapkan sistem manajemen keuangan yang transfaran dan akuntabel berbasis teknologi informasi dan komunikasi terkini.

4) Menerapkan sistem pelayanan prima kepada seluruh pemangku dan pemanfaat zakat.

5) Menggerakan da'wah,sosialisasi dan publikasi untuk pencitraan BAZNAS terpercaya.

6) Terlibat aktif dalam tanggap bencana dan kondisi keritis.

7) Mewujudkan zakat sebagai instrumen pembangun melalui masyarakat taat zakat, berperadaban zakat.

(3)

3.1.2. Struktur Organisasi

Sumber: https://baznas.sukabumikota.go.id/struktur-organisasi/

Gambar III.1 Stuktur Organisasi BAZNAS Kota Sukabumi Fungsi dari tiap-tiap bagian sebagai berikut:

1. Ketua

a. Memberi arah kebijakan dan masukan untuk kemajuan Baznas.

b. Memberi suatu ide atau program dalam pengembangan Baznas.

2. Satuan Audit Internal

a. Memberikan perlindungan dan pengayoman.

b. Memberikan dorongan, saran-saran dan bantuan moril maupun materil.

c. Melakukan Audit keuangan.

3. Wakil Ketua I Bidang Pengumpulan

a. Melaksanakan pengelolaan administrasi kesekretariatan.

b. Melakukan koordinasi antar pengurus Baznas Kota Sukabumi.

4. Wakil Ketua II Bidang Pendayagunaan

a. Merumuskan, menetapkan dan mengembangkan Baznas.

(4)

5. Wakil Ketua III Bidang Adm, SDM, Pelaporan Keuangan a. Mengelola keuangan

b. Membuat laporan keuangan.

3.2. Tinjauan Kasus

Dalam pengelolaan kas pada BAZNAS Kota Sukabumi ini terdapat sistem yang sedang berjalan, dimana sistem yang berjalan saat ini masih dikerjakan secara manual.

3.2.1. Proses Bisnis Sistem Berjalan

Disini Wakil Ketua III (Waka III) berperan juga dalam mengurusi semua keuangan dan transaksi yang terjadi. Prosedur sistem pengelolaan kas di dalam BAZNAS Kota Sukabumi meliputi:

1. Proses Pencatatan Kas Masuk

Bendahara akan mencatat kas masuk berdasarkan bukti dana yang masuk baik itu dari uang infak, uang zakat dari masyarakat (muzakki) didalam buku kas masuk.

2. Proses Pencatatan Kas Keluar

Staf Umum mengajukan dan mengusulkan untuk pembelian peralatan maupun perbaikan, maka bendahara akan membelanjakan uang untuk barang yang dibutuhkan. Lalu setelahnya dicatat dalam buku kas keluar.

3. Proses Pembuatan Laporan

Bendahara akan membuatkan laporan kas setelah mendapatkan data kas masuk dan kas keluar selama sebulan, kemudian laporan kas akan diberikan kepada ketua Baznas Kota Sukabumi.

(5)

3.2.2. Activity Diagram

1. Activity Diagram Proses Pencatatan Kas Masuk

Gambar III.2 Activity Diagram Pencatatan Kas Masuk 2. Activity Diagram Proses Pencatatan Kas Keluar

act Activ ity Diagram Proses Pencatatan Kas Masuk

Bendahara Masyarakat

Mulai

Memberikan dana zakat/infak

Menerima Dana Zakat/Infak

Catat Dana Masuk

Selesai

(6)

Gambar III.3 Activity Diagram Pencatatan Kas Keluar 3. Activity Diagram Proses Pembuatan Laporan

Gambar III.4 Activity Diagram Proses Pembuatan Laporan

3.2.3. Dokumen Masukan

act Activ ity Diagram Proses Pencatatan Kas Keluar

Bendahara Staf Umum

Mulai

Mengaj ukan Pembelian Peralatan

Menerima Pengaj uan

Mencatat Dana Keluar

Memberikan Dana Menerima Dana

Selesai

act Activ ity Diagram Proses Pembuatan Laporan

Ketua Bendahara

Mulai

Rekap Laporan Pemasukan dan Pengeluaran Kas

Menerima Laporan

Selesai

(7)

Dokumen masukan yaitu dokumen yang diarsipkan untuk menjadi sebuah acuan dalam pencatatan dan sebagai proses input sistem. Berikut ini dokumen masukan yang ada dalam sistem pengelolaan kas:

1. Bukti Kas Masuk

Nama Dokumen : Bukti Kas Masuk

Fungsi : Sebagai bukti pencatatan kas masuk

Sumber : Masyarakat

Tujuan : Bendahara

Media : Kertas

Jumlah : 1 Rangkap

Frekuensi : Setiap melakukan pencatatan kas masuk Bentuk : Lihat Lampiran A.1

2. Bukti Kas Keluar

Nama Dokumen : Bukti Kas Keluar

Fungsi : Sebagai bukti pencatatan kas keluar

Sumber : Bendahara

Tujuan : Staf Umum

Media : Kertas

Jumlah : 1 Rangkap

Frekuensi : Setiap melakukan pencatatan kas keluar Bentuk : Lihat Lampiran A.2

3.2.4. Dokumen Keluaran

Dokumen keluaran merupakan proses akhir dari kegiatan pencatatan kas masuk dan kas keluar, adapun dokumen keluaran tersebut sebagai berikut:

(8)

1. Laporan Kas Masuk dan Kas Keluar

Nama Dokumen : Laporan Kas Masuk dan Kas Keluar

Fungsi : Sebagai bukti pencatatan kas masuk dan keluar

Sumber : Bendahara

Tujuan : Ketua Baznas

Media : Kertas

Jumlah : 2 Rangkap

Frekuensi : Setiap bulan

Bentuk : Lihat Lampiran B.1 3.2.5. Permasalahan Pokok

Dari tahapan-tahapan yang terjadi, terdapat permasalahan pokok pada proses pengelolaan kas pada Baznas Kota Sukabumi dari awal proses sistem hingga akhir sistem. Adapun permasalahan pokok tersebut diantaranya:

1. Pengelolaan kas nya masih menggunakan buku kerja dimana dalam pencatatan nya masih menggunakan buku kerja.

2. Dalam pencatatan yang masih menggunakan buku kerja mengakibatkan seringnya terjadi kesalahan-kesalahan seperti salah memasukan data.

3. Baznas Kota Sukabumi masih menggunakan buku kerja dalam pengerjaan pengelolaan kas nya, sehingga memakan waktu yang cukup lama, tentu saja hal ini kurang efektif dan efisien.

3.2.6. Pemecahan Masalah

Untuk pemecahan masalah tersebut, maka diusulkan alternatif pemecahan masalah dengan menggunakan sistem pengelolaan kas yang terkomputerisasi dan tersimpan di sebuah database. Adapun alternatif pemecahan masalah diantaranya:

(9)

1. Agar dalam pencatatan pengelolaan kas dapat terjaga dengan baik maka pengelolaan kas pada Baznas Kota Sukabumi dapat di implementasikan menjadi pengelolaan kas berbasis web.

2. Pengelolaan kas dapat di input kedalam database dan tersimpan di dalam database agar data pengelolaan kas tersebut tidak hilang atau rusak dan mengurangi kesalahan yang akan terjadi dalam penginputan pengelolaan kas.

3. Sistem pengelolaan kas berbasis web dapat memudahkan bendahara BAZNAS dalam pengerjaan penginputan data pengelolaan kas agar lebih efektif dan efisien.

3.3. Analisa Kebutuhan Software 3.3.1. Analisa Kebutuhan

Analisa kebutuhan software dilakukan untuk melihat kebutuhan apasaja yang diperlukan untuk sistem. Berikut ini analisa kebutuhan software yang akan diusulkan dengan beberapa prosedur dintaranya:

Halaman Admin

A.1. Admin dapat mengelola menu login A.2 Admin dapat mengelola menu kas tunai

A.2.1. Admin dapat mengelola kas masuk A.2.2. Admin dapat mengelola kas keluar A.3. Admin dapat mengelola menu laporan A.4 Admin dapat mengelola menu pengaturan

A.4.1. Admin dapat mengelola saldo awal A.4.2. Admin dapat mengelola kategori kas A.4.3. Admin dapat mengelola akun pengguna A.4.4. Admin dapat mengelola backup database A.5. Admin dapat logout

Halaman Bendahara

B.1. Bendahara dapat mengelola menu login B.2 Bendahara dapat mengelola menu kas tunai

A.2.1. Bendahara dapat mengelola kas masuk A.2.2. Bendahara dapat mengelola kas keluar B.3. Bendahara dapat mengelola menu laporan B.4. Bendahara dapat logout

(10)

3.3.2. Use Case Diagram

Berikut ini bentuk dari use case diagram dari sistem yang dirancang:

Gambar III.5 Usecase Diagram Admin A. Deskripsi Use Case Diagram Menu Login

Tabel III.1.

Deskripsi Use Case Diagram Menu Login

Use Case Name Menu Login

Requirment A1

uc Use Case Model

Admin

Melakukan Login

Mengelola Kas Tunai

Mengelola Laporan

Mengelola Pengaturan

Input NIP dan Passw ord

«include»

(11)

Goal Admin dapat masuk ke sistem Pre-condition Mengisi username dan password Post-condition Semua form berfungsi baik Failed end condition Gagal,password salah

Primary Actor Admin

Main Flow/Basic Path 1. Admin mengisi login dengan hak akses 2. Sistem melakukan validasi

3. Sistem menampilkan menu utama yang dapat diakses oleh admin

Invariant Jika username dan password tidak sesuai maka akan muncul pesan “Gagal, password salah”

B. Deskripsi Use Case Diagram Mengelola Kas Tunai Tabel III.2.

Deskripsi Use Case Diagram Mengelola Kas Tunai

Use Case Name Mengelola Kas Tunai

Requirment A2

Goal Admin dapat mengelola kas tunai

Pre-condition Mengisi dan mengubah kas tunai Post-condition Semua form berfungsi baik Failed end condition -

Main Flow/Basic Path 1. Admin dapat mengelola kas tunai 2. Sistem melakukan validasi 3. Sistem menampilkan kas tunai

Invariant -

C. Deskripsi Use Case Diagram Menu Data Laporan Tabel III.3.

Deskripsi Use Case Diagram Menu Data Laporan

Use Case Name Menu Data laporan

Requirment A3

Goal Admin dapat mengelola laporan

Pre-condition Admin dapat masuk kedalam sistem menu laporan

Post-condition Menu laporan berfungsi dengan baik Failed end condition Menu laporan tidak dapat diakses

(12)

Main Flow/Basic Path Admin dapat mengelola subsistem di menu laporan

Invariant Admin dapat menjalankan subsistem di menu laporan

D. Deskripsi Use Case Diagram Menu Pengaturan Tabel III.4.

Deskripsi Use Case Diagram Menu Pengatuan

Use Case Name Menu Pengaturan

Requirment A4

Goal Admin dapat mengelola Pengaturan

Pre-condition Admin dapat masuk kedalam sistem menu Pengaturan

Post-condition Menu Pengaturan berfungsi dengan baik Failed end condition Menu Pengaturan tidak dapat diakses

Main Flow/Basic Path Admin dapat mengelola subsistem di menu Pengaturan

Invariant Admin dapat menjalankan subsistem di menu Pengaturan

Gambar III.6 Usecase Diagram Bendahara A. Deskripsi Use Case Diagram Menu Login Bendahara

Tabel III.5.

Deskripsi Use Case Diagram Menu Login

Use Case Name Menu Login

Requirment B1

Goal Bendahara dapat masuk ke sistem

uc Bendahara

Bendahara

Melakukan Login

Mengelola Kas Tunai

Mengelola Laporan

Input NIP dan Passw ord

«include»

(13)

Pre-condition Mengisi username dan password Post-condition Semua form berfungsi baik Failed end condition Gagal,password salah

Primary Actor Bendahara

Main Flow/Basic Path 1. Bendahara mengisi login dengan hak akses

2. Sistem melakukan validasi

3. Sistem menampilkan menu utama yang dapat diakses oleh bendahara

Invariant Jika username dan password tidak sesuai maka akan muncul pesan “Gagal, password salah”

B. Deskripsi Use Case Diagram Mengelola Kas Tunai Tabel III.6.

Deskripsi Use Case Diagram Mengelola Kas Tunai

Use Case Name Mengelola Kas Tunai

Requirment B2

Goal Admin dapat mengelola kas tunai

Pre-condition Mengisi dan mengubah kas tunai Post-condition Semua form berfungsi baik Failed end condition -

Main Flow/Basic Path 4. Admin dapat mengelola kas tunai 5. Sistem melakukan validasi 6. Sistem menampilkan kas tunai

Invariant -

C. Deskripsi Use Case Diagram Menu Data Laporan Tabel III.7.

Deskripsi Use Case Diagram Menu Data Laporan

Use Case Name Menu Data laporan

Requirment B3

Goal Admin dapat mengelola laporan

Pre-condition Admin dapat masuk kedalam sistem menu laporan

Post-condition Menu laporan berfungsi dengan baik Failed end condition Menu laporan tidak dapat diakses

(14)

Main Flow/Basic Path Admin dapat mengelola subsistem di menu laporan

Invariant Admin dapat menjalankan subsistem di menu laporan

3.3.3. Activity Diagram

1. Acitivity Diagram Menu Login

Gambar III.7 Activity Diagram Menu Login 2. Activity Diagram Menu Data Kas Tunai Masuk

act Acitiv ity Diagram Menu Login

Bendahara

Sistem Admin

Mulai

Input NIP dan Passw ord Cek NIP dan Passw ord

Cek

Menampilkan Menu Utama Tampil Pesan

Gagal

Selesai

(15)

Gambar III.8 Activity Diagram Menu Data Kas Tunai Masuk 3. Activity Diagram Menu Data Laporan

Gambar III.9 Activity Diagram Menu Data Laporan

act Business Process Model

Bendahara

Mulai

Pilih Menu Kas Tunai Masuk/Keluar

Tampil Form Kas Tunai Masuk/Keluar

Tambah Data

Simpan Data

Selesai

act Business Process Model

Bendahara

Mulai

Pilih Menu Laporan Tampil Form Laporan

Filter Data

Tampil Data

Selesai

(16)

3.4 Desain

3.4.1. Entity Relationship Diagram (ERD)

Kas memiliki Katergorikas

saldo memiliki

Kode_katergori

nama_katergori No_transaksi

Tgl_transaksi Jenis_kas

keterangan

dari

user

No_transaksi Kode_katergori

input

No_transaksi

level Pass_akses

Nama_user nip

nip No_saldo

saldo

Tgl_input

No_saldo No_transaksi

1 1 M 1

1 M

Gambar III.10 Entity Relationship Diagram (ERD)

3.4.2. Logical Record Structure (LRS)

1

1 M

1

1 saldo

No_saldo * saldo Tgl_input

Kas No_transaksi *

Tgl_transaksi Jenis_kas keterangan

dari Nip **

Kode_katergori**

No_saldo **

Katergorikas Kode_katergori *

nama_katergori

user Nip * Nama_user Pass_akses

level M

Gambar III.11 Logical Record Structure (LRS)

3.4.3. Spesifikasi File 1. Spesifikasi File Tabel User Nama Database : db_baznas Nama Tabel : Tabel user

(17)

Akronim : tb_user

Fungsi : Untuk menambah data user Tipe File : File Master

Organisasi File : Index Sequential Akses File : Random

Media : Harddisk

Kunci Field : nip

Panjang Record : 101 Character Software : MySql

Tabel III.8. Spesifikasi File Tabel User

No Elemen Data Akronim Tipe Panjang Keterangan

1 Nip Nip int 11 Primary Key

2 Nama User Nama_User Varchar 30

3 Password Pass_akses Varchar 50

4 Level Level Varchar 10

2. Spesifikasi File Tabel Kategori Kas Nama Database : db_baznas

Nama Tabel : Tabel Kategori Kas Akronim : tb_kategorikas

Fungsi : Untuk menambah data kategori kas Tipe File : File Master

Media : Harddisk

Kunci Field : kode_kategori Panjang Record : 31 Character Software : MySql

Tabel III.9. Spesifikasi File Tabel Kategori Kas

No Elemen Data Akronim Tipe Panjang Keterangan 1 Kode Kategori Kode_Kategori Int 11 Primary Key 2 Nama Kategori Nama_Kategori Varchar 20

3. Spesifikasi File Tabel Kas Nama Database : db_baznas Nama Tabel : Tabel Kas Akronim : tb_kas

Fungsi : Untuk menambah data kas masuk dan keluar Tipe File : File Transaksi

Media : Harddisk

Kunci Field : no_transkasi Panjang Record : 153 Character Software : MySql

Tabel III.10. Spesifikasi File Tabel Kas

No Elemen Data Akronim Tipe Panjang Keterangan 1 No_Transaksi No_Transaksi Varchar 30 Primary Key 2 Tgl_transaksi Tgl_transaksi Date

(18)

3 Jenis_kas Jenis_kas Varchar 20 4 Keterangan Keterangan Varchar 50

5 Dari Dari Varchar 20

6 Kode Kategori Kode_Kategori Int 11 Forgien Key

7 Nip Nip int 11 Forgien Key

8 No_saldo No_saldo int 11 Forgien Key

4. Spesifikasi File Tabel Saldo Nama Database : db_baznas Nama Tabel : Tabel Saldo Akronim : tb_saldo

Fungsi : Untuk menambah data saldo Tipe File : File Transaksi

Media : Harddisk

Kunci Field : no_saldo Panjang Record : 52 Character Software : MySql

Tabel III.24. Spesifikasi File Tabel Saldo

No Elemen Data Akronim Tipe Panjang Keterangan

1 No_saldo No_saldo int 11 Primary Key

2 Saldo Saldo Double 11

3 Tanggal_input Tgl_input Date 30

3.4.4. Sequence Diagram 1. Sequence Diagram Login

Gambar III.12 Sequence Diagram Login

(19)

2. Sequence Diagram Data Admin

Gambar III.13 Sequence Diagram Data Admin 3. Sequence Diagram Kas

(20)

Gambar III.14 Sequence Diagram Kas 4. Sequence Diagram Laporan Kas

Gambar III.15 Sequence Diagram Laporan Kas

6.4.5. Component Diagram

(21)

Gambar III.16 Component Diagram 3.4.6. Deployment Diagram

Gambar III.17Deployment Diagram

3.4.7. User Interface

(22)

Gambar III.18 User Interface Form Halaman Login

Gambar III.19 User Interface Form Halaman Data Kas Masuk

(23)

Gambar III.20 User Interface Form Halaman Data Kas Keluar

Gambar III.21 User Interface Form Halaman Data Laporan

Gambar III.22 User Interface Form Halaman Data User

(24)

Gambar III.23 User Interface Form Data Saldo

Gambar III.24 User Interface Form Halaman Kategori

3.5.Implementasi

3.5.1. Code Generation 1. Kas.php

<?php

$include_this_file = true;

require('../config/koneksi.php');

require 'proses/session_admin.php';

?>

<!DOCTYPE html>

<head>

<?php require ('template/head.php');?>

</head>

<body>

<?php require ('template/header.php');?>

<?php require ('template/sidebar.php');?>

(25)

<div>

</div>

<a class="btn btn-secondary btn-round" href="profil"><i class="fa fa- cog"></i> Profil</a>

</div>

</div>

<?php require ('template/footer.php');?>

</div>

<?php require ('template/custome.php');?>

$(document).ready(function(){

loadData_top();

loadDadb_baznas();

function loadData_top() {

$.get('ajax/logo.php', function(data){

$('.logo').html(data);

});

$.get('ajax/profil_admin.php', function(data){

$('#profil_admin').html(data);

(26)

$('#form_ubah_admin').submit(function(e){

e.preventDefault();

var me = $(this);

$.ajax({

url:me.attr('action'), method:'POST',

data:new FormData(this), dataType:'JSON',

contentType:false, processData:false, beforeSend:function(){

$('.pesan').html('<div class="loader loader-md pull-left"></div><b clas="pull-left">Uploading...</b>');

},

success: function(data){

if (data.hasil == true) { loadData_top();

$('#form_ubah_admin')[0].reset();

swal({ title:"Berhasil", text:data.pesan,

icon:"success" });

$('#mymodal_ubah_admin').modal('hide');

$('.modal-backdrop').remove();

$('body').removeClass('modal-open');

$('body').css('padding',0);

$('.pesan').html('');

}else{

swal({ title:"Gagal", text:data.pesan, icon:"error"

});

} } });

});

}

function loadDadb_baznas() {

$.get('ajax/kas.php', function(data){

$('#ajax_kas').html(data);

//tambah

$('#form_tambah_kas_masuk').submit(function(e){

e.preventDefault();

(27)

var me = $(this);

$.ajax({

},

if (data.hasil == true) { loadDadb_baznas();

swal({

title:"Berhasil", text:data.pesan, icon:"success"

});

$('#mymodal_tambah').modal('hide');

} else{

swal({

title:"Gagal", text:data.pesan, icon:"error"

});

} } });

});

$('#form_tambah_kas_keluar').submit(function(e){

e.preventDefault();

var me = $(this);

$.ajax({

(28)

},

swal({

});

$('#mymodal_tambah').modal('hide');

} else{

swal({

title:"Gagal", text:data.pesan, icon:"error"

});

} } });

});

//hapus

$('.hapus').click(function(){

var id = $(this).attr('value');

swal({

title: "Lanjutkan Menghapus?",

text: 'Data yang berkaitan dengan data ini akan otomatis terhapus', icon: "warning",

(29)

buttons: true, dangerMode: true, })

.then((willDelete) =>

{

if (willDelete) {

$.ajax ({

url:'proses/hapus_kas.php?id='+id, method:'POST',

dataType:'JSON', success: function(data){

swal("Data berhasil dihapus!", { icon: "success",

});

} else { swal({

title: "Gagal", text: data.pesan, icon: "error", });

} } });

} });

});

$('.data').DataTable();

});

} });

</script>

</body>

</html>

2. Laporan_jurnal.php

<?php

$include_this_file = true;

require('../config/koneksi.php');

(30)

require 'proses/session_admin.php';

?>

<!DOCTYPE html>

<head>

<?php require ('template/head.php');?>

</head>

<body>

<?php require ('template/header.php');?>

<?php require ('template/sidebar.php');?>

<div>

<h2 class="text-white pb-2 fw-bold">Buku Jurnal</h2>

</div>

<a class="btn btn-secondary btn-round" href="profil"><i class="fa fa- cog"></i> Profil</a>

</div>

</div>

<?php require ('template/footer.php');?>

</div>

(31)

<?php require ('template/custome.php');?>

$(document).ready(function(){

loadData_top();

loadData_laporan_jurnal();

function loadData_top() {

$.get('ajax/logo.php', function(data){

$('.logo').html(data);

});

$.get('ajax/profil_admin.php', function(data){

$('#profil_admin').html(data);

$('#form_ubah_admin').submit(function(e){

e.preventDefault();

var me = $(this);

$.ajax({

},

if (data.hasil == true) { loadData_top();

$('#form_ubah_admin')[0].reset();

swal({

});

$('#mymodal_ubah_admin').modal('hide');

} else{

swal({

title:"Gagal", text:data.pesan,

(32)

icon:"error"

});

} } });

});

}

function loadData_laporan_jurnal() {

$.get('ajax/laporan_jurnal.php', function(data){

$('#ajax_jurnal').html(data);

//hapus

$('.hapus').click(function(){

var id = $(this).attr('value');

swal({

title: "Lanjutkan Menghapus?",

text: 'Data yang berkaitan dengan data ini akan otomatis terhapus', icon: "warning",

buttons: true, dangerMode: true, })

.then((willDelete) =>

{

if (willDelete) {

$.ajax ({

url:'proses/hapus_laporan_jurnal.php?id='+id, method:'POST',

dataType:'JSON', success: function(data){

if (data.hasil == true) { loadData_laporan_jurnal();

swal("Data berhasil dihapus!", {

icon: "success", });

}

</script>

</body>

</html>

(33)

3.5.2. Blackbox Testing

A. Pengujian Terhadap Form Login Admin

Tabel III.25. Halaman Form Login Admin No Skenario

Pengujian Test Case Hasil yang diharapkan

Hasil

Pengujian Kesimpulan 1 Username dan

Password tidak diisi kemudian di klik tombol login

Username:

(Kosong) Password:

(Kosong)

Sistem akan menolak akses user dan menampilkan

“Gagal,Username tidak terdaftar”

Sesuai Harapan

Valid

2 Mengetikkan salah satu dari username dan password salah kemudian klik tombol login.

Username:

admin (Benar) Password:

1234 (Salah)

Sistem akan menolak akses user dan menampilkan

“Gagal, Password salah”.

Sesuai Harapan

Valid

3 Mengetikkan username yang salah dan password benar kemudian klik tombol login.

Username:

administrat or (Salah) Password:

admin (Benar)

Sistem akan menolak akses user dan menampilkan

“Gagal,Username tidak terdaftar”

Sesuai Harapan

Valid

4 Mengetikkan username dan password dengan data yang benar kemudian klik tombol login.

Username:

admin (Benar) Password:

admin (Benar)

Sistem akan menampilkan menu utama

Sesuai Harapan

Valid

B. Pengujian Terhadap Form Kas

Tabel III.26. Halaman Form Kas

No Skenario

Hasil

Pengujian Kesimpulan

(34)

1 Semua data tidak diisi dalam form kas masuk /kas keluar lalu di klik tombol login

No.Bukti:

(Kosong) Tanggal:

(Kosong) Jumlah : (Kosong) Keterangan : (kosong) Akun : (tanpa di klik dan pilih)

Sistem akan menolak akses user dan menampilkan

“Harap isi bidang ini”

Sesuai Harapan

Valid

2 Menginput kolom no bukti, jumlah, akun dan keterangan tanpa mengisi kolom tanggal kemudian klik tombol simpan

No.Bukti:

(BKM01) Tanggal:

(Kosong) Jumlah : (200.000) Keterangan : (biaya infak) Akun : (biaya infak)

Sistem akan menolak akses user dan menampilkan

“Harap isi bidang ini”

Sesuai Harapan

Valid

3 Mengetikkan semua kolom dengan data yang benar kemudian klik tombol simpan.

No.Bukti:

(BKM01) Tanggal:

(20-08-2020) Jumlah : (200.000) Keterangan : (biaya infak) Akun : (biaya infak)

Sistem akan menampilkan menu kas

Sesuai Harapan

Valid

C. Pengujian Terhadap Form Laporan

Tabel III.27. Halaman Form Laporan No Skenario

Hasil

Pengujian Kesimpulan 1 Periode tidak

di pilih lalu klik tombol cetak laporan

Bulan: (tidak di pilih) Tahun: (tidak di pilih)

Sistem akan menampilkan laporan tapi tidak

memunculkan periode nya

Sesuai Harapan

Valid

(35)

2 Memilih periode yang akan di cetak lalu klik tombol cetak laporan

Bulan: (01) Tahun: (2020)

Sistem akan menampilkan cetak laporan dengan lengkap

Sesuai Harapan

Valid

3.5.3. Spesifikasi Hardware dan Software

Berikut ini merupakan spesifikasi perangkat keras dan perangkat lunak minimum yang diperlukan untuk menerapkan sistem informasi pengelolaan kas pada Baznas Kota Sukabumi:

A. Spesifikasi Perangkat Keras 1. Monitor : 14 inch

2. Processor : Intel® Celeron® CPU N3060 @1.60Ghz

3. RAM : 4 GB

4. Disk Space : 8 GB

5. Resolusi Layar : 1366 x 768 TN B. Spesifikasi Perangkat Lunak

Komponen perangkat lunak adalah serangkaian unsur yang terdiri dari beberapa perangkat lunak program komputer yang digunakan untuk membantu proses pengembangan sebuah sistem, terdiri dari software dan application software.

1. Sistem Operasi : Microsoft Windows 10 2. Aplikasi Pemrograman : Sublime Text

3. Aplikasi Pendukung : Xampp 3.2.4 4. Aplikasi Database : PhpMyAdmin