Halaman Website Sub-Sistem Administrator

alter table DETAIL_PAKET add constraint FK_PAKET foreign key ID_PAKET references M_PAKET ID_PAKET on delete restrict on update restrict; alter table M_PAKET add constraint FK_MENENTUKAN foreign key ID_USER references M_PENGGUNA ID_USER on delete restrict on update restrict; alter table M_PAKET add constraint FK_MENGISI foreign key ID_ADMIN references M_ADMIN ID_ADMIN on delete restrict on update restrict;

4.3. Implementasi Antarmuka

Pada sub-bab 4.2 ini akan dibahas mengenai implementasi dari rancangan sistem yang telah dibuat pada sub-bab 4.1. Bagian implementasi sistem kali ini meliputi : implementasi halaman website. Dalam aplikasi kali ini implementasi halaman website ada 2 macam halaman, yaitu: halaman sub-sistem administrator dan halaman sub-sistem pengunjung.

4.3.1. Halaman Website Sub-Sistem Administrator

Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber. 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 : Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber. 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. Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber. 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. Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber. 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: Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber. 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 : Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber. 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 : Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber. 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 Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber. 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: Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber. Gambar 4.11 Halaman Admin Laporan Seluruh Paket

b. Laporan paket perperiode