• Tidak ada hasil yang ditemukan

Gambar 5.1. Halaman Login ketika Proses Login Gagal

N/A
N/A
Protected

Academic year: 2021

Membagikan "Gambar 5.1. Halaman Login ketika Proses Login Gagal"

Copied!
20
0
0

Teks penuh

(1)

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

(2)

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.

(3)

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

(4)

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

(5)

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

(6)

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.

(7)

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

(8)

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.

(9)

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

(10)

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.

(11)

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

(12)

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.

(13)

89

Universitas Kisten Petra

Gambar 5.24. Halaman Manage User Detail

(14)

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

(15)

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.

(16)

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 %

(17)

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

(18)

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 %

(19)

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 %

(20)

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 %

Gambar

Gambar 5.1. Halaman Login ketika Proses Login Gagal
Gambar 5.3. Halaman Utama Aplikasi
Gambar 5.4. Halaman My Account
Gambar 5.7. Halaman Wishlist
+7

Referensi

Dokumen terkait

Berdasar pada pernyataan di atas dapat dianalisis bahwa jika masing-masing majlis ataupun lembaga pengembangan dapat melakukan fungsinya dengan baik sebagai akibatnya adalah

proposal marketing plan pdfpoints from your business plan capturing the rationale behind your application contoh proposal business plan,contoh proposal business plan.pdf

Penelitian untuk menentukan perubahan karakter minyak goreng berupa viskositas, densitas dan indeks bias telah dilakukan.. Selanjutnya menentukan sifat kelistrikan minyak

Kelompok Kerja Monitoring dan Evaluasi mempunyai tugas pokok monitoring, mengevaluasi, menginformasikan dan mengkonfirmasi pelaksanaan tugas dan fungsinya yaitu

Karyawan Puskesmas Ponorogo Utara yang merawat pasien menular melalui udara harus mendapatkan pelatihan mengenai cara penularan dan penyebaran, tindakan pencegahan

Kajian ini akan mengenal pasti dan menganalisis nilai Islam yang terdapat dalam komik Majalah Dewan Pelajar pada tahun 2012, tahun 2013 serta tahun 2014.. Majalah Dewan

Seorang siswa akan menyukai pelajaran matematika ketika materinya masih sederhana, materi tersebut dianggapnya belum cukup rumit dan mudah dipahami. Namun, ketika

Dalam penelitian ini, sumber informasi yang digunakan adalah Hasil penelitian berupa bentuk kerjasama yang dapat dilakukan dalam pelestarian Kawasan Pecinan Kembang