3.2. Perancangan Sistem
Perancangan sistem yang penulis bahas meliputi perancangan interface terhadap user, interface admin serta tampilan akhir dari hasil rata–rata waktu antrian.
3.2.1 Perancangan Aplikasi Pemesanan Menu Makanan
Perancangan aplikasi merupakan rancangan interaksi yang dapat dilakukan pengguna terhadap menu makanan yang tersedia untuk melakukan pesanan sesuai selera.
Aplikasi dimulai dengan menampilkan beberapa tombol yang berisikan makanan serta minuman yang dapat dipesan oleh pengguna sesuai keinginannya sendiri. Di mana
setiap tombol yang ada berisikan atau mewakili setiap menu masakan atau minuman yang tersedia dan dapat dipesan. Selain itu, pengguna juga dapat melihat menu yang
akan dipesan karena setiap menu yang dipilih maka akan muncul gambaran beserta harganya. Aplikasi berhenti ketika pengguna telah selesai dalam proses pemesanan
menu makanan dan minuman.
3.2.2. Perancangan Antarmuka
Perancangan antarmuka aplikasi menu makanan ini terdiri dari beberapa menu atau form, yaitu pemilihan menu utama, menu utama admin, menu utama pengguna, menu
pemesanan, menu login admim, menu tambah menu makanan, menu pemesanan dan menu menghitung rata–rata waktu antrian. Berikut adalah rancangan antarmuka
menu–menu tersebut.
1. Pemilihan menu utama, Admin atau Pengguna Ketika program atau aplikasi dijalankan maka pengguna dapat memilih salah
satu menu yang tersedia yaitu menu pengguna atau menu admin. Rancangan antarmuka bagian ini dapat dilihat pada Gambar 3.3
Universitas Sumatera Utara
Gambar 3.3 Menu Utama
Keterangan : •
Menu User merupakan pilihan menu yang dapat diakses oleh pengguna atau user
• Menu Admin merupakan pilihan menu yang dapat diakses oleh admin, di
mana admin dapat melakukan beberapa tugas seperti menambah atau mengubah menu.
2. Menu Pemesanan Bagian menu pemesanan merupakan bagian bagi pengguna untuk melakukan
pemesanan menu yang diinginkan. Rancangan antarmuka bagian ini dapat dilihat pada Gambar 3.4
MENU USER MENU ADMIN
Universitas Sumatera Utara
Gambar 3.4 Menu Pemesanan Keterangan :
• Menu merupakan pilihan beberapa menu yang dapat dipilih oleh
pengguna baik makanan atau minuman •
Gambar menu pesanan merupakan bagian yang menampilkan gambar menu yang dipilih pengguna, misalnya pengguna memilih nasi goreng
maka akan muncul nasi goreng •
Daftar menu pesanan yang telah dipesan oleh pengguna •
Nama produk menampilkan nama menu yang dipilih pengguna •
Harga produk menampilkan harga menu yang dipilih pengguna •
Jumlah memungkinkan pengguna dapat memesan dalam jumlah tertentu
• Tombol tambah pesanan adalah tombol untuk menyimpan pesanan
sementara •
Total pesanan merupakan jumlah total produk yang dipesan •
Total harga adalah total dari harga keseluruhan produk yang dipesan •
Tombol pesan adalah tombol untuk melakukan penyimpanan ke database
Universitas Sumatera Utara
3. Menu Login Admin Untuk dapat melakukan akses terhadap database admin diminta untuk
melakukan login ke dalam suatu form agar dapat masuk ke menu utama admin tersebut. Rancangan antarmuka bagian ini dapat dilihat pada Gambar 3.5
Gambar 3.5 Menu Login Admin Keterangan :
• Username adalah bagian untuk pengguna mengisikan nama username-
nya •
Password adalah bagian untuk pengguna mengisikan password untuk melakukan login
• Tombol login merupakan komponen untuk melakukan perintah login
4. Menu Utama Admin Pada menu utama admin terdapat beberapa perintah yang dapat dilakukan oleh
admin seperti melakukan edit terhadap menu atau penambahan terhdapau menu yang ditawarkan serta melakukan pemantauan terhadap pesanan yang
ada pada database. Perancangan menu utama admin dapat dilihat pada Gambar 3.6
Universitas Sumatera Utara
Gambar 3.6 Menu Utama Admin Keterangan :
• Daftar menu merupakan suatu menu pilihan yang dapat digunakan
admin untuk melakukan edit serta menambah menu yang tersedia •
Daftar order merupakan menu yang memiliki sub menu berupa menu antrian fifo dan priority
• Daftar hasil adalah menu yang menampilkan daftar antrian baik antrian
fifo maupun antrian priority 5. Menu Admin Daftar Menu
Bagian ini admin dapat melakukan penambahan serta melakukan edit pada menu yang tersedia. Berikut tampilan antarmuka menu admin daftar menu
dapat dilihat pada gambar 3.7
Universitas Sumatera Utara
Gambar 3.7 Menu Admin Daftar Menu Keterangan :
• Menu tambah berfungsi untuk melakukan penambahan menu makanan
atau minuman ke database •
Edit merupakan bagian dari menu yang digunakan untuk melakukan perubahan pada menu yang telah ada pada database
• Setelah penambahan dan untuk melihat perubahan pada daftar menu
maka dapat menggunakan menu refresh untuk melakukan pemuatan ulang terhadap perubahan pada daftar
• Menu keluar berfungsi untuk keluar dari menu tersebut
• Kolom pencarian berfungsi untuk melakukan pada data yang ingin
diakses •
Daftar menu merupakan tampilan berupa gridview yang berisi data menu yang tersedia yang juga terdapat pada database
6. Menu Daftar Order Antrian FIFO Menu ini berisikan daftar order atau pesanan yang telah dipesan oleh para
pengguna aplikasi ini, di mana terdapat daftar pesanan beserta jumlah dan waktu pemesanan. Antarmuka menu daftar order antrian FIFO dapat dilihat
pada gambar 3.8
Universitas Sumatera Utara
Gambar 3.8 Menu Antrian FIFO Keterangan :
• Menu edit berfungsi untuk memberikan informasi apakah menu yang
dipesan telah selesai atau belum •
Menu refresh mempunyai fungsi untuk memperbarui order atau pesanan yang terbaru
• Untuk kembali ke menu sebelumnya pengguna dapat menggunakan
menu keluar •
Jika terdapat data pesanan yang ingin dicari maka pengguna dapat mengetikkan menu yang dicari pada kolom pencarian
• Daftar pesanan atau order dapat dilihat pada daftar order antrian
7. Menu Daftar Order Antrian Priority Menu ini menampilkan list atau daftar pesanan yang masuk ke dalam database
serta ditampilkan pada sebuah gridview. Berikut tampilan antarmuka menu daftar order antrian priority dapat dilihat pada gambar 3.9
Universitas Sumatera Utara
Gambar 3.9 Menu Daftar Order Antrian Priority Keterangan :
• Pada menu edit merupakan pemberi informasi apakah menu yang
dipesan telah selesai atau belum •
Menu refresh memilki fungsi untuk memperbarui order atau pesanan yang paling baru masuk
• Untuk keluar dan kembali ke menu sebelumnya pengguna dapat
menggunakan menu keluar •
Jika pengguna ingin mencari data pesanan maka pengguna dapat mengetikkan menu yang dicari berdasarkan no urut atau lainnya pada
kolom pencarian •
Daftar pesanan atau order dapat dilihat pada daftar order antrian
8. Menu Data Hasil Pada menu ini akan ditampilkan dua buah gridview yang masing masing
menggambarkan atau menampilkan daftar antrian berdasarkan antrian FIFO
Universitas Sumatera Utara
atau pun berdasarkan antrian Priority. Tampilan antarmuka Menu data hasil dapat dilihat pada Gambar 3.10
Gambar 3.10 Menu Data Hasil Keterangan :
• Daftar order FIFO dan Priority
merupakan sebuah gridview yang menampilkan antrian berdasarkan model antrian FIFO maupun Priority
• Rata – rata waktu antrian FIFO dan Priority menampilkan hasil dari
perhitungan waktu rata – rata berdasarkan tiap model antrian FIFO dan Priority
3.3 Perancangan Database