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

Gambar 112. Rancangan Antarmuka Konfirmasi Pembatalan Reservasi

4.1.3 Antarmuka Pengelolaan Member

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 Member FOOTER Tambah Record Export Print Cari : PAGINATION TOOLS Kategori Pencarian Cari Ubah | Hapus TABEL DATA MEMBER Ubah | Hapus Ubah | Hapus Ubah | Hapus Ubah | Hapus Ubah | Hapus Ubah | Hapus Ubah | Hapus Ubah | Hapus Ubah | Hapus Gambar 113. Rancangan Antarmuka Pengelolaan Member Antarmuka ini digunakan untuk mengelola data member. Ketika antarmuka ditampilkan, menu transaksi yang sesuai dengan role user akan diaktifkan. Pada menu ini terdapat operasi untuk CRUD, pencarian, export, dan print 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 Member FOOTER Tambah Record ID MEMBER NAMA MEMBER BIRTHDAY ALAMAT PHONE Simpan Simpan dan Kembali Batal Gambar 114. Rancangan Antarmuka Tambah Member 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 Member FOOTER Ubah Record NAMA MEMBER BIRTHDAY ALAMAT PHONE NAMA TANGGAL ALAMAT NOMOR TELEPON Simpan Simpan dan Kembali Batal Gambar 115. Rancangan Antarmuka Ubah Member Untuk menghapus data, user menekan tombol ‘Hapus’ pada data yang ingin dihapus, kemudian sistem akan menampilkan alert box yang meminta konfirmasi user menghapus data. 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 Member FOOTER Tambah Record Export Print Cari : PAGINATION TOOLS Kategori Pencarian Cari Ubah | Hapus TABEL DATA MEMBER Ubah | Hapus Ubah | Hapus Ubah | Hapus Ubah | Hapus Ubah | Hapus Ubah | Hapus Ubah | Hapus Ubah | Hapus Ubah | Hapus The page at localhost says : Apakah anda yakin ingin menghapus data ? OK CANCEL Gambar 116. Rancangan Antarmuka Hapus Member Lalu 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. Untuk mengekspor data ke excel, user menekan tombol export dan untuk mencetak data yang ada di tabel, user menekan tombol print.

4.1.4 Antarmuka Registrasi Staff