1 BAB IV IMPLEMENTASI DAN PENGGUNA Aplikasi RANCANGAN SISTEM PENGELOLAAN DANA BANTUAN OPERASIONAL (BOS) pada SLB Negri 6 Jakarta ini, dirancang dan di...
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) 4.2
OS Windows XP
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
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
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'] = '
<strong>Success ! 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'] = '
<strong>Success ! 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'] = '
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'] = '
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