IMPLEMENTASI PERANGKAT LUNAK
4.3 Implementasi Aplikasi Desain Antar Muka
Pada sub bab implementasi desain antarmuka menjelaskan tentang form apa saja yang terlihat dalam aplikasi, diantaranya yaitu:
4.3.1 Form Halaman Utama
Halaman utama ini akan tampil ketika user pertama kali membuka aplikasi direktori penelitian dosen. Menampilkan halaman aplikasi dari panel billing
system dan DIS yang berinteraksi langsung dengan pengguna sehingga
tampilannya harus dibuat sedemikian rupa hingga terkesan menarik, enak dipandang dan tidak berlebihan. Berikut ini tampilan dari halaman utama seperti pada Gambar 4.4.
Gambar 4.4 Halaman Utama
4.3.2 Form Halaman Setting Database
Secara default, setting database ini akan muncul saat pertama kali program dijalankan atau sistem belum mendapatkan setting koneksi database yang benar. File setting dari koneksi database sendiri akan disimpan dalam file “WS-CIDS.xml” yang terdapat pada folder dimana program dijalankan.Berikut ini tampilan dari halaman form setting database seperti pada Gambar 4.5
Gambar 4.5 Form Halaman Setting Database
4.3.3 Form Halaman Login
Setelah menekan menu login maka user akan menuju halaman login. Di halaman login user memasukan username dan password, setelah itu halaman login user akan memproses otentifikasinya.
Berikut ini tampilan dari halaman login seperti pada Gambar 4.6.
Gambar 4.6 Form Halaman Login
4.3.4 Form Halaman Panel Utama
Halaman panel utama untuk hak akse admin. Pada halaman ini memuat banyak panel beberapa diantaranya system, transaksi, car wash, laporan, master data dan setting database. Berikut ini tampilan dari halaman pengumuman seperti pada gambar 4.7.
4.3.5 Form Halaman Tambah Group Barang
Setelah memilih panel master data kemudian pilih menu daftar barang lanjut ke menu group barang, menampilkan form dimana admin/cashier dapat menambah atau mengupdate data group barang. Berikut ini tampilan dari form tambah group barang seperti pada Gambar 4.8.
Gambar 4.8 Form Group Barang
4.3.6 Form Halaman Tambah Barang
Pada halaman tambah barang ini harus login terlebih dahulu sebagai admin/cashier. Halaman ini berisi form data barang yang digunakan untuk melakukan proses maintenance terhadap data barang yang ada, baik proses penambahan, update, maupun hapus data selanjutnya akan muncul di menu data barang dalam data grid.
Berikut ini tampilan dari halaman tambah fakultas seperti pada gambar 4.9.
Gambar 4.9 Form Tambah Barang
4.3.7 Form Halaman Tambah User Akses
Pada halaman tambah user akses ini harus login terlebih dahulu sebagai admin, karena pada menu ini hanya hak akses hanya untuk admin. Halaman ini berisi form untuk menambah hak akses user selanjutnya akan muncul pada data grid. Yang kemudian password user akan dienkrip oleh sistem dan disimpan pada database.Berikut ini tampilan dari halaman form tambah hak akses user seperti pada Gambar 4.10.
4.3.8 Form Halaman Tambah Pelanggan
Pada halaman tambah pelanggan ini harus login terlebih dahulu sebagai admin/cashier. Halaman ini berisi form untuk menambah daftar pelanggan yang akan melakukan pencucian mobil selanjutnya akan muncul pada menu data pelanggan pada link lainnya. Cashier atau admin dapat juga melakukan penambahan data kendaraan dengan nama pelanggan yang sama atau merubah informasi tentang data kendaraan milik pelanggan, semua data disimpan pada database dalam tabel yang sudah tersedia.Berikut ini tampilan dari halaman form tambah data pelanggan seperti pada Gambar 4.11.
4.3.9 Form Halaman Transaksi pada Kasir
Pada halaman transaksi pada kasir ini harus login terlebih dahulu sebagai admin/cashier. Halaman ini berisi form yang digunakan untuk mencatat item transaksi. Dimana setiap pelanggan melakukan pencucian mobil disertai dengan transaksi lain, misalnya membeli oli dan lainnya kemudian akan dihitung oleh kasir dengan menggunakan sistem yang telah disediakan. Seperti pada aplikasi kasir yang lainnya, form kasir ini juga menghasilkan output bukti transaksi yang akan diberikan kepada pelanggan. Berikut ini tampilan dari halaman form tranksaksi pada kasir seperti pada Gambar 4.12
.
Gambar 4.12 Form Transaksi pada Kasir
4.3.10 Form Halaman Registrasi Data Kendaraan
Pada halaman registrasi kendaraan ini harus login terlebih dahulu sebagai admin/cashier. Halaman ini berisi form yang digunakan untuk mencatat data kendaraan yang akan masuk dalam antrian proses cuci kendaraan.
Berikut ini tampilan dari halaman form registrasi seperti pada Gambar 4.13
Gambar 4.13 Form Registrasi
4.3.11 Form Halaman Cleaning
Pada halaman cleaning ini harus login terlebih dahulu sebagai admin/petugas cuci. Halaman ini berisi form yang digunakan untuk melakukan verifikasi data kendaraan yang masuk pada tahapan cleaning oleh petugas cuci pada bagian cleaning. Berikut ini tampilan dari halaman form cleaning seperti pada Gambar 4.14.
Gambar 4.14 Form Cleaning
4.3.12 Form Halaman Snowing
Pada halaman snowing ini harus login terlebih dahulu sebagai admin/petugas cuci. Halaman ini berisi form yang digunakan untuk melakukan verifikasi data kendaraan yang masuk pada tahapan snowing oleh petugas cuci
pada bagian snowing. Berikut ini tampilan dari halaman form snowing seperti pada Gambar 4.15.
Gambar 4.15 Form Snowing
4.3.13 Form Halaman Finishing
Pada halaman finishing ini harus login terlebih dahulu sebagai admin/petugas cuci. Halaman ini berisi form yang digunakan untuk melakukan verifikasi data kendaraan yang masuk pada tahapan finishing oleh petugas cuci pada bagian finishing. Berikut ini tampilan dari halaman form finising seperti pada Gambar 4.16.
4.3.14 Form Halaman CIDS (Customer Information Display System)
Pada halaman CIDS ini harus login terlebih dahulu sebagai admin/petugas cuci. Halaman ini berisikan form yang digunakan untuk memberikan informasi secara real time mengenai status kendaraan pada para pelanggan. Berikut ini tampilan dari halaman form CIDS seperti pada Gambar 4.17
.
Gambar 4.17 Form CIDS
4.3.15 Form Laporan Pelanggan
Pada halaman laporan pelanggan ini harus login terlebih dahulu sebagai admin/pemilik. Halaman ini berisi form yang digunakan untuk menampilkan data report pelanggan. Terdapat dua jenis pilihan dalam pembuatan laporan, yaitu seluruh data pelanggan serta data tiap pelanggan. Berikut ini tampilan dari halaman form menu laporan pelanggan seperti pada Gambar 4.18.
4.3.16 Form Laporan Barang
Pada halaman laporan barang ini harus login terlebih dahulu sebagai admin/pemilik. Halaman ini berisi form yang digunakan untuk menampilkan data report data barang. Terdapat dua jenis pilihan dalam pembuatan laporan, yaitu seluruh data barang serta data tiap barang. Berikut ini tampilan dari halaman form menu laporan barang seperti pada Gambar 4.19.
Gambar 4.19 Form Menu Laporan Barang
4.3.17 Form Laporan Transaksi
Pada halaman laporan barang ini harus login terlebih dahulu sebagai admin/pemilik. Form yang digunakan untuk menampilkan data report transaksi. Terdapat dua jenis pilihan dalam pembuatan laporan, yaitu seluruh data transaksi serta data tiap tanggal. Berikut ini tampilan dari halaman form menu laporan transaksi seperti pada Gambar 4.20.