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
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
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
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
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
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
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
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
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
Berikut adalah tampilan antarmuka detail produk yang dilihat oleh pelanggan. belanja. Gambar 4. 17 Tampilan Halaman Detail Produk Berikut tampilan antarmuka keranjang belanja saat pelanggan sudah memilih barang Gambar 4. 18 Tampilan Halaman Keranjang Belanja 57
Berikut tampilan antarmuka pemilihan alamat pengiriman. Gambar 4. 19 Tampilan Halaman Pilih Berikut tampilan antarmuka konfirmasi pembayaran. Gambar 4. 20 Tampilan Halaman Konfirmasi Pembayaran 58
baru. Berikut tampilan antarmuka tambah alamat bila ingin menambahkan alamat pengiriman Gambar 4. 21 Tampilan Halaman Tambah Pengiriman Berikut tampilan antarmuka kelola admin yang dapat dikelola oleh admin. Gambar 4. 22 Halaman Tampilan Data Admin 59
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
4.4 Metode 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. 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 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 - yang tersedia di setiap halaman apakah hasil sudah sesuai dengan yang diharapkan. Tabel 4. 1 Skenario No. Antarmuka Coba Status Aplikasi Skenario Hasil yang Diharapkan Hasil 1. Form Login input Mengisi User data email dan login login password 2. Form Login input Mengisi User gagal data email dan login login password yang salah 61
No. Antarmuka Coba Status Aplikasi Skenario Hasil yang Diharapkan Hasil 3. Form input Mengisi User Registrasi data semua field registrasi Register mandatory 4. Form input Tidak User gagal Registrasi data mengisi registrasi Register semua field mandatory 5. Form Hasil tanpa Tidak Halaman Scan login melakukan kembali ke Barang Done login form login sebelum scan 6. Form input Tidak Tambah data Buat mengisi gagal kolom * ditambah 7. Form ubah Harga Harga Keranjang jumlah disesuaikan Belanja pesanan Ubah dengan berubah jumlah 8. Form tambah Mengklik Produk Produk barang Add masuk ke To Cart keranjang belanja 9. Form hapus Yakin akan Produk Produk data hapus produk hapus dihapus 62
No. Antarmuka Coba Status Aplikasi Skenario Hasil yang Diharapkan Hasil 10. Form Order Masukan Pesanan Pesanan pencarian Nomor ditampilkan Anda Search Pemesanan yang ada pada data 11. Form Order Masukan Data tidak Pesanan pencarian Nomor ditemukan Anda Search Pemesanan yang tidak ada pada data 12. Form Buku tambah Mengisi baru alamat baru link alamat baru Anda Tambahkan ditambah Baru 13. Form Buku tambah Mengisi baru alamat baru link alamat baru Anda Tambahkan ditambah Baru 14. Form Buku ubah Mengubah Data alamat data alamat link Edit data alamat Anda berubah 63
No. Antarmuka Coba Status Aplikasi Skenario Hasil yang Diharapkan Hasil 15. Form Buku hapus Mengklik alamat link Hapus link Anda Hapus dihapus 16. Form Ubah ubah Mengubah User Password password isian password dan password melakukan login dengan lama dan login ulang password password baru baru 17. Form ubah Mengisi data Status Konfirmasi status link konfirmasi pembayaran Pembayaran pembayaran Konfirmasi pembayaran berubah pembayaran 18. Form tambah Mengisi data Produk baru Produk produk link Add dan Product menyimpan ditambah 19. Form ubah Mengubah Data produk Produk produk data produk pensil diubah 20. Form hapus Menghapus Data produk Produk produk data produk silang dihapus 64
No. Antarmuka Coba Status Aplikasi Skenario Hasil yang Diharapkan Hasil 21. Form cari data Mencari data Data produk Produk field isian di produk dari setiap data yang ada ditampilkan kolom 22. Form cari data Mencari data Data produk Produk field isian di produk tidak setiap dengan input kolom yang tidak ditemukan ada 23. Form tambah Mengisi data Kategori Kategori kategori link Add dan baru Categories menyimpan ditambah 24. Form ubah Mengubah Data Kategori kategori data kategori kategori pensil diubah 25. Form hapus Menghapus Data Kategori kategori data kategori kategori silang dihapus 26. Form cari data Mencari data Data Kategori field isian di kategori dari kategori setiap data yang ada kolom ditampilkan 65
No. Antarmuka Coba Status Aplikasi Skenario Hasil yang Diharapkan Hasil 27. Form cari data Mencari data Data Kategori field isian di kategori kategori setiap dengan input tidak kolom yang tidak ada ditemukan 28. Form Order cari data Mencari data Data order field isian di order dari setiap data yang ada ditampilkan kolom 29. Form Order cari data Mencari data Data order field isian di order dengan tidak setiap input yang kolom tidak ada ditampilkan 30. Form Order Memilih Data order dropdown pilihan status Status Status pembayaran disortir Pembayaran Pembayaran 31. Form Order detail Menampilkan Data detail order detail pesanan View pesanan ditampilkan 4.4.2 Analisa Hasil 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
2. Proses bisnis aplikasi berjalan sesuai dengan rancangan. 3. Tampilan layar sesuai dengan rancangan. 4. Tombol- yang tersedia berfungsi sesuai dengan kebutuhan. 5. Aplikasi dijalankan dengan baik. 67