4.

HASIL DAN UJI COBA

Pada Tahap ini menjelaskan sistem informasi yang telah dibuat dan diuji coba
dengan menggunakan blackbox testing pada setiap masukan dan keluaran program.
Didalam implementasi ini nantinya juga akan dijelaskan Hasil tiap tiap menu yang
ada di aplikasi.
4.1.

Hasil Tampilan
Hasil Tampilan ini meliputi Hasil Tampilan customer, admin, kasir dan

capster.
4.1.1. Hasil Tampilan Customer
Pada aplikasi ini terdapat beberapa tahap perancangan tampilan custumer yaitu,
Pembuatan Tampilan home, start service, about, gallery, contact, how to use, choose
service, choose detail service, choose capster dan confirmation.
4.1.1.1.

Hasil Tampilan Home

Tampilan home adalah halaman pertama yang ditampilkan. Didalam tampilan

home ini, terdapat sub sub menu didalam aplikasi berbasis website ini, yaitu sub
menu home, sub menu, about, sub menu start service, sub menu gallery, sub menu
how to use dan sub menu contact. Hasil dari rancangan tampilan home dapat dilihat
pada gambar 4.1.

Gambar 4.1 Tampilan Home

85

86

4.1.1.2.

Hasil Tampilan About

Menu about ini terdapat tempat Lavadia Salon dan informasi mengenai Lavadia
Salon serta beberapa gambar dan informasi mengenai team yang bertugas dilavadia
salon. Hasil Tampilan about dapat dilihat pada gambar 4.2

Gambar 4.2 Tampilan About

4.1.1.3.

Hasil Tampilan Start Service

Tampilan start service ini berfungsi sebagai awal mula pelanggan memilih servis.
tampilan start servis ini langsung menuju ke tampilan entry data yang berfungsi
untuk mengisi data diri customer berupa nama dan nomor handphone. Hasil Tampilan
start service dapat dilihat pada gamabar 4.3

87

Gambar 4.3 Tampilan Start Service

4.1.1.4.

Hasil Tampilan Choose Service

Tampilan choose service ini berfungsi agar pelanggan dapat memilih service yang
diinginkan. Hasil Tampilan ini dapat dilihat pada gambar 4.4

88

Gambar 4.4 Tampilan choose service

4.1.1.5.

Hasil Tampilan Choose Detail Service

Tampilan choose detail service ini berfungsi agar customer dapat memilih detail
service. Detail service ini dibuat untuk mendeklarasikan kategori service. Terdapat
informasi mengenai nama detail service dan harganya. Hasil Tampilan choose detail
service dapat dilihat pada gambar 4.5

Gambar 4.5 Tampilan choose detail service

4.1.1.6.

Hasil Tampilan Choose Capster

Tampilan choose capster ini memiliki fungsi agar pelanggan bisa memilih dengan
pelayan siapa yang ingin ditangani. Selain itu, pelanggan juga dapat melihat waktu
lama menunggu antrian untuk satu orang capster. Tampilan ini juga memberikan
informasi mengenai petugas yang sedang aktif. Hasil Tampilan choose service dapat
dilihat pada gambar 4.6

89

Gambar 4.6 Tampilan choose capster

4.1.1.7.

Hasil Tampilan Confirmation

Tampilan confirmation ini memiliki fungsi memberikan informasi kepada

customer untuk konfirmasi data pelanggan yang diinput sudah benar atau belum.
Pelanggan juga dapat menghapus service yang telah dipilih dan dapat memilih
kembali service yang diinginkan. Hasil Tampilan confirmastion ini dapat dilihat pada
gambar 4.7

90

Gambar 4.7 Tampilan Confirmation

4.1.1.8.

Hasil Tampilan Gallery

Tampilan Gallery ini memiliki fungsi agar customer dapat mengetahui beberapa
kegiatan yang ada di Lavadia Salon. Hasil Tampilan gallery dapat dilihat pada
gambar 4.8

Gambar 4.8 Tampilan Gallery

4.1.1.9.

Hasil Tampilan Contact

Tampilan contact ini memiiki fungsi memberikan informasi kepada customer

mengenai kontak Lavadia Salon. Hasil contact dapat dilihat pada gambar 4.9

91

Gambar 4.9 Tampilan Contact

4.1.1.10.Hasil Tampilan How to Use
Tampilan how to use ini memiliki fungsi menuntun atau memberikan informasi
kepada pelanggan cara menggunakan aplikasi. Hasil how to use dapat dilihat pada
gambar 4.10

Gambar 4.10 Tampilan how to use

4.1.2. Hasil Tampilan Admin
Pada aplikasi ini terdapat beberapa tahap perancangan tampilan Admin yaitu,
Pembuatan Tampilan login petugas, tampilan dashboard pada admin, service, insert
service, detail service, insert detail service, bahan, insert bahan, stok, insert stok,
employe, insert employee dan laporan.
4.1.2.1.

Hasil Tampilan Login Petugas

Tampilan Login petugas ini digunakan agar petugas dapat masuk kedalam aplikasi.
Di sini petugas salon dapat login sebagai Admin, Capster dan Kasir. Username dan
password dibuat sesuai dengan pekerjaan masing-masing petugas. Jika petugas kasir

92

login maka akan masuk ke tampilan kasir. Begitu juga dengan admin dan capster.
Hasil login petugas dapat dilihat pada gambar 4.11

