BAB IV IMPLEMENTASI DAN PENGUJIAN 4.1. Implementasi Sistem Pada bab ini akan dilakukan implementasi dan pengujian terhadap sistem yang telahdibuat. Implementasi merupakan penerapan dari proses sebelumnya yakni proses perancangan (design). Dari hasil tahap analisa, perancangan dan development, kemudian dilanjutkan dengan langkah selanjutnya yaitu pengimplementasian. Pada tahap implementasi terdapat dua cakupan yaitu spesifikasi kebutuhan sistem yang meliputi perangkat keras (hardware) dan perangkat lunak (software) dan implementasi sistem aplikasi pendukung yang meliputi proses penerapan dari proses design dan antarmuka (user interface) sesuai dengan rancangan yang telah ada. Setelah diimplementasikan maka dilakukan pengujian terhadap sistem dan dilihat kekurangan-kekurangan pada sistem untuk pengembangan sistem selanjutnya. 4.1.1. Perangkat Keras Perangkat keras yang digunakan dalam pengimplementasian ini adalah sebagai berikut : Laptop HP Compaq 435 Processor AMD E350 1.60 GHz RAM 2GB (1,60 GB usable) Hardisk 500 GB 4.1.2. Perangkat Lunak Perangkat lunak yang digunakan dalam pengimplementasian ini adalah sebagai berikut : Sistem Operasi Windows 7 32-bit. Adobe Dreamweaver 8 sebagai aplikasi penulisan kode program. XAMPP sebagai web server. Google Chrome dan Mozila Fireforks sebagai browser. 64
4.2. Implementasi Basis Data Pada sub bab ini akan menjelaskan implementasi basis data dari aplikasi sistem dengan menggunakan XAMPP beberapa fungsi yang akan dibuat yang terdiri dari beberapa lingkup implementasian dari aplikasi sistem tersebut. Buka XAMPP sampai tampilan seperti ini : Gambar 4.1 Tampilan XAMPP Local Host Dan database pada aplikasi ini menggunakan MYSQL, untuk pembuatan database menggunakan PHP MyAdmin, aplikasi monitoring budgeting ini menggunakan database dengan nama db_lina.sql. Berikut tampilan dari database aplikasi monitoring budgeting : Gambar 4.2 Database Aplikasi Monitoring Budgeting 65
Database db_lina terdiri dari tabel-tabel sebagai berikut : 1. Struktur Tabel Agenda 2. Struktur Tabel Anggaran Gambar 4.3 Struktur Tabel Agenda 3. Struktur Tabel Kegiatan Gambar 4.4 Struktur Tabel Anggaran Gambar 4.5 Struktur Tabel Kegiatan 66
4. Struktur Tabel Pengguna 5. Struktur Tabel Program Gambar 4.6 Struktur Tabel Pengguna 6. Struktur Tabel RPA Gambar 4.7 Struktur Tabel Program Gambar 4.8 Struktur Tabel RPA 67
7. Struktur Tabel 8. Struktur Tabel SPP Gambar 4.9 Struktur Tabel Gambar 4.10 Struktur Tabel SPP 9. Struktur Tabel SPP_Rinci Gambar 4.11 Struktur Tabel SPP_Rinci 68
4.3. Implementasi Program Berikut adalah implementasi program sesuai dengan rancang layar yang telah dirancang sebelumnya, antara lain : 4.3.1. Tampilan Menu Login Untuk berjalan di localhost tampilan antar muka awal ditampilkan dengan mengetikkan pada kotak browser http://localhost/lina. Nama lina menunjukkan bahwa seluruh file aplikasi tersimpan di dalam folder lina yang diletakkan pada folder htdocs. Username yang digunakan untuk login ke dalam sistem monitoring budgeting yaitu dengan menggunakan username yang berbeda dan kode sandi yang sama untuk keempat bagian yang akan login. Gambar 4.12 Tampilan Menu Login Cara penggunaan: Masukkan Username dan Password ke dalam form yang telah ditentukan Klik tombol Login Jika data yang dimasukkan benar maka akan masuk ke menu utama 69
4.3.2. Tampilan Menu Halaman Utama Halaman utama dari aplikasi sistem monitoring budgeting ini yaitu berupa profil Kantor Kelurahan Jati Pulo dan menu-menu dari sistem monitoring budgeting dari setiap user pada sistem. Gambar 4.13. Tampilan Menu Halaman Utama Cara penggunaan : Klik Kelola Pengguna untuk mengelola pengguna dari sistem monitoring budgeting ini. Klik Master Data untuk mengelola data yang ada di dalam sistem. Klik menu Peng untuk masuk ke sub menu penyusunan dan penyusunan RPA pada user bagian PPTK. Klik menu Pengajuan untuk masuk ke sub menu SPP dan pada user bagian Admin. Klik menu Persetujuan untuk masuk ke menu persetujuan pada user bagian Keuangan. Klik menu Cetak untuk mendowload laporan DPA dan pada user PPTK, Admin dan Bendahara. Klik menu Monitoring untuk melihat tabel realisasi pada user Bendahara. 70
4.3.3. Tampilan Menu Peng (Sub Menu Penyusunan Anggaran) Halaman ini memiliki dua sub menu yaitu penyusunan dan penyusunan RPA dimana sub menu ini menjelaskan tentang proses penginputan penyusunan dan proses penginputan jadwal yang dilakukan oleh Pejabat Pelaksana Teknis Kegiatan (PPTK). Cara Penggunaan : Gambar 4.14 Tampilan Menu Penyusunan Anggaran Klik menu Peng Klik sub menu Penyusunan Anggaran Klik Tambah Anggaran untuk menginput data Klik Simpan untuk menyimpan data Klik icon edit untuk mengedit data 4.3.4. Tampilan Sub Menu Penyusunan RPA Gambar 4.15 Tampilan Sub Menu Penyusunan RPA 71
Cara Penggunaan : Klik menu Peng Klik sub menu Penyusunan RPA Klik kolom pilih tahun, pilih program,dan pilih kegiatan Klik icon Lihat untuk menginput jadwal Klik icon Buat RPA Klik icon Simpan untuk menyimpan jadwal 4.3.5. Tampilan Halaman Menu Pengajuan (Sub Menu Pengajuan SPP) Halaman ini memiliki dua sub menu yaitu SPP dan dimana sub menu ini menjelaskan tentang proses penginputan permintaan pembayaran dan proses penginputan perintah membayar yang dilakukan oleh petugas teknis administrasi. Cara Penggunaan : Gambar 4.16 Tampilan Sub Menu Pengajuan SPP Klik menu Pengajuan Klik sub menu SPP Klik icon Tambah SPP untuk menginput SPP Klik icon Simpan untuk mennyimpan data SPP Data SPP terlihat di daftar SPP Klik icon Edit untuk mengedit data SPP 72
4.3.6. Tampilan Halaman Sub Menu Pengajuan Cara Penggunaan : Gambar 4.17 Tampilan Sub Menu Pengajuan Klik menu Pengajuan Klik sub menu Klik icon hijau Entry di daftar untuk menginput Klik icon Simpan untuk mennyimpan data Klik icon Ajukan untuk mengajukan data 4.3.7. Tampilan Halaman Menu Penyetujuan Halaman ini menjelaskan tentang proses yang dilakukan oleh petugas KPKAD. Gambar 4.18 Tampilan Menu Penyetujuan 73
Cara Penggunaan : Klik menu Penyetujuan Klik icon hijau Proses di daftar untuk memproses Klik icon Setujui apabila data disetujui Klik icon Tolak apabila data ditolak karena ada perbaikan atau revisi data. 4.3.8. Tampilan Menu Monitoring Realisasi Pengajuan Halaman ini menjelaskan tentang proses monitoring dari realisasi yang telah diajukan oleh petugas teknis administrasi. Proses monitoring Pengajuan ini dilakukan oleh Bendahara. Gambar 4.19 Tampilan Menu Monitoring Realisasi Pengajuan Cara Penggunaan : Klik menu Monitoring Klik icon hijau View di daftar realisasi Klik icon Print apabila ingin mencetak laporan realisasi. 74
Gambar 4.20 Tampilan Cetak Laporan Monitoring Realisasi Pengajuan 4.3.9. Tampilan Menu Cetak Halaman ini menjelaskan tentang hasil cetak laporan untuk laporan DPA, laporan dan laporan monitoring realisasi. Proses cetak laporan ini dapat dilakukan oleh PPTK dan petugas tenaga teknis administrasi. Tampilan cetak laporan DPA ini dapat dilihat oleh Pejabat Pelaksana Teknis Kegiatan (PPTK) setelah selesai menginput penyusunan dan penyusunan RPA. Gambar 4.21 Tampilan Menu Cetak Laporan DPA 75
Gambar 4.22 Tampilan Laporan DPA Tampilan cetak laporan ini dapat dilihat oleh petugas tenaga teknis administrasi pada saat membuat. Gambar 4.23 Menu Cetak 76
Gambar 4.24 Tampilan Laporan 4.4. Metode Pengujian Sistem Setelah membuat perancangan dan pembangunan yang telah diimplementasikan dalam sebuah program tahap selanjutnya adalah tahapan pengujian sistem yang dilakukan untuk melakukan pengujian terhadap hasil yang ditampilkan dengan kesesuaian fungsi yang diharapkan oleh user. Tujuan dari pengujian ini adalah untuk menjamin bahwa perangkat lunak yang dibangun memiliki kualitas yang baik, yaitu mampu merepresentasikan kajian pokok dari spesifikasi, analisis, perancangan dan pengkodean dari perangkat lunak itu sendiri. Pengujian perangkat lunak ini menggunakan metode pengujian blackbox. Pengujian blackbox dilakukan dengan membuat kasus uji yang bersifat mencoba semua fungsi dengan memakai perangkat lunak apakah sudah sesuai dengan spesifaksi yang dibutuhkan. 4.5. Skenario Pengujian dan Hasil Pengujian Skenario pengujian diperlukan untuk mengetahui apakah aplikasi sudah sesuai dengan spesifikasi berfungsi dengan baik atau tidak. Skenario pengujian dilakukan dengan memilih dari setiap pilihan yang ada pada aplikasi. Kemudian dilakukan pengujian dengan menekan tombol yang ada pada halaman form dari aplikasi, apakah tombol sudah sesuai dengan kegunaan dan yang diharapkan pada sistem tersebut. 77
Tabel 4.1. Skenario Pengujian Sistem dan Hasil Pengujian Sistem No Tampilan Uji Coba Status Skenario Pengujian Hasil Yang Diharapkan Hasil Pengujian 1. Menu Login Proses Login Tampilan Login sudah terbuka Masukkan Username dan Password Halaman utama akan terbuka Berhasil membuka halaman utama 2. Menu Penyusun an Anggaran Menguji halaman menu penyusuna n Masuk tampilan kelola dan form input data Klik "tambah " input data pada form penyusunan yang telah disediakan, dan dapat mengedit data pada tabel daftar apabila ada perubahan data sesuai kebutuhan pelaksanaa n. Dapat Menampilka n form input penyusunan dan tabel daftar yang sudah dibuat Berhasil melakuka n input data pada form penyusun an dan sesuai dengan yang diharapka n 3. Menu Penyusun an RPA Menguji halaman menu penyusuna n RPA Masuk tampilan kelola RPAdan daftar RPA Klik "pilih tahun, pilih program dan pilih kegiatan" di form penyaringan data yang telah disediakan lalu klik "Lihat" masuk ke form penyusunan RPA untuk menentukan jadwal Dapat menampilka n form input penyusunan RPA dan menampilka n data RPA pada tabel daftar RPA Berhasil melakuka n input penyusun an jadwal pada form penyusun an RPA dan sesuai dengan yang diharapka n 78
4. Menu Pengajuan SPP Menguji halaman menu untuk SPP Masuk tampilan kelola SPP dan form input SPP sesuai dengan data yang telah di input pada form penyusunan. Klik "tambah SPP" input SPP pada form yang telah disediakan, setelah semua data sudah terinput maka data akan tersimpan dan dapat terlihat pada tabel daftar SPP, data dapat di edit pada tabel daftar SPP. Dapat Menampilka n form input SPP dan tabel daftar SPP yang telah di input. Berhasil melakuka n input SPP pada form SPP dan sesuai dengan yang diharapka n 5. Menu Pengajuan Menguji halaman menu untuk Masuk tampilan kelola dan form input Melakukan proses entry pada tabel daftar masuk form input, klik simpan dan ajukan diproses pada sistem proses. Data dapat diedit apabila menerima penolakan pada saat proses Dapat Menampilka n form input dan tabel daftar yang telah di input. Berhasil melakuka n input pada form dan sesuai dengan yang diharapka n 79
6. Menu Penyetujuan Menguji halaman menu untuk Masuk tampilan dan form Melakukan proses pada form untuk menyetujui atau menolak jika masih ada kesalahan dalam Dapat Menampilkan form Penyetujuan dan tabel daftar yang telah di proses. Berhasil melakukan proses pada form dan sesuai dengan yang diharapkan 7. Menu Monitoring Menguji halaman menu untuk monitoring realisasi Masuk tampilan tabel monitoring realisasi Melakukan proses monitoring realisasi dari yang telah disetujui pada sistem Dapat Menampilkan tabel daftar monitoring realisasi yang telah di proses di sistem dan dapat mencetak laporan hasil monitoring realisasi. Berhasil melakukan proses monitoring realisasi dan sesuai dengan yang diharapkan 8. Menu Cetak Menguji halaman menu untuk mencetak laporan DPA dan Masuk tampilan tabel cetak laporan DPA dan cetak laporan Melakukan proses cetak laporan DPA dari hasil penyusunan dan penyusunan RPA dan cetak laporan dari hasil Dapat Menampilkan tabel daftar cetak laporan DPA dan laporan Berhasil melakukan proses cetak laporan DPA dan laporan sesuai dengan yang diharapkan 80
4.6. Analisa Hasil Pengujian Setelah melakukan pengujian secara menyeluruh terhadap menu yang ada di aplikasi maka dapat disimpulkan bahwa pengujian telah menunjukkan hasil keluaran (Output) dengan proses yang sesuai dengan racangan yang dibuat. Dari pengujian ini dapat dikatakan bahwa program ini dapat berfungsi dengan baik dan sesuai dengan kebutuhan. 1. Halaman Login sebagai akses pintu utama masuk ke dalam aplikasi yang berfungsi dengan baik. 2. Halaman utama yang menghubungkan antar interface dapat beroperasi dengan baik. 3. Menu yang memiliki form penginputan data dapat tersimpan ke dalam database yang tepat. 4. Menu Penyusunan Anggaran, Penyusunan RPA, Pengajuan SPP, Pengajuan, Penyetujuan, Monitoring, dan Menu Cetak memiliki tombol menu yang yang dapat berjalan sesuai dengan perancangan dan sesuai dengan kebutuhan user. 5. Hasil output yang terdapat pada menu laporan cetak DPA, cetak dan laporan monitoring realisasi dapat tercetak sesuai dengan perancangan sistem yang diinginkan. 81