81 BAB IV IMPLEMENTASI DAN PENGUJIAN Kebutuhan Perangkat Keras Untuk menjalankan aplikasi ini dibutuhkan perangkat keras yang dapat mendukung pengoperasian aplikasi ini. Berikut spesifikasi minimum perangkat keras yang dibutuhkan. 1) Processor 1.5GHz 2) RAM 2GB 3) HDD 80Gb 4) VGA 256Mb 5) Monitor Resolusi 1024x768 Pixels 6) LAN Card/USB Modem 3G 7) Printer Kebutuhan Perangkat Lunak Adapun untuk menjalankan aplikasi ini perlu didukung dengan kebutuhan perangkat lunak agar aplikasi dapat berjalan. Berikut spesifikasi perangkat lunak yang dibutuhkan. 1) Sistem Operasi Windows XP, 7, 8, 10. 2) XAMPP dan MySQL 3) Web Browser 4) Notepad++ 5) Adobe Dreamweaver Implementasi Tabel Database Tabel database digunakan untuk menampung data-data pada aplikasi transaksi dan pemesanan barang pada mitra UD. Hasibuan James Plywood. Database diberi nama hjp.
82 Gambar 4.1 Tampilan database hjp Database hjp terdiri dari tabel barang, barang_customer, customer, detail_pesanan, kategori, pesanan dan user. Berikut implementasi masing-masing tabel pada database hjp. 1) Tabel barang Tabel barang terdiri dari field id_barang, nama_barang, kategori, ukuran, jumlah_stok, harga, created_by, created_date, modified_by, modified_date dan aktif. Gambar 4.2 Tampilan tabel barang 2) Tabel barang_customer Tabel barang_customer terdiri dari field id_barang_customer, id_customer, id_barang, total_barang, modified_by dan modified_date.
83 Gambar 4.3 Tampilan tabel barang-customer 3) Tabel customer Tabel customer terdiri dari field id_customer, nama_perusahaan, npwp, email, alamat, no_telepon, created_by, created_date, modified_by dan modified_date. Gambar 4.4 Tampilan tabel customer 4) Tabel detail_pesanan Tabel detail_pesanan terdiri dari field id_detail, id_pesanan, id_barang, jml_permintaan, status_barang, total_harga_barang, created_by, created_date, modified_by dan modified_date. Gambar 4.5 Tampilan tabel detail pesanan
84 5) Tabel kategori Tabel kategori terdiri dari field id_kategori, nama_kategori, created_by, created_date, modified_by, modified_date dan aktif. Gambar 4.6 Tampilan tabel kategori 6) Tabel pesanan Tabel pesanan terdiri dari field id_pesanan, id_customer, status_pesanan, total_pembayaran, created_by, created_date, modified_by, modified_date dan hide_admin Gambar 4.7 Tampilan tabel pesanan 7) Tabel user Tabel user terdiri dari field id_user, nama_lengkap, username, password, email_admin, created_by, created_date, modified_by, modified_date, hak_akses, id_customer dan aktif.
85 Gambar 4.8 Tampilan tabel user Designer Tabel pada Database Seperti pada penjelasan database sebelumnya, bahwa database hjp terdiri dari tujuh tabel dan mempunyai relasi masing-masing tabel tersebut. Relasi antartabel bisa dilihat pada gambar dibawah ini. Gambar 4.9 Relasi antartabel database hjp Tampilan Aplikasi Berdasarkan hasil dari rancangan interface, kemudian aplikasi dibuat berbasis web. Berikut tampilan aplikasi dari beberapa halaman customer dan admin. 1) Halaman login
86 Pada saat mengakses web, sistem akan langsung menampilkan halaman login baik untuk customer maupun admin. Gambar 4.10 Tampilan halaman login 2) Halaman beranda pada customer Setelah customer berhasil melakukan login, selanjutnya sistem akan menampilkan halaman beranda. Gambar 4.11 Tampilan halaman beranda pada customer 3) Halaman daftar harga Pada halaman ini menampilkan daftar harga barang. Customer memilih menu daftar harga untuk menampilkan halaman tersebut.
87 Gambar 4.12 Tampilan halaman daftar harga 4) Halaman barang masuk Pada halaman barang masuk merupakan lanjutan dari konfirmasi data pesanan customer oleh admin. Ketika status pesanan Siap Kirim, barang masuk akan secara otomatis terisi. Gambar 4.13 Tampilan halaman barang masuk 5) Halaman data pesanan Data pesanan merupakan menu dimana customer dapat melakukan pemesanan barang.
88 Gambar 4.14 Tampilan halaman data pesanan 6) Halaman form input data pesanan Pada saat memilih tambah pesanan di halaman data pesanan, sistem akan menampilkan form input data pesanan. Gambar 4.15 Tampilan halaman form input data pesanan 7) Halaman monitoring Halaman ini merupakan tampilan admin setelah melakukan login. Disini admin dapat melihat jumlah stok barang customer.
89 Gambar 4.16 Tampilan halaman monitoring 8) Halaman data barang Halaman data barang menampilkan barang-barang produksi dari UD. Hasibuan James Plywood lengkap beserta spesifikasi barangnya. Gambar 4.17 Tampilan halaman data barang 9) Halaman form input data barang Pada halaman sebelumnya, halaman data barang terdapat fitur tambah data barang. Jika admin menambah barang maka sistem akan menampilkan halaman
90 form input data barang. Gambar 4.18 Tampilan halaman form input barang 10) Halaman data kategori Halaman data kategori menampilkan kategori-kategori barang yang ada. Saat ini terdapat dua kategori seperti pada gambar dibawah ini. Gambar 4.19 Tampilan halaman data kategori 11) Halaman form input data kategori Pada halama data kategori, terdapat fitur tambah kategori. Jika admin menambah data kategori maka sistem akan menampilkan halaman form input data kategori.
91 Gambar 4.20 Tampilan halaman input data kategori 12) Halaman data customer Halaman ini menampilkan data mitra dari UD. Hasibuan James Plywood beserta informasi rinciannya. Gambar 4.21 Tampilan halaman data customer 13) Halaman form input data customer Pada halamannya sebelumnya, admin dapat menambah data customer. Jika
92 tambah data, maka sistem akan menampilkan halaman form input data customer. Gambar 4.22 Tampilan halaman form input data customer 14) Halaman data pesanan pada admin Halaman data pesanan pada admin menerima pesanan yang dilakukan oleh customer. Pada halaman ini admin dapat mengubah status pemesanan dari belum proses, produksi, siap kirim, kirim dan sudah diterima. Ketika status barang sudah diterima, admin dapat menghapus data pesanan. Gambar 4.23 Tampilan halaman data pesanan pada admin 15) Halaman cetak invoice Pada halaman ini admin dapat mencetak invoice dari pesanan yang dilakukan oleh customer dengan kondisi status pesanan telah siap kirim.
93 Gambar 4.24 Tampilan halaman cetak invoice (Testing) dilakukan untuk memastikan fungsionalitas aplikasi berjalan sesuai dengan perintah sesuai dengan spesifikasi sistem yang telah dibuat sebelumnya. 1) login user Tabel 4.1 Tabel Login User No Skenario Test Case Hasil yang diharapkan Hasil Ket. 1 Mengosongkan Username Sistem akan username dan : (kosong) menolak akses password, lalu Password : login dan mengklik (kosong) menampilkan Login pesan Username atau Password tidak boleh kosong 2 Hanya mengisi Username Sistem akan username, lalu : james menolak akses mengklik Password : login dan Login (kosong) menampilkan pesan Username
94 atau Password tidak boleh kosong 3 Menginputkan Username Sistem akan dengan kondisi : james menolak akses salah satu data (benar) login dan benar dan satu Password : menampilkan lagi salah, lalu qwerty pesan Username mengklik (salah) dan Password tidak Login sesuai 4 Menginputkan Username Sistem akan data login yang : james menerima akses benar, lalu (benar) login dan mengklik Password : kemudian Login admin menampilkan (benar) halaman utama admin 2) pemesanan barang Tabel 4.2 Tabel Pemesanan Barang No Skenario Hasil yang Test Case diharapkan 1 Mengosongkan Data Sistem akan semua isian pesanan: menampilkan data pesanan, pesan Please lalu mengklik select an item in the list pada field Simpan nama barang 2 Mengisi Nama Sistem akan beberapa atau barang: D9 menampilkan tidak lengkap Jumlah pesan Please lalu mengklik pemesanan: select an item in Hasil Ket.
95 - the list pada field Simpan Jumlah Pemesanan 3 Mengisi semua Nama Data masuk form data barang: D9 database pesanan Jumlah dengan benar pemesanan: lalu klik 50 Simpan 3) penambahan data barang Tabel 4 3 Tabel Penambahan Data Barang No Skenario Hasil yang Test Case diharapkan 1 Mengosongkan Data Sistem akan semua isian barang: menampilkan data barang, pesan Please lalu mengklik select an item in the list pada field Simpan nama barang 2 Mengisi Nama Sistem akan beberapa atau barang: D9 menampilkan tidak lengkap Kategori:- pesan Please lalu mengklik Ukuran : select an item in 50x50 the list pada field Simpan Jumlah Kategori stok: - Harga : 17.000 3 Mengisi semua Nama Data masuk form data barang: D9 database pesanan Kategori: Hasil Ket.
96 dengan benar lalu klik Simpan Sandaran Ukuran : 50x50 Jumlah stok: 500 Harga : 17.000 4) penambahan data customer Tabel 4.4 Tabel pengujian penambahan data customer No Skenario Hasil yang Test Case diharapkan 1 Mengosongkan Data Sistem akan semua isian customer: menampilkan data barang, pesan Semua field lalu mengklik harus diisi Simpan 2 Mengisi Nama Sistem akan beberapa atau Perusahaan: menampilkan tidak lengkap PT. Theda pesan Semua field lalu mengklik NPWP: - harus diisi Email: Simpan thedachair @yahoo.co m Alamat: - No. Telpon: 0215595769 0 Username: - Password: Hasil Ket.
97 admin 3 Mengisi semua Nama Data masuk form data Perusahaan: database customer PT. Theda dengan benar NPWP: lalu klik 01.012.345. 3-678.999 Simpan Email: thedachair @yahoo.co m Alamat: - No. Telpon: 0215595769 0 Username: - Password: admin 5) penambahan data kategori Tabel 4.5 Tabel Penambahan Data Kategori No Skenario Hasil yang Test Case diharapkan 1 Mengosongkan Data Sistem akan nama kategori, kategori: menampilkan lalu mengklik pesan Please select an item in Simpan the list pada field nama barang 2 Mengisi field Nama Data masuk nama kategori kategori: database dengan benar Sandaran Hasil Ket.
98 lalu Simpan klik 6) ubah stok barang customer Tabel 4.6 Tabel pengujian ubah stok barang customer No Skenario Hasil yang Test Case diharapkan 1 Mengisi field Jumlah Sistem akan jumlah yang stok: 50 menampilkan dipakai Jumlah pesan Jumlah melebihi yang yang dipakai tidak jumlah stok dipakai: 60 boleh melebihi stok yang ada pada field Jumlah yang dipakai 2 Tidak mengisi Jumlah Sistem akan field jumlah yang menampilkan yang dipakai dipakai:- pesan Please fill lalu klik out this field pada field Jumlah yang Simpan dipakai 3 Mengisi field Jumlah Data masuk jumlah yang stok: 50 database dipakai kurang Jumlah dari jumlah yang stok, lalu klik dipakai: 40 Simpan Hasil Ket.