BAB 4

HASIL DAN PEMBAHASAN

Pada bab ini akan dibahas mengenai hasil dari perancangan aplikasi Gallery
MUA berbasis website menggunakan metode Scrum dan ujicoba blackbox. Uji coba
akan dilakukan dengan browser yang peneliti pilih untuk diujicoba secara manual.

4.1 Hasil dan Pembahasan Website

Website Gallery MUA memiliki 2 user yaitu pengguna sebagai pengunjung
dan admin. Pengunjung hanya dapat melihat-lihat website dan admin yang
mengelola segala informasi yang dimuat pada website.

4.1.1 Halaman Pengunjung

Pengunjung yang hanya melihat-lihat website. Pada halaman pengunjung
memiliki 6 halaman di dalamnya, yaitu halaman Home, halaman Wedding, halaman
Engagement, halaman Graduation, halaman About Us, dan halaman Private Class.
Pada setiap halaman kategori makeup terdapat fasilitas dimana pengunjung dapat
melihat gallery dan informasi mengenai harga dan deskripsi dari paket makeup
yang dipilih.
Pengunjung saat mengunjungi website akan menampilkan halaman Home.
Halaman Home adalah halaman beranda yang menampilkan sub menu dari halaman
kategori makeup dan menampilkan lokasi tempat pemilik jasa MUA tersebut. Pada
Gambar 4.1 akan menampilkan halaman Home. Halaman tersebut dapat dilihat oleh
pengunjung mengenai kategori apa saja yang disediakan oleh pemilik jasa MUA,
sehingga hal tersebut dapat mempermudah pengunjung.

58
 59

Gambar 4.1 Tampilan Halaman Home

 60

Pengunjung dapat melihat gallery makeup berdasarkan kategori halaman

yang disediakan. Setiap kategori pada halaman gallery makeup menampilkan nama
kategori makeup, informasi berupa harga dan deskripsi makeup, dan gallery gambar
sesuai dengan kategori makeup yang dipilih. Tombol detail untuk mengarahkan
pengunjung ke halaman google drive file PDF yang berisi seluruh informasi
mengenai jasa makeup, private class yang ditawarkan, dan ketentuan serta syarat-
syarat yang harus dipenuhi. Pada Gambar 4.2 menampilkan halaman Wedding.

Gambar 4.1 Tampilan Halaman Wedding

 61

Pengunjung dapat melihat halaman kategori makeup lainnya seperti

halaman untuk engagement. Pada Gambar 4.3 akan menampilkan halaman
Engagement.

Gambar 4.3 Tampilan Halaman Engagement

 62

Pengunjung dapat melihat halaman kategori makeup lainnya seperti

halaman untuk non-wedding. Pada Gambar 4.4 akan menampilkan halaman Non-
Wedding.

Gambar 4.4 Tampilan Halaman Non-Wedding

 63

Selain halaman kategori makeup, pengunjung dapat melihat halaman About

Us yang berisi informasi mengenai pemilik jasa MUA. Pada Gambar 4.5 ini akan
menampilkan halaman About Us.

Gambar 4.5 Tampilan Halaman About Us

Pengunjung dapat melihat jasa private class yang pasarkan oleh pemilik jasa
MUA pada halaman private class, halaman tersebut berisikan informasi mengenai
harga dan deskripsi class makeup yang ditawarkan. Berikut adalah Gambar 4.6
akan menampilkan halaman Private Class. Selain menawarkan jasa makeup
pemilik jasa MUA juga menawarkan kelas yang cocok bagi pengguna jika ingin
belajar bagaimana cara melakukan makeup untuk kepentingan wedding,
engagement, dan non-wedding. Setiap kelas memiliki harga dan benefit yang
berbeda-beda, setiap harga akan tergantung pada kelas apa yang dipilih oleh
pengguna.
 64

Gambar 4.6 Tampilan Halaman Private Class

 65

4.1.2 Halaman Admin

Admin dapat mengelola segala informasi yang dimuat pada website. Pada
halaman admin memiliki 6 halaman menu di dalamnya, yaitu halaman dashboard,
halaman Manage Gallery, halaman Manage Admin Account, halaman Tambah
Gallery, halaman Edit Gallery, dan halaman Edit Akun.
Admin dapat melakukan login terlebih dahulu dengan memasukkan data
username dan password yang sesuai dengan data yang ada di dalam databas.
Berikut Gambar 4.7 akan menampilkan halaman dashboard admin.

Gambar 4.7 Tampilan Halaman Login Admin

Setelah admin berhasil login, maka website akan mengarah langsung ke

halaman utama yaitu dashboard. Halaman utama admin adalah halaman yang
menampilkan jumlah data akun admin, data gallery kategori wedding, data gallery
kategori engagement, dan gallery kategori non-wedding. Pada halaman dashboard
terdapat sebuah fitur bernama Add New Accout Admin fitur tersebut berfungsi untuk
 66

menambahkan akun admin lainnya. Berikut Gambar 4.8 akan menampilkan

halaman dashboard admin.

Gambar 4.8 Tampilan Halaman Dashboard Admin

Admin dapat menambahkan gallery pada fitur yang sudah disediakan

berupa button Tambah Gallery. Berikut Gambar 4.9 akan menampilkan fitur popup
Tambah Gallery yang berada di halaman dashboard admin.

Gambar 4.9 Tampilan Halaman Popup Tambah Gallery Admin

 67

Admin dapat melihat data gallery dari seluruh kategori makeup yang telah
dimasukkan oleh admin, pada halaman Manage Gallery terdapat aksi tombol edit,
dan hapus. Tombol edit untuk mengubah data gallery berdasarkan data yang dipilih
dan tombol hapus untuk menghapus data. Data diurutkan berdasarkan abjad data
kategori. Pada Gambar 4.10 menampilkan halaman Manage Gallery.

Gambar 4.10 Tampilan Halaman Manage Gallery

Pada halaman Manage Gallery admin dapat mengubah data berdasarkan

data yang dipilih. Data akan otomatis terisi berdasarkan nilai yang dimilikinya,
sehingga admin tinggal mengubah yang diperlukan saja. Berikut Gambar 4.11 akan
menampilkan halaman edit data gallery.

Gambar 4.11 Tampilan Halaman Edit Gallery

 68

Selain melihat data gallery terdapat halaman Manage Admin Account,

admin dapat melihat data akun admin lainnya yang terdaftar pada website. Namun
admin tidak dapat melihat secara spesifik password yang terdaftar. Berikut Gambar
4.12 akan menampilkan halaman Manage Admin Account.

Gambar 4.12 Tampilan Halaman Manage Admin Account

Pada halaman Manage Admin Account admin dapat mengubah data

berdasarkan data yang dipilih. Data akan otomatis terisi berdasarkan nilai yang
dimilikinya, sehingga admin tinggal mengubah yang diperlukan saja. Berikut
Gambar 4.13 akan menampilkan halaman edit akun admin.

Gambar 4.13 Tampilan Halaman Edit Admin Account

 69

4.2 Uji Coba Website

Pengujian website menggunakan pengujian black box yang dilakukan dengan
menggunakan web browser untuk mengetahui keberhasilan fungsionalitas sistem
dari website yang telah dibuat sudah sesuai dalam menampilkan hasil yang
diharapkan. Pengujian pada sprint pengguna dapat dilihat pada Tabel 4.1 dan
pengujian pada sprint admin dapat dilihat pada Tabel 4.2.

Tabel 4.1 Uji Coba Sprint Pengguna

Kasus dan Hasil Uji
No Uji Fungsi Output yang Hasil Kesimpulan
diharapkan
1 Pengunjung Menampilkan Berhasil
membuka halaman menampilkan
Sukses
halaman beranda(home) halaman
beranda(home) beranda(home)
2 Pengunjung Menampilkan Berhasil
membuka halaman wedding menampilkan
Sukses
halaman halaman wedding
wedding
3 Pengunjung Menampilkan Berhasil
membuka halaman menampilkan
Sukses
halaman engagement halaman engagement
engagement
4 Pengunjung Menampilkan Berhasil
membuka halaman non- menampilkan
Sukses
halaman non- wedding halaman non-wedding
wedding
5 Pengunjung Menampilkan Berhasil
membuka halaman about us menampilkan
Sukses
halaman about halaman about us
us
6 Pengunjung Menampilkan Berhasil
membuka halaman private menampilkan
Sukses
halaman class halaman private class
private class
7 Pengunjung Mengarahkan ke Berhasil
menggunakan website atau mengarahkan ke
Sukses
fitur button aplikasi website atau aplikasi
whatsApp whatsApp whatsApp
8 Pengunjung Mengarahkan ke Berhasil
Sukses
menggunakan website atau mengarahkan ke
 70

Kasus dan Hasil Uji

No Uji Fungsi Output yang Hasil Kesimpulan
diharapkan
fitur button aplikasi website atau aplikasi
instagram instagram instagram
9 Pengunjung Mengarahkan Berhasil
menggunakan pengunjung ke mengarahkan
fitur button google drive pengunjung ke google
Sukses
detail pada untuk melihat drive untuk melihat
halaman data informasi data informasi secara
wedding secara lengkap. lengkap.
10 Pengunjung Mengarahkan Berhasil
menggunakan pengunjung ke mengarahkan
fitur button google drive pengunjung ke google
Sukses
detail pada untuk melihat drive untuk melihat
halaman data informasi data informasi secara
engagement secara lengkap. lengkap.
11 Pengunjung Mengarahkan Berhasil
menggunakan pengunjung ke mengarahkan
fitur button google drive pengunjung ke google
Sukses
detail pada untuk melihat drive untuk melihat
halaman non- data informasi data informasi secara
wedding secara lengkap lengkap.
12 Pengunjung Mengarahkan Berhasil
menggunakan pengunjung ke mengarahkan
fitur button halaman khusus pengunjung ke
Sukses
click me! pada wedding halaman khusus
halaman wedding
wedding
13 Pengunjung Mengarahkan Berhasil
menggunakan pengunjung ke mengarahkan
fitur button halaman khusus pengunjung ke
Sukses
click me! pada engagement halaman khusus
halaman engagement
engagement
14 Pengunjung Mengarahkan Berhasil
menggunakan pengunjung ke mengarahkan
fitur button halaman khusus pengunjung ke
Sukses
click me! pada non-wedding halaman khusus non-
halaman non- wedding
wedding
 71

Tabel 4.2 Uji Coba Sprint Admin

Kasus dan Hasil Uji
No Uji Fungsi Output yang Hasil Kesimpulan
diharapkan
1 Admin Data admin tidak Admin tidak dapat
melakukan login valid sehingga masuk ke dalam
dengan data tidak dapat website dan
email belum masuk kedalam menampilkan
terdaftar pada dashboard admin sebuah Sukses
database dan menampilkan pesan “Mohon
pesan “Mohon Check kembali
Check kembali data Anda”
data Anda”
2 Admin Data admin tidak Admin tidak dapat
melakukan login valid sehingga masuk ke dalam
dengan data tidak dapat website dan
email yang menampilkan
masuk kedalam
sudah sebuah
terdaftar pada dashboard admin pesan “Mohon Sukses
database dan dan menampilkan Check kembali
menggunakan pesan “Mohon data Anda”
password yang Check kembali
salah data Anda”

3 Admin Data admin tidak Admin tidak dapat

melakukan login valid sehingga masuk ke dalam
dengan tidak tidak dapat website dan
memasukkan menampilkan
masuk kedalam
email dan sebuah
password dashboard admin pesan “Mohon Sukses
dan menampilkan Check kembali
pesan “Mohon data Anda”
Check kembali
data Anda”
4 Admin Data admin valid Admin dapat
melakukan login sehingga dapat masuk ke dalam
dengan masuk kedalam website dan
memasukkan menampilkan
dashboard admin
email dan sebuah Sukses
password yang dan menampilkan pesan “Sedang
sesuai dengan pesan “Sedang memuat, silahkan
database memuat, silahkan menunggu”
menunggu”
5 Admin Data berhasil Admin berhasil
menggunakan memposting fitur Sukses
disimpan di
 72

Kasus dan Hasil Uji

No Uji Fungsi Output yang Hasil Kesimpulan
diharapkan
fitur Tambah dalam database Tambah Gallery
Gallery dengan dan terdapat dan terdapat pesan
memasukkan pesan “Berhasil “Berhasil Posting!
data berupa title Silahkan Refresh
Posting! Silahkan
of gallery, Web”
content Refresh Web”
catagory, dan
nama file img
6 Admin Data berhasil Admin berhasil
menggunakan disimpan di memposting fitur
fitur Tambah dalam database Tambah Gallery
Akun Admin dan terdapat pesan
dan terdapat
dengan “Register Berhasil”
memasukkan pesan “Register Sukses
data berupa Berhasil”
username, email,
password, dan
re-enter
password
7 Admin Website Website berhasil
membuka mengarah ke mengarah ke
halaman Manage halaman Manage halaman Manage
Gallery dan Gallery dan Sukses
Gallery dan
melihat data berhasil
gallery. menampilkan menampilkan
seluruh data. seluruh data.
8 Admin memilih Website Website berhasil
data gallery dan mengarah ke mengarah ke
membuka halaman Edit halaman Edit
halaman Edit Gallery
Gallery
Gallery yang di berdasarkan data Sukses
pilih. berdasarkan data yang dipilih dan
yang dipilih dan berhasil
mendapatkan mendapatkan data.
data.
9 Admin Data terkirim ke Data berhasil
memperbarui dalam database terkirim ke dalam
data gallery dan website database dan Sukses
dengan website berhasil
mendapatkan
mengubah data mendapatkan data
category data terbaru terbaru
 73

Kasus dan Hasil Uji

No Uji Fungsi Output yang Hasil Kesimpulan
diharapkan
10 Admin memilih Website Website berhasil
data gallery dan memperbarui memperbarui data
menekan button data setelah data setelah data lama
hapus data pada dihapus dan Sukses
lama dihapus dan
Gallery yang di berhasil
pilih. mendapatkan mendapatkan data
data terbaru. terbaru.
11 Admin Website Website berhasil
membuka mengarah ke mengarah ke
halaman Manage halaman Manage halaman Manage
Admin Account Admin Account dan Sukses
Admin Account
dan melihat data berhasil
akun. dan menampilkan menampilkan
seluruh data. seluruh data.
12 Admin memilih Website Website berhasil
data akun admin mengarah ke mengarah ke
dan membuka halaman Edit halaman Edit
halaman Edit Account
Account
Account yang di berdasarkan data Sukses
pilih. berdasarkan data yang dipilih dan
yang dipilih dan berhasil
mendapatkan mendapatkan data.
data.
13 Admin Data baru Data terbaru
memperbarui terkirim ke dalam berhasil terkirim ke
data akun admin database dan dalam database
dengan dan website Sukses
website
mengubah data berhasil
password mendapatkan mendapatkan data
data terbaru terbaru
14 Admin memilih Website Website berhasil
data akun admin memperbarui memperbarui data
dan menekan data setelah data setelah data lama
button hapus dihapus dan Sukses
lama dihapus dan
data pada akun berhasil
yang di pilih. mendapatkan mendapatkan data
data terbaru. terbaru.