BAB IV
IMPLEMENTASI DAN PENGUJIAN
1.1. Implementasi website `Tahap implementasi merupakan tahap penerapan dan pengujian dari sistem yang sudah dianalisa dan dirancang.Penerapan
rancangan diimplementasikan
dengan mengunakan bahasa pemograman. Pada tahap implementasi juga membahas analisa hasil pengujian yang dilakukan untuk menjelaskan hasil dari pengujian yang dilakukan apakah sudah sesuai dengan yang diharapkan. Setelah diimplementasi dilakukan pengujian terhadap website dan dilakukan evaluasi terhadap kekurangan pada website yang telah dibuat untuk pengembangan berikutnya 4.1.1. Perangkat Keras (Hardaware) Perangkat keras yang digunakan dalam mengimplementasikan website ini yaitu : 1. Laptop LENOVO G40-45s 2. Strorage Hardisk 500gb 3. RAM 6gb ddr3 4. VGA AMD r4 1gb 4.1.2. Perangkat Lunak (Software) Perangkat lunak yang digunakan dalam mengimplementasikan website ini yaitu : 1. OS Windows 10 64-Bit. 2. Web Server XAMPP. 3. MySQL.
58
http://digilib.mercubuana.ac.id/
59
4.2. Tampilan Antar Muka Menu Utama Berikut ini adalah implementasi program sesuai dengan rancangan tampilan yang telah dirancang sebelumya, antara lain : 4.2.1.
Halaman Register
Gambar 4.1 Halaman register Gambar 4.1 diatas menjelaskan, caloncustomer di wajibkan daftar apabila ingin melakukan pemesanan baik itu request atau request custom 4.2.2.
Halaman Login
Gambar 4.2 Halaman Log-in Gambar 4.2 diatas menjelaskan, customer dapat melakukan login dengang memasukan username dan password yang sudah di daftarkan sebelumnnya.
http://digilib.mercubuana.ac.id/
60
4.2.3.
Halaman Utama
Gambar 4.3 Halaman Utama Gambar 4.3 diatas menjelaskan,Customer dapat melihat menu menu apa saja yang tersedia pada website mamiek furniture. 4.2.4.
Halaman List Product
Gambar 4.4 Halaman list product Gambar 4.4 diatas menjelaskan,customer atau calon customer dapat melihat produk furniture yang tersedia di website list produk mamiek furniture.
http://digilib.mercubuana.ac.id/
61
4.2.5.
Halaman Request Custom
Gambar 4.5 Halaman request custom Gambar 4.5 diatas menjelaskan,customerdapat melakukan pemesanan dengan mengupload desain furniture yang mereka punya . 4.2.6.
Halaman About Us
Gambar 4.6 Halaman about us Gambar 4.6 diatas menjelaskan,customer dapat melihat informasi tentang gambaran mamiek furniture . 4.2.7.
Halaman Pesananku
http://digilib.mercubuana.ac.id/
62
Gambar 4.7 Halaman pesananku Gambar 4.7 diatas menjelaskan,customer dapat memilih pemesanan dari request atau request custom.
4.2.8.
Halaman Pesananku Request Custom Furniture
Gambar 4.8 Halaman Pesananku Request custom Furniture Gambar 4.8 diatas menjelaskan,berisi informasi status pemesanan request custom furniture. 4.2.9.
Halaman Pesananku Request Furniture
http://digilib.mercubuana.ac.id/
63
Gambar 4.9 Halaman Pesananku Request Furniture Gambar 4.9 diatas menjelaskan, berisi informasi status pemesanan request furniture. 4.2.10.
Halaman Detail Product.
Gambar 4.10 Halaman Detail Product Gambar 4.10 diatas menjelaskan,customerdapat melihat detail furniture yang tersedia di website mamiek furniture 4.2.11.
Halaman Login Admin.
http://digilib.mercubuana.ac.id/
64
Gambar 4.11 Halaman login admin Gambar 4.11 diatas menjelaskan,adminharus melakukan login untuk dapat mengelola data – data transaksi pada mamiek furniture 4.2.12.
Halaman Utama Admin
Gambar 4.12 Halaman utama admin Gambar 4.12 diatas menjelaskan, admin dapat melihat semua menu yang ada pada menu utama admin mamiek furniture
http://digilib.mercubuana.ac.id/
65
4.2.13.
Halaman Master User
Gambar 4.13 Halaman Masteruser Gambar 4.13 diatas menjelaskan, admin dapat melihat list semua data customer yang sudah terdaftar. 4.2.14.
Halaman Master Furniture
Gambar 4.14HalamanMasterfurniture Gambar 4.14 diatas menjelaskan, admin dapat melihat dan kelola list semua data furnitureyang akandi posting
http://digilib.mercubuana.ac.id/
66
4.2.15.
Halaman Data Pemesananrequest
Gambar 4.15Halaman data pemesananrequest Gambar 4.15 diatas menjelaskan, admin dapat melihat dan kelola semua list data pemesanan request. 4.2.16.
Halaman Utama Data pemesnan request custom
Gambar 4.16Halaman data request custom Gambar 4.16 diatas menjelaskan, admin dapat melihat dan kelola semua list data pemesanan request custom. 4.2.17.
Halaman Utama Data pembayaran
http://digilib.mercubuana.ac.id/
67
Gambar 4.17 Halaman Pembayaran Gambar 4.17 diatas menjelaskan, admin dapat melihat dan kelola data pembayaran yang ada pada menu data pembayaran. 4.2.18.
Halaman Utama Data detail pembayaran
Gambar 4.18 halaman detail pembayaran Gambar 4.18 diatas menjelaskan, admin dapat melihat dan kelola data pembayaran yang ada pada menu data pembayaran dan akses detail pembayaran. 4.3. Tampilan Database 4.3.1.
Tabel Admin
Gambar 4.19 tabel admin Gambar 4.19 diatas menjelaskan, table admin yang memiliki field : id admin,nama admin,username admin,passwordadmin.
http://digilib.mercubuana.ac.id/
68
4.3.2.
Tabel Customer
Gambar 4.20 tabel customer Gambar 4.20 diatas menjelaskan, table customer yang memiliki field : id customer,nama customer,nomor hp,e-mail,usernamecustomer,passwordcustomer. 4.3.3.
Tabel Furniture
Gambar 4.21 tabel furniture Gambar 4.21 diatas menjelaskan, table furniture yang memiliki field : id furniture,nama furniture,image furniture,image furniture2,image furniture3,image furniture4, material,dimensi,keterangan. 4.3.4.
Tabel Pembayaran
Gambar 4.22 tabel pembayaran Gambar 4.22 diatas menjelaskan, table pembayaran yang memiliki field : id pembayaran,tanggal lunas,totalharga,staus pembayaran,keterangan,id request furniture,id request custom furniture,id customer. 4.3.5.
Tabel Detail Pembayaran
Gambar 4.23 tabel detail pembayaran Gambar 4.23 diatas menjelaskan, table detail yang memiliki field : id detail pembayaran,uang di terima,tanggal pembayaran,keterangan,id pembayaran.
http://digilib.mercubuana.ac.id/
69
4.3.6.
Tabel Request Furniture
Gambar 4.24 tabel request furniture Gambar 4.24 diatas menjelaskan, table request furniture yang memiliki field : id request furniture,keterangan,status,progres,alamat lengkap,id furniture,id customer. 4.3.7.
Tabel Request Cutom Furniture
Gambar 4.25 tabel request custom furniture Gambar 4.25 diatas menjelaskan, table request custom furniture yang memiliki field : id furniture ,gambar1,gambar2,gambar3,gambar4, keterangan, alamat lengkap, status, progress,id customer. 4.4. Metode Pengujian Setelah website selesai dibangun , tahap berikutnya adalah melakukan pengujian pada website yaitu menguji apakah website sudah bekerja sesuai dengan rancangan yang telah dibuat sebelumnya. Pada peneliian ini menggunakan metode black-box testing, yaitu metode pengujian perangkat lunak yang menguji fungsionalitas website tanpa menguji kedalam struktur atau koding program. Pengujian metode black box testing dilakukan dengan cara mencoba menggunakan fungsi pada program dengan cara memasukan sejumlah masukan (input) kedalam program pada website yang akan dicek oleh proses oleh program, kemudian mencek apakah hasil dari proses tersebut sudah menghasilkan keluaran (output) yangdiinginkan dengan fungsi yang sudah ditentukan.
http://digilib.mercubuana.ac.id/
70
4.4.1.
Skenario Pengujian Dalam menguji sistem dengan metode black box testing ,perlu adanya sebuah skenario pengujian untuk menjelaskan bagian fungsi pada program yang akan dilakukan uji coba, menjelaskan hasil yang diharapkan pada saat dilakukan pengetesan, dan menjelaskan hasil setelah dilakukan pengetesan pada program. Berikut adalah tabel skenario pengujian yang dilakukan pada penelitian ini : Tabel 4.1 Tabel skenario pengujian
No
Antarmuka
Fungsi
1
Halaman register
Untuk mendaftar kedalam website
2
Halaman Login
Untuk masuk kedalam website
3
Halaman Utama
Untuk menampilkan fungsi-fungsi yang terdapat pada website user
4
Halaman List Product
Untuk melihat list product
5
Halaman Request custom
Untuk memesan request custom furniture
6
Halaman about us
Untuk melihat company profile
7
Halaman pesananku
Untuk melihat produk apa yang dipesan oleh customer
8
Halaman detail product
9
Halaman login admin
10
Halaman Utama Admin
11
Halaman MasterUser
12
Halaman Master Furniture
13
Halaman data pemesanan
14
Halaman data pembayaran
15
Halaman detail pembayaran
Untuk melihat detail produk serta dapat melakukan pemesanan produk tersebut Untuk Untuk masuk kedalam website admin Untuk menampilkan fungsi-fungsi pada website admin Untuk menampilkan user yang sudah terdaftar Untuk menampilkan produk-produk furniture Untuk mengelola data pemesanan dari request atau request custom produk Untuk mengelola data pembayaran dari request atau request custom produk Untuk mengelola detail data pembayaran dari request atau request custom produk
http://digilib.mercubuana.ac.id/
71
4.4.2.
Hasil Pengujian Tabel 4.2 Tabel hasil pengujian
No
Tampilan
Uji Coba
Status
Skenario Pengujian Mengisi nama lengkap,nomor hp,email, username dan password Mengisi username dan password yang sesuai Mengetik path website secara langsung
1
Halaman Register
Uji input data register
Masuk an
2
Halaman Login
Uji input data login
3
Halaman Utama
Uji akses halaman utama
4
Halaman list product
Uji akses halaman list product
Klik menu list product
5
Halaman Request custom
Uji input request custom
6
Halaman about us
Uji akses about us
Mengisi image furniture,alamat,d an keterangan produk. Klik menu about us
7
Halaman pesananku
8
Halaman detail product
Uji akases halaman pesananku Uji akses detail product
9
Halaman admin login
10
Halaman Admin Home
11
Halaman Admin data master Master admin
Klik profile pesanan ku Klik thumbnail list product
Uji input username dan password admin Uji akses halaman utama admin
Mengisi username dan password admin
Uji input Add amin
Mengisi nama,username dan password
Mengetik path website secara langsung
http://digilib.mercubuana.ac.id/
Hasil yang Diharapkan register berhasil
Hasil Pengujian Berhasil
Login berhasil
Berhasil
Halaman utama berhasil diakses Halaman list product menampilkan produk Input request custom berhasil
Berhasil
Halaman about us berhasil di akses Menampilka n data pemesanan Halaman detailproduct berhasil di akses Login berhasil
Berhasil
Halaman utama admin Dapat diakses Add admin berhasil
Berhasil
Berhasil
Berhasil
Berhasil Berhasil
Berhasil
Berhasil
72
Tabel 4.3 Tabel lanjutan hasil pengujian No
Tampilan
Uji Coba
12
Halaman Admin data masterMaster admin Halaman Admin data masterMaster admin Halaman Admin data master Master User Halaman Admin data master Master furniture Halamanmaster Master furniture Halaman Admin data masterMaster furniture Halaman Admin data pemesanan Requst Halaman Admin data pemesanan Requst Halaman Admin data pemesanan Requst custom Halaman Admin data pemesanan Requst custom Halaman Admin data pembayaran
Uji edit admin
13
14
15
16 17
18
19
20
21
22
Skenario Pengujian Klik edit dan input data perubahan
Hasil yang Diharapkan Edit admin berhasil
Hasil Pengujian Berhasil
Uji deleteadmin
Klik delete data
delete admin berhasil
berhasil
Uji akses menampilkan data user
Klik menu Master user
berhasil
Uji input Add furniture
Mengisi nama furniture,uploadg ambar, material,dimensi, dan keterangan Klik edit dan input data furniture Klik tombol delete
Akses menampilkan data user berhasil add furniture berhasil
Uji Editfurniture Uji Delete furniture
Uji Editrequest Uji Delete request Uji Editrequest custom Uji Delete request custom Uji addpembayar an
Status
Edit berhasil
berhasil
berhasil
Delete berhasil
berhasil
Klik tombol edit lalu ubah status dan input keterangan Klik tombol delete
Edit berhasil
berhasil
Klik tombol edit lalu ubah status dan input keterangan Klik tombol delete
Edit berhasil
berhasil
Delete berhasil
berhasil
Klik tombol add lalu ubah status dan input keterangan,nomin al
add berhasil
berhasil
http://digilib.mercubuana.ac.id/
Detele berhasil
berhasil
73
Tabel 4.4 Tabel lanjutan hasil pengujian No
Tampilan
Uji Coba
23
Halaman Admin data pembayaran
Uji edit pembayaran
24
Halaman Admin data pembayaran Halaman Admin data detail pembayaran Halaman Admin data detail pembayaran Halaman Admin data detail pembayaran
Uji deletepembay aran Uji adddetail pembayaran
25
26
27
Uji editdetail pembayaran Uji deletedetail pembayaran
Status
Skenario Pengujian Klik tombol edit lalu ubah status dan input keterangan,nomin al Klik tombol delete lalu delete pembayaran Klik tombol add lalu tambahtanggal,no minal,keterangan Klik tombol edit lalu ubahtanggal,nomi nal,keterangan Klik tombol delete lalu hapus data
Hasil yang Diharapkan Edit berhasil
Hasil Pengujian berhasil
delete berhasil
berhasil
Add detail berhasil
berhasil
edit detail berhasil
delete detail berhasil
Berhasil Berhasil
Analisa Hasil Pengujian Setelah dilakukan pengujian secara menyeluruh pada website yang telah dibuat, berikut adalah hasil analisa dari hasil pengujian : 1. Proses pengujian menghasilkan hasil yang sesuai denga nyang diharapkan 2. Proses bisnis website sudah berjalan sesuai rancangan 3. Tampilan layar yang dapat diakses dalam websie sudah sesuai dengan yang diharapkan 4. Tombol pada website sudah berfungsi sesuai dengan yang diharapkan Berdasarkan analisa hasil pengujian website tersebut maka dapat disimpulkan bahwa pengujian telah menunjukan hasil keluaran dari proses yang sesuai dengan rancangan website ini. Dan dari hasil pengujian ini dapat dikatakan bahwa aplikasi ini berjalan dengan baik dan benar.
http://digilib.mercubuana.ac.id/
