4.4.1 Rancangan Layar Menu Login
Gambar 4.16 Rancangan Layar Menu Login
Pada saat pertama kali user menyalakan sistem yang dapat diakses melalui web dengan jaringan internet, maka user diharapkan memasukan username serta password. Jika user berhasil melakukan login, maka user dapat langsung melihat tampilan menu utama dari aplikasi ini.
4.4.2 Rancangan Layar Menu Login Invalid
Gambar 4.17 Rancangan Layar Menu Login invalid
User tidak dapat memasuki aplikasi jika user salah memasukan username dan password, sistem dengan sendirinya akan memberitahukan user bahwa username berserta password yang digunakan salah dengan melihat tulisan ”please login using correct name and password”
Please login Using Correct User name and Password Username Password Login
4.4.3 Rancangan Layar Menu Utama
Gambar 4.18 Rancangan Layar Menu Utama
Jika user berhasil melakukan login maka aplikasi akan menampilkan menu yang akan ditampilkan bagi user, yang ditampilkan disini adalah tampilan menu keseluruhan dari aplikasi ini. Dan disini kita dapat melihat login user serta katagori user, berserta cabang dimana tempat user tersebut bekeja. Kita dapat memilih master customer, transaksi penjualan, pembayaran, master karyawan, master cabang, master dealer, master leasing, master kendaraan, dan laporan – laporan.
4.4.4 Rancangan Layar Menu Customer Personal
Gambar 4.19 Rancangan Layar Menu Customer Personal
Tampilan menu customer personal dapat kita peroleh dengan cara meng-click pada customer dan memilih personal. Setelah itu tampilan menu customer personal akan ditampilkan. Pada tampilan ini kita dapat melihat informasi data diri dari customer yang telah kita input.
4.4.5 Rancangan Layar Menu Customer Personal Tambah Data
Gambar 4.20 Rancangan Layar Menu Customer Personal Tambah data
Pada saat kita berada di menu customer personal kita dapat menambahkan daftar customer yang berhubungan dengan transaksi penjualan maupun pembelian dengan cara men-click pada tanda + (tambah data) yang berada di tampilan menu customer personal. Disinilah kita mengisi data – data diri dari customer perorangan.
4.4.6 Rancangan Layar Menu Customer Personal Hapus
Gambar 4.21 Rancangan Layar Menu Customer Personal Hapus
Dalam aplikasi ini kita juga dapat melakukan penghapusan data customer personal baik yang membatalkan ataupun tidak berkaitan dengan transaksi penjualan dan pembelian mobil. Penghapusan data customer personal ini dapat dilakukan dengan cara memilh data customer yang ingin dihapus serta men-click hapus terpilih pada tampilan list customer personal.
4.4.7 Rancangan Layar Menu Customer Company
Gambar 4.22 Rancangan Layar Menu Customer Company
Tampilan menu customer company dapat kita peroleh dengan cara meng-click pada customer dan memilih company. Setelah tampilan menu customer company ditampilkan kita dapat melihat list data perusahaan yang berkaitan dengan transaksi jual beli kendaraan.
4.4.8 Rancangan Layar Menu Customer Company Tambah Data
Gambar 4.23 Rancangan Layar Menu Customer Company Tambah data
Pada saat kita berada di menu customer company kita dapat menambahkan daftar perusahaan yang berhubungan dengan transaksi penjualan maupun pembelian dengan cara men-click pada tanda + (tambah data) yang berada di tampilan menu customer company. Disinilah kita mengisi data – data dari customer perusahaan.
4.4.9 Rancangan Layar Menu Transaksi Mobil Baru
Gambar 4.24 Rancangan Layar Menu Transaksi Mobil Baru
M enu transaksi baru dapat diakses dengan cara memilih master transaksi pada menu awal dan diikuti memilih pada bagian transaksi mobil baru. Tampilan transaksi mobil baru digunakan untuk penjualan mobil baru yang akan dilakukan oleh customer; baik customer personal maupun company. Setelah tampilan terbuka disini kita juga dapat melihat mobil apa saja yang dalam tahap negosiasi.
4.4.10 Rancangan Layar Menu Transaksi Mobil Baru Tambah Data
Gambar 4.25 Rancangan Layar Menu Transaksi Mobil Baru Tambah data
Pada saat kita berada di menu transaksi mobil baru kita dapat memesankan mobil dan baru. Langka pertama yang kita lakukan disini adalah memilih konsumen yang telah kita masukan pada master customer, secara otomatis aplikasi akan memberikan data customer sesuai dengan konsumen tersebut.jika pilihan ada pada personal, maka data customer akan diberikan hanya data customer personal, demikian juga dengan company. Langkah ke berikutnya adalah memilih cabang mana yang sedang memasukan data untuk pemesanan kendaraan, setelah itu kita harus memilih pembayaran dengan cara tunai maupun kredit. untuk pemilihan kendaraan, hanya data mobil baru yang ditampilkan sesuai dengan master kendaraan pada saat diinput.
4.4.11 Rancangan Layar Menu Transaksi Mobil Baru Hapus
Gambar 4.26 Rancangan Layar Menu Transaksi Mobil Baru Hapus
Dalam aplikasi ini kita juga dapat melakukan penghapusan data pemesanan kendaraan baik yang dibatalkan oleh pihak personal maupun company. Penghapusan data transaksi mobil baru ini dapat dilakukan dengan cara memilih master transaksi mobil baru serta berikan tanda tick pada data yang ingin dihapus serta men-click hapus terpilih pada tampilan list customer personal.
4.4.12 Rancangan Layar Menu Transaksi Mobil Baru Cetak DO
Gambar 4.27 Rancangan Layar Menu Transaksi Mobil Baru cetak DO
Pencetakan Delivery order ( DO ) dilakukan pada saat customer telah melakukan kewajiban yang harus dipenuhi pada saat transaksi kendaraan. Surat DO ini akan digunakan sebagai tanda bukti keluarnya mobil yang harus ditanda tangani oleh customer sebagai tanda bahwa barang yang keluar tersebut telah diterima oleh customer. Surat ini dapat di cetak dengan cara memilih master transaksi baik pada penjualan mobil baru maupun bekas pada menu utama lalu setelah tampilan keluar maka kita akan melihat tampilan DO pada list yang ada, jika DO pernah dicetak maka aplikasi ini tidak akan memberikan tampilan lagi untuk mencetak DO.
4.4.13 Rancangan Layar Menu Transaksi Mobil Baru Cetak S PK
Gambar 4.28 Rancangan Layar Menu Transaksi Mobil Baru cetak S PK
Pencetakan SPK ( surat pemesanan kendaran) akan dilakukan setelah customer sudah memilih kendaraan yang akan dibeli, SPK ini memberikan informasi dari kendaraan yang telah dipesan oleh customer. SPK dapat dicetak dengan cara memilih pada menu master transaksi baik mobil bekas serta mobil baru dan men-click pada SPK pada saat tampilan list telah terbuka.
4.4.14 Rancangan Layar Menu Transaksi Mobil Bekas
Gambar 4.29 Rancangan Layar Menu Transaksi Mobil Bekas
M enu transaksi bekas dapat diakses dengan cara memilih master transaksi pada menu awal dan diikuti memilih pada bagian transaksi mobil bekas. Tampilan transaksi mobil bekas digunakan untuk penjualan mobil second yang akan dilakukan oleh customer; baik customer personal maupun company. Setelah tampilan terbuka disini kita juga dapat melihat mobil apa saja yang dalam tahap negosiasi.
4.4.15 Rancangan Layar Menu Transaksi Mobil Bekas Tambah Data
Gambar 4.30 Rancangan Layar Menu Transaksi Mobil Bekas Tambah data
Pada saat kita berada di menu transaksi mobil bekas kita dapat memesankan mobil bekas. Langka pertama yang kita lakukan disini adalah memilih konsumen yang telah kita masukan pada master customer, secara otomatis aplikasi akan memberikan data customer sesuai dengan konsumen tersebut.jika pilihan ada pada personal, maka data customer akan diberikan hanya data customer personal, demikian juga dengan company. Langkah ke berikutnya adalah memilih cabang mana yang sedang memasukan data untuk pemesanan kendaraan dalam hal ini data yang terpanggil untuk data adalah data kendaraan bekas, setelah itu kita harus memilih pembayaran dengan cara tunai maupun kredit. untuk pemilihan kendaraan, hanya data mobil baru yang ditampilkan sesuai dengan master kendaraan pada saat diinput.
4.4.16 Rancanagn Layar Menu Kasir / Pembayaran
Gambar 4.31 Rancangan Layar Menu Kasir / Pembayaran
M enu ini akan digunakan kasir untuk menangani masalah pembayaran, disini kita juga bisa melihat data mobil mana saja telah terbayar maupun masih memiliki sisa pembayaran. User juga dapat melihat detail pembayaran.
4.4.17 Rancanagn Layar Menu Kasir / Pembayaran Transaksi
Gambar 4.32 Rancangan Layar Menu Kasir / Pembayaran Transaksi
Jika kita memilih pembayaran pada menu kasir / pembayaran maka tampilan akan memberikan informasi jumlah sisa tagihan ( harga deal yang terjadi) disini kita harus memasukan jumlah pembayaran untuk DP dan pelunasan dan memberikan keterangan pada transaksi yang terjadi.
4.4.18 Rancangan Layar Menu Karyawan
Gambar 4.33 Rancangan Layar Menu Karyawan
Tampilan menu karyawan dapat kita peroleh dengan cara meng-click pada master karyawan pada menu utama. Setelah itu tampilan menu customer personal akan ditampilkan. Pada tampilan ini kita dapat melihat informasi data diri dari karyawan yang telah kita input.
4.4.19 Rancangan Layar Menu Karyawan Tambah Data
Gambar 4.34 Rancangan Layar Menu Karyawan Tambah data
Pada saat kita berada di menu karyawan, kita dapat menambahkan daftar karyawan baru yang bekerja di perusahaan. Dengan cara men-click pada tanda + (tambah data) yang berada di tampilan menu karyawan. Disinilah kita mengisi data – data dari karyawan.
4.4.20 Rancangan Layar Menu Karyawan Hapus
Gambar 4.35 Rancangan Layar Menu Karyawan Hapus
Dalam aplikasi ini kita juga dapat melakukan penghapusan data karyawan yang berkerja di perusahan ini. Penghapusan data karyawan ini dapat dilakukan dengan cara memilih master karyawan serta berikan tanda tick pada data yang ingin dihapus serta men-click hapus terpilih pada tampilan list karyawan.
4.4.21 Rancangan Layar Menu Cabang
Gambar 4.36 Rancangan Layar Menu Cabang
Tampilan menu cabang dapat kita peroleh dengan cara meng-click pada master cabang pada menu utama. Setelah itu tampilan menu cabang akan ditampilkan. Pada tampilan ini kita dapat melihat informasi data dari setiap cabang yang ada.
4.4.22 Rancangan Layar Menu Cabang Tambah Data
Gambar 4.37 Rancangan Layar Menu Cabang Tambah Data
Pada saat kita berada di menu cabang, kita dapat menambahkan daftar karyawan baru yang bekerja di perusahaan. Dengan cara men-click pada tanda + (tambah data) yang berada di tampilan menu cabang. Disinilah kita mengisi data – data dari cabang itu sendiri.
4.4.23 Rancangan Layar Menu Cabang Hapus
Gambar 4.38 Rancangan Layar Menu Cabang Hapus
Dalam aplikasi ini kita juga dapat melakukan penghapusan data cabang ada, penutupan cabang akan memungkinkan user untuk menghapus data cabang tersebut. Penghapusan data cabang ini dapat dilakukan dengan cara memilih master karyawan serta berikan tanda tick pada data yang ingin dihapus serta men-click hapus terpilih pada tampilan list cabang.
4.4.24 Rancangan Layar Menu Dealer
Gambar 4.39 Rancangan Layar Menu Dealer
Tampilan menu dealer dapat kita peroleh dengan cara meng-click pada master dealer pada menu utama. Setelah itu tampilan menu cabang akan ditampilkan. Pada tampilan ini kita dapat melihat informasi data dari dealer yang menjadi rekanan.
4.4.25 Rancangan Layar Menu Dealer Tambah Data
Gambar 4.40 Rancangan Layar Menu Dealer Tambah data
Pada saat kita berada di menu dealer, kita dapat menambahkan daftar dealer yang telah berkerjasama dengan perusahaan. Dengan cara men-click pada tanda + (tambah data) yang berada di tampilan menu dealer. Disinilah kita mengisi data – data dari dealer.
4.4.26 Rancangan Layar Menu Dealer Hapus
Gambar 4.41 Rancangan Layar Menu Dealer Hapus
Dalam aplikasi ini kita juga dapat melakukan penghapusan data dealer ada, pemutusan hubungan kerja dengan dealer akan memungkinkan user untuk menghapus data dealer tersebut. Penghapusan data dealer ini dapat dilakukan dengan cara memilih master dealer serta berikan tanda tick pada data yang ingin dihapus serta men-click hapus terpilih pada tampilan list dealer.
4.4.27 Rancangan Layar Menu Leasing
Gambar 4.42 Rancangan Layar Menu Leasing
Tampilan menu leasing dapat kita peroleh dengan cara meng-click pada master leasing pada menu utama. Setelah itu tampilan menu leasing akan ditampilkan. Pada tampilan ini kita dapat melihat informasi data dari leasing yang menjadi rekanan.
4.4.28 Rancangan Layar Menu Leasing Tambah Data
Gambar 4.43 Rancangan Layar Menu Leasing Tambah data
Pada saat kita berada di menu leasing, kita dapat menambahkan daftar leasing yang telah berkerjasama dengan perusahaan. Dengan cara men-click pada tanda + (tambah data) yang berada di tampilan menu leasing. Disinilah kita mengisi data – data dari leasing.
4.4.29 Rancangan Layar Menu Leasing Hapus
Gambar 4.44 Rancangan Layar Menu Leasing Hapus
Dalam aplikasi ini kita juga dapat melakukan penghapusan data leasing yang ada, pemutusan hubungan kerja dengan pihak leasing akan memungkinkan user untuk menghapus data leasing tersebut. Penghapusan data dealer ini dapat dilakukan dengan cara memilih master leasing serta berikan tanda tick pada data yang ingin dihapus serta men-click hapus terpilih pada tampilan list leasing.
4.4.30 Rancangan Layar Menu Kendaraan
Gambar 4.45 Rancangan Layar Menu Kendaraan
Tampilan menu master kendaraan dapat kita peroleh dengan cara meng-click pada master kendaraan pada menu utama. Setelah itu tampilan menu kendaraan akan ditampilkan. Pada tampilan ini kita dapat melihat informasi data dari kendaraan yang menjadi rekanan.
4.4.31 Rancangan Layar Menu Kendaraan Tambah Data
Gambar 4.46 Rancangan Layar Menu Kendaraan Tambah data
Pada saat kita berada di menu kendaraan, kita dapat menambahkan daftar kendaraan yang ada. Dengan cara men-click pada tanda + (tambah data) yang berada di tampilan menu kendaraan. Disinilah kita mengisi data – data dari leasing. Dan memilih kondisi mobil untuk memisahkan atau membedakan data mobil baru dengan mobil bekas, disini kita juga harus bisa mengisi harga dasar mobil berserta perbaikan apa saja yang diperlukan sehingga aplikasi ini dapat menghitung jumlah modal untuk pembelian mobil tersebut serta dapat menampilkan perkiraan harga price list yang akan diberikan kepada customer.
4.4.32 Rancangan Layar Menu Kendaraan Hapus
Gambar 4.47 Rancangan Layar Menu Kendaraan Hapus
Dalam aplikasi ini kita juga dapat melakukan penghapusan data kendaraan yang ada, pembatalan pembelian mobil dari pihak perusahaan akan memungkinkan user untuk menghapus data kendaraan tersebut. Penghapusan data kendaraan ini dapat dilakukan dengan cara memilih master kendaraan serta berikan tanda tick pada data yang ingin dihapus serta men-click hapus terpilih pada tampilan list kendaraan.
4.4.33 Rancangan Layar Previlege Management
Gambar 4.48 Rancanagn Layar Pre vilege Management
Previlege management dalam aplikasi ini digunakan untuk menentukan hak akses dari setiap user-nya, tampilan previlege management akan ditampilkan pada saat kita men-click previlege mangement pada menu utama.