Antarmuka Pengelolaan Ruang Sketsa UI Aplikasi SPORE-Web dan Deskripsinya .1

4.1.6 Antarmuka Pengelolaan Ruang

LOGO Web Administrasi Reservasi Transaksi MENU Jadwal Pemakaian Ruang Transaksi Reservasi - Transaksi Hari Ini - Pengelo laan Reservasi - Pengelo laan Transaksi - Log Pembatalan Reservasi - Pengelo laan Voucher Diskon Pengelolaan Member Data Master Appetizer - Pengelo laan Appetizer - Pengelolaan Kategori Appetizer Data Master Film - Pengelo laan Aktor Film - Pengelo laan Genre Film - Pengelo laan Film Data Master Ruang Data Staff Comment - Registrasi Staff - Pengelo laan Kritik Saran Report - Grafik Pendapatan Per Tahun - Grafik Transaksi Per Tahun - Grafik Genre Favorit - Tabel Film Terlaris Per Tahun Logout - username Daftar Ruangan FOOTER Tambah Record Cari : PAGINATION TOOLS Kategori Pencarian Cari Ubah | Hapus TABEL DATA RUANGAN Ubah | Hapus Ubah | Hapus Ubah | Hapus Ubah | Hapus Ubah | Hapus Ubah | Hapus Ubah | Hapus Ubah | Hapus Ubah | Hapus Gambar 123. Rancangan Antarmuka Pengelolaan Ruang Antarmuka ini digunakan untuk mengelola data ruangan. Ketika antarmuka ditampilkan, menu transaksi yang sesuai dengan role user akan diaktifkan. Pada menu ini terdapat operasi untuk CRUD dan pencarian data. Aksi tersebut dibatasi penggunaannya sesuai dengan role yang dimiliki oleh user. Untuk menambah data, user menekan tombol ‘Tambah Record’, kemudian sistem akan menampilkan halaman untuk menambah data. LOGO Web Administrasi Reservasi Transaksi MENU MENU TRANSAKSI Daftar Ruangan FOOTER Tambah Record ID RUANGAN NAMA RUANGAN KAPASITAS Simpan Simpan dan Kembali Batal JUMLAH RUANGAN HARGA Gambar 124. Rancangan Antarmuka Tambah Ruangan Untuk mengubah data, user menekan tombol ‘Ubah’ pada data yang ingin diubah, kemudian sistem akan menampilkan halaman untuk mengubah data. LOGO Web Administrasi Reservasi Transaksi MENU MENU TRANSAKSI Daftar Ruangan FOOTER Ubah Record ID RUANGAN NAMA RUANGAN KAPASITAS ID RUANGAN NAMA RUANGAN KAPASITAS Simpan Perubahan Simpan dan Kembali Batal JUMLAH RUANGAN JUMLAH RUANGAN HARGA HARGA Gambar 125. Rancangan Antarmuka Ubah Ruangan Untuk menghapus data, user menekan tombol ‘Hapus’ pada data yang ingin dihapus, kemudian sistem akan menampilkan alert box yang meminta konfirmasi user untuk menghapus data. Kemudian untuk mencari data, user memasukkan kategori dan kata kunci pencarian terlebih dahulu, kemudian sistem akan menampilkan data di tabel sesuai dengan kategori dan kata kunci yang dimasukkan user.

4.1.7 Antarmuka Pengelolaan Kategori Appetizer