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 e) Hardisk 120GB
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 ("delete from user where kd_user= :kode");
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");
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");
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 ("delete from user where kd_user= :kode");
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 ("delete from user where kd_user= :kode");
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.
Potongan codingan form login <?php if(isset($_session['alert'])) { echo $_SESSION['alert']; unset($_session['alert']); }?> <div class="control-group"> <div class="controls"> <input class="btn-block" type="text" id="inputemail" placeholder="username" name="username"> <div class="control-group"> <div class="controls"> <input class="btn-block" type="password" id="inputpassword" placeholder="password" name="password"> <div class="control-group"> <div class="controls clearfix"> <input type="submit" name="submit" class="btn pull-right" value="login"> </form> 4.6 Gambar Form Login
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') {?> <a class="<?php if($mod1=="dashboard") { echo "active"; }?>" href="<?php echo baseurl();?>index.php?modul=modul/dashboard/home"><i class="fa fadashboard fa-fw"></i> Dashboard</a> <a class="<?php if($mod2=="dana") { echo "active"; }?>" href="<?php echo baseurl();?>index.php?modul=modul/master/dana/list"><i class="fa fatable fa-fw"></i> Penerimaan Dana Bos</a> <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> <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> <a class="<?php if($mod2=="") { echo "active"; }?>" href="act_logout.php"><i class="fa fa-table fa-fw"></i>logout</a> </ul>
4.7 Gambar Menu Utama Bendahara Potongan coding Menu Utama Admin <?php if($_session['bagian'] == 'admin') {?> <a class="<?php if($mod1=="dashboard") { echo "active"; }?>" href="<?php echo baseurl();?>index.php?modul=modul/dashboard/home"><i class="fa fadashboard fa-fw"></i> Dashboard</a> <a class="<?php if($mod2=="siswa") { echo "active"; }?>" href="<?php echo baseurl();?>index.php?modul=modul/master/siswa/list"><i class="fa fatable fa-fw"></i> Siswa</a> <a class="<?php if($mod2=="user") { echo "active"; }?>" href="<?php echo baseurl();?>index.php?modul=modul/master/user/list"><i class="fa fatable fa-fw"></i> User</a> </ul>
4.8 Gambar Menu Utama Admin Potongan coding Menu Utama Bagian Kegiatan <?php } else if($_session['bagian'] == 'kegiatan') {?> <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> <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> <a class="<?php if($mod2=="") { echo "active"; }?>" href="act_logout.php"><i class="fa fa-table fa-fw"></i>logout</a> </ul>
4.9 Gambar Menu Utama Bagian Kegiatan Potongan coding Menu Utana Bagian Pengadaan <?php } else if($_session['bagian'] == 'pengadaan') {?> <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> <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> <a class="<?php if($mod2=="") { echo "active"; }?>" href="act_logout.php"><i class="fa fa-table fa-fw"></i>logout</a> </ul>
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" datadismiss="alert"> </button> <strong>success!</strong> User berhasil ditambah. '
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" datadismiss="alert"> </button> <strong>success!</strong> User berhasil ditambah. ';
4.12 Gambar 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. '; header("location:".baseurl()."index.php?modul=modul/master/kegiatan/list"); } catch(pdoexception $e) { echo 'Error: '. $e->getmessage(); }
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. '; header("location:".baseurl()."index.php?modul=modul/master/pengadaan/list"); } } catch(pdoexception $e) { echo 'Error: '. $e->getmessage(); }
4.14 Gambar Form Bagian Pengadaan 5 Tampilan Layar Form Laporan Pada form laporan ini, admin akan membuat laporan masingmasing 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"> <div class="col-lg-12"> <h1 class="page-header">laporan Kegiatan</h1> <div class="col-lg-12"> <div class="panel panel-default"> <div class="panel-heading"> Form Laporan <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>dari</label> <input type="date" class="form-control" name="dari" > <div class="form-group"> <label>sampai</label> <input type="date" class="form-control" name="sampai" > <div class="form-group"> <button type="submit" class="btn btn-primary" value="cetak" name="submit">cetak</button>
4.15 Gambar Form Laporan Kegiatan Potongan coding form laporan pengadaan <div class="row"> <div class="col-lg-12"> <h1 class="page-header">laporan Pengadaan</h1> <div class="col-lg-12"> <div class="panel panel-default"> <div class="panel-heading"> Form Laporan <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>dari</label> <input type="date" class="form-control" name="dari" > <div class="form-group"> <label>sampai</label> <input type="date" class="form-control" name="sampai" > <div class="form-group"> <button type="submit" class="btn btn-primary" value="cetak" name="submit">cetak</button>
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 modulmodul 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
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 Menjalakan Normal:Aplikasi Normal:Halaman aplikasi aplikasi dapat dijalankan Login Bisa Muncul Tidak Normal: TidakNormal: Aplikasi tidak Halaman Login tidak muncul bisa dijalankan 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
3 Form Menu Tampil Menu Normal: Normal: Menu-menu Utama Utama Menampilkan dapat di akses Menu-menu Yang dapat di akses Tidak Normal : Tidak dapat Tidak Normal: Menu-menutidak dapat di akses Menu-menu yang dapat di akses 4 Form Menginput Id Normal : Dapat Normal:Dapat Siswa, Nama, form Alamat, Jenis form siswa siswa kelamin, Phone. Tidak Normal: Tidak dapat form siswa Tidak normal : Tidak dapat Menampilkan, menambah, menghapus, mengubah data siswa. 5 Form dana Mengginput Normal : Dapat Normal: Dapat BOS kode, data periode, form dana BOS dana BOS yang jumlah dana, sesuai. alokasi pengadaan sekolah, alokasi pengadaan kegiatan. Tidak Normal: Tidak dapat form dana BOS sesuai. Tidak normal: Tidak muncul data dana BOS 6 Form Bag. Menginput Normal: Dapat Normal : Dapat Kegiatan Id, Nama, muncul data kegiatan
Lokasi, form Bag. sekolah yang sesuai. Biaya, Tgl Kegiatan kegiatan. Tidak normal: Tidak dapat form Bag. Tidak Normal: Tidak dapat muncul data bag. kegiatan sekolah kegiatan sekolah 7 Form Bag. Menginput Normal : Dapat Normal: Dapat Pengadaan Id, Nama, muncul data Jumlah, form Bag. pengadaan barang Harga satuan, Pengadaan yang sesuai. Total. Tidak Normal : Tidak dapat form Bag. Pengadaan sekolah Tidak Normal : Tidak dapat muncul data bag. pengadaan 8 Laporan Memasukkan Normal : Dapat Normal:Dapat transaksi tanggal laporan Bag. periodik laporan transaksi transaksi sesuai Kegiatan kegiatan sekolah dengan tanggal yang diinput Tidak normal : Tidak dapat laporan transaksi kegiatan sekolah Tidak normal : Tidak dapat laporan siswa sesuai dengan tanggal yang diinput
9 Laporan Memasukkan Normal : Dapat Normal:Dapat transaksi tanggal laporan Bag. periodik laporan transaksi transaksi sesuai Pengadaan pengadaan barang dengan tanggal yang diinput Tidak normal : Tidak dapat laporan transaksi kegiatan sekolah Tidak normal : Tidak dapat 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 masingmasing 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
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
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. Pengadaan berhasil dilakukan.