72 BAB IV IMPLEMENTASI DAN PENGUJIAN SISTEM 4.1 Implementasi Sistem Pada implementasi sistem ini akan dijelaskan implementasi dari aplikasi sistem yang digunakan dengan menggunakan beberapa fungsi yang di buat yang terdiri dari ruang lingkup implementasi, pengkodean, dan interface dari aplikasi sistem tersebut. Berikut merupakan spesifikasi PC (Personal Computer) yang dibutuhkan pada saat perancangan sistem informasi manajemen zakat dibuat dan dioperasikan 1. Perangkat Keras : a. Tipe Komputer : Personal Computer (PC) b. Processor : Intel(R) Celeron(R) CPU N2840 @ 2.16GHz 2.16 GHz c. RAM : 2GB d. Harddisk Drive : 500 GB e. System Type : 64-bit Operating System 2. Perangkat Lunak : a. Sistem Operasional : Windows 8 b. Web Server : Hypertext Preprocessing (PHP), XAMPP c. Basis Data : PHPMYADMIN d. Program : PHP, Android e. Browser : Google Chrome, Mozila Firefox 4.2 Implementasi Basis Data Pada sub bab ini akan menjelaskan implementasi basis data dari aplikasi sistem menggunakan XAMPP beberapa fungsi yang di buat yang terdiri dari ruang lingkup implementasi dari aplikasi sistem tersebut. Buka XAMMP terlebih dahulu sampai tampil gambar seperti gambar berikut:
73 Gambar 4. 1 Tampilan Localhost XAMPP Dibawah ini adalah cara pembuatan database pada MySQL dengan menggunakan PHP, adapun langkah-langkahnya adalah sebagai berikut : a. Tampilan awal pembuatan database Gambar 4.2 Tampilan awal pembuatan database
74 b. Tampilan database dbpemasaran c. Tampilan dabase tb_admin Gambar 4.3 Tampilan database dbpemasaran d. Tampilan database biopelanggan Gambar 4.4 Tampilan database tb_admin Gambar 4.5 Tampilan database biopelanggan
75 e. Tampilan database lele_bibit f. Tampilan database lele_dewasa Gambar 4.6 Tampilan database lele_bibit g. Tampilan tb_pembayaran Gambar 4.7 Tampilan database lele_dewasa Gambar 4.8 Tampilan database tb_pembayaran
76 h. Tampilan tb_pemesanan Gambar 4.9 Tampilan database tb_pemesanan 4.3 Implementasi Program Berikut adalah implementasi program sesuai dengan rancangan layar yang telah dirancang sebelumnya, antara lain: a. Tampilan web untuk admin 1. Tampilan Menu Login Untuk berjalan di localhost tampilan antarmuka awal ditampilkan dengan mengetikkan pada kotak browser http://localhost/tempate Nama tempate menunjukan bahwa seluruh file apikasi disimpan di dalam folder tempate yang diletakan pada folder htdocs. Web ini hanya dikhususkan untuk admin mengelola persediaan ikan yang telah panen dan menerima pesanan dari pelanggan, serta memvalidasi pembayaran dari pelanggan. Gambar 4.10 Tampilan Menu Login
77 2. Tampilan menu Home Menu Home disini berisi sejarah peternakan. Dari nama pemilik hingga kisaran keuntungan yang didapatkan. Serta ditampilkan pula foto dari salah satu sudut peternakan. Dibagian navigasi ada menu lainnya. Di footer pun ditampilkan semacam navigasi untuk mempermudah admin jika sedang scroll kebawah web. Gambar 4.11 Tampilan menu home 3. Tampilan menu Pelanggan Dalam menu ini menampilkan seluruh data pelanggan yang telah terdaftar pada aplikasi. Pada menu ini, admin hanya dapat melihat dan menghapus. Admin tidak mendapatkan mengubah data pelanggan ataupun menambahkan. Gambar 4.12 Tampilan menu pelanggan
78 4. Tampilan menu Lele Dewasa Pada tampilan menu Lele Dewasa berisi mengenai jumlah persediaan ikan lele dewasa yang siap dijual. Pada menu ini, admin dapat mengedit atau menghapus. Ketika ada ikan baru yang masuk, admin hanya pelu menambahkan pada tabel yang telah ada. Atau menghapus persediaan yang telah kosong. Gambar 4.13 Tampilan menu Lele Dewasa 5. Tampilan menu Lele Bibit Tampilan menu Lele bibit ini tidak jauh berbeda dengan menu Lele dewasa. Pada menu ini, menampilkan 3 tabel berbeda berdasarkan ukuran lele. Admin dapat melakukan hal yang sama yaitu mengedit dan menghapus. Ketika ada bibit yang telah siap dijual, admin dapat mengedit tabel sesuai dengan ukurannya.
79 6. Tampilan menu pemesanan Gambar 4.14 Tampilan menu Lele bibit Dalam menu ini, terdapat pesanan pelanggan yang telah diinput. Banyaknya pesanan hanya boleh sesuai dengan stok yang ada. Ketika pesanan masuk, admin hanya perlu menunggu konfirmasi pembayaran dari pelanggan untuk memberikan data pemesanan kepada bagian pengelola ikan. Pada menu ini, admin dapat melakukan hapus pesanan dan tidak dapat mengelola data, seperti mengedit atau menambahkan pesanan. Gambar 4.15 Tampilan menu Pemesanan
80 7. Tampilan menu pembayaran Pada menu pembayaran menampilkan bukti transaksi dari pelanggan. Setelah memvalidasi dengan pesanan pelanggan, admin dapan memberikan data ini kepada bagian pengelola ikan. Pada menu ini, admin tidak dapat melakukan kegiatan apapun pada web, sebab ini bukti dari pembayaran pelanggan. Ini juga sebagai strategi mencegah terjadinya kecurangan pada pengelolaan transaksi penjualan. Gambar 4.16 Tampilan menu Pembayaran b. Tampilan aplikasi android untuk pelanggan 1. Tampilan layer login Setelah membuka aplikasi, pelanggan akan mendapati tampilan awal login. Pelanggan yang telah mendaftar dapat langsung login, berbeda jika pelanggan belum pernah mendaftar. Jika pelanggan belum pernah mendaftar, pelanggan dapat memilih button register.
81 Gambar 4. 17 Tampilan layer Login 2. Tampilan layer Home Setelah login, pelanggan akan masuk pada layer home. Terdapat banyak pilihan pada layer ini. Ada 6 button pilihan. Button pertama yaitu Ikan Lele Sangkuriang. Kedua jenis ukuran lele. Ketiga pemesan. Keempat pembayaran dan kelima ada tentang. Gambar 4.18 Tampilan Layer Home
82 3. Tampilan layer Sejarah Lele Menu ini muncul ketika pelanggan memilih button pertama, yaitu Ikan Lele Sangkuriang. Didalamnya berisi sejarah ikan lele sangkuriang. Ini hanya sebagai informasi untuk pelanggan. Ketika pelanggan ingin kembali ke menu awal, telah disediakan button di pojok kanan bawah. Gambar 4.19 Tampilan Layer Sejarah Lele 4. Tampilan Layer Jenis Lele Menu ini berada dalam button kedua, jenis lele ukuran lele. Menu ini berisi 2 button. Button dipisahkan menurut jenis ikan. Ada bibit ikan lele dan lele dewasa. Pelanggan dapat melihat jenis ikan lele apa yang telah siap dijual.
83 Gambar 4.20 Tampilan Layer Jenis Lele 5. Tampilan layer Bibit Pada layer ini berisi mengenai ukuran bibit lele yang dijual. selain ukuran yang tercantum diaplikasi ini, peternakan belum bisa menjualnya. Ada 3 pilihan ukuran. Setiap ukuran berbeda harga jualnya. Disini hanya sebagai informasi bagi pelanggan. 6. Tampilan layer Dewasa Gambar 4.21 Tampilan layer Bibit Pada layer ini berisi informasi mengenai jenis ikan lele dewasa beserta harganya. Lele dewasa dijual berdasarkan berat perkilo. Berbeda dengan bibit yang dijual berdasarkan ukuran.
84 Gambar 4.22 Tampilan Layer Dewasa 7. Tampilan Layer Kategori Ini merupakan menu kategori untuk memesan ikan. Kategori dibedakan jenis ikan. Sama seperti pada layer jenis ikan. Pelanggan dapat memesan melalui kategori yang diinginkan Gambar 4.23 Tampilan Layer Kategori
85 8. Tampilan Layer Bibit Lele Pemesanan Tampilan pada layer ini berisi mengenai persediaan ikan yang ada, kemudian dibawah tabel ada informasi harga bibit menurut ukuran masing-masing. Dibagian tengah muncul No KTP yang berguna sebagai tanda pengenal pemesan. Pilih ukuran yang ingin dipesan kemudian input jumlah yang diinginkan. Gambar 4.24 Tampilan Layer Bibit Lele Pemesanan 9. Tampilan layer Lele Dewasa Pemesanan Pada layer ini berisi tabel persediaan lele dewasa. Layer ini tidak jauh berbeda dengan layer persediaan bibit lele. Berbeda ketika ingin memesan ikan. Jumlah ikan dihitung dengan berat ikan. Jika ingin membeli ikan 1 kg, pelanggan hanya perlu menginput angka 1.
86 Gambar 4.25 Tampilan Layer Lele Dewasa Pemesanan 10. Tampilan layer konfirmasi pembayaran Dalam tampilan layer konfirmasi hanya terdapat button ambil gambar, dibawahnya terdapat keterangan untuk menginput komentar dari pelanggan sebagai bukti telah melakukan transaksi pembayaran. Gambar 4.26 Tampilan Layer Konfirmasi Pembayaran 11. Tampilan Layer Tentang Layer ini berisi mengenai informasi peternakan. Dari mulai berdiri, nama pemilik, hingga lokasi peternakan. Layer ini hanya sekedar informasi untuk pelanggan.
87 Gambar 4.27 Tampilan Layer Tentang