BAB IV IMPLEMENTASI DAN PENGUJIAN 4.1 Implementasi Sistem Tahap implementasi merupakan tahapan penerapan dan pengujian dan aplikasi yang sudah dirancang. Penerapan rancangan yang telah dibuat dituangkan ke dalam bentuk coding pemrograman. Selain itu implementasi terhadap hasil dari analisis pada tahap perancangan dengan operasional perangkat lunak yang dibuat agar terjadi kesesuaian dalam fungsionalitasnya.
4.1.1 Perangkat Keras yang Digunakan Untuk mendukung kinerja dalam melakukan pengembangan dan pengoperasian aplikasi yang dibangun, berikut adalah spesifikasi perangkat lunak yang digunakan. 1.
CPU Intel Core i5
2.
Storage Hardisk 500 GB HDD
3.
Memory 6 GB DDR3
4.
Keyboard
5.
Mouse
6.
Smartphone
4.1.2 Perangkat Lunak yang Digunakan Perangkat lunak yang digunakan untuk perancangan dan implementasi aplikasi ini memiliki spesifikasi sebagai berikut. 1. Sistem operasi Windows 7 64-bit 2. Web Server XAMPP 3. Database MariaDB 4. Android Studio 5. JetBrains PhpStorm 9.0.2
48
http://digilib.mercubuana.ac.id/
4.2 Implementasi Basis Data Pembuatan basis data dilakukan dengan menggunakan SQL, dimana aplikasi basis data yang digunakan adalah MariaDB pada XAMPP. Berikut adalah implementasi basis data dan tabel-tabel yang digunakan.
Gambar 4. 1 Implementasi Basis Data YIISHOP
4.3 Implementasi Tampilan Aplikasi Berikut tampilan antarmuka registrasi pada smartphone.
Gambar 4. 2 Tampilan Halaman Registrasi pada Smartphone
49
http://digilib.mercubuana.ac.id/
Berikut tampilan antarmuka login aplikasi pada smartphone.
Gambar 4. 3 Tampilan Halaman Login pada Smartphone
Berikut tampilan antarmuka scan QR code pada smartphone.
Gambar 4. 4 Tampilan Halaman Scan QR Code
50
http://digilib.mercubuana.ac.id/
Berikut tampilan antarmuka konfirmasi tambah barang.
Gambar 4. 5 Halaman Tampilan Konfirmasi Tambah Barang
Berikut tampilan input jumlah barang yang dipesan.
Gambar 4. 6 Halaman Input Jumlah Barang
51
http://digilib.mercubuana.ac.id/
Berikut tampilan daftar barang yang dipesan.
Gambar 4. 7 Halaman Daftar Barang yang Dipesan
Berikut tampilan antarmuka login admin pada web.
Gambar 4. 8 Halaman Login Admin
52
http://digilib.mercubuana.ac.id/
Berikut tampilan antarmuka produk yang dapat dikelola admin.
Gambar 4. 9 Halaman Antarmuka Produk
Berikut tampilan antarmuka tambah produk yang dapat dikelola admin.
Gambar 4. 10 Halaman Tampilan Tambah Produk
53
http://digilib.mercubuana.ac.id/
Berikut tampilan antarmuka ubah produk yang dapat dikelola admin.
Gambar 4. 11 Halaman Tampilan Ubah Produk
Berikut tampilan antarmuka kategori yang dapat dikelola admin.
Gambar 4. 12 Halaman Tampilan Kategori
54
http://digilib.mercubuana.ac.id/
Berikut tampilan antarmuka kategori yang dapat dikelola admin.
Gambar 4. 13 Halaman Tampilan Tambah Kategori
Berikut tampilan antarmuka login yang dilakukan customer.
Gambar 4. 14 Halaman Tampilan Login Customer
55
http://digilib.mercubuana.ac.id/
Berikut tampilan antarmuka registrasi akun baru yang dilalukan pelanggan.
Gambar 4. 15 Halaman Tampilan Register Akun Baru
Berikut tampilan antarmuka utama yang menampilkan semua produk yang dijual.
Gambar 4. 16 Halaman Tampilan Daftar Produk
56
http://digilib.mercubuana.ac.id/
Berikut adalah tampilan antarmuka detail produk yang dilihat oleh pelanggan.
Gambar 4. 17 Tampilan Halaman Detail Produk
Berikut tampilan antarmuka keranjang belanja saat pelanggan sudah memilih barang belanja.
Gambar 4. 18 Tampilan Halaman Keranjang Belanja
57
http://digilib.mercubuana.ac.id/
Berikut tampilan antarmuka pemilihan alamat pengiriman.
Gambar 4. 19 Tampilan Halaman Pilih Alamat
Berikut tampilan antarmuka konfirmasi pembayaran.
Gambar 4. 20 Tampilan Halaman Konfirmasi Pembayaran
58
http://digilib.mercubuana.ac.id/
Berikut tampilan antarmuka tambah alamat bila ingin menambahkan alamat pengiriman baru.
Gambar 4. 21 Tampilan Halaman Tambah Alamat Pengiriman
Berikut tampilan antarmuka kelola admin yang dapat dikelola oleh admin.
Gambar 4. 22 Halaman Tampilan Data Admin
59
http://digilib.mercubuana.ac.id/
Berikut tampilan antarmuka daftar pesanan atau laporan yang dapat dikelola oleh admin.
Gambar 4. 23 Halaman Laporan
Berikut tampilan antarmuka tambah admin yang dapat dikelola oleh admin.
Gambar 4. 24 Tampilan Halaman Tambah Admin
60
http://digilib.mercubuana.ac.id/
4.4 Metode Pengujian Setelah aplikasi selesai dibangun, tahap berikutnya adalah tahap pengujian dimana aplikasi diuji apakah sudah sesuai dengan rancangan yang telah dibuat sebelumnya. Metode pengujian menggunakan metode black box, yaitu metode pengujian perangkat lunak yang menguji fungsionalitas aplikasi tanpa melihat ke dalam struktur atau kerja internal. Pengujian dengan menggunakan metode ini dilakukan dengan cara memberi sejumlah masukan (input) pada aplikasi. Kemudian hasil atau response yang diberikan dibandingkan dengan output yang diinginkan, apakah sudah sesuai dengan fungsi dari program aplikasi trsebut.
4.4.1 Skenario Pengujian Dalam pengujian ini dibuat suatu daftar pengujian dengan berbagai skenario pengujian untuk mencari apakah aplikasi yang dibuat dapat berjalan dengan baik. Skenario pengujian dilakukan dengan memilih dari pilihan yang tersedia pada aplikasi, kemudian dilakukan pengujian dengan menekan tombol-tombol yang tersedia di setiap halaman apakah hasil sudah sesuai dengan yang diharapkan. Tabel 4. 1 Skenario Pengujian
No. Antarmuka
1.
Form Login
Uji Coba
Uji
Form Login
Skenario
Hasil yang
Hasil
Aplikasi
Pengujian
Diharapkan
Pengujian
input Terdapat
data
2.
Status
Uji
Mengisi
tombol
email
login
password
input Terdapat
data
User berhasil Berhasil dan login
Mengisi
tombol
email
login
password
User dan login
yang salah
61
http://digilib.mercubuana.ac.id/
gagal Berhasil
No. Antarmuka
3.
4.
Uji Coba
Form
Uji
Registrasi
data
Status
Skenario
Hasil yang
Hasil
Aplikasi
Pengujian
Diharapkan
Pengujian
input Terdapat
Form
Uji
Registrasi
data
Mengisi
User berhasil Berhasil
tombol
semua
Register
mandatory
input Terdapat
field registrasi
Tidak
User
gagal Berhasil
tombol
mengisi
registrasi
Register
semua
field
mandatory 5.
Form Hasil Uji Scan
tanpa Terdapat
login
Barang
Tidak
Halaman
tombol
melakukan
kembali
Done
login
form login
Berhasil ke
sebelum scan 6.
Form
Uji
input Terdapat
Tambah
data
tombol Buat
Alamat 7.
ubah Terdapat
Tidak
Alamat
mengisi
gagal
kolom *
ditambah
Harga
Harga
Form
Uji
Keranjang
jumlah
tombol
disesuaikan
berhasil
Belanja
pesanan
Ubah
dengan
berubah
Berhasil
Berhasil
jumlah 8.
Form
Uji tambah Terdapat
Produk
barang
Mengklik
Produk
tombol Add tombol
masuk
To Cart
keranjang
Berhasil ke
belanja 9.
Form
Uji
hapus Terdapat
Produk
data
Yakin
tombol
akan Produk
hapus produk
hapus
berhasil dihapus
62
http://digilib.mercubuana.ac.id/
Berhasil
No. Antarmuka
10.
Uji Coba
Status
Skenario
Hasil yang
Hasil
Aplikasi
Pengujian
Diharapkan
Pengujian Berhasil
Form Order Uji
Terdapat
Masukan
Pesanan
Pesanan
tombol
Nomor
ditampilkan
Search
Pemesanan
pencarian
Anda
yang
ada
pada data 11.
Form Order Uji
Terdapat
Masukan
Data
Pesanan
tombol
Nomor
ditemukan
Search
Pemesanan
pencarian
Anda
yang
tidak Berhasil
tidak
ada pada data 12.
Form Buku Uji tambah Terdapat
Mengisi
Alamat baru Berhasil
Alamat
alamat baru
berhasil
alamat baru
Anda
link Tambahkan
ditambah
Alamat Baru 13.
Form Buku Uji tambah Terdapat
Mengisi
Alamat baru Berhasil
Alamat
alamat baru
berhasil
alamat baru
Anda
link Tambahkan
ditambah
Alamat Baru 14.
Form Buku Uji Alamat Anda
ubah Terdapat
data alamat
link
Mengubah
Edit data alamat
Alamat
Data alamat Berhasil berhasil berubah
63
http://digilib.mercubuana.ac.id/
No. Antarmuka
15.
Uji Coba
Form Buku Uji Alamat
Status
Skenario
Hasil yang
Hasil
Aplikasi
Pengujian
Diharapkan
Pengujian
Alamat
Berhasil
hapus Terdapat
alamat
Mengklik
link Hapus tombol
Anda
Alamat
link berhasil
Hapus
dihapus
Alamat 16.
Form Ubah Uji Password
ubah Terdapat
password
Mengubah
User
isian
password dan berhasil
password
melakukan
lama
dan login ulang
password
Berhasil
login dengan password baru
baru 17.
Form
Uji
ubah Terdapat
Mengisi data Status
Konfirmasi
status
link
konfirmasi
pembayaran
Pembayaran
pembayaran
Konfirmasi
pembayaran
berubah
Berhasil
pembayaran 18.
Form
Uji tambah Terdapat
Produk
produk
(admin) 19.
Form
Uji
Produk
produk
ubah Terdapat tombol
Uji
Produk
produk
berhasil
menyimpan
ditambah
Mengubah
Data produk Berhasil
data produk
berhasil
pensil
Form
(admin)
Add dan
Product
(admin) 20.
link
Mengisi data Produk baru Berhasil
diubah
hapus Terdapat tombol
Menghapus
Data produk Berhasil
data produk
berhasil
silang
dihapus
64
http://digilib.mercubuana.ac.id/
No. Antarmuka
21.
Form
Uji Coba
Status
Skenario
Hasil yang
Hasil
Aplikasi
Pengujian
Diharapkan
Pengujian
Uji cari data Terdapat
Mencari data Data produk Berhasil
Produk
field isian di produk
(admin)
setiap
dari berhasil
data yang ada
ditampilkan
kolom 22.
Form
Uji cari data Terdapat
Mencari data Data produk Berhasil
Produk
field isian di produk
tidak
(admin)
setiap
dengan input berhasil
kolom
yang
tidak ditemukan
ada 23.
Form
Uji tambah Terdapat
Kategori
kategori
(admin) 24.
link
Mengisi data Kategori
Add dan
Categories
Form
Uji
ubah Terdapat
Kategori
kategori
(admin)
tombol
baru berhasil
menyimpan
ditambah
Mengubah
Data
data kategori
kategori
pensil
Berhasil
Berhasil
berhasil diubah
25.
Form
Uji
Kategori
kategori
(admin)
hapus Terdapat tombol
Menghapus
Data
data kategori
kategori
silang
Berhasil
berhasil dihapus
26.
Form
Uji cari data Terdapat
Mencari data Data
Kategori
field isian di kategori dari kategori
(admin)
setiap
data yang ada
kolom
berhasil ditampilkan
65
http://digilib.mercubuana.ac.id/
Berhasil
No. Antarmuka
27.
Form
Uji Coba
Status
Skenario
Hasil yang
Hasil
Aplikasi
Pengujian
Diharapkan
Pengujian
Uji cari data Terdapat
Mencari data Data
Kategori
field isian di kategori
(admin)
setiap
dengan input tidak
kolom
yang
kategori
tidak berhasil
ada 28.
Form Order Uji cari data Terdapat (admin)
Berhasil
ditemukan
Mencari data Data
field isian di order setiap
order Berhasil
dari berhasil
data yang ada
ditampilkan
kolom 29.
Form Order Uji cari data Terdapat (admin)
30.
Mencari data Data
order Berhasil
field isian di order dengan tidak setiap
input
yang berhasil
kolom
tidak ada
ditampilkan
Form Order Uji
Terdapat
Memilih
Data
(admin)
dropdown
pilihan
status
berhasil
Status
Status
pembayaran
disortir
order Berhasil
Pembayaran Pembayaran 31.
Form Order Uji (admin)
detail Terdapat
order
Menampilkan Data
detail Berhasil
tombol
detail
pesanan
View
pesanan
ditampilkan
4.4.2 Analisa Hasil Pengujian Berdasarkan pengujian yang telah dilakukan terhadap aplikasi ini, dapat disimpulkan bahwa: 1. Proses pengujian yang telah dilakukan memberikan hasil keluaran sesuai dengan yang diharapkan. 66
http://digilib.mercubuana.ac.id/
2. Proses bisnis aplikasi berjalan sesuai dengan rancangan. 3. Tampilan layar sesuai dengan rancangan. 4. Tombol-tombol yang tersedia berfungsi sesuai dengan kebutuhan. 5. Aplikasi berhasil dijalankan dengan baik.
67
http://digilib.mercubuana.ac.id/
