4.3.7 Perancangan System Interface
Setelah merancang database, maka akan dilakukan perancangan system interface
untuk mengembangkan input, output dan dialogue specification.
4.3.7.1 Perancangan Input
1. Form Input Login Admin atau Front Office
Gambar 4.43
Rancangan Halaman Masuk Admin atau Front Office Form
Masuk merupakan halaman awal pembuka sistem e-commerce. User diminta untuk memasukkan username, password dan kode.
:
2. Form Input Data Visitor Menjadi Member
Gambar 4.44 Rancangan Halaman Input Data Member
Form input data member merupakan halaman formulir untuk visitor
langsung yang ingin menjadi member, dengan cara mengisi formulir di atas. Apabila ingin mengaktifkan member-nya maka visitor harus membayar via credit
card atau datang langsung ke hotel.
LOGIN
PESAN LOGIN
3. Form Input Pembayaran Credit Card
Gambar 4.45 Rancangan Halaman Pembayaran Credit Card
Form pembayaran kartu kredit merupakan formulir yang akan melakukan
registrasi pembayaran untuk menjadi member. dengan cara mengisi formulir sesuai dengan kartu kredit. Apabila tidak sesuai, maka akan menampilkan pesan
salah. Dan apabila sesuai dengan kartu kredit maka akan menampilkan pesan berhasil.
LOGIN PESAN LOGIN
+
4. Form Input Pemesanan Kamar Personal
Gambar 4.46
Rancangan Halaman Input Pemesanan Kamar Personal Form
pemesanan kamar personal merupakan halaman formulir untuk visitor personal
yang akan memesan kamar. Dengan mengisi semua data yang
,- ,
, ,
. ,
,. ,
Syarat Pemesanan Status Pemesanan Group
Buat Member Login Member
ada, setelah melakukan pengisian data dengan lengkap, dan berhasil. Maka visitor harus mengklik pesan yang sudah tersedia.
5. Form Input Pemesanan Kamar Member
Gambar 4.47 Rancangan Halaman Input Data Pemesanan Kamar Member
Form pemesanan kamar member merupakan formulir untuk member
setelah melakukan login member. dan melakukan pengisian data seperti yang ada di atas, setelah melakukan pengisian data. Maka visitor mengklik pesan dan akan
menampilkan halaman daftar pesanan bungalow, dan visitor yang sudah menjadi member
akan mendapatkan harga persen diskon.
,- ,
, ,
. ,
,. ,
1
6. Form Input Pemesanan Kamar Group.
Gambar 4.48 Rancangan Halaman Pemesanan Kamar Group
Form pemesanan kamar group merupakan formulir untuk pemesanan yang
lebih dari 2 unit kamar. Dengan mengklik group, dan akan menampilkan formulir seperti yang di atas.
,- ,
, ,
. ,
,. ,
. ,
,
7. Form Input Pembayaran Credit Card
Gambar 4.49
Rancangan Halaman Input Pembayaran Credit Card Form
pembayaran credit card merupakan formulir untuk melakukan registrasi pembayaran dengan cara online. Dengan memasukkan data yang ada di
kartu kredit. Apabila berhasil, maka pesanan kamar yang dipesan akan aktif secara otomatis. Dan visitor pun siap untuk check in.
+ ,.
,
Submit
8. Form Input Tambah Member
Gambar 4.50
Rancangan Halaman Input Tambah Member Form
tambah member merupakan formulir untuk visitor yang ingin jadi member
dengan datang langsung ke hotel. Dengan cara, visitor mengisi lembaran data formulir dan pengisian data akan dilakukan oleh administrator.
2 3
4 ,.
,
OK
9. Form Input Administrator
Gambar 4.51
Rancangan Halaman Input Administrator Form Administrator
merupakan formulir untuk user Administrator, apabila user Administrator ingin mengganti password, maka user harus
memasukkan password lama dan memasukan password baru. Apabila berhasil maka akan menampilkan pesan berhasil.
10. Form Input Diskon
Gambar 4.52
Rancangan Halaman
Input
Diskon
4 ,.
,
, ,.
, ,
3
56
Form diskon, merupakan halaman administator untuk mengedit diskon
member dengan cara memasukkan berapa persen diskon untuk member.
11.
Form Input Edit Tarif
Gambar 4.53 Rancangan Halaman Input Edit Tarif
Form ubah edit tarif merupakan halaman administrator untuk menambah
jumlah kamar atau mengganti harga kamar dengan memilih kamar mana yang akan diedit. Setelah pengeditan selesai maka user mengklik ubah. Dan perubahan
data kamar akan tersimpan di database.
2 3
,. ,
4 3
7 866666
79
3
5 :66666
76
3
ISI
4.3.7.2 Perancangan Output
Kategori