BAB IV IMPLEMENTASI PROGRAM
4.3 Implementasi Antarmuka
4.3.1 Halaman Website Sub-Sistem Administrator
Pada form utama terdapat 6 pilihan menu yaitu paket, informasi, customer, daftar belanja, buku tamu, dan laporan.
1) Halaman Login
Administrator harus login terlebih dahulu sehingga dapat mengakses halaman administrator. Halaman login terlihat seperti gambar berikut :
Gambar 4.1 Tampilan Login Administrator
Setelah login berhasil, pengguna admin memasuki halaman administrator untuk memilih salah satu layanan yang disediakan yaitu manajemen paket, manajemen informasi, manajemen customer, manajemen daftar belanja, manajemen buku tamu, manajemen laporan. Antarmuka halaman login admin (sukses) terlihat seperti gambar berikut :
Gambar 4.2 Tampilan Utama Halaman Administrator
2) Halaman Proses Tambah Paket
Dalam halaman administrator terdapat halaman-halaman antara lain : halaman paket, informasi, customer, daftar belanja, buku tamu, laporan dan logout.
Jika administrator ingin menambah data paket, administrator dapat menekan menu paket yang sudah di sediakan. Maka sistem akan secara otomatis menuju ke halaman paket seperti yang terlihat pada (Gambar 4.3 Tampilan Antar Muka Halaman Admin Paket).
Gambar 4.3 Tampilan Antarmuka Halaman Admin Paket
Untuk dapat menambahkan sebuah paket kita harus melalui proses tambah paket dengan cara menekan icon tambah yang sudah disediakan di halaman admin paket. Kemudian barulah kita dapat menambahkan sebuah paket. Setelah dipilih menu tambah maka sistem akan secara otomotis menuju ke halaman tambah paket, seperti yang terlihat pada gambar di bawah ini. (Gambar 4.4 Tampilan Antarmuka Tambah Paket).
Gambar 4.4 Tampilan Antarmuka Tambah Paket
Setelah memilih menu tambah paket maka akan muncul tampilan seperti gambar diatas. Setelah itu administrator dapat memasukkan data paket, pada tampilan seperti gambar diatas terlihat bahwa telah disediakan field-field id paket, nama paket, harga, kapasitas, lama wisata, jumlah, keterangan yang harus diisikan oleh administrator yang nantinya akan tersimpan secara otomatis ke dalam database setelah administrator menekan tombol Simpan.
Jika data berhasil di tambah ke dalam database, maka akan muncul tampilan seperti gambar dibawah ini (Gambar 4.5 Tampilan Halaman Jika Data Berhasil Dimasukkan):
Gambar 4.5 Tampilan Halaman Jika Data Berhasil Dimasukkan
3) Halaman Proses Edit Paket
Untuk melakukan pengubahan data paket caranya sangat mudah, administrator tinggal menekan tulisan edit disamping data yang akan diubah. Seperti terlihat gambar dibawah ini :
Gambar 4.6 Tampilan Antarmuka Halaman Edit Paket
Jika data berhasil di ubah ke dalam database, maka akan muncul tampilan seperti gambar dibawah ini :
Gambar 4.7 Tampilan Halaman Berhasil di Edit
4) Halaman Proses Hapus Paket
Untuk melakukan penghapusan data paket caranya sangat mudah, administrator memilih paket-paket yang akan dihapus kemudian dilanjutkan dengan menekan tombol Hapus, maka secara otomatis data paket akan terhapus dari database. Seperti terlihat gambar dibawah ini :
Gambar 4.8 Tampilan Antarmuka Halaman Hapus Paket
5) Halaman Laporan
Admin dapat melihat laporan dengan memilih menu Laporan. Didalam halaman laporan terdapat beberapa laporan, antara lain : laporan paket, laporan customer dan laporan transaksi. Seperti yang muncul pada gambar dibawah ini :
Gambar 4.9 Halaman Admin Laporan
6) Halaman Laporan Data Paket
Pada halaman laporan data paket terdapat dua pilihan, melihat laporan seluruh paket dan laporan paket perperiode, berikut adalah tampilan dari halaman laporan data paket :
Gambar 4.10 Halaman Admin Laporan Data Paket
a. Laporan seluruh paket
Pada laporan seluruh paket dapat diketahui sisa stok dari paket-paket Nikita Tour. Berikut adalah tampilan laporan data seluruh paket-paket:
Gambar 4.11 Halaman Admin Laporan Seluruh Paket
b. Laporan paket perperiode
Pada laporan paket perperiode dapat diketahui jumlah dari paket yang terjual dari setiap periode yang diinginkan. Setelah menekan tombol “tampil” yang ada disebelah kanan laporan Perperiode maka akan ditamplkan form untuk memfilter periode yang diinginkan, seperti gambar berikut ini :
Gambar 4.12 Halaman Admin Laporan Data Paket Per Periode Setelah menentukan periode yang diinginkan, kemudian meneka tombol show untuk menampilkan laporan data paket dari periode yang telah ditentukan:
Gambar 4.13 Halaman Admin Laporan Penjualan Paket Per Periode
Admin dapat melihat laporan transaksi dengan menekan tombol tampil. Setelah menekan tombol tampil maka akan keluar menu laporan transaksi yaitu : laporan transaksi per nomor dan laporan transaksi per periode, seperti yang tampak pada gambar dibawah ini :
Gambar 4.14 Halaman Admin Laporan Data Transaksi
Jika admin ingin melihat laporan per nomor transaksi maka tinggal menekan tombol tampil yang ada disampingnya dan akan keluar laporan transaksi pernomor yang telah dibayar seperti pada gambar berikut :
Gambar 4.15 Halaman Admin Laporan Data Transaksi Pernomor Transaksi
Untuk melihat laporan pernomor secara detail maka admin tinggal menekan tombol tampil, maka akan tampil detail belanja per nomor transaksi seperti pada gambar berikut :
Gambar 4.16 Halaman Admin Laporan Data Detail Transaksi Pernomor Admin juga dapat melihat laporan transaksi perperiode dengan menekan tombol tampil di sebelah laporan transaksi per periode, maka akan muncul filter untuk memilih periode yang diinginkan, seperti gambar dibawah ini :
Gambar 4.17 Halaman Admin Laporan Data Transaksi Perperiode
Setelah memilih tanggal yang diinginkan, klik tombol show maka akan muncul transaksi belanja yang dilakukan pada tanggal tersebut, seperti pada gambar dibawah ini :
Gambar 4.18 Halaman Admin Laporan Data Transaksi Perperiode
Setelah melakukan melakukan pengaksesan data pada halaman administrator, maka admin harus mengakses halaman log out, untuk menghapus semua history yang ada.