77
Universitas Kisten Petra
5. PENGUJIAN APLIKASI
Pada bab ini akan dibahas mengenai pengujian sistem terhadap program yang dibuat. Pengujian sistem dilakukan dengan cara melakukan proses secara keseluruhan. Tujuan dari pengujian sistem adalah untuk mengetahui apakah program dapat berjalan dengan baik dan sesuai dengan kebutuhan
5.1. Halaman Login
Halaman Login menampilkan kolom Username dan kolom Password untuk masuk menjadi member. Untuk masuk sebagai member atau admin maka pengguna harus memasukkan username dan password. Jika ada kesalahan pengisian data maka proses login akan gagal. Tampilan halaman login aplikasi dapat dilihat pada Gambar 5.1.
Gambar 5.1. Halaman Login ketika Proses Login Gagal
Jika member berhasil login maka akan masuk ke halaman myaccount.php dan jika pada database belum ditemukan username tersebut sebelumnya maka database akan memasukkan data baru. Tampilan membuat data user baru pada database dapat dilihat pada Gambar 5.2.
Gambar 5.2. Tampilan Membuat Data User Baru Pada Database Jika Proses login berhasil
78
Universitas Kisten Petra
5.2. Halaman Utama
Halaman utama menampilkan gambar produk terbaru dari pengguna, apabila diklik akan terhubungkan pada halaman produk. Tampilan halaman utama aplikasi dapat dilihat pada Gambar 5.3.
Gambar 5.3. Halaman Utama Aplikasi
5.3. Halaman My Account
Jika proses login sebagai member berhasil maka akan ditujukan pada Halaman My Account. Halaman iniberfungsi untuk melengkapi atau mengubah data pengguna. Halaman ini terdiri dari kolom email, nama depan, nama belakang, alamat tinggal, regional, kota, nomor handphone, social media (line, bbm, whatsapp), foto profil dan kolom yang tidak dapat diubah yaitu kolom username.
Tampilan halaman My Account dapat dilihat pada Gambar 5.4.
79
Universitas Kisten Petra
Gambar 5.4. Halaman My Account
Jika ingin merubah foto profil maka pengguna dapat menekan tombol Change Profile Picture. Tampilan halaman Edit Profile Picture dapat dilihat pada Gambar 5.5.
Gambar 5.5. Halaman Edit Profile Picture
80
Universitas Kisten Petra
5.4. Halaman Wishlist
Halaman Wishlist berfungsi untuk menampilkan produk yang pengguna sukai atau inginkan. Terdiri dari kolom hapus, gambar, nama, dan harga produk.
Tampilan halaman berhasil menambah Wishlist dapat dilihat pada Gambar 5.6.
sedangkan tampilan halaman Wishlist dapat dilihat pada Gambar 5.7.
Gambar 5.6. Halaman Berhasil Menambah Wishlist
Gambar 5.7. Halaman Wishlist
Untuk menghapus wishlist pengguna harus menekan tombol silang merah pada sisi kiri halaman. Tampilan halaman setelah Wishlist dihapusdapat dilihat pada Gambar 5.8.
Gambar 5.8. Halaman Setelah Wishlist dihapus
81
Universitas Kisten Petra
5.5. Halaman Top Up User
Halaman Top Up User berfungsi untuk konfirmasi apabila akan melakukan pembelian premium member. Pada halaman ini menampilkan daftar harga paket premium member dan kolom konfirmasi apabila telah transfer terdiri dari kolom nama rekening, bank pengirim, nomor rekening pengirim, tanggal transfer, daftar paket premium member yang diambil. Tampilan halaman Top Up Userdapat dilihat pada Gambar 5.9. sedangkan tampilan halaman data Top Up Admin dapat dilihat pada Gambar 5.10.
Gambar 5.9. Halaman Top Up User
Gambar 5.10. Halaman data Top Up Admin
82
Universitas Kisten Petra
5.6. Halaman Product
Halaman Product berfungsi untuk menampilkan hasil dari produk yang ingin dicari oleh pengguna atau produk yang tersedia. Halaman ini memiliki fungsi sorting untuk mengurutkan berdasar harga, nama dan tanggal serta fungsi show page untuk memfilter jumlah produk yang muncul pada 1 halaman.
Tampilan yang dihasilkan oleh halaman ini dapat berupa List View ataupun Grid View. Halaman ini menampilkan gambar, nama dan harga produk yang apabila diklik dapat terhubung ke halaman product detail. Di bagian kiri halaman terdapat kolom pencarian, filter kategori dan harga. Tampilan halaman Productdapat dilihat pada Gambar 5.11.
Gambar 5.11. HalamanProduct
Untuk melakukan pencarian pengguna harus memasukkan keyword nama barang atau username pemilik barang pada kolom search disebelah kiri dari halaman product. Tampilan halaman SearchProductdapat dilihat pada Gambar 5.12.
83
Universitas Kisten Petra
Gambar 5.12. Halaman Search Product
Untuk melakukan pencarian berdasar kategori pengguna bisa memilih kategori besar dan kategori kecil disebelah kiri dari halaman product. Tampilan halaman Filter Kategori Productdapat dilihat pada Gambar 5.13.
Gambar 5.13. Halaman Filter Kategori Product
Untuk melakukan pencarian berdasar range harga pengguna bisa memasukkan harga minimal dan harga maksimal disebelah kiri dari halaman product. Tampilan halaman Filter Harga Productdapat dilihat pada Gambar 5.14.
Gambar 5.14. Halaman Filter Harga Product
84
Universitas Kisten Petra
5.7. Halaman Product Detail
Halaman Product Detail berfungsi untuk menampilkan detail dari produk yang ingin dilihat oleh pengguna. Halaman ini menampilkan gambar, nama, harga, deskripsi, nama penjual, rating penjual, kontak penjual produk. Pada halaman ini juga terdapat fungsi untuk menambahkan produk tersebut ke Wishlist.
Pada halaman ini juga dapat melakukan rating pengguna. Tampilan halaman Product Detaildapat dilihat pada Gambar 5.15. sedangkan untuk halaman Add Rating dapat dilihat pada Gambar 5.16.
Gambar 5.15. Halaman Product Detail
Gambar 5.16. Halaman Add Rating
5.8. Halaman Tambah Iklan
Halaman Tambah Iklan berfungsi untuk pengguna yang ingin membuat atau menambah iklan produk mereka. Halaman ini menampilkan kolom judul, kategori, deskripsi, harga, dan gambar produk yang ingin diiklankan. Tampilan halaman Tambah Iklandapat dilihat pada Gambar 5.17. sedangkan tampilan notifikasi berhasil Tambah Iklan dapat dilihat pada Gambar 5.18.
85
Universitas Kisten Petra
Gambar 5.17. Halaman Tambah Iklan
Gambar 5.18. Notifikasi Berhasil Tambah Iklan
Untuk iklan yang telah berhasil ditambahkan akan otomatis muncul di halaman product dan halaman product detail. Tampilan halaman iklan yang berhasil ditambahkan dapat dilihat pada Gambar 5.19.
Gambar 5.19. Halaman Iklan yang berhasil ditambahkan
86
Universitas Kisten Petra
5.9. Halaman Edit Produk
Halaman Edit Produk berfungsi untuk merubah deskripsi barang yang dijual dan status barang tersebut menjadi terjual atau menghapus barang.
Tampilan halaman edit produk dapat dilihat pada Gambar 5.20.
Gambar 5.20. Halaman Edit Produk 5.10. HalamanManage Ads
Halaman Manage Ads berfungsi untuk menampilkan semua iklan yang dibuat oleh pengguna. Pada halaman ini admin dapat mengubah atau menghapus data iklan. Halaman ini terdiri dari kolom id produk, id user, nama, harga, gambar produk tanggal update iklan, dan kolom manage yang terhubung ke halaman Manage Ads Detail. Tampilan halaman Manage Ads dapat dilihat pada Gambar 5.21.
87
Universitas Kisten Petra
Gambar 5.21. Halaman Manage Ads 5.11. Halaman Manage Ads Detail
Halaman Manage Ads Detail berfungsi untuk menampilkan iklan yang dipilih oleh admin dari halaman Manage Ads. Pada halaman ini admin dapat mengubah atau menghapus data iklan. Halaman ini terdiri dari gambar produk, kolom id, nama, harga, deskripsi, kategori produk, regional, kota, tanggal update, masa berlaku dan status iklan. Tampilan halaman Manage Ads Detail dapat dilihat pada Gambar 5.22.
Gambar 5.22. Halaman Manage Ads Detail
88
Universitas Kisten Petra
5.12. Halaman Manage User
Halaman Manage User berfungsi untuk menampilkan semua pengguna.
Pada halaman ini admin dapat mengubah atau menghapus data pengguna.
Halaman ini terdiri dari kolom id user, nama, dan kolom manage yang terhubung ke halaman Manage User Detail. Tampilan halaman Manage Ads dapat dilihat pada Gambar 5.23.
Gambar 5.23. Halaman Manage User
5.13. Halaman Manage User Detail
Halaman Manage Ads Detail berfungsi untuk menampilkan data user yang dipilih oleh admin dari halaman Manage User. Pada halaman ini admin dapat mengubah atau menghapus data iklan. Halaman ini terdiri dari kolom username, email, nama depan, nama belakang, alamat, regional, kota, nomor handphone, social media (line, bbm, whatsapp), member status, masa berlaku premium member, banned status. Tampilan halaman Manage User Detail dapat dilihat pada Gambar 5.24.
89
Universitas Kisten Petra
Gambar 5.24. Halaman Manage User Detail
90
Universitas Kisten Petra
5.14. Halaman Top Up Admin
Halaman Top Up Admin berfungsi untuk menampilkan daftar pengguna yang melakukan pembelian premium member. Pada halaman ini admin dapat mengubah status (pending, refused, accepted) data top up. Halaman ini terdiri dari kolom ID TopUp, IDusername, bank pengirim, nomo rekening pengirim, tanggal transfer, jumlah uang yang ditransfer, jenis paket, status. Tampilan halaman Top Up Admindapat dilihat pada Gambar 5.25.
Gambar 5.25. Halaman Top Up Admin 5.15. Fungsi HTTPS
HTTPS (Hypertext Transfer Protocol Secure) berguna untuk melindungi integritas dan kerahasiaan data pengguna antara komputer pengguna dan situs.
Misalnya, saat pengguna memasukkan data diri ke form login guna membeli produk, HTTPS melindungi informasi pribadi pengguna antara pengguna tersebut dan website. Pengguna mengharapkan pengalaman online yang aman saat memberikan data melalui situs web. Tampilan halaman www.petra- commerce.com telah menggunakan HTTPS dapat dilihat pada Gambar 5.26.
sedangkan tampilan halaman www.petra-commerce.com menggunakan Comodo Secure Website dapat dilihat pada Gambar 5.27.
Gambar 5.26. Tampilan halaman www.petra-commerce.com telah menggunakan HTTPS
91
Universitas Kisten Petra
Gambar 5.27. halaman www.petra-commerce.com menggunakan Comodo Secure Website
5.16. Hasil Kuisioner
Untuk mengetahui penilaian pengguna tentang program ini, dilakukanpenelitian dan pengujian terhadap penggunaan program ini melalui kuesioner yangdiberikan kepada 25 (dua puluh lima) mahasiswa/i Universitas Kristen Petra yang akan lulus dan 25 (dua puluh lima) alumni Universitas Kristen Petra.
Dari hasil kuisioner yang telah dikumpulkan, maka detail penilaian terhadap pengunaan aplikasi oleh mahasiswa/i Universitas Kristen Petra yang akan lulus dapat dilihat pada Tabel 5.1.
92
Universitas Kisten Petra
Tabel 5.1. Detail Penilaian terhadap Penggunaan Aplikasi oleh Mahasiswa/i Universitas Kristen Petra yang akan lulus
Pertanyaan Penilaian
1 2 3 4 5
Tampilan aplikasi 0 0 17 8 0
Kemudahan menggunakan aplikasi 0 0 11 9 5
Kesesuaian dengan kebutuhan 0 0 11 7 7
Aplikasi ini mampu membangun kepercayaan anda untuk bertransaksi secara online
0 0 7 8 10
Aplikasi mampu digunakan sebagai wadah jual beli antara mahasiswa serta alumni Universitas Kristen Petra
0 0 20 3 2
Keseluruhan aplikasi 0 0 3 8 14
Presentase penilaian pengguna terhadap tampilan aplikasi adalah sebagai berikut.
Nilai 3 = (17/25) * 100% = 68 %
Nilai 4 = (8/25) * 100% = 32 %
Presentase penilaian pengguna terhadap kemudahan menggunakan aplikasi adalah sebagai berikut.
Nilai 3 = (11/25) * 100% = 44 %
Nilai 4 = (9/25) * 100% = 36 %
Nilai 5 = (5/25) * 100% = 20 %
Presentase penilaian pengguna terhadap kesesuaian dengan kebutuhan adalah sebagai berikut.
Nilai 3 = (11/25) * 100% = 44 %
Nilai 4 = (7/25) * 100% = 28 %
Nilai 5 = (7/25) * 100% = 28 %
93
Universitas Kisten Petra
Presentase penilaian pengguna terhadap Aplikasi ini mampu membangun kepercayaan anda untuk bertransaksi secara online adalah sebagai berikut.
Nilai 3 = (7/25) * 100% = 28 %
Nilai 4 = (8/25) * 100% = 32 %
Nilai 5 = (10/25) * 100% = 40 %
Presentase penilaian pengguna terhadap Aplikasi mampu digunakan sebagai wadah jual beli antara mahasiswa serta alumni Universitas Kristen Petra adalah sebagai berikut.
Nilai 3 = (20/25) * 100% = 80 %
Nilai 4 = (3/25) * 100% = 12 %
Nilai 5 = (2/25) * 100% = 8 %
Presentase penilaian pengguna terhadap keseluruhan aplikasi adalah sebagai berikut.
Nilai 3 = (3/25) * 100% = 12 %
Nilai 4 = (8/25) * 100% = 32 %
Nilai 5 = (14/25) * 100% = 56 %
Detail penilaian terhadap penggunaan aplikasi oleh alumni Universitas Kristen Petra dapat dilihat pada Tabel 5.2.
Tabel 5.2. Detail Penilaian terhadap Penggunaan Aplikasi oleh Alumni Universitas Kristen Petra
Pertanyaan Penilaian
1 2 3 4 5
Tampilan aplikasi 0 0 15 10 0
Kemudahan menggunakan aplikasi 0 0 16 9 0
Kesesuaian dengan kebutuhan 0 0 9 6 10
Aplikasi ini mampu membangun kepercayaan anda untuk bertransaksi secara online
0 0 6 11 8
Aplikasi mampu digunakan sebagai wadah jual beli antara mahasiswa serta alumni Universitas Kristen Petra
0 0 18 1 6
Keseluruhan aplikasi 0 0 6 8 11
94
Universitas Kisten Petra
Presentase penilaian pengguna terhadap tampilan aplikasi adalah sebagai berikut.
Nilai 3 = (15/25) * 100% = 60 %
Nilai 4 = (10/25) * 100% = 40 %
Presentase penilaian pengguna terhadap kemudahan menggunakan aplikasi adalah sebagai berikut.
Nilai 3 = (16/25) * 100% = 64 %
Nilai 4 = (9/25) * 100% = 36 %
Presentase penilaian pengguna terhadap kesesuaian dengan kebutuhan adalah sebagai berikut.
Nilai 3 = (9/25) * 100% = 36 %
Nilai 4 = (6/25) * 100% = 24 %
Nilai 5 = (10/25) * 100% = 40 %
Presentase penilaian pengguna terhadap Aplikasi ini mampu membangun kepercayaan anda untuk bertransaksi secara online adalah sebagai berikut.
Nilai 3 = (6/25) * 100% = 24 %
Nilai 4 = (11/25) * 100% = 44 %
Nilai 5 = (8/25) * 100% = 32 %
Presentase penilaian pengguna terhadap Aplikasi mampu digunakan sebagai wadah jual beli antara mahasiswa serta alumni Universitas Kristen Petra adalah sebagai berikut.
Nilai 3 = (18/25) * 100% = 72 %
Nilai 4 = (1/25) * 100% = 4 %
Nilai 5 = (6/25) * 100% = 24 %
95
Universitas Kisten Petra
Presentase penilaian pengguna terhadap keseluruhan aplikasi adalah sebagai berikut.
Nilai 3 = (6/25) * 100% = 24 %
Nilai 4 = (8/25) * 100% = 32 %
Nilai 5 = (11/25) * 100% = 44 %
Dari hasil kuesioner yang telah dikumpulkan berdasarkan 2 (dua) kategori responden, yaitu mahasiswa/i yang akan lulus dan alumni Univeristas Kristen Petra, maka detail penilaian terhadap pengunaan aplikasi secara keseluruhan dapat dilihat pada Tabel 5.3.
Tabel 5.3. Detail Penilaian terhadap Penggunaan Aplikasi Secara Keseluruhan
Pertanyaan Penilaian
1 2 3 4 5
Tampilan aplikasi 0 0 32 18 0
Kemudahan menggunakan aplikasi 0 0 27 18 5
Kesesuaian dengan kebutuhan 0 0 20 13 17
Aplikasi ini mampu membangun kepercayaan anda untuk bertransaksi secara online
0 0 13 19 18 Aplikasi mampu digunakan sebagai wadah jual beli antara
mahasiswa serta alumni Universitas Kristen Petra
0 0 38 4 8
Keseluruhan aplikasi 0 0 9 16 25
Presentase penilaian pengguna terhadap tampilan aplikasi adalah sebagai berikut.
Nilai 3 = (32/50) * 100% = 64 %
Nilai 4 = (18/50) * 100% = 32 %
Presentase penilaian pengguna terhadap kemudahan menggunakan aplikasi adalah sebagai berikut.
Nilai 3 = (27/50) * 100% = 54 %
Nilai 4 = (18/50) * 100% = 36 %
Nilai 5 = (5/50) * 100% = 10 %
96
Universitas Kisten Petra
Presentase penilaian pengguna terhadap kesesuaian dengan kebutuhan adalah sebagai berikut.
Nilai 3 = (20/50) * 100% = 40 %
Nilai 4 = (13/50) * 100% = 26 %
Nilai 5 = (17/50) * 100% = 34 %
Presentase penilaian pengguna terhadap Aplikasi ini mampu membangun kepercayaan anda untuk bertransaksi secara online adalah sebagai berikut.
Nilai 3 = (13/50) * 100% = 26 %
Nilai 4 = (19/50) * 100% = 38 %
Nilai 5 = (18/50) * 100% = 36 %
Presentase penilaian pengguna terhadap Aplikasi mampu digunakan sebagai wadah jual beli antara mahasiswa serta alumni Universitas Kristen Petra adalah sebagai berikut.
Nilai 3 = (38/50) * 100% = 76 %
Nilai 4 = (4/50) * 100% = 8 %
Nilai 5 = (8/50) * 100% = 16 %
Presentase penilaian pengguna terhadap keseluruhan aplikasi adalah sebagai berikut.
Nilai 3 = (9/50) * 100% = 18 %
Nilai 4 = (16/50) * 100% = 32 %
Nilai 5 = (25/50) * 100% = 50 %