Implementasi User Interface

BAB IV IMPLEMENTASI SISTEM

4.2 Implementasi User Interface

Form login digunakan untuk mengidentifikasi pengguna program dengan

memasukkan user name dan password. Jika user name dan password tidak

dikenal maka pengguna akan mendapat peringatan dari sistem. Berikut adalah

tampilan dari menu login

Gambar 4.16 Form Login

Untuk urutan penggunaan menu login ini adalah sebagai berikut :

Masukkan user name dan password . Tekan tombol OK. Jika user name dan

password yang dimasukkan benar maka akan tampil form menu utama dengan

username dan level sesuai dengan level penggunanya. Untuk status Administrator

berhak mengakses semua proses yang ada dalam sistem ini. Sedangkan untuk

User hanya bisa mengakses beberapa proses saja. Jika username dan password

yang dimasukkan salah maka akan tampil pesan seperti gambar dibawah ini.

Gambar 4.17 Pesan Kesalahan User Name dan Password

apabila dalam peninputan user name dan password salah lebih dari 3 kali maka akan

Gambar 4.18 Pesan Ilegal User

4.2.2Form Utama

Form Utama merupakan portal untuk melakukan segala aktifitas penggunaan

sistem. Form utama dibagi mempunyai 7 menu utama yang masing-masing menu

mempunyai sub menu. Dari 7 menu utama tersebut antara lain menu File, Master,

Transaksi, Informasi, Keuangan Utilitas, About.

4.2.3Form Input Data User

Form ini digunakan untuk melakukan penambahan user baru halaman ini

hanya dapat diakses oleh admin. Tampilan untuk menu ini dapat dilihat pada

gambar dibawah ini :

Gambar 4.20 Form Input Data User

Pada menu tersebut terdapat proses untuk menyimpan data user, hapus dan

tambah data user. Proses penyimpanan terjadi jika user yang dimasukkan adalah

user baru.. Hapus digunakan untuk menghapus data user proses hapus dapat

dilakukan dengan memilih user yang akan dihapus melalui datagrid yang ada.

4.2.4Form Ganti Password

Form ini digunakan untuk melakukan perubahan password, yaitu merubah

password yang lama untuk digantikan dengan password yang baru, hal ini

dimaksudkan untuk lebih menjaga tingkat keamanan dan privasi user atau

Gambar 4.21 Form Ganti Password

Pengubahan password dilakukan dengan cara menuliskan username dan

password. Jika username dan password dikenali, status akan muncul secara

otomatis dan untuk mengubah password tinggal menuliskan password yang baru

dua kali.

4.2.5Form Fasilitas Insidentil

Form ini digunakan untuk melakukan update fasilitas Insidentil dengan

menginputakan data-data fasilitas yang dibutuhkan untuk disimpan kedalam

Gambar 4.22 Form Fasilitas Insidentil

4.2.6FormFasilitas Penyewaan

Form fasilias penyewaan digunakan untuk melakukan update data fasilitas

penyewaan, yaitu update tarif penyewaan. Tampilan untuk menu ini adalah

sebagai berikut :

Gambar 4.23 Form Fasilitas Penyewaan

Untuk melakukan proses update tarif double click kode sewaan yang terdapat

pada data grid kemudian pilih tombol edit dan inputkan besar tarif yang beru.

4.2.7Form Data Kategori Membership

Form kategori membership digunakan oleh sebagai input data ketegori

membership. Ketikkan nama kategori dan jumlah anggota dari kategori tersebut.

Berikut tampilan menu data ketegori membership.

Gambar 4.24 Form Kategori Membership

4.2.8Form Data Kategori Insidentil

Form data kategori Insidentil digunakan oleh admin sebagai input ketegori

Gambar 4.25 Form Kategori Insidentil

4.2.9Form Ubah Harga Fasilitas Insidentil

Form ubah harga fasilitas Insidentil digunakan oleh admin sebagai input dan

edit data berupa biaya pemakaian fasilitas Insidentil yang berdasarkan atas

fasilitas yang akan digunakan dan kategori Customer. Untuk melakukan proses

input biaya, admin harus memilih kode fasilitas dan kode kategori setelah muncul

informasi dari masing-masing kode kategori dan kode fasilitas maka admin bisa

memasukkan besar biaya sesuai dengan fasilitas dan kategori. Sedangkan untuk

melakukan proses edit dan hapus data, admin dapat mengclick datagrid sesuai

dengan data yang akan di edit atau di hapus, pilih tombol edit untuk

menginputkan biaya yang baru. Pilih tombol hapus untuk melakukan

penghapusan data.

Gambar 4.26 Form Ubah Harga Fasilitas Insidentil

4.2.10Form Paket Membership

Form paket membership digunakan oleh admin untuk melakukan penambahan

data, edit data, dan hapus data paket membership untuk panambahan data pilih

kategori kemudian masukkan kode paket, fasilitas, pilih periode pembayaran,

lakukan double klik pada datagrid sesuai dengan Paket Membership lalu tekan

klikc tombol Edit dan masukkan besar joiningfee dan biaya yang baru.

Gambar 4.27 Form Paket Membership

4.2.11Form Data Customer

Form data Customer dapat di access oleh admin maupun user. Form data

Customer digunakan untuk menambah data, mengedit data, menghapus data dan

Gambar 4.28 Form Data Customer

Untuk memasukkan data, admin maupun user harus memasukkan nama,

alamat dan nomor telepon setelah selesai memasukkan data-data tersebut kemudian

klik tombol simpan untuk mennyimpannya ke dalam database.. Untuk melakukan

edit dan hapus maka dilakukan proses pencarian data. .Dengan menekan F12 pada

keyboard maka akan muncul form pencarian seperti gambar di bawah ini.

Ketikkan nama Customer yang akan di edit atau hapus lalu tekan enter. Maka

data yang dipili tadi akan masuk ke dalam form data Customer dan dapat

dilakukan proses edit atau hapus data.

4.2.12Form Registrasi

Form registrasi digunakan oleh admin dan user untuk menginputkan data

registrasi nama. lakukan pemilihan fasilitas, kategori dan periode pembayaran

sebelum mendaftar. Setelah proses pemilihan selesai maka klik tombol daftar.

Kemudian masukkan data member dengan lengkap yaitu nama, jenis kelamin,

alamat, nomor telepon dan foto jika sudah ada. Setelah selesai klik tombol simpan

untuk menyimpan data member ke dalam database.

Gambar 4.30 Form Registrasi

Tombol tambah digunakan untuk menambah data member beru sesuai dengan

kategori member yang dipilih saat pendaftaran. Jika jumlah member telah terpenuhi

sesuai dengan ketegori yang di ambil maka penambahan data tidak bisa dilakukan

dan muncul pesan seperti gambar dibawah ini

Gambar 4.31 Peringatan Jumlah Data

4.2.13Form Data Member

Form data member digunakan untuk melakukan edit data member dan cetak

kartu member.

Gambar 4.32 Form Data Member

4.2.14Form Validasi Member

Form validasi member digunakan untuk melakukan verifikasi data registrasi

Jika id Member dan masa berlaku benar akan menampilkan data member seperti

gambar di bawah ini dan member berhak untuk menggunakan fasilitas sesuai

dengan paket fasilitas yang telah diambil.

Gambar 4.33 Form validasi Member

Jika masa berlaku habis akan mucul pesan seperti di bawah ini

Jika masa tenggang telah habis maka akan muncul pesan seperti dibawah ini

Gambar 4.35 Pesan Konfirmasi Hapus Data

4.2.15Proses Transaksi Insidentil

Form transaksi Insidentil digunakan untuk melakukan transaksi penggunaan

fasilitas. Customer bebas untuk memilih fasilitas yang akan digunakan. Langkah

awal untuk melakukan transaksi yaitu dengan menginputkan kode Customer atau

menekan F12 pada keyboard untuk mencari data Customer dengan catatan data

Customer telah tercatat dalam database. berikut gambar form pencarian data

Customer.

Ketikkan nama pelanggan dan tekan enter atau klik dengan mouse

Gambar 4.37 Form Transaksi Insidentil

setelah proses penginputan data Customer dilakukan, maka langkah

selanjutnya adalah memilih kode fasilitas, kode ketegori dan jumlah. Setelah

selesai memasukkan data transaksi klik tombol simpan untuk menyimpan data

transaksi kedalam database. setelah proses simpan selesai klik tombol cetak nota

untuk mencetak nota transaksi.

4.2.16FormTransaksi Penyewaan

Form transaksi penyewaan digunakan untuk melakukan transaksi penyewaan

fasilitas sewa. Customer bebas untuk memilih fasilitas yang akan sewa Langkah

awal untuk melakukan transaksi yaitu dengan menginputkan kode Customer atau

Customer telah tercatat dalam database. berikut gambar form pencarian data

Customer.

Gambar 4.38 Form Pencarian Data Castumer

Ketikkan nama pelanggan dan tekan enter atau klik datagrid sesuai dengan

nama pelanggan.

Setelah penginputan data Customer dilakukan maka langkah selanjutnya yaitu

memilih fasilitas yang akan disewa dengan jumlah even, dan menentukan

tanggal dan waktu penyewan kemudian klik tombol centang, jika ada fasilitas

yang telah di sewa pada tanggal yang dipilih oleh Customer maka muncul

pesan seperti gambar dibawah ini.

Jika fasilitas belum ada yang menyewa maka proses transaksi dapat

dilanjutkan dengan memberikan uang muka sebagai syarat pemesanan

fasilitas.

Gambar 4.40 Form Transaksi Penyewaan

setelah data data yang dibutuhkan dalam transaksi penyewaan telah diisi dapat

melakukan klik tombol simpan untuk menyimpan data penyewan kedalam

database.

4.2.17Form Perpanjangan Member

Form perpanjangan member digunakan untuk melakukan perpanjangan masa

berlaku bagi member, inputan yang diperlukan untuk melakukan perpanjangan

member adalah nomor registrasi member, untuk melakukan pencarian nomor

registrasi tekan F12 pada keyboard, maka akan meuncul form pencarian seperti

Gambar 4.41 Form Pencarian Data Registrasi

Ketikkan nama dan tekan enter atau klik datagrid sesuai dengan nama

pelanggan.

Gambar 4.42 Form Perpanjangan Member

Setelah memasukkan nomor registrasi akan muncul informasi data registrasi

sesuai dengan nomor registrasi yang telah dimasukkan. Tekan edit untuk

melakukan perpanjangan member kemudian pilih periode pembayaran.

Setelah melakukan pemilihan periode pembayaran klik tombol simpan untuk

menyimpan data perpanjangan member ke dalam database. klik tombol cetak

4.2.18Form Pembayaran Sewa

Form pembayaran sewa digunakan untuk pelunasan biaya sewa. Input data

yang diperlukan adalah nomor transaksi penyewaan. Untuk memperoleh no

transaksi sewa dapat dilakukan dengan melihat nota transaksi sewa atau dengan

menekan F12 pada keyboard maka akan muncul form pencarian data transaksi

sewa seperti gambar dibawah ini

Gambar 4.43 Form Pencarian Data Transaksi Penyewaan

Ketikan nama Customer kemudian tekan enter atau klik datagrid sesuai dengan nama

Gambar 4.44 Form Pembayaran Sewa

Setelah memasukkan nomor transaksi akan muncul informasi penyewaan sesuai

dengan nomor transaksi yang dimasukkan. Kemudian masukkan besar kekurangan

pembayaran lalu klik tombol simpan untuk menyimpan data pembayaran sewa ke

dalam database.

4.2.19Form Informasi Member

Form informasi member digunakan untuk menampilkan informasi data member.

Untuk meampilkan semua data member pilih option semua. Option daftar member

aktif digunakan untuk menampilkan semua member yang masih aktif. Option daftar

member masa tenggang digunakan untuk menampilkan semua member yang masa

daftar member non aktif digunakan untuk menampilkan semua member yang masa

berlakunya telah habis dan tidak bisa lagi melakukan perpanjangan member.

Gambar 4.45 Form Informasi Member

4.2.20Form Review

Form Review digunakan untuk menmpilkan informasi data member seperti

gambar dibawah ini

4.2.21Form Informasi Penyewaan

Form informasi digunakan untuk menampilkan informasi penyewaan

berdasarkan fasilitas dan periode sewa. Untuk mengetahui informasi penyewaan

fasilitas tertentu pilih option kode fasilitas dan tentukan periode penyewaan

berdasarkan tanggal atau semua periode. Untuk menampilkan hasil informasi klik

tombol cari.

Gambar 4.47 Form Informasi Penyewaan

4.2.22Form Informasi Transaksi Insidentil

Form informasi digunakan untuk menampilkan informasi transaksi Insidentil

berdasarkan fasilitas dan periode transaksi. Untuk mengetahui informasi

penyewaan fasilitas tertentu pilih option kode fasilitas dan tentukan periode

transaksi berdasarkan tanggal atau semua periode. Untuk menampilkan hasil

informasi klik tombol cari.

Gambar 4.48 Form Informasi Insidentil

4.2.23Form Informasi Pemakaian Member

Form informasi digunakan untuk menampilkan informasi pemakaian oleh

berdasarkan fasilitas dan periode pemakaian. Untuk mengetahui informasi

penyewaan fasilitas tertentu pilih option kode fasilitas dan tentukan periode

pemakaian fasilitas berdasarkan tanggal atau semua periode. Untuk menampilkan

hasil informasi klik tombol cari.

Gambar 4.49 Form Informasi Pemakaian

4.2.24Form Cetak Laporan Registrasi Member

Dalam form cetak laporan registrasi terdapat piliha-pilihan cetak laporan

berdasarkan tanggal, bulan dan tahun. Untuk melakukan pencetakan klik tombol

preview.

4.2.25Form Cetak Laporan Perpanjangan Member

Dalam Form cetak laporan perpanjangan member terdapat pilihan cetak

laporan berdasarkan tanggal, bulan dan tahun. Untuk melakukan pencetakan klik

tombol preview

Gambar 4.51 Form Cetak Laporan Perpanjangan Member

4.2.26Form Cetak Laporan Transaksi Penyewaan

Dalam Form cetak laporan transaksi penyewaan terdapat pilihan cetak laporan

berdasarkan tanggal, bulan dan tahun. Untuk melakukan pencetakan klik tombol

preview

4.2.27Form Cetak Laporan Transaksi Insidentil

Dalam Form cetak laporan trnsaksi Insidentil terdapat pilihan cetak laporan

berdasarkan tanggal, bulan dan tahun. Untuk melakukan pencetakan klik tombol

preview

Gambar 4.53 Form Cetak Laporan Insidentil