ANALISA DAN PERANCANGAN SISTEM
3.2 Persiapan Hardware
3.4.6 Desain Interface
Desain interface dibuat untuk memudahkan user ataupun admin dalam penggunaan sistem. Form-form yang dirancang meliputi konsep interaksi manusia dengan komputer dimana seorang user hanya dengan melihat form dapat mengerti langkah apa yang harus dilakukan selanjutnya. Berikut form-form yang ada di aplikasi ini :
1) Form Desain Interface
Pada form ini user ataupun admin akan melakukan proses maintenance data, user ataupun admin bisa melakukan penambahan data, ubah data, dan hapus data. Sebelum proses maintenance data, user ataupun admin diharuskan login terlebih dahulu, seperti pada Gambar 3.10 Setelah login maka akan masuk ke dalam manu utama, seperti pada Gambar 3.11.
Gambar 3.10 Form Desain Form Login
LO G IN
O K C a nc e l Use r
Gambar 3.11 Form Desain Form Menu Utama
Gambar 3.11 Form Desain Form Utama
Form data untuk user baru berfungsi untuk mengisikan / menginputkan data yang dimiliki oleh user baru. Setelah user menginputkan semua data user, barulah user menekan tombol tambah, kemudian data akan tersimpan ke dalam tabel yang telah disediakan, tombol hapus digunakan untuk menghapus semua data yang telah diisikan, tombol ubah untuk mengubah data yang sebelumnya telah di isikan, tombol cari untuk mencari apakah user baru yang ditambah telah terdata di sistem, tombol tutup untuk menutup form admin. Rancangannya dapat dilihat pada Gambar 3.12 dibawah ini.
Gambar 3.12 Form Desain Form Admin
Form data untuk Customer berfungsi untuk mengisikan / menginputkan data yang dimiliki oleh Customer. Setelah user menginputkan semua data Customer, barulah user menekan tombol tambah, kemudian data akan tersimpan ke dalam tabel yang telah disediakan, tombol hapus
FO RM UTAMA
Ma ste r Tra nsa ksi La p o ra n Info
USER Id Ad m in Na m a Use r Na m e Pa sswo rd Ta m b a Ub a h Ha p us Re fre sh C a ri Tutup Atur Use r
55
digunakan untuk menghapus semua data yang telah diisikan, tombol ubah untuk mengubah data yang sebelumnya telah di isikan, tombol cari untuk mencari apakah customer baru yang ditambah telah terdata di sistem, tombol tutup untuk menutup form customer. Rancangannya dapat dilihat pada Gambar 3.13 dibawah ini.
Gambar 3.13 Form Desain Form Customer
Form data untuk Mobil berfungsi untuk mengisikan / menginputkan data yang dimiliki oleh Mobilnya. Setelah user menginputkan semua data Mobil, barulah user menekan tombol tambah, kemudian data akan tersimpan ke dalam tabel yang telah disediakan, tombol hapus digunakan untuk menghapus semua data yang telah diisikan, tombol ubah untuk mengubah data yang sebelumnya telah di isikan, tombol cari untuk mencari apakah Mobil baru yang ditambah telah terdata di sistem, tombol tutup untuk menutup form Mobil. Rancangannya dapat dilihat pada Gambar 3.14 dibawah ini.
Gambar 3.14 Form Desain Form Mobil
C USTO MER Id C usto m e r Na m a C usto m e r Te lp C usto m e r Ala m a t C usto m e r Ta m b a Ub a h Ha p us Re fre sh C a ri Tutup MO BIL No Po lisi Id Pe m ilik Je nis Ke nd a ra a n Bia ya Se wa Ta m b a Ub a h Ha p us Re fre sh C a ri Tutup Bia ya O ve rtim e
Form data untuk Driver berfungsi untuk mengisikan / menginputkan data yang dimiliki oleh driver. Setelah user menginputkan semua data driver, barulah user menekan tombol tambah, kemudian data akan tersimpan ke dalam tabel yang telah disediakan, tombol hapus digunakan untuk menghapus semua data yang telah diisikan, tombol ubah untuk mengubah data yang sebelumnya telah di isikan, tombol cari untuk mencari apakah driver baru yang ditambah telah terdata di sistem, tombol tutup untuk menutup form driver. Rancangannya dapat dilihat pada Gambar 3.15 dibawah ini.
Gambar 3.15 Form Desain Form Driver
Form data untuk Pemilik Mobil berfungsi untuk mengisikan / menginputkan data yang dimiliki oleh pemilik mobil. Setelah user menginputkan semua data pemilik, barulah user menekan tombol tambah, kemudian data akan tersimpan ke dalam tabel yang telah disediakan, tombol hapus digunakan untuk menghapus semua data yang telah diisikan, tombol ubah untuk mengubah data yang sebelumnya telah di isikan, tombol cari untuk mencari apakah data pemilik baru yang ditambah telah terdata di sistem, tombol tutup untuk menutup form pemilik mobil. Rancangannya dapat dilihat pada Gambar 3.16 dibawah ini.
DRIVER Id Drive r Na m a Drive r Te lp Ala m a t Ta m b a Ub a h Ha p us Re fre sh C a ri Tutup
57
Gambar 3.16 Form Desain Form Pemilik Mobil
Form data untuk Tujuan berfungsi untuk mengisikan / menginputkan data tujuan. Setelah user menginputkan semua data tujuan, barulah user menekan tombol tambah, kemudian data akan tersimpan ke dalam tabel yang telah disediakan, tombol ubah untuk mengubah data yang sebelumnya telah di isikan, tombol batal untuk membatalkan dan tombol simpan utnuk menyimpan. Rancangannya dapat dilihat pada Gambar 3.17 dibawah ini.
Gambar 3.17 Form Desain Form Tujuan
PEMILIK MO BIL Id Pe m ilik Na m a Pe m ilik Te lp Ala m a t Ta m b a Ub a h Ha p us Re fre sh C a ri Tutup TUJUAN Minim a l Tujua n Bia ya Ja ra k Ta m b a Ub a h Ba ta l Sim p a n
Form data untuk Jenis berfungsi untuk mengisikan / menginputkan data jenis. Setelah user menginputkan semua data jenis, barulah user menekan tombol tambah, kemudian data akan tersimpan ke dalam tabel yang telah disediakan, tombol ubah untuk mengubah data yang sebelumnya telah di isikan, tombol batal untuk membatalkan dan tombol simpan utnuk menyimpan. Rancangannya dapat dilihat pada Gambar 3.18 dibawah ini.
Gambar 3.18 Form Desain Form Jenis
Form data untuk Transaksi berfungsi untuk mengisikan / menginputkan data yang dimiliki oleh customer ketika melakukan transaksi dengan admin/ pegawai Rencar Mobli Arlinta. Setelah user menginputkan semua data pemilik seperti Id Transaksi, Id admin yang menangani, Id customer dan lain sebagainya seperti yang ada pada form transaksinya barulah user menekan tombol update, kemudian data akan tersimpan ke dalam tabel yang telah disediakan, tombol hapus digunakan untuk menghapus semua data yang telah diisikan, tombol ubah untuk mengubah data yang sebelumnya telah di isikan, tombol cari untuk mencari apakah data transaksi baru yang ditambah telah terdata di sistem, tombol tutup
JENIS
Je nis
59
untuk menutup form transaksi Rancangannya dapat dilihat pada Gambar 3.19 dibawah ini.
Gambar 3.19 Form Desain Form Transaksi
Form data untuk Pembayaran berfungsi untuk mengisikan transaksi pemabayaran. Setelah transaksi dilakukan dengan pembayaran sejumlah uang yang harus di bayarkan, tekan tombol bayar untuk mengakses sitem ini, tombol tutup untuk menutup form pemilik mobil. Rancangannya dapat dilihat pada Gambar 3.20 dibawah ini.
Gambar 3.20 Form Desain Form Pembayaran
TRANSAKSI
Tg l Tra nsa ksi Id Tra nsa ksi Id Ad m in Id C usto m e r Up d a te Ba ta l Ha p us Re fre sh C a ri Tutup Id Drive r No Po lisi Se wa Mo b il O ve r Tim e Tg l Pinja m Wa ktu Ke lua r Tg l Ke m b a li Wa ktu ke m b a li Tujua n O ve r Tim e Ja m O ve r Tim e Bia ya Ko m Drive r Ko m Arlinta BBM Bia ya PEMBAYARAN Tutup Ba ya r Je nis Ke nd a ra a n Na m a C usto m e r Na m a C usto m e r Na m a Ad m in Na m a Drive r No Po lisi
Id Tra nsa ksi Tg l Pe m b a ya ra n
To ta l Bia ya Ke t Ba ya r Sisa
Form data untuk Info Pembayaran berfungsi untuk mengisikan info pembayaran dari customer. Setelah data diisikan dengan menekan tombol update secara otomatis sistem akan menyimpan dalam tabel tertentu, tekan tombol batal bila batal mengisikan data yang baru di isikan, tombol hapus untuk menghapus data, tombol cari untuk mencari data yang telah di isi sebelumnya, tombol tutup untuk menutup form info pembayaran. Rancangannya dapat dilihat pada Gambar 3.21 dibawah ini.
Gambar 3.21 Form Desain Form Info Pembayaran IN FO PEM BA YA RA N Tg l Pe m b a ya ra n Ba ya r Ke t Ba ya r Sisa Bia ya Id Tra nsa ksi
61
BAB IV