51
3.5 Interface Perancangan Antarmuka
Di dalam sub bab ini akan dijelaskan tentang perancangan antarmuka untuk website yang akan dibuat, dan juga akan dijelaskan antarmuka untuk
pelanggan dalam melakukan pengisian data
3.5.1 Antarmuka home
Antarmuka untuk website pelayanan salon adalah :
Gambar 3.7 Desain Interface Pada halaman interface ini, user atau pegawai salon dapat masuk
ke dalam website tersebut dan dapat mengisi apa yang perlu diisi oleh user. Pada calon pelanggan, dapat mengisi data pelanggan dengan menekan tombol
pelanggan untuk selanjutnya pengisian data pelanggan. Untuk melihat produk, dapat dilihat dengan menekan tombol produk.
3.5.2 Halaman antarmuka login Antarmuka untuk website pelayanan salon adalah :
W EBSI TE PELAYANAN SALON
HOM E PELANGGAN
PRODUK LOGIN
Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.
52
Gambar 3.8 Desain Login Pada halaman ini rancangan dari website salon pada halaman login. Di
halaman ini user dapat masuk ke form yang selanjutnya. 3.5.3 Halaman antarmuka pelanggan
Antarmuka untuk website pelayanan salon adalah :
Gambar 3.9 Halaman Pelanggan
W EBSI TE PELAYANAN SALON
HOME PELANGGAN
PRODUK LOGI N
N AMA :
PASSW ORD :
MASUK
W EBSI TE PELAYANAN SALON
HOME PRODUK
PELANGGAN LOGI N
I D MEMBER :
NAMA MEMBER :
ALAMAT :
TELEPON :
EMAI L :
USER MEMBER :
PASSWORD :
TANGGAL DAFTAR :
DAFTAR
Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.
53
Pada halaman ini rancangan dari website salon pada halaman pelanggan. Di halaman ini user dapat mengisi form yang wajib diisi dan user juga dapat
melihat data user sendiri apabila ada yag terlupakan. 3.5.4 Halaman produk
Antarmuka untuk website pelayanan salon adalah :
Gambar 3.10 Halaman Produk Pada halaman website ini akan muncul gambar dari produk beserta
penjelasan dari produk tersebut. Sehingga pelanggan atau user dapat melihat produk dari barang yang tersedia di salon tersebut.
3.5.5 Halaman booking Antarmuka untuk website pelayanan salon adalah :
W EBSI TE PELAYANAN SALON
PRODUK PELANGGAN
HOME LOGI N
IM AGE PRODUK
Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.
54
W EBSI TE PELAYANAN SALON
Gambar 3.11 Halaman Booking Pada halaman ini mucul form dari tabel booking, sehingga dapat dilihat id
booking, tanggal booking, jam booking dan status booking 3.5.6 Halaman Transaksi
Antarmuka untuk website pelayanan salon adalah :
Gambar 3.12 Halaman Transaksi Pada halaman ini muncul tampilan dari form transaksi yang telah tersedia
dalam database, sehingga user pelanggan ataupun kasir dapat melihat transaksi yang ada.
Id m em ber :
Tanggal t ransaksi :
Jam t ransaksi :
Jum lah t ransaksi :
St at us t ransaksi :
sim pan
W EBSI TE PELAYANAN SALON
BOOKING
ID BOOKING :
ID M EM BER :
ID KASIR :
TANGGAL BOOKING :
JAM BOOKING :
STATUS BOOKING :
W EBSI TE PELAYANAN SALON
TRANSAKSI Id t ransaksi
:
Id kasir :
Id barang :
Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.
55
BAB IV I