Gambar 4.11 Tampilan login petugas

4.1.2.2.

Hasil Tampilan Dashboard Admin

Tampilan dashboard ini untuk tampilan awal dari halaman admin. Pada halaman
ini menampilkan sub-sub menu di samping kiri tampilan. Seperti Capster, Kasir,
Service, Detail Service, Employee dan Logout. Hasil dashboard admin dapat dilihat
pada gambar 4.12

93

Gambar 4.12 Tampilan dashboard admin

4.1.2.3.

Hasil Tampilan Service pada Admin

Tampilan service pada admin ini memiliki fungsi untuk menampilkan data service
yang sudah di input, terdapat tombol insert untuk menambah data service dan
tampilan ini juga dapat menghapus dan mengubah data service yang telah diinput
sebelumnya. Hasil service pada admin dapat dilihat pada gambar 4.13

Gambar 4.13 Tampilan service pada admin

4.1.2.4.

Hasil Tampilan Input Service

Tampilan input service ini dapat menambahkan data service dengan mengisikan
nama service dan mengunggah gambar. Hasil input service dapat dilihat pada gambar
4.14

94

Gambar 4.14 Tampilan Input service

4.1.2.5.

Hasil Tampilan Detail Service

Tampilan detail service ini memiliki fungsi untuk menampilkan data detail service
yang sudah di input, terdapat tombol insert untuk menambah data detail service dan
tampilan ini juga dapat menghapus dan mengubah data detail service yang telah
diinput sebelumnya. Hasil detail service dapat dilihat pada gambar 4.15

95

Gambar 4.15 Tampilan Daftar detail service

4.1.2.6.

Hasil Tampilan Insert Detail Service

Tampilan insert detail service ini dapat menambahkan data detail service dengan
mengisikan nama service, nama detail service, harga, gambar, stok dan status. Hasil
insert detail service dapat dilihat pada gambar 4.16

Gambar 4.16 Tampilan Input detail service

4.1.2.7.

Hasil Tampilan Bahan

Tampilan bahan ini berfungsi menampilkan data data pengelompokan bahan

sesuai dengan data service yang digunakan. Hasil bahan dapat dilihat pada gambar
4.17

96

Gambar 4.17 Tampilan Bahan

4.1.2.8.

Hasil Tampilan Input bahan

Tampilan input bahan ini berfungsi untuk mengelompokan bahan yang dibutuhkan
oleh masing masing service. Berikut adalah tampilan yang terlihat pada gambar
4.18.

Gambar 4.18 Tampilan input bahan

97

4.1.2.9.

Hasil Tampilan Stok

Tampilan stok ini berfungsi untuk menampilkan data nama bahan dan sisa stok
bahan tersebut. Hasil stok dapat dilihat pada gambar 4.19

Gambar 4.19 Tampilan stok

4.1.2.10.

Hasil Tampilan Input Stok

Tampilan input stok ini berfungsi untuk menentukan jumlah stok yang tersedia
pada bahan yang digunakan. Hasil Input stok dapat dilihat pada gambar 4.20

98

Gambar 4.20 Tampilan input stok

4.1.2.11.Hasil Tampilan Employee
Tampilan employee ini memiliki fungsi untuk menampilkan data daftar
petugas yang sudah di input, terdapat tombol insert untuk menambah data petugas
dan tampilan ini juga dapat menghapus serta mengubah data petugas yang telah
diinput sebelumnya. Hasil employee dapat dilihat pada gambar 4.21

Gambar 4.21 Tampilan Daftar employee

4.1.2.12.

Hasil Tampilan Input Employee

Tampilan input petugas ini dapat menambahkan data petugas dengan mengisikan
username, password, konfirmasi password, nama petugas, data diri, foto, status
petugas. Hasil Insert Employee dapat dilihat pada gambar 4.22

99

Gambar 4.22 Tampilan Input employee

4.1.2.13.

Hasil Tampilan Awal Laporan

Tampilan awal laporan ini berfungsi untuk menampilkan hasil laporan transaksi.
Hasil laporan ini bisa dilihat berdasarkan 1 hari yang sedang berlangsung atau hari
yang sudah disesuaikan. Hasil awal laporan dapat dilihat pada gambar 4.22

100

Gambar 4.23 Tampilan awal laporan

4.2.1.14.

Hasil Tampilan Laporan

Tampilan laporan ini berfungsi untuk menampilkan laporan sesuai dengan tanggal
yang ditentukan dan dapat dicetak. Dapat dilihat digambar 4.24

Gambar 4.24 Tampilan laporan

4.1.3. Hasil Tampilan Capster
Pada hasil perancangan tampilan capster ini terdiri dari beberapa tampilan
diantaranya Dashboard capster, stok dan tampilan kerja capster.
4.1.3.1.

Hasil Tampilan Dashboard Capster

Tampilan dashboard capster ini berfungsi untuk tampilan awal dari halaman
capster yang menampilkan sub-sub menu di samping kiri tampilan. Seperti Capster,
stok dan Logout. Hasil dashboard capster dapat dilihat pada gambar 4.25

101

Gambar 4.25 Tampilan Dashboard capster

4.1.3.2.

Hasil Tampilan Capster

Pada tampilan capster ini berfungsi untuk menampilkan data pelanggan yang
masuk karena telah memilih service kepada capster tersebut. Setelah capster tersebut
menangani pelanggan melakukan service maka capster wajib melakukan mengklik
button aksi yang menandakan bahwa pelanggan tersebut telah dilayani. Hasil capster
dapat dilihat pada gambar 4.26

102

Gambar 4.26 Tampilan Capster

4.1.3.3.

Hasil Tampilan Bahan yang Dibutuhkan

Tampilan pada gambar 4.27 Berfungsi untuk memberikan informasi kepada

capster bahan apa saja yang dibuthkan untuk service.

Gambar 4.27 Tampilan bahan yang dibutuhkan

4.1.3.4.

Hasil Tampilan Stok pada Caspter

Tampilan stok pada capster ini berfungsi jika bahan yang digunakan oleh capster
telah habis, maka capster dapat memberitahukan kepada sistem bahwa bahan sudah
habis dan aplikasi secara otomatis akan mengubah datanya. Hasil stok pada capster
dapat dilihat pada gambar 4.28

103

Gambar 4. 28 Tampilan stok pada capster

4.1.4. Hasil Tampilan Kasir

Pada hasil perancangan tampilan capster ini terdiri dari beberapa tampilan
diantaranya Dashboard kasir, tampilan kasir, detail transaksi dan struk.
4.1.4.1.

Hasil Tampilan Dashboard Kasir

Tampilan dashboard capster berfungsi untuk tampilan awal dari halaman capster
yang menampilkan sub-sub menu di samping kiri tampilan. Seperti Kasir dan Logout.
Hasil dashboard kasir dapat dilihat pada gambar 4.29

Gambar 4.29 Tampilan Dashboard Kasir

4.1.4.2.

Hasil Tampilan Kasir

104

Pada tampilan kasir ini digunakan untuk melihat hasil data transaksi pelanggan.
Pada tampilan ini terdapat beberapa fungsi seperti search untuk mempermudah
mencari data transaksi pelanggan, tombol aksi digunakan untuk menuju kehalaman
detail transaksi. Hasil kasir dapat dilihat pada gambar 4.30

Gambar 4.30 Tampilan Kasir

4.1.4.3.

Hasil Tampilan Detail Transaksi

Detail transkasi ini digunakan untuk menampilkan data transaksi secara detail
per customer terdapat total harga untuk mengetahui jumlah yang harus dibayar oleh
customer. Hasil detail transaksi dapat dilihat pada gambar 4.31

105

Gambar 4.31 Tampilan Detail Transaksi

4.1.4.4.

Hasil Tampilan Struk

Tampilan hasil transaksi ini akan dicetak dan diberikan kepada pelanggan untuk
membayar total transaksinya. Hasil struk dapat dilihat pada gambar 4.32

106

Gambar 4.32 Tampilan struk

4.2.

Uji Coba Sistem

Setelah aplikasi selesai dibuat, maka tahapan selanjutnya adalah uji coba pada

aplikasi yang telah dibuat. Uji coba ini dilakukan untuk mengetahui apakah aplikasi
sudah sesuai dengan yang diharapkan atau tidak. Pengujian terhadap program yang
menggunakan blackbox testing terfokus pada proses masukan dan keluaran program.
Pada tahap uji coba ini yang alat yang digunakan adalah Laptop Asus X454W
dan 1 unit Tablet Samsung Galaxy GT-P7500 ukuran 10inch dengan web browser
Mozilla. Berikut adalah hasil pengujiannya:

4.2.1. Pengujian pada Tampilan Customer

Tabel 4.1 Pengujian blackbox testing pada tampilan customer
No

Test Case

Prosedur yang
Dijalankan
Memilih menu
home

Halaman Home

Tampilan About

Memilih menu
about

Hasil yang
Diharapkan
Menampilkan
tampilan home
pada menu
customer
Menampilkan
tampilan about

Halaman Start
Service

Memilih menu
start service

Menampilkan
tampilan entry

Hasil Uji
Coba
Menampilkan
tampilan home
pada menu
customer
Menampilkan
tampilan about
yang berisi
tentang salon
berserta
beberapa
petugasnya
Menampilkan
entry data

Hasil
Berhasil
sesuai
harapan
Berhasil
sesuai
harapan

Berhasil
sesuai

107

Tampilan
Gallery

Memilih menu
gallery

data
Menampilkan
menu gallery

Tampilan
Contact

Memilih menu
contact

Menampilkan
menu contact

Tampilan Entry
Data

Mengosongkan
inputan nama dan
nomor hp

Tampilan Entry
Data

Tampilan
Choose Service

Tampilan
Choose Detail
Service

Mengisi inputan
nama dan nomor
hp dan memilih
tombol start
memilih tombol
start pada entry
data
Memilih gambar
service

Tampil pesan
error bahwa
textbox harus
di isi
keduanya
Menampilkan
tampilan pilih
service
Menampilkan
pilihan gambar
service
Menampilkan
pilihan gambar
di detail
service

Menampilkan
beberapa
gambar
mengenai
aktifitas di
Lavadia Salon
Menampilkan
tampilan
contact pada
menu
customer
Tidak
menampilkan
tampilan
selanjutnya

harapan
Berhasil
sesuai
harapan

Berhasil
sesuai
harapan

Berhasil
sesuai
harapan

Menampilkan
tampilan pilih
service

Berhasil
sesuai
harapan

Menampilkan
pilihan gambar
service
Menampilkan
pilihan gambar
di detail
service

Berhasil
sesuai
harapan
Berhasil
sesuai
harapan

Tabel 4.1 Pengujian blackbox testing pada tampilan customer (lanjutan)

No

Test Case
Tampilan
Choose Capster

Prosedur yang
Dijalankan
Memilih gambar
detail service

Hasil yang
Diharapkan
Menampilkan
pilihan
Capster yang
aktif

10

11

Tampilan
Confirmation

Memilih gambar
capster

Menampilkan
hasil pilihan
yang
dikonfirmasi

Hasil Uji
Coba
Menampilkan
pilihan Capster
yang aktif
berserta data
diri dan waktu
tunggu
Menampilkan
hasil list
pilihan yang
dikonfirmasi

Hasil
Berhasil
sesuai
harapan

Berhasil
sesuai
harapan

108

Pengujian pada tampilan customers ini meliputi 11 test case yang di ujikan.
Pada test case halaman home, prosedur yang dijalankan adalah memilih menu home
dan hasil uji cobanya adalah menampilkaan tampilan home pada menu customer.
Pada test case tampilan about prosedur yang dijalankan adalah memilih menu about
dan hasil uji cobanya adalah menampilkan tampilan about yang berisi tentang salon
berserta beberapa petugasnya. Kemudian pada test case start service, prosedur yang
dijalankan adalah memilih menu start service dan hasil uji cobanya adalah
menampilkan entry data. Pada test case tampilan gallery, prosedur yang dijalankan
adalah memilih menu gallery dan hasil uji cobanya adalah menampilkan beberapa
gambar mengenai aktifitas di Lavadia Salon. Pada test case tampilan contact,
prosedur yang dijalankan adalah memilih menu contact dan hasil ujicobanya adalah
menampilkan tampilan contact pada menu customer. Pada test case Tampilan entry
data, posedur yang dijalankan adalah mengosongkan inputan nama dan nomor hp dan
hasil uji cobanya adalah tidak menampilkan tampilan selanjutnya. Pada test case
tampilan entry data pada prosedur memasukan inputan nama dan nomor hp maka
hasil ujicobanya adalah menampilkan tampilan choose service. Pada test case
Tampilan choose service, prosedur yang dijalankan adalah menekan tombol start pada
tampilan entry data, maka hasil ujicobanya adalah menampilkan pilihan gambar
service. Pada test case tampilan choose detail service, prosedur yang dijalankan
adalah memilih gambar service dan hasil ujicobanya adalah menampilkan pilihan
gambar di detail service. Pada test case choose capster, prosedur yang dijalankan
adalah memilih gambar detail service dan hasil ujicobanya adalah menampilkan
pilihan Capster yang aktif berserta data diri dan waktu tunggu. Kemudian pada test
case Tampilan confirmation, prosedur yang dijalankan adalah memilih gambar
capster dan hasil ujicobanya adalah menampilkan hasil list pilihan yang dikonfirmasi.
Pada hasil keseluruhan pengujian pada tampilan customers ini sudah berhasil sesuai
dengan harapan.

4.2.2. Pengujian pada Tampilan Admin

109

Tabel 4.2 Pengujian blackbox testing pada tampilan admin

No

Test Case

Prosedur yang
Dijalankan
Menekan tombol
login dan
mengosongkan
textbox username
dan password
Menekan tombol
login dan mengisi
textbox username
dan password

Hasil yang
Diharapkan
Menampilkan
tampilan
berupa tulisan
anda tidak
menginjeksi
Menampilkan
tampilan
admin

Tampilan Login

Tampilan Login

Tampilan
dashboard

Menekan tombol
login

Menampilkan
tampilan
dashboard

Sub menu
capster

Memilih sub
menu capster

Menampilkan
tampilan
capster

Hasil Uji
Coba
Menampilkan
tampilan
berupa tulisan
anda tidak
menginjeksi
Menampilkan
tampilan
admin dan
menampilkan
sub sub
menu yang
dapat dikelola
admin
Menampilkan
sub-sub menu
yang dikelola
oleh admin
Menampilkan
tabel
pelanggan
yang telah
memilih
capster dan
dapat
menghapus
data jika
customer telah
di service

Hasil
Berhasil
sesuai
harapan

Berhasil
sesuai
harapan

Berhasil
sesuai
harapan
Berhasil
sesuai
harapan

Tabel 4.2 Pengujian blackbox testing pada tampilan admin (lanjutan)

No

Test Case

Sub menu kasir

Sub menu
Service

Prosedur yang
Dijalankan
Memilih sub
menu kasir

Hasil yang
Diharapkan
Menampilkan
tampilan kasir

Memilih sub
menu service

Menampilkan
tampilan sub
menu service

Hasil Uji
Coba
Menampilkan
table
pembayaran
total service
Menampilkan
table service
dan dapat
melakukan

Hasil
Berhasil
sesuai
harapan
Berhasil
sesuai
harapan

110

Sub menu Detail

Service

Memilih sub
menu detail
service

Menampilkan
tampilan sub
menu detail
service

Sub menu bahan

Memilih sub
menu bahan

Menampilkan
tampilan sub
menu bahan

Sub menu stok

Memilih sub
menu stock

Menampilkan
tampilan sub
menu stock

10

Sub menu
employee

Memilih sub
menu employee

Menampilkan
tampilan sub
menu
employee

11

Sub menu
laporan

Memilih sub
menu laporan

Menampilkan
tanggal untuk
melihat
laporan

Insert, update
dan delete data
service
Menampilkan
table detail
service, dapat
melakukan
insert, update,
delete data
detail service
Menampilkan
table bahan
yang dapat
melakukan
insert, update,
delete data
bahan
Menampilkan
bahan dan stok
yang dapat
melakukan
insert, update
dan delete data
stok
Menampilkan
table petugas
dan dapat
melakukan
insert, update
dan delete data
petugas
Menampilkan
tanggal untuk
melihat
laporan

Berhasil
sesuai
harapan

Berhasil
sesuai
harapan

Berhasil
sesuai
harapan

Berhasil
sesuai
harapan

Berhasil
sesuai
harapan

Tabel 4.2 Pengujian blackbox testing pada admin (lanjutan 2)

No

Test Case

12

Sub menu
laporan

Prosedur yang
Dijalankan
Menekan tombol
proses

13

Sub menu
logout

Memilih seub
menu logout

Hasil yang
Diharapkan
Menampilkan
laporan

Hasil Uji
Coba
Menampilkan
laporan

Keluar dari
menu admin

Keluar dari
menu admin

Hasil
Berhasil
sesuai
harapan
Berhasil
sesuai

111

harapan

Pengujian pada tampilan admin ini meliputi 13 test case yang di ujikan. Pada
test case Tampilan Login, prosedur yang dijalankan adalah menekan tombol login dan
mengosongkan textbox username dan password maka hasil uji cobanya adalah
menampilkan tampilan berupa tulisan anda tidak menginjeksi. Pada test case
Tampilan Login, prosedur yang dijalankan adalah menekan tombol login dan mengisi
textbox username dan password maka hasil uji cobanya adalah menampilkan
tampilan admin dan menampilkan sub sub menu yang dapat dikelola admin. Pada
test case Tampilan dashboard, prosedur yang dijalankan adalah menekan tombol login
dan hasil uji cobanya adalah menampilkan sub-sub menu yang dikelola oleh admin.
Pada test case Sub menu capster, prosedur yang dijalankan adalah Memilih sub menu
capster dan hasil uji cobanya adalah menampilkan tabel pelanggan yang telah
memilih capster dan dapat menghapus data jika customer telah di service. Pada test
case Sub menu kasir, prosedur yang dijalankan adalah Memilih sub menu kasir dan
hasil uji cobanya adalah menampilkan table pembayaran total service. Pada test case
Sub menu Service, prosedur yang dijalankan adalah memilih sub menu service dan
hasil uji cobanya adalah menampilkan table service dan dapat melakukan Insert,
update dan delete data service. Pada test case Sub Menu Detail Service, prosedur
yang dijalankan adalah Memilih sub menu detail service dan hasil uji cobanya adalah
menampilkan table detail service, dapat melakukan insert, update, delete data detail
service. Pada test case Sub menu bahan, prosedur yang dijalankan adalah memilih
sub menu bahan dan hasil uji cobanya adalah menampilkan table bahan yang dapat
melakukan insert, update, delete data bahan. Pada test case Sub menu stok, prosedur
yang dijalankan adalah memilih sub menu stock dan hasil uji cobanya adalah
menampilkan bahan dan stok yang dapat melakukan insert, update dan delete data
stok. Pada test case Sub menu Employee, prosedur yang dijalankan adalah memilih
sub menu employee dan hasil uji cobanya adalah menampilkan table petugas dan
dapat melakukan insert, update dan delete data petugas. Pada test case Sub menu
laporan, prosedur yang dijalankan adalah Memilih sub menu laporan dan hasil uji

112

cobanya adalah menampilkan tanggal untuk melihat laporan. Pada test case Sub menu
laporan, prosedur yang dijalankan adalah menekan tombol proses dan hasil uji
cobanya adalah menampilkan laporan. Pada test case Sub menu logout, prosedur yang
dijalankan adalah memilih sub menu logout hasil uji cobanya adalah Keluar dari
menu admin. Pada hasil keseluruhan pengujian pada tampilan admin ini sudah
berhasil sesuai dengan harapan.

4.2.3. Pengujian pada Tampilan Capster

Tabel 4.3 Pengujian blackbox testing pada tampilan capster
No

Test Case

Prosedur yang
Dijalankan
Menekan tombol
login dan
mengosongkan
textbox username
dan password
Menekan tombol
login dan mengisi
textbox username
dan password

Hasil yang
Diharapkan
Menampilkan
tampilan
berupa tulisan
anda tidak
menginjeksi
Menampilkan
tampilan
capster

Tampilan Login

Tampilan Login

Tampilan
dashboard

Menekan tombol
login

Menampilkan
tampillan
dahboard

Tampilan
capster

Memilih sub menu

caspter

Menampilkan
table kerja
capster

Hasil Uji
Coba
Menampilkan
tampilan
berupa tulisan
anda tidak
menginjeksi
Menampilkan
tampilan
caspter dan
menampilkan
sub sub
menu capster,
stock dan
logout
Menampilkan
capster sesuai
username dan
terdapat
submenu
capster, stock
dan logout
Menampilkan
table kerja
capster dan
dapat melihat

Hasil
Berhasil
sesuai
harapan

Berhasil
sesuai
harapan

Berhasil
sesuai
harapan

Berhasil
sesuai
harapan

Tabel 4.3 Pengujian blackbox testing pada tampilan caspter (lanjutan)

No

Test Case

Prosedur yang
Dijalankan

Hasil yang
Diharapkan

Hasil Uji
Coba
pelanggan

Hasil

113

Tampilan
capster

Memilih tombol
pada pelanggan
yang ingin dilayani

Tampilan
capster

Menekan tombol
simpan pada bagia
bahan

Tampilan Stok

Menekan tombol
delete pada stok

Tampilan
Logout

Memilih sub menu

logout

Menampilkan
nama nama
bahan yang
digunakan
untuk
melakukan
service
Kembali ke
table kerja
capster

Menghapus
satu stock
bahan
Keluar dari
menu capster
dan
menampilkan
menu login

yang harus
dilayani
Menampilkan
nama nama
bahan yang
digunakan
untuk
melakukan
service
Mengirimkan
nama
pelanggan ke
kasir dan
kembali ke
table kerja
caspter
Menghapus
satu stock
bahan
Keluar dari
menu capster
dan
menampilkan
menu login

Berhasil
sesuai
harapan

Berhasil
sesuai
harapan

Berhasil
sesuai
harapan
Berhasil
sesuai
harapan

Pengujian pada tampilan capster ini meliputi 8 test case yang di ujikan. Pada
test case Tampilan Login, prosedur yang dijalankan adalah menekan tombol login dan
mengosongkan textbox username dan password dan

hasil

uji

cobanya

adalah

menampilkan tampilan berupa tulisan anda tidak menginjeksi. Pada test case Tampilan
Login, prosedur yang dijalankan adalah menekan tombol login dan mengisi textbox username
dan password dan hasil uji cobanya adalah menampilkan tampilan caspter dan
menampilkan sub sub menu capster, stock dan logout. Pada test case Tampilan dashboard,
prosedur yang dijalankan adalah menekan tombol login dan hasil uji cobanya adalah
menampilkan capster sesuai username dan terdapat submenu capster, stock dan logout. Pada

test case Tampilan capster, prosedur yang dijalankan adalah memilih sub menu caspter dan
hasil uji cobanya adalah menampilkan table kerja capster dan dapat melihat pelanggan
yang harus dilayani. Pada test case Tampilan capster, prosedur yang dijalankan adalah
memilih tombol pada pelanggan yang ingin dilayani dan hasil uji cobanya adalah

114

menampilkan nama nama bahan yang digunakan untuk melakukan service. Pada test case
Tampilan capster, prosedur yang dijalankan adalah menekan tombol simpan pada bagia bahan

dan hasil uji cobanya adalah Mengirimkan nama pelanggan ke kasir dan kembali ke table
kerja caspter. Pada test case Tampilan Stok, prosedur yang dijalankan adalah menekan
tombol delete pada stok dan hasil uji cobanya adalah menghapus satu stock bahan. Pada

test case Tampilan Logout, prosedur yang dijalankan adalah memilih sub menu logout dan
hasil uji cobanya adalah keluar dari menu capster dan menampilkan menu login. Pada
hasil keseluruhan pengujian pada tampilan admin ini sudah berhasil sesuai dengan
harapan.

4.2.4. Pengujian pada Tampilan Kasir

Tabel 4.4 Pengujian blackbox testing pada tampilan kasir
N
o
1

Test Case

Prosedur yang
Dijalankan
Menekan tombol
login dan
mengosongkan
textbox username
dan password
Menekan tombol
login dan mengisi
textbox username
dan password

Hasil yang
Diharapkan
Menampilkan
tampilan
berupa tulisan
anda tidak
menginjeksi
Menampilkan
tampilan
capster

Tampilan Login

Tampilan Login

Tampilan
dashboard

Menekan tombol
login

Menampilkan
tampilan
dashboard

Tampilan kasir

Memilih sub menu

kasir

Menampilkan
table kerja
kasir dan dapat

Hasil Uji
Coba
Menampilkan
tampilan
berupa tulisan
anda tidak
menginjeksi
Menampilkan
tampilan kasir
dan
menampilkan
sub sub
menu kasir
dan logout
Menampilkan
tampilan
dashboard dan
menampilkan
sub menu kasir
dan logout
Menampilkan
table kerja
kasir dan dapat

Hasil
Berhasil
sesuai
harapan

Berhasil
sesuai
harapan

Berhasil
sesuai
harapan

Berhasil
sesuai
harapan

115

Tabel 4.4 Pengujian blackbox testing pada tampilan kasir (lanjutan)

No

Test Case

Prosedur yang
Dijalankan

Hasil yang
Diharapkan
mengecek data
pelanggan dan
mencetak struk

Tampilan kasir

Menekan tombol
pada nama
pelanggan yang
telah selesai
melakukan service

Menampilkan
list service
yang telah
dilakukan oleh
pelanggan

Tampilan kasir

Menekan tombol
simpan

Menampilkan
struk

Tampilan
Logout

Memilih sub menu

logout

Keluar dari
menu kasir dan
menampilkan
menu login

Hasil Uji
Coba
mengecek data
pelanggan dan
mencetak
struk
Menampilkan
list service
yang telah
dilakukan oleh
pelanggan dan
terdapat sub
total harga
Menampilkan
struk
Keluar dari
menu kasir
dan
menampilkan
menu login

Hasil

Berhasil
sesuai
harapan

Berhasil
sesuai
harapan
Berhasil
sesuai
harapan

Pengujian pada tampilan kasir ini meliputi 7 test case yang di ujikan. Pada test
case Tampilan Login, prosedur yang dijalankan adalah menekan tombol login dan
mengosongkan textbox username dan password dan

hasil

uji

cobanya

adalah

menampilkan tampilan berupa tulisan anda tidak menginjeksi. Pada test case Tampilan
Login, prosedur yang dijalankan adalah menekan tombol login dan mengisi textbox username
dan password dan hasil uji cobanya adalah menampilkan tampilan caspter dan
menampilkan sub sub menu kasir dan logout. Pada test case Tampilan dashboard, prosedur
yang dijalankan adalah menekan tombol login dan hasil uji cobanya adalah menampilkan
tampilan dashboard dan menampilkan sub menu kasir dan logout. Pada test case Tampilan
kasir, prosedur yang dijalankan adalah memilih sub menu kasir dan hasil uji cobanya

adalah menampilkan table kerja kasir dan dapat mengecek data pelanggan dan mencetak
struk. Pada test case Tampilan kasir, prosedur yang dijalankan adalah menekan tombol pada
nama pelanggan yang telah selesai melakukan service dan hasil uji cobanya adalah
menampilkan list service yang telah dilakukan oleh pelanggan dan terdapat sub total harga.

116

Pada test case Tampilan Kasir, prosedur yang dijalankan adalah menekan tombol simpan dan
hasil uji cobanya adalah menampilkan struk. Pada test case Tampilan Logout, prosedur yang
dijalankan adalah memilih sub menu logout dan hasil uji cobanya adalah keluar dari menu
kasir dan menampilkan menu login. Pada hasil keseluruhan pengujian pada tampilan

kasir ini sudah berhasil sesuai dengan harapan.

Dari hasil uji coba diatas dengan menggunakan Laptop Asus X454W dan 1
unit Tablet Samsung Galaxy GT-P7500 ukuran 10inch dapat disimpulkan bahwa
sistem dapat dikatakan sudah berhasil di buat dan berjalan dengan baik serta sesuai
dengan yang diharapan.

4.3. Pengujian Penerimaan Pengguna pada Aplikasi Berbasis Web

Aplikasi ini juga melakukan suatu pengujian terhadap pengguna untuk mengetahui
sejauh mana aplikasi ini dapat memenuhi kebutuhan pengguna. Pengujian ini sebagai
bahan evaluasi dengan tanggapan mengenai Aplikasi self service Lavadia Salon ini.
Pengujian terhadap pengguna ini dibuat untuk pekerja salon. Pada form telah di
uji kepada 15 orang pekerja salon (13 orang capster, 1 orang kasir dan 1 orang
admin). Setelah mencoba aplikasi, pengguna menjawab pertanyaan pada form yang
telah disediakan untuk mengetahui presentase keberhasilan dari aplikasi self service
ini. Masing masing pertanyaan terdapat 5 pilihan jawaban, diantaranya:

Nilai 1 = sangat tidak setuju

Nilai 2 = Tidak Setuju
NIlai 3 = Ragu Ragu
Nilai 4 = Setuju
Nilai 5 = Sangat Setuju
Pada tabel 4.8 adalah daftar pertanyaan form kuisioner yang diberikan untuk

pekerja salon. Pekerja salon ini terdapat 13 orang capster, 1 orang kasir dan 1 orang
admin.

117

Tabel 4.5 Form Kuisioner pekerja salon

No
Pertanyaan
Kualitas Informasi
1
Aplikasi memiliki informasi yang
2

tepat waktu
Aplikasi memiliki informasi yang

mudah dimengerti
Aplikasi memiliki informasi yang

detail
Aplikasi memiliki informasi

dengan format yang tepat

Interaksi Layanan
5
Pengguna yakin aplikasi ini akan
mengatur pekerjaan pekerja
6

dengan baik
Mengakses ketampilan yang

dituju sangat cepat.

Aplikasi mencerminkan indetitas

Lavadia Salon
Penggunaan
8
Interaksi pengguna dengan
aplikasi jelas dan dapat
9
10

dimengerti
Aplikasi mudah untuk dinavigasi
Aplikasi menuntun pengguna

11
12

untuk melakukan layanan

Aplikasi mudah digunakan
Aplikasi ini mempermudah
pekerjaan

Pada tabel 4.6 merupakan kuisioner untuk pekerja Lavadia Salon, terdapat 12
pertanyaan dari 3 kolom. Dari kuisioner diatas didapatkan hasil jawaban dari 15
orang pekerja. Hasil tersebut dapat dilihat pada tabel 4.6.
Tabel 4.6 Hasil kuisioner pekerja salon

118

No
Pertanyaan
Kualitas Informasi
1
Aplikasi memiliki informasi yang
2

tepat waktu
Aplikasi memiliki informasi yang

mudah dimengerti
Aplikasi memiliki informasi yang

detail
Aplikasi memiliki informasi dengan

5
5

format yang tepat

Interaksi Layanan
5
Pengguna yakin aplikasi ini akan

10

mengatur pekerjaan pekerja dengan

6

baik
Mengakses ketampilan yang dituju

sangat cepat.
Aplikasi mencerminkan indetitas

Lavadia Salon
Penggunaan
8
Interaksi pengguna dengan aplikasi
9
10

jelas dan dapat dimengerti

Aplikasi mudah untuk dinavigasi
Aplikasi menuntun pengguna untuk

11
12

melakukan layanan
Aplikasi mudah digunakan
Aplikasi ini mempermudah

10
1
5

8
5

8
10

pekerjaan

Dari hasil jawaban pekerja pada tabel 4.6 yang diisi oleh pekerja Lavadia
Salon. terdapat perhitungan rumus untuk mengetahui presentase hasil jawaban
pekerja.
Rumus:

Gambar 4.33 Rumus perhitungan skor pada form pekerja salon

Nilai Ideal:

119

Nilai 5 (SS) = 50
Nilai 4 (S) = 40
Nilai 3 (R) = 30
Nilai 2 (TS)= 20
Nilai 1 (STS) = 10
Dari data diatas, dapat disebutkan bahwa nilai tertinggi idealnya adalah 50.

Dapat dikondisikan, apabila satu pertanyaan dijawab dalam dua pilihan SS dan S
maka hasil dari presentasenya adalah
Skor = (1*0) + (2*0) + (3*0) + (4*8) + (5*2) / 50 * 100% = 84%.
Dari rumus tersebut, nilai tersebut adalah variabel dari nilai yang sudah ditentukan
pada nilai ideal. Jumlah responden adalah banyaknya jumlah pekerja yang menjawab
per nilainya. Jika pada nilai 1 tidak terdapat responden, maka perhitnggannya adalah
(1*0), begitu pula pada nilai yang lainnya. Dari perhitungan nilai dan responden akan
dibagi dengan nilai ideal yang sudah ditentukan sebelumnya. Kemudian akan dikali
100%. Maka, dari pertanyaan pertama pada hasil pengujian pekerja mendapatkan
presentase 84%.
Dari keseluruhan perhitungan presentase. Didapatkan hasil presentase nilai
dari kuisioner untuk pekerja. Dapat dilihat pada tabel 4.7.

Tabel 4.7 Hasil presentase kuisioner pekerja salon

120

coba

dan

kuisioner
dilakukan
responden
Aplikasi Self
Rumah

Ayu

Salon

aand

telah

dibuat

tanggapan
pengguna,
diketahui
persentasi
dari

aspek

infromasi
hasil

84%

Informasi
waktu.

Pada

No
Pertanyaan
Kualitas Informasi
1
Aplikasi memiliki informasi yang

84%

tepat waktu
Aplikasi memiliki informasi yang

96%

mudah dimengerti
Aplikasi memiliki informasi yang

70%

detail
Aplikasi memiliki informasi dengan

90%

format yang tepat

Interaksi Layanan
5
Pengguna yakin aplikasi ini akan

Presentase

100%

pengisian
yang
kepada

15

Service
Lavadia
Day Spa yang

baik
Mengakses ketampilan yang dituju

78%

sangat cepat.
Aplikasi mencerminkan indetitas

72%

serta meminta
dari
dapat

100%

berdasarkan
hasil uji coba

9
10

jelas dan dapat dimengerti

Aplikasi mudah untuk dinavigasi
Aplikasi menuntun pengguna untuk

80%
70%

kualitas

11
12

melakukan layanan
Aplikasi mudah digunakan
Aplikasi ini mempermudah

96%
100%

untuk

pekerjaan

uji

terhadap

mengatur pekerjaan pekerja dengan

Lavadia Salon
Layanan
8
Interaksi pengguna dengan aplikasi

Setelah

medapatkan
yang

tepat

informasi

yang mudah dimengerti mendapatkan hasil presentase 96%. Pada informasi yang
detail mendapatkan hasil presentase 70% dan pada informasi dengan format yang
tepat mendapatkan hasil presentase 90%. Berdasarkan presentase hasil uji coba dari
aspek interaksi layanan mendapatkan hasil 100% karena pengguna yakin aplikasi ini
akan mengatur pekerjaan pekerja dengan baik. Pada akses tampilan yang dituju
mendapatkan presentase 78% termasuk kedalam akses yang cepat. Pada aspek
layanan interaksi juga mendapatkan hasil presentase sebesar 78% karena Aplikasi
mencerminkan indetitas Lavadia Salon. Berdasarkan presentase hasil uji coba dari
aspek layanan mendapatkan hasil 100% untuk interaksi pengguna dengan aplikasi
jelas dan dapat dimengerti. Pada aplikasi mudah untuk dinavigasi mendapatkan hasil

121

presentase sebesar 80%. Pada aplikasi menuntun pengguna untuk melakukan layanan
mendapatkan hasil presentase sebesar 70%. Pada aplikasi mudah dimengerti
mendapatkan hasil presentase sebesar 96% dan pada aplikasi mempermudah
pekerjaan mendaptkan hasil presentase sebesar 100%. Kesimpulan yang di dapat dari
tabel kuesioner pekerja salon adalah responden setuju dengan pertanyaan positif
untuk aplikasi self service Rumah Ayu Lavadia Salon and Day Spa, hasil tersebut
dapat dilihat pada presentase rata-rata pada semua pertanyaan yaitu sebanyak 86,3%
termasuk dalam kategori sangat setuju.