Setelah menyelesaikan desain rancangan sistem, maka proses perancangan web site Mango Terrace Resto dilanjutkan dengan pembuatan desain menu web site.
Desain menu adalah bentuk struktur dari halaman menu yang ditampilkan dalam web site. Secara keseluruhan desain menu web site Mango Terrace Resto dibedakan menjadi dua bagian yaitu desain menu user dan desain menu administrator.
4.4.1. Desain Menu User
Desain menu untuk user dibedakan menjadi dua bagian, yaitu desain menu umum dan desain menu member. Hal ini dikarenakan member memiliki beberapa fasilitas yang tidak dimiliki oleh user umum. Fasilitas tersebut antara lain pemberian discount kepada member sebesar sepuluh persen (10%) dari total transaksi, dan
tampilan mengenai data serta report transaksi member di restaurant selama periode tertentu.
Gambar 4.8. menunjukkan bagan atau urutan menu yang akan ditampilkan dalam web site user Mango Terrace Resto.
Gambar 4.8. Desain Menu Web Site User Mango Terrace Resto
Saat user mengakses halaman web site Mango Terrace Resto, maka halaman yang pertama kali ditampilkan adalah halaman index yang berisi pilihan bahasa web site (Bahasa Indonesia atau Bahasa Inggris). Setelah user memilih salah satu bahasa web site, maka halaman selanjutnya yang akan ditampilkan adalah halaman home dengan bahasa yang sesuai dengan bahasa yang telah dipilih sebelumnya oleh user di halaman index. Di dalam halaman home terdapat dua bagian yaitu web umum dan web member Mango Terrace Resto. Web umum berisi semua informasi yang dapat diakses oleh seluruh user, sedangkan web member berisi informasi yang hanya dapat diakses oleh member Mango Terrace Resto. Web member ini dapat diakses oleh member dengan memasukkan username dan password yang dimilikinya.
4.4.1.1. Desain Menu Web Site Umum Mango Terrace Resto
Desain menu web site umum Mango Terrace Resto tampak dalam Gambar 4.9.
Gambar 4.9. Desain Menu Web Site Umum Mango Terrace Resto
Menu home Mango Terrace Resto memiliki tiga sub-menu, yaitu tentang restaurant, fasilitas, photo abum. Halaman menu memiliki tiga sub-menu, dimana masing-masing sub-menu memberikan informasi mengenai menu Mango Terrace Resto, menu terbaru, dan menu terlaris yang banyak dipesan oleh pengunjung. Menu paket memiliki tiga sub-menu, yaitu paket promosi, paket pesta, dan daftar hiburan.
Di dalam halaman web site umum Mango Terrace Resto juga terdapat halaman grafik, dimana halaman ini memiliki dua sub-menu yang akan menampilkan menu terlaris dan jumlah pengunjung tiap periodenya dalam bentuk grafik menu terlaris dan grafik pengunjung. Di dalam menu reservasi terdapat tiga sub-menu, yaitu lihat meja (untuk melihat posisi meja dalam bentuk peta meja), reservasi tempat, dan reservasi pesta. Menu buku tamu digunakan untuk menampilkan buku tamu yang ada dan menginputkan buku tamu baru. Buku tamu yang ditampilkan meliputi nama dan komentar pengunjung. Menu Bahasa Inggris digunakan untuk menampilkan halaman web site dalam Bahasa Inggris. Di dalam halaman web umum Mango Terrace Resto ini juga terdapat menu login yang menyediakan fasilitas bagi member untuk
melakukan login dengan memasukkan username dan password tertentu. Web site umum Mango Terrace Resto juga menyediakan fasilitas untuk melakukan pencarian data-data tertentu sesuai kriteria pencarian yang diberikan. Keterangan masing-masing menu dalam halaman web site umum Bahasa Inggris sama dengan keterangan masing-masing menu halaman web site Bahasa Indonesia. Perbedaan antara keduanya hanya terletak pada penggunaan bahasa dalam setiap halaman web.
4.4.1.2.Desin Menu Web Site Member Mango Terrace Resto
Desain menu web site member Mango Terrace Resto tampak dalam Gambar 4.10.
Gambar 4.10. Desain Menu Web Site Member Mango Terrace Resto
Secara keseluruhan, desain menu web site member Mango Terrace Resto serupa dengan desain menu web site umum Mango Terrace Resto. Yang membedakan desain menu web site member Mango Terrace Resto dengan desain menu web site umum Mango Terrace Resto adalah adanya beberapa tambahan menu
di dalam web site member Mango Terrace Resto, yaitu grafik keaktifan member, member, data member, dan report keaktifan member. Sub-menu grafik keaktifan member yang terdapat dalam menu grafik digunakan untuk menampilkan keaktifan member dalam bentuk grafik. Di dalam menu member terdapat dua sub-menu, yaitu data member dan report keaktifan member. Di dalam halaman data member, member dapat melihat semua data-data yang bersangkutan dengan member tersebut, sedangkan halaman report keaktifan member akan menampilkan keaktifan member dalam bentuk report. Dalam web site member ini juga terdapat menu logout yang digunakan untuk keluar dari login member. Menu logout ini digunakan agar halaman yang telah selesai digunakan oleh member tidak dapat diakses oleh user lain.
4.4.2. Desain Menu Administrator
Gambar 4.11. menunjukkan bagan atau urutan menu yang akan ditampilkan dalam web site administrator Mango Terrace Resto.
Gambar 4.11. Desain Menu Web Site Administrator Mango Terrace Resto
Saat user mengakses halaman web site administrator Mango Terrace Resto, maka halaman yang pertama kali ditampilkan adalah halaman index yang akan meminta user memasukkan username dan password untuk melakukan pengaksesan halaman home. User yang dapat mengakses informasi dalam web site administrator ini meliputi dua bagian, yaitu owner/pemilik dan administrator. Setelah user melakukan login dengan benar sesuai username dan passwordnya, maka halaman selanjutnya adalah halaman home. Di dalam halaman home terdapat empat menu utama, yaitu master, reservasi, transaksi, report, dan logout. Master terdiri dari dua belas sub-menu, yaitu username, member, guest book, bagian karyawan, karyawan, photo, jenis menu, menu, paket promosi, hiburan, paket pesta, dan meja. Reservasi memiliki dua sub-menu, yaitu reservasi tempat dan reservasi pesta. Dalam halaman home juga terdapat menu transaksi yang akan menampilkan semua informasi yang berkaitan dengan penjualan. Menu report memiliki empat sub-menu, yaitu report reservasi tempat, report reservasi pesta, report penjualan, dan report keaktifan member. Selain itu, dalam halaman home juga tersedia menu logout yang digunakan untuk mengakhiri login administrator tertentu. Dengan menu logout ini, user lain tidak dapat melakukan pengaksesan dengan username dan password user yang terakhir kali melakukan pengaksesan.
Di dalam halaman username, member, guest book, bagian karyawan, karyawan, photo, jenis menu, menu, paket promosi, hiburan, paket pesta, dan meja, administrator dapat melihat seluruh data yang berkaitan dengan masing-masing sub-menu tersebut, memasukkan data baru, mengedit, dan/atau menghapus, dan/atau mencari data yang diinginkan. Dalam halaman reservasi tempat dan reservasi pesta, user dapat melakukan penambahan data baru, pengeditan, serta pencarian data yang diinginkan. Halaman penjualan digunakan untuk memasukkan data penjualan dan menghapus data penjualan yang sudah tidak diperlukan. Di dalam halaman report, user dapat memilih kriteria penampilan report sesuai yang diperlukan oleh user.