BAB IV IMPLEMENTASI DAN TESTING 4.1. Implementasi Setelah melakukan analisa dan pengembangan sistem, pada tahap selanjutnya akan dilakukan proses implementasi sistem. Pada proses ini pengembang sistem akan melakukan aktivitas-aktivitas terkait dengan penggunaan hasil dari tahapan perancangan sebelumnya dalam bentuk komponen-komponen berupa kode-kode dalam bahasa pemograman yang dipilih atau dalam bentuk skrip-skrip, berkas-berkas yang dapat dieksekusi dan sebagainya yang memungkinkan sistem/perangkat lunak yang sedang dikembangkan bekerja dengan semestinya. Jika kita melakukan perancangan dengan benar, sebagian besar arsitektur sistem sesungguhnya dapat dikenali dalam tahap perancangan tersebut. Adapun tujuan utama tahap implementasi adalah mengimplementasikan arsitektur dan perancangan sistem secara keseluruhan.(adi Nugroho:275) 4.1.1. Lingkungan Implementasi Perancangan sistem ini dapat berjalan dengan baik karena didukung oleh perangkat pendukung yaitu perangkat lunak dan perangkat keras. a. Perangkat lunak pendukung yang digunakan adalah sebagai berikut : 1. Sistem operasi yang digunakan adalah windows XP 2. Pemograman PHP version 5.5.3 dan Bootstrap versi 3 3. Program aplikasi database yang digunakan adalah mysql versi 5.6.11 4. Program aplikasi IDE Netbeans versi 8 yang digunakan untuk penulisan kode program 5. Web browser Mozila Firefox dan Google Chrome b. Perangkat Keras Pendukung yang digunakan adalah sebagai berikut : 1. Processor Intel icore 5 2. Memory 2GB 3. Monitor 14 inchi 4. Hardisk 500 GB 5. Laptop ASPIRE 4750 59
60 4.2. Implementasi Database Gambar 4.1 Struktur tabel Kategori Barang Struktur tabel diatas merupakan tabel untuk menyimpan kategori. Gambar 4.2 Struktur tabel Satuan Barang Struktur tabel diatas merupakan tabel untuk menyimpan satuan. Gambar 4.3 Struktur tabel Pembelian Barang Struktur tabel diatas merupakan tabel untuk menyimpan pembelian. Gambar 4.4 Struktur tabel Pembelian Detail Barang Struktur tabel diatas merupakan tabel pembelian detail.
61 Gambar 4.5 Struktur tabel Pembelian Barang Sementara Struktur tabel diatas merupakan tabel untuk menyimpan pembelian sementara. Gambar 4.6 Struktur tabel Pembayaran Barang Struktur tabel diatas merupakan tabel untuk menyimpan pembayaran atas pembelian. Gambar 4.7 Struktur tabel Pengiriman Barang Struktur tabel diatas merupakan tabel untuk menyimpan pengiriman atas pembelian.
62 Gambar 4.8 Struktur tabel Komplain layanan Struktur tabel diatas merupakan tabel untuk menyimpan data komplain atas pembelian, pengiriman maupun pembayaran. Gambar 4.9 Struktur tabel Stok Barang Struktur tabel diatas merupakan tabel untuk menyimpan data stok atas pembelian.
63 4.3 Tampilan Antar Muka Gambar 4.10 Form Login Pada gambar antarmuka aplikasi di atas merupakan form login. Setiap pengguna aplikasi harus melalui halam login apabila ingin masuk kedalam aplikasi. Gambar 4.11 Form Halaman Utama Pada gambar antarmuka aplikasi di atas merupakan halaman utama. Setiap pengguna aplikasi setelah melakukan login secara sukses akan masuk kedalam halaman utama aplikasi.
64 Gambar 4.12 Form Input Data User Pada gambar antarmuka aplikasi di atas merupakan form input user. User dengan akses administrator dapat menambahkan user atau pengguna aplikasi. Sebelah kiri merupakan view dari data user, sementara form input sebelah kanan baru akan tampil saat tombol tambah diklik. Fom input menggunakan modal form javascript. Gambar 4.13 Form Data Barang Pada gambar antarmuka aplikasi di atas merupakan master data. Sebelah kiri merupakan view dari data, sementara form input sebelah kanan baru akan tampil saat tombol tambah diklik. Fom input menggunakan modal form javascript.
65 Gambar 4.14 Form Data Kategori Barang Pada gambar antarmuka aplikasi di atas merupakan master kategori. Sebelah kiri merupakan view dari kategori, sementara form input sebelah kanan baru akan tampil saat tombol tambah diklik. Fom input menggunakan modal form javascript Gambar 4.15 Form Data Satuan Pada gambar antarmuka aplikasi di atas merupakan master satuan. Sebelah kiri merupakan view dari satuan, sementara form input sebelah kanan baru akan tampil saat tombol tambah diklik. Fom input menggunakan modal form javascript.
66 Gambar 4.16 Form Data Suplier Pada gambar antarmuka aplikasi di atas merupakan master Supplier. Sebelah kiri merupakan view dari supplier, sementara form input sebelah kanan baru akan tampil saat tombol tambah diklik. Fom input menggunakan modal form javascript. Gambar 4.17 Form Komplain Pada gambar antarmuka aplikasi di atas merupakan komplain. Sebelah kiri merupakan view dari komplain, sementara form input sebelah kanan baru akan tampil saat tombol tambah diklik. Fom input menggunakan modal form javascript.
67 Gambar 4.18 Form Konfirmasi Pembayaran Pada gambar antarmuka aplikasi di atas merupakan konfirmasi pembayaran. Sebelah kiri merupakan view dari pembayaran, sementara form input sebelah kanan baru akan tampil saat tombol tambah diklik. Fom input menggunakan modal form javascript. Gambar 4.19 Form Laporan Pada gambar antarmuka aplikasi di atas merupakan laporan pembelian.
68 Gambar 4.20 Laporan Stock Barang Pada gambar antarmuka aplikasi di atas merupakan Laporan Stok. 4.4 Pengujian Aplikasi Setelah membuat perancangan dan pembangunan yang telah di implementasikan dalam sebuah program tahap selanjutnya adalah tahapan Pengujian sistem yang dilakukan untuk membuat sebuah perbandingan hasil yang ditampilkan dengan kesesuaian fungsi yang diharapkan. 4.4.1 Teknik Pengujian Teknik pengujian yang digunakan dalam pengembangan sistem ini adalah menggunakan kombinasi antara Metode White Box dan Black Box. Adapun tahapan-tahapan pengujian yang digunakan adalah sebagai berikut : 1. Melakukan pengujian yang dapat menangkap semua bentuk fungsional sistem tanpa adanya keterkaitan antara satu menu dengan menu lainnya. Bentuk pengujiannya ini bertujuan untuk memastikan semua operasi yang terdapat di dalamnya adalah benar. 2. Melakukan pengujian secara Logic sebuah sistem dengan memperhatikan keterkaitan satu menu dengan menu lainnya sehingga tester dapat menilai apakah sebuah sistem telah memenuhi kebutuhan User dan telah sesuai dengan Bisnis Proses yang disepakati sebelumnya..
69 4.4.2 Tabel Pengujian N o Scenario ID Scenario Description 1 Login Login Aplikasi 2 Role user Maintain Data user Test Test Case ID Description 1.1 Melakukan proses Login data sesuai dengan role yang didaftarkan 2.1 Klik menu data master klik data user 2.2 tombol tambah data Prerequisites Expected Result Telah dilakukan Login sudah bisa input User dengan dan masuk Role yang kehalaman utama terdaftar didalamnya - Ok, tampil menu view data user isi data user 2.3 Form data user diisi lengkap dan diklik tombol submit 2.4 tombol edit (symbol pensil) 2.5 Form data user diedit lalu diklik tombol submit 2.6 tombol hapus (symbol x) 2.6. 1 Ok Ok, data tersimpan data user Edit data user Ok, data terupdate data user dialog konfirmasi untuk melakukan hapus Ok, data terhapus dan tidak ada diview data user
70 2.6. Ok, data tidak jadi 2 cancel dihapus dan masih ada diview data user 3 Role data Maintain 3.1 Klik menu data - Ok, tampil menu master data master klik view data data 3.2 isi tombol tambah data data 3.3 Form data Ok, data tersimpan diisi lengkap dan diklik tombol data submit 3.4 tombol edit Edit data (symbol pensil) 3.5 Form data Ok, data terupdate diedit lalu diklik tombol submit data 3.6 tombol hapus dialog konfirmasi (symbol x) untuk melakukan hapus 3.6. Ok, data terhapus 1 Ok dan tidak ada diview data 3.6. Ok, data tidak jadi 2 cancel dihapus dan masih ada diview data
71 4 Role data Maintain 4.1 Klik menu data - Ok, tampil menu master data kategori master klik view data kategori data kategori 4.2 isi tombol tambah data kategori data 4.3 Form data Ok, data tersimpan kategori diisi lengkap dan data kategori diklik tombol submit 4.4 tombol edit Edit data kategori (symbol pensil) 4.5 Form data Ok, data terupdate kategori diedit lalu diklik data kategori tombol submit 4.6 tombol hapus dialog konfirmasi (symbol x) untuk melakukan hapus 4.6. Ok, data terhapus 1 Ok dan tidak ada diview data kategori 4.6. Ok, data tidak jadi 2 cancel dihapus dan masih ada diview data kategori
72 5 Role data Maintain 5.1 Klik menu data - Ok, tampil menu master data satuan master klik view data satuan data satuan 5.2 isi tombol tambah data satuan data 5.3 Form data satuan Ok, data tersimpan diisi lengkap dan data satuan diklik tombol submit 5.4 tombol edit Edit data satuan (symbol pensil) 5.5 Form data satuan Ok, data terupdate diedit lalu diklik tombol data satuan submit 5.6 tombol hapus dialog konfirmasi (symbol x) untuk melakukan hapus 5.6. Ok, data terhapus 1 Ok dan tidak ada diview data satuan 5.6. Ok, data tidak jadi 2 cancel dihapus dan masih ada diview data satuan
73 6 Role data Maintain 5.1 Klik menu data - Ok, tampil menu master data suplier master klik view data supplier data suplier 5.2 isi tombol tambah data supplier data 5.3 Form data suplier Ok, data tersimpan diisi lengkap dan diklik tombol data supplier submit 5.4 tombol edit Edit data satuan (symbol pensil) 5.5 Form data suplier Ok, data terupdate diedit lalu diklik tombol submit data supplier 5.6 tombol hapus dialog konfirmasi (symbol x) untuk melakukan hapus 5.6. Ok, data terhapus 1 Ok dan tidak ada diview data supplier 5.6. Ok, data tidak jadi 2 cancel dihapus dan masih ada diview data suplier 4.4.3 Penjelasan Pengujian Hasil pengujian aplikasi pada bagian master data dalam melakukan aksi Input, simpan, update, menampilkan view hasil simpan telah berhasil dilakukan dengan baik. Beberapa combo box yang mengambil data dari database berjalan dengan baik. Namun beberapa hal yang perlu menjadi catatan adalah masih belum adanya gambar atau photo dari produk atau yang dijual.
74 Hasil pengujian aplikasi pada transaksi pembelian terdapat informasi stok yang akan dibeli, hal ini sangat membantu. Proses penyimpanan transaksi pembelian berjalan baik, data dapat disimpan. Terdapat beberapa logic keputusan yang harus diambil, seperti apabila stok kosong maka pelanggan tidak dapat melakukan pemesanan.