4.2.4.5 Perancangan Antarmuka
Sebelum membuat aplikasi, ada beberapa rancangan yang dibuat sebagai gambaran diataranya adalah sebagai beriku:
1. Form Login
Sebagai tampilan awal penulis membuat form login terlebih dahulu, di dalam form ini terdapat user name dan password yang
harus diinput atau di isi. Jika user name atau password salah memasukkan user name dan password, maka harus di ulang
kembali. Gambar tampilan login dapat dilihat pada gambar dibawah ini :
Gambar 4.8 Form Login Rancangan Awal
LOGIN
Cancel OK
UserID :
Password :
2. Menu
Jika user name dan password sudah benar, maka akan masuk ke tampilan menu. Didalam tampilan menu terdapat
beberapa menu, diantaranya yaitu: Master Hari, Master Jam, Master Harga, Pembayaran Bulanan dan Pembayaran Harian.
Rancangan menu dapat dilihat pada gambar berikut:
46
Gambar 4.9 Desain Menu
Pembayaran Pembayaran Harian
Master Data
Master Jenis Tarif Master Jam
Master Tarif Master Tim
Transaksi
3. Tampilan Master Jenis Tarif
Yang dimaksud dengan jenis tarif di menu ini adalah pembayaran dalam bulanan atau harian. Jika member maka
menggunakan bulanan, sedangkan yang hanya menggunakan sekali saja dengan menggunakan pembayaran harian. Dibawah ini
merupakan desain dari master jenis tarif:
Edit Hapus
Close Tambah
Kode Jenis Tarif Jenis Tarif
Gambar 4.10 Desain Jenis Tarif
4. Tampilan Menu Master Jam
Pada master jam ini suatu tim menentukan pada jam berapa yang akan digunakan dalam penyewaan. Jika jam yang
ditentukan ternyata sudah ada yang memakainya, maka harus menentukan jam yang lain. Berikut rancangannya:
Kode Jam Hari
Jam Awal Jam Akhir
Gambar 4.11 Desain Master Jam 5.
Tampilan Menu Pembayaran Bulanan
Pada menu ini dipakai hanya digunakan untuk yang sudah menjadi member saja, karena member menggunakan sistem
pembayaran dalam bentuk bulanan serta juga menggunakan kartu barcode. Desainnya dapat dilihat pada gambar dibawah ini:
Gambar 4.12 Desain Pembayaran Bulanan Member
Close Hapus
Tambah Edit
No Transksi Reset
Tanggal Transaksi Barcode
Kode Tim Nama Tim
Hari Jam Awal
Jam Akhir Total Jam
Kode Tarif Pembayaran Bulan
Harga Total Harga
Save Close Save
6. Tampilan Menu Pembayaran Harian