BAB IV IMPLEMENTASI DAN PENGGUNA

(1)

BAB IV

IMPLEMENTASI DAN PENGGUNA

Aplikasi RANCANGAN SISTEM PENGELOLAAN DANA BANTUAN OPERASIONAL (BOS) pada SLB Negri 6 Jakarta ini, dirancang dan dibuat untuk memenuhi kebutuhan pengelola dana BOS, dalam pendataan penggunaan dana BOS. Dengan adanya aplikasi ini diharapkan proses pendataan penggunaan dana BOS dapat dijalankan lebih efisien dan efektif. Untuk mengimplementasikan aplikasi ini sudah pasti tidak terlepas dari dukungan hardware dan software, sebagai faktor pendukung pembuatan aplikasi Rancangan Sistem Pengelolaan Dana BOS pada SLB Negri 6 Jakarta . Berikut adalah hardware dan software pendukung yang dibutuhkan oleh aplikasi.

4.1 Spesifikasi Hardware dan Software

a. Aplikasi Server

1. Hardware

Dibawah ini merupakan spesifikasi hardware komputer yang harus dipenuhi untuk menjalakan aplikasi Rancangan Sistem Pengelolaan Dana BOS SLB Negri 6 Jakarta dengan baik.

a) Processor Intel Pentium 4 2,66GHz

b) RAM/Memory 1.49GB

c) Keyboard dan Mouse

d) Monitor

(2)

2. Software

Dibawah ini merupakan spesifikasi perangkat lunak yang harus dipenuhi untuk menjalakan Rancangan Sistem Pengelolaan Dana BOS pada SLB Negri 6 Jakarta dengan baik.

a) PHP (Hypertext Preprocessor)

b) MySQL Database

c) OS Windows XP

4.2 Implementasi Program

Implementasi sistem berguna untuk mengetahui program yang telah dibuat dapat berjalan secara maksimal, untuk itu maka program tersebut harus diuji dahulu mengenai kemampuannya agar dapat berjalan sesuai dengan yang di harapkan pada implementasi nantinya.

4.3 Implementasi Basis Data

Dalam pembuatan aplikasi ini digunakan sebuah database yang menyimpan semua data yang di butuhkan untuk kelangsungan proses sistem.

Potongan coding Query Tabel Dana Query pemanggilan tabel Dana

SELECT * FROM `dana` WHERE 1

Query Add pada table Dana ("insert into dana values

(:kode,:nama,:alamat,:telepon,:bagian)");

Query delete pada table Dana

(3)

Gambar 4.1 Tabel Dana

Portongan coding Query Tabel Kegiatan Query pemanggilan tabel Kegiatan SELECT * FROM `kegiatan` WHERE 1

Query Add pada table Kegiatan ("insert into kegiatan values

(:kode,:nama,:lokasi,:biaya,:date)");

Query delete pada table Kegiatan ("delete from kegiatan where id_kegiatan= :kode");

(4)

Gambar 4.2 Tabel Kegiatan

Portongan coding Query Tabel Pengadaan Query pemanggilan tabel Pengadaan SELECT * FROM `pengadaan` WHERE 1

Query Add pada table Pengadaan ("insert into pengadaan values

(:kode,:nama,:jumlah,:harga,:total,:date)");

Query delete pada table Pengadaan ("delete from pengadaan where id_pengadaan= :kode");

(5)

Gambar 4.3 Tabel Pengadaan

Portongan coding Query Tabel Siswa Query pemanggilan tabel Siswa SELECT * FROM `siswa` WHERE 1

Query Add pada table Siswa ("insert into siswa values

(:kode,:nama,:alamat,:jenis,:telepon)");

Query delete pada table Siswa

(6)

Gambar 4.4 Tabel Siswa

Portongan coding Query Tabel User Query pemanggilan tabel User SELECT * FROM `user` WHERE 1

Query Add pada table User ("insert into user values

(:kode,:nama,:alamat,:telepon,:password,:ba gian)");

Query delete pada table User

(7)

Gambar 4.5 Tabel User

4.4 Tampil Layar

Setelah semua kebutuhan yang diperlukan dipenuhi, langkah selanjutnya adalah menjalakan Rancangan Sistem Pengelolaan Dana BOS pada SLB Negri 6 Jakarta. Saat aplikasi pertama kali dijalakan, maka akan tampil form menu utama. Dimana form menu utama terdapat menu-menu yang nantinya pasti dibutuhkan oleh user dalam pengisian data. Berikut ini adalah tampilan layar semua form yang ada pada sistem aplikasi ini.

1. Tampilan Layar Form Login

Pada tampilan layar form Login terdapat TextField UserName dan

Password yang diisi oleh user yang berhak dan sudah ada diDatabase,

setelah UserName dan Password sudah terdaftar dan yang dimasukkan adalah benar, maka akan tampil Menu Utama dan Menu Login menjadi tidak aktif. Tetapi jika UserName dan Password salah, maka akan tampil pesan “LOGIN ANDA TIDAK BERHASIL”. Selanjutnya, jika user tidak jadi melakukan apapun pada Form Login, maka bisa langsung menekan tombol close yang ada dipojok kanan atas atau klik button Tutup.

(8)

Potongan codingan form login

4.6Gambar Form Login

<?php if(isset($_SESSION['alert'])) { echo $_SESSION['alert']; unset($_SESSION['alert']); } ?> <div class="control-group"> <div class="controls">

</div> </div>

</div> </div>

</div>

(9)

2. Tampilan Layar Form Menu Utama

Pada tampilan Form Menu Utama, setiap user akan masuk ke menu utama masing-masing. Menu utama tampilan-tampilan menu seperti: Form transaksi nya masing-masing dan terdapat menu laporan. Dibawah ini adalah bentuk tampilan layar pada Form Menu Utama yang dapat dilihat berikut ini :

Potongan coding Menu Utama Bendahara <?php }

else if($_SESSION['bagian'] == 'bendahara') { ?>

<li>

<a class="<?php if($mod1=="dashboard") { echo "active"; } ?>" href="<?php echo

baseUrl();?>index.php?modul=modul/dashboard/home"><i class="fa fa-dashboard fa-fw"></i> Dashboard</a>

</li> <li>

<a class="<?php if($mod2=="dana") { echo "active"; } ?>" href="<?php echo

baseUrl();?>index.php?modul=modul/master/dana/list"><i class="fa fa-table fa-fw"></i> Penerimaan Dana Bos</a>

</li> <li>

<a class="<?php if($mod2=="lap_kegiatan") { echo "active"; } ?>" href="<?php echo

baseUrl();?>index.php?modul=modul/laporan/lap_kegiatan/laporan_kegiata n"><i class="fa fa-table fa-fw"></i> Laporan Kegiatan</a>

</li> <li>

<a class="<?php if($mod2=="lap_pengadaan") { echo "active"; } ?>" href="<?php echo

baseUrl();?>index.php?modul=modul/laporan/lap_pengadaan/laporan_pen gadaan"><i class="fa fa-table fa-fw"></i> Laporan Pengadaan</a>

</li> <li>

<a class="<?php if($mod2=="") { echo "active"; } ?>" href="act_logout.php"><i class="fa fa-table fa-fw"></i>Logout</a> </li>

</li> </ul> </div>

(10)

4.7Gambar Menu Utama Bendahara

Potongan coding Menu Utama Admin <?php

if($_SESSION['bagian'] == 'admin') {

?> <li>

<a class="<?php if($mod1=="dashboard") { echo "active"; } ?>" href="<?php echo

baseUrl();?>index.php?modul=modul/dashboard/home"><i class="fa fa-dashboard fa-fw"></i> Dashboard</a>

</li> <li>

<a class="<?php if($mod2=="siswa") { echo "active"; } ?>" href="<?php echo

baseUrl();?>index.php?modul=modul/master/siswa/list"><i class="fa fa-table fa-fw"></i> Siswa</a>

</li> <li>

<a class="<?php if($mod2=="user") { echo "active"; } ?>" href="<?php echo

baseUrl();?>index.php?modul=modul/master/user/list"><i class="fa fa-table fa-fw"></i> User</a>

</li> </ul> </div>

(11)

4.8Gambar Menu Utama Admin

Potongan coding Menu Utama Bagian Kegiatan <?php }

else if($_SESSION['bagian'] == 'kegiatan') { ?>

<li>

<a class="<?php if($mod1=="dashboard") { echo "active"; } ?>" href="<?php echo baseUrl();?>index.php?modul=modul/dashboard/home"><i class="fa fa-dashboard fa-fw"></i> Dashboard</a>

</li> <li>

<a class="<?php if($mod2=="kegiatan") { echo "active"; } ?>" href="<?php echo baseUrl();?>index.php?modul=modul/master/kegiatan/list"><i class="fa fa-table fa-fw"></i> Kegiatan Sekolah</a>

</li> <li>

</li> </ul> </div>

(12)

4.9Gambar Menu Utama Bagian Kegiatan

Potongan coding Menu Utana Bagian Pengadaan <?php }

else if($_SESSION['bagian'] == 'pengadaan') { ?>

<li>

<a class="<?php if($mod1=="dashboard") { echo "active"; } ?>" href="<?php echo baseUrl();?>index.php?modul=modul/dashboard/home"><i class="fa fa-dashboard fa-fw"></i> Dashboard</a>

</li>

<li> <a class="<?php if($mod2=="pengadaan") { echo "active"; } ?>" href="<?php echo

baseUrl();?>index.php?modul=modul/master/pengadaan/list"><i class="fa fa-table fa-fw"></i> Pengadaan Barang</a>

</li> <li>

</li> </ul> </div>

(13)

4.10 Gambar Menu Utama Bagian Pengadaan

3. Tampilan Layar Form Dana BOS

Form ini digunakan untuk menginput transakasi penerimaan dana BOS seiap periodenya dan akan di simpan, digunakan untuk memberikan informasi tentang jumlah dana BOS yang di terima per periodenya.

Potongan coding form dana BOS if($_POST['submit'] == 'Save') { $nama = $_POST['periode']; $alamat = $_POST['jml']; $telepon = $_POST['pengadaan']; $bagian = $_POST['kegiatan']; $kode = kd_otomatis("dana","D"); try {

$stmt = $conn->prepare("insert into dana values (:kode,:nama,:alamat,:telepon,:bagian)"); $stmt->bindParam(':kode', $kode); $stmt->bindParam(':nama', $nama); $stmt->bindParam(':alamat', $alamat); $stmt->bindParam(':telepon', $telepon); $stmt->bindParam(':bagian', $bagian); $stmt->execute();

$_SESSION['alert'] = '<div class="alert alert-success"> <button type="button" class="close" data-dismiss="alert">×</button>

<strong>Success !</strong> User berhasil ditambah. </div>'

(14)

4.11 Gambar Form Dana BOS

4. Tampilan Layar Form Input Siswa

Pada tampilan Form Siswa terdapat beberapa fasilitas seperti: dalam mengentri data siswa baru, memiliki tabel data siswa serta memiliki beberapa tombol kontrol seperti: “SAVE”.Dan di action terdapat beberapa pilihan seperti: “EDIT” dan “DELETE”. Dimana, masing-masing tombol tersebut mempunyai kegunaan / fungsi tertentu. Seperti tombol “SAVE” untuk menyimpan data siswa saat pengisian data siswa baru.

Potongan coding form Input Siswa if($_POST['submit'] == 'Save') { $nama = $_POST['nama']; $alamat = $_POST['alamat']; $telepon = $_POST['phone']; $jenis = $_POST['jenis']; $kode = kd_otomatis("siswa","S"); try {

$stmt = $conn->prepare("insert into siswa values (:kode,:nama,:alamat,:jenis,:telepon)"); $stmt->bindParam(':kode', $kode); $stmt->bindParam(':nama', $nama); $stmt->bindParam(':alamat', $alamat); $stmt->bindParam(':telepon', $telepon); $stmt->bindParam(':jenis', $jenis); $stmt->execute();

$_SESSION['alert'] = '<div class="alert alert-success"> <button type="button" class="close"

data-dismiss="alert">×</button>

<strong>Success !</strong> User berhasil ditambah. </div>';

(15)

4.12Gambar Form Input Siswa

5. Tampilan Layar Form Bagian Kegiatan

Pada form ini digunakan untuk menginput biaya transaksi pada kegiatan-kegiatan disekolah tersebut. Dalam form ini tercantum tabel

“NAMA KEGIATAN”, “LOKASI”, “BIAYA”, “TANGGAL

KEGIATAN”. Setelah menginput data lalu kli “SAVE”, data akan tersimpan.

Potongan coding Form Bagian Kegiatan if($_POST['submit'] == 'Save') { $nama = $_POST['nama']; $lokasi = $_POST['lokasi']; $biaya = $_POST['biaya']; $date = $_POST['date']; $kode = kd_otomatis("kegiatan","K"); try {

$stmt = $conn->prepare("insert into kegiatan values (:kode,:nama,:lokasi,:biaya,:date)"); $stmt->bindParam(':kode', $kode); $stmt->bindParam(':nama', $nama); $stmt->bindParam(':lokasi', $lokasi); $stmt->bindParam(':biaya', $biaya); $stmt->bindParam(':date', $date); $stmt->execute();

$_SESSION['alert'] = '<div class="alert alert-success">

<button type="button" class="close" data-dismiss="alert">×</button> <strong>Success !</strong> Data berhasil ditambah.

</div>';

header("location:".baseUrl()."index.php?modul=modul/master/kegiatan/list"); } catch(PDOException $e) {

echo 'Error: ' . $e->getMessage(); }

(16)

4.13 Gambar Form Bagian Kegiatan

5 Tampilan Layar Form Bagian Pengadaan

Pada form ini digunakan untuk menginput biaya transaksi pada pengadaan disekolah tersebut. Dalam form ini terdapat tabel “NAMA KEGIATAN”, “LOKASI”, “BIAYA”, “TANGGAL KEGIATAN”. Setelah menginput data lalu klik “SAVE”, data akan tersimpan.

Potongan coding form bagian Pengadaan if($_POST['submit'] == 'Save')

{

$nama = $_POST['nama']; $jumlah = $_POST['jumlah']; $harga = $_POST['harga']; $total = $jumlah * $harga; $date = $_POST['date'];

$kode = kd_otomatis("pengadaan","P"); try {

$stmt = $conn->prepare("insert into pengadaan values (:kode,:nama,:jumlah,:harga,:total,:date)"); $stmt->bindParam(':kode', $kode); $stmt->bindParam(':nama', $nama); $stmt->bindParam(':jumlah', $jumlah); $stmt->bindParam(':harga', $harga); $stmt->bindParam(':total', $total); $stmt->bindParam(':date', $date); $stmt->execute();

$_SESSION['alert'] = '<div class="alert alert-success">

<button type="button" class="close" data-dismiss="alert">×</button> <strong>Success !</strong> User berhasil ditambah.

</div>';

header("location:".baseUrl()."index.php?modul=modul/master/pengadaan/list");

} catch(PDOException $e) { echo 'Error: ' . $e->getMessage(); }

(17)

4.14 Gambar Form Bagian Pengadaan

5 Tampilan Layar Form Laporan

Pada form laporan ini, admin akan membuat laporan masing-masing bagian setiap tahun nya. Lalu admin akan memberikan kepada bendahara. Dalam form ini terdapat tabel “DARI” dan “SAMPAI” untuk mencetak data yang sudah di input.

Potongan coding form laporan kegiatan <div class="row">

<h1 class="page-header">Laporan Kegiatan</h1> </div>

<div class="panel panel-default"> <div class="panel-heading"> Form Laporan </div> <div class="panel-body"> <div class="row"> <div class="col-lg-6">

<form role="form" method="post" action="<?php echo

baseUrl();?>index.php?modul=modul/laporan/lap_kegiatan/result_laporan_kegiatan" id="validate_entry_tagihan">

<div class="form-group"> <label>Sampai</label>

<button type="submit" class="btn btn-primary" value="Cetak" name="submit">Cetak</button>

(18)

4.15 Gambar Form Laporan Kegiatan Potongan coding form laporan pengadaan

<h1 class="page-header">Laporan Pengadaan</h1> </div>

<div class="panel panel-default"> <div class="panel-heading"> Form Laporan </div> <div class="panel-body"> <div class="row"> <div class="col-lg-6">

<form role="form" method="post" action="<?php echo

baseUrl();?>index.php?modul=modul/laporan/lap_pengadaan/result_laporan_pengadaan" id="validate_entry_tagihan">

<div class="form-group"> <label>Sampai</label>

<button type="submit" class="btn btn-primary" value="Cetak" name="submit">Cetak</button>

(19)

4.16 Gambar Form Laporan Pengadaan

4.5 Verifikasi Pengujian

Pengujian perlu dilakukan untuk menguji sistem / aplikasi yang telah dibuat apakah sudah sesuai dengan rancangan awal atau tidak. Pengujian yang akan dilakukan yaitu menguji semua proses pada semua halaman yaitu halaman login, menu utama masing-masing user, data siswa, transaksi bagian kegiatan, transaksi bagian pengadaan dan laporan masing-masing bagian.

4.6 Skenario pengujian

Uji coba dilakukan setelah pembuatan perangkat lunak selesai dengan percobaan pada komputer tampilan pengguna. Dengan melakukan uji coba ini dapat dilakukan untuk mengetahui kemungkinan terjadinya kesalahan dan untuk memastikan fungis-fungsi yang terdapat pada modul-modul aplikasi ini apakah sudah berjalan dengan baik. Dalam proses pengujiannya metode yang digunakan adalah black box. Metode ini dipilih karena pengetesan cukup mengetahui semua fungsi – fungsi yang ada

(20)

dalam sistem berjalan tanpa ada kesalahan dan tidak memerlukan pengetesan secara detail / logis.

Tabel 4.1 Skenario Black box

No Deskripsi Uji Kasus Kondisi Awal Hasil Yang

Diinginkan 1 Menjalakan aplikasi Menjalakan aplikasi Normal:Aplikasi dapat dijalankan TidakNormal: Aplikasi tidak bisa dijalankan Normal:Halaman Login Bisa Muncul Tidak Normal: Halaman Login tidak muncul

2 Form Login Memasukan

user dan password Normal:Halaman Login Tampil Tidak Normal:Halaman Login Tidak Tampil Normal: Bisa Memasukkan User Id dan Password dan muncul halaman utama

Tidak Normal: Tidak bisa Memasukkan User Id dan Pasword

(21)

3 Form Menu Utama Tampil Menu Utama Normal: Menampilkan Menu-menu Yang dapat di akses Tidak Normal : Tidak dapat menampilkan Menu-menu yang dapat di akses Normal: Menu-menu dapat di akses Tidak Normal: Menu-menutidak dapat di akses 4 Form Siswa Menginput Id , Nama, Alamat, Jenis kelamin, Phone. Normal : Dapat menampilkan form siswa Tidak Normal: Tidak dapat menampilkan form siswa Normal:Dapat menampilkan form siswa

Tidak normal : Tidak dapat Menampilkan, menambah, menghapus, mengubah data siswa. 5 Form dana BOS Mengginput kode, periode, jumlah dana, alokasi pengadaan sekolah, alokasi pengadaan kegiatan. Normal : Dapat menampilkan form dana BOS

Tidak Normal: Tidak dapat menampilkan form dana BOS sesuai.

Normal: Dapat menampilkan data dana BOS yang sesuai.

Tidak normal: Tidak muncul data dana BOS 6 Form Bag. Kegiatan Menginput Id, Nama, Normal: Dapat menampilkan Normal : Dapat muncul data kegiatan

(22)

Lokasi, Biaya, Tgl kegiatan. form Bag. Kegiatan Tidak normal: Tidak dapat menampilkan form Bag. kegiatan sekolah

sekolah yang sesuai.

Tidak Normal: Tidak dapat muncul data bag. kegiatan sekolah

7 Form Bag. Pengadaan Menginput Id, Nama, Jumlah, Harga satuan, Total. Normal : Dapat menampilkan form Bag. Pengadaan Tidak Normal : Tidak dapat menampilkan form Bag. Pengadaan sekolah Normal: Dapat muncul data pengadaan barang yang sesuai. Tidak Normal : Tidak dapat muncul data bag. pengadaan

8 Laporan transaksi Bag. Kegiatan Memasukkan tanggal periodik Normal : Dapat menampilkan laporan transaksi kegiatan sekolah Tidak normal : Tidak dapat menampilkan laporan transaksi kegiatan sekolah Normal:Dapat menampilkan laporan transaksi sesuai dengan tanggal yang diinput

Tidak normal : Tidak dapat menampilkan laporan siswa sesuai dengan tanggal yang diinput

(23)

9 Laporan transaksi Bag. Pengadaan Memasukkan tanggal periodik Normal : Dapat menampilkan laporan transaksi pengadaan barang Tidak normal : Tidak dapat menampilkan laporan transaksi kegiatan sekolah Normal:Dapat menampilkan laporan transaksi sesuai dengan tanggal yang diinput

Tidak normal : Tidak dapat menampilkan laporan siswa sesuai dengan tanggal yang diinput

Tabel 4.2 Hasil Pengujian

No Deskripsi Hasil Pengujian

1 Menjalakan aplikasi Normal: Aplikasi Dapat dijalankan

Tidak Normal: Aplikasi tidak eror

2 Form Login Normal: Aplikasi Login Dapat Dijalankan

Tidak Normal: Aplikasi tidak eror

3 Form Menu Utama

masing-masing user

Normal: Aplikasi Form Menu Utama Dapat Dijalankan

Tidak Normal: Aplikasi Form Menu Utama Tidak Eror

4 Form Siswa Normal: Aplikasi Form Siswa dapat

dijalankan

Tidak Normal: Aplikasi Form Siswa tidak eror

(24)

5 Form dana BOS Normal:Aplikasi Form dana BOS dapat dijalankan

TidakNormal:Aplikasi Form dana BOS tidak eror

6 Form Bag. Kegiatan Normal: Aplikasi Form Bag. Kegiatan dapat

dijalankan

Tidak Normal: Aplikasi Bag. Kegiatan tidak eror

7 Form Bag. Pengadaan Normal: Aplikasi Form Bag. Pengadaan dapat

dijalankan

Tidak Normal: Aplikasi Form Bag. Pengadaan tidak eror

8 Laporan Bag. Kegiatan Normal: Aplikasi Laporan data Bag. Kegiatan

dapat dijalankan

Tidak Normal: Aplikasi Laporan data Bag. Kegiatan tidak eror

9 Laporan Bag. Pengadaan Normal: Aplikasi Laporan data Bag.

Pengadaan dapat dijalankan

Tidak Normal: Aplikasi Laporan data Bag. Pengadaan tidak eror

(25)

4.7 Analisa Hasil Pengujian

Dari keseluruhan proses pengujian dapat dinalisis bahwa :

1. Aplikasi dapat terkoneksi ke Data Base, sehingga proses login berhasil

dilakukan.

2. Proses pengelolahan data CRUD (create, update, delete) untuk Form Siswa, dana BOS, Bag. Kegiatan dan Bag. Pengadaan.

3. Proses penginputan data dana BOS dari aplikasi berhasil dilakukan.

4. Proses pembuatan laporan Transaksi Bag. Kegiatan dan Bag.