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
Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.
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.
Gambar 4.7 Panel User
Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.
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 admincashier 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 admincashier.
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.
Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.
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.
Gambar 4.10 Form Tambah User Akses
Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.
4.3.8 Form Halaman Tambah Pelanggan