BAB III ANALISA DAN PERANCANGAN 3.1 Sejarah Perusahaan Kampoeng Steak adalah salah satu brand kuliner yang tepat bagi masyarakat local yang ingin merasakan menu steak dengan konsep penyajian yang istimewa dan harga steak yang bisa dibilang terjangkau. Usaha restoran Kampoeng Steak adalah usaha yang berdiri pada Desember 2002. Awalnya Kampoeng Steak didirikan oleh Jonet Hermawan Sugondho yang berada di kota pahlawan Surabaya. Awal Kampoeng Steak berdiri di Surabaya dan hanya memiliki 8 karyawan tetapi sekarang ini berkembang pesat sampai saat ini dengan mempunyai sebagian cabang yang menyebar luas di Kota-kota besar di Indonesia yaitu, Surabaya, Jakarta, Solo, Gresik dan Siduarjo. Di Surabaya terdapat 8 outlet, Gresik tedapat 1 outlet, Siduarjo terdapat 1 outlet dan di Jakarta terdapat 1 outlet. Total terdapat 11 outlet Kampoeng Steak yang tersebar di Indonesia. Pada 20 April 2012 Kampoeng Steak mendirikan cabang di Jakarta. Kampoeng Steak yang bercabang di Jakarta terletak di Jl. Meruya B4 Jakarta Barat ini adalah cabang ke 11 dari Kampoeng Steak. Pada Kampoeng Steak yang terletak di Jl. Meruya B4 Jakarta Barat ini dipimpin oleh team leader yaitu Bapak Pujianto. Dalam perjalanannya, Kampoeng Steak terus memperbaiki kinerja restorannya dan dengan semakin meningkatnya laju pertumbuhan ekonomi maka persaingan dan tantangan yang di hadapi juga semakin berat. Maka rumah makan harus berusaha memenuhi kebutuhan makan tersebut. 34
3.2 Struktur Organisasi Adapun struktur organisasi Restoran Kampoeng Steak adalah sebagai berikut : Owner Team Leader / Pengelola Kasir Pelayan Dapur Gambar 3.1 Struktur Organisasi Kampoeng Steak Fungsi-fungsi dalam Struktur Organisasi adalah sebagai berikut : 1. Owner Owner adalah pemilik restoran yang memiliki tugas dan tanggung jawab untuk memimpin, mengolah, dan mengawasi usaha seluruh cabang Kampoeng Steak. 2. Team Leader / Pengelola Team Leader adalah bagian yang mengatur semua jalannya usaha ini dan berhubungan dengan penyelenggara Kampoeng Steak 3. Kasir Kasir adalah orang yang bertanggung jawab atas administrasi dan keuangan Kampoeng Steak 4. Pelayan Pelayan atau waiter adalah orang yang memberikan pelayanan kepada konsumen dan bertanggung jawab akan peralatan makanan yang digunakan untuk Kampoeng Steak 5. Dapur Bagian Dapur adalah orang yang bertugas memasak makanan pada Kampoeng Steak dan memiliki tanggung jawab dalam mengelola masakan. 35
3.3 Analisa Pada tahap analisa dan perancangan sistem ini diperlukan salah satu model proses rekayasa perangkat lunak agar aplikasi yang akan dibuat sesuai dengan kegunaan dan tujuannya, salah satunya adalah menggunakan model perangkat lunak yaitu model Waterfall. maka pada bab ini akan dibahas tentang tahap-tahap dalam membangun perangkat lunak dengan menggunakan model Waterfall. Proses analisis merupakan salah satu tahapan yang harus dilalui rekayasa perangkat lunak karena melalui analisis definisi masalah menjadi lebih jelas. Kebutuhan sistem dapat dispesifikasi sehingga kriteria yang harus dipenuhi dalam aplikasi dapat ditentukan agar aplikasi yang akan dihasilkan menjadi solusi dari masalah tersebut. 3.4 Perancangan Aplikasi Perancangan adalah suatu bagian dari metodologi pengembangan atau pembangaunan suatu perangakat lunak yang dilakukan setelah tahapan analisa untuk memberikan sebuah gambaran yang jelas. Agar aplikasi ini mudah untuk dipahami maka penulis akan membuat Pemodelan Diagram Use Case untuk menunjukan fungsionalitas suatu sistem. Pemodelan Diagram Sequance untuk menggambarkan interaksi antar objek didalam dan di sekitar sistem. Pemodelan Diagram Aktifitas untuk mengurutkan aktifitasdalam suatu proses dan pemodelan Diagram Class untuk memberikan gambaran relasi antar kelas didalam sebuah sistem. 3.4.1 Perancangan Sistem Berjalan Mencatat pesanan Pelanggan Pelayan/waiter menginput pesanan Menginput pembayaran Kasir Memberikan Struk Pembayaran Dapur Menerima permintaan pesanan Pelanggan Gambar 3.2 Diagram Use Case Sistem Berjalan 36
Tabel 3. 1 Deskripsi Use Case Diagram mencatat pesanan Nama Use Case Aktor Pre-kondisi Tindakan Post Kondisi Mencatat pesanan pelanggan Pelayan / Waiter Pelanggan memilih pesanan Pelayan/Waiter menerima pesanan yang di pesan oleh pelanggan Waiters/pelayan memberikan list pesanan ke kasir dan dapur Tabel 3. 2 Deskripsi Use Case Diagram menginput pesanan Nama Use Case Aktor Pre kondisi Tindakan Post Kondisi Menginput pesanan Kasir Kasir menerima pesanan dari waiters dan di input di sistem Kasir input pesanan ke komputer Data pesanan tercetak Tabel 3. 3 Deskripsi Use Case Diagram Menginput pembayaran Nama Use Case Aktor Pre-Kondisi Tindakan Post Kondisi Menginput pembayaran Kasir Menerima pembayaran Kasir menghitung jumlah pembayaran Struk pembayaran tercetak Tabel 3. 4 Deskripsi Use Case Diagram Memberikan struk Nama Use Case Aktor Pre-Kondisi Tindakan Post Kondisi Memberikan struk Pelayan / Waiter Struk pembayaran tercetak Waiter memberikan struk kepada pelanggan Pelanggan menerima struk dan sisa pembayaran Tabel 3. 5 Deskripsi Use Case Diagram Menerima permintaan pesanan Nama Use Case Aktor Pre-Kondisi Tindakan Post Kondisi Menerima permintaan pesanan Dapur Waiter mencatat pesanan pelanggan Chef menerima pesanan atas nama yang di pesan pelanggan Chef membuat masakan sesuai pesanan 37
3.4.2 Gambaran Umum Sistem Yang Diusulkan Pembuatan aplikasi pemesanan makanan dan minuman pada restoran yang akan dibuat mampu menampilkan menu makanan secara digital dan pemesanan secara online yang dilakukan oleh pelayan memanfaatkan koneksi internet sehingga dapat terkoneksi langsung antara pelayan, kasir dan bagian dapur menggunakan smartphone android. Gambar 3.3 Gambaran Umum Sistem Perangkat lunak pada server yaitu web server yang ditangani oleh script PHP dan MySQL sebagai database berfungsi untuk menangani koneksi client yang berbasis android. Setiap request dari client akan ditangani oleh webserver. Aplikasi pada client (pelayan) dibuat menggunakan platform android, aplikasi ini akan dipasangkan pada smartphone / tablet android yang digunakan oleh client (pelayan). Aplikasi ini berfungsi untuk melakukan pemesanan makanan dan minuman dengan data yang dikirim ke web server dan selanjutya diproses ke dapur dan kasir. Sedangkan pada bagian dapur dan kasir menggunakan komputer sebagai antarmuka berbasis web dan internet sebagai penghubung untuk melakukan koneksi ke webserver. 3.4.3 Perancangan Prosedur Yang Diusulkan Proses perancangan ini merupakan tahapan awal dari perancangan aplikasi pemesanan makanan dan minuman pada restoran yang dilakukan sebagai pemecah masalah yang ada pada proses aplikasi pemesanan makanan dan minuman pada restoran ketika digunakan. 38
3.4.3.1 Pemodelan Diagram Use Case Use Case menjelaskan manfaat sistem jika dilihat menunjukkan pandangan orang yang berada di luar sistem (actor), diagram use case juga menunjukan fungsionalitas suatu sistem atau kelas dan bagaimana sistem berinteraksi dengan dunia luar. Secara umum pemodelan use case pada aplikasi ini dapat dilihat pada gambar dibawah ini : Input Pesanan Pelanggan Menampilkan Pesanan <<include>> Menampilkan Total Pembayaran <<include>> Login Pelayan/Waiter Edit Pesanan <<include>> Kasir Membatalkan Pesanan Cetak Struk Menampilkan Pesanan <<include>> Login Konfirmasi Pemesanan <<include>> Dapur Gambar 3.4 Use Case Diagram Sistem Usulan Kelebihan dari perancangan sistem yang diusulkan adalah sebuah sistem yang dibuat mampu mempermudah pemesanan pada restoran Kampoeng Steak, berbeda dengan sistem yang lama atau sistem yang sedang berjalan, sistem yang diusulkan yang nantinya akan mampu menampilkan menu makanan secara digital dan pemesanan secara online yang dilakukan oleh pelayan memanfaatkan koneksi internet sehingga dapat terkoneksi langsung antara pelayan,kasir dan bagian dapur menggunakan smartphone android. 39
Tabel 3. 6 Deskripsi Use Case Diagram Login Nama Use Case Login Aktor Kasir, Dapur Pre-Kondisi - Tindakan Aktor memasukan user name dan password untuk masuk sistem Post Kondisi User masuk sistem Tabel 3. 7 Deskripsi Use Case Diagram Input Pesanan Pelanggan Nama Use Case Aktor Pre-Kondisi Tindakan Post Kondisi Input pesanan pelanggan Pelayan / Waiters Pesanan dari pelanggan Waiter menginput pesanan pelanggan dan nomor meja dengan menggunakan smartphone android Pesanan langsung terkirim ke dapur dan kasir Tabel 3. 8 Deskripsi Use Case Diagram Edit Pesanan Nama Use Case Aktor Pre-Kondisi Tindakan Post Kondisi Edit Pesanan Pelayan / Waiters Pesanan dari pelanggan Waiter dapat mengedit / merubah pesanan pelanggan dengan menggunakan smartphone android Pesanan yang telah dirubah langsung terkirim ke dapur dan kasir Tabel 3. 9 Deskripsi Use Case Diagram Membatalkan Pesanan Pelanggan Nama Use Case Aktor Pre-Kondisi Tindakan Post Kondisi Membatalkan Pesanan Pelayan / Waiters Pesanan dari pelanggan Waiter membatalkan pesanan pelanggan dengan menggunakan smartphone android Pesanan tidak dikirim ke kasir dan dapur Tabel 3. 10 Deskripsi Use Case Diagram Menampilkan Pesanan Nama Use Case Aktor Pre-Kondisi Tindakan Post Kondisi Menampilkan Pesanan Kasir Kasir menerima detail pesanan pelanggan dari pelayan Kasir menampilkan pesanan pelanggan pada komputer Kasir mendapatkan detail pesanan pelanggan 40
Tabel 3. 11 Deskripsi Use Case Diagram Menampilkan Total Pembayaran Nama Use Case Aktor Pre-Kondisi Tindakan Post Kondisi Menampilkan Total Pembayaran Kasir Kasir mendapatkan detail pesanan pelanggan Kasir menarik data nominal harga pesanan Kasir mendapatkan detail pembayaran Tabel 3. 12 Desksipsi Use Case Diagram Cetak struk Nama Use Case Aktor Pre-Kondisi Tindakan Post Kondisi Cetak struk Kasir Kasir mendapatkan detail pembayaran Kasir mencetak struk bukti pembayaran dan mendapatkan uang pembayaran dari pelanggan Kasir menggunakan struk untuk laporan penjualan Tabel 3. 13 Deskripsi Use Case Diagram Menampilkan Pesanan Nama Use Case Aktor Pre-Kondisi Tindakan Post Kondisi Menampilkan Pesanan Dapur Dapur menerima detail pesanan pelanggan dari pelayan Dapur menampilkan pesanan pelanggan pada komputer Dapur mendapatkan detail pesanan pelanggan Tabel 3. 14 Deskripsi Use Case Diagram Konfirmasi Pesanan Nama Use Case Aktor Pre-Kondisi Tindakan Post Kondisi Konfirmasi Pesanan Dapur Dapur mendapatkan detail pesanan pelanggan Dapur melakukan konfirmasi pemesananan Dapur mengolah permintaan pemesanan 41
3.4.3.2 Activity Diagram Activity Diagram digunakan untuk model perilaku dalam proses bisnis, dalam berbagai hal activity diagram dapat dipandang sebagai diagram aliran data yang canggih yang digunakan dalam hubungan analis terstruktur. Dalam diagram ini akan digambarkan berbagai aliran activity dalam sistem, yang bertujuan untuk mengetahui alur proses pada sistem yang diusulkan. Berikut adalah diagram activity yang mengacu pada setiap skenario use case yang sudah dibuat sebelumnya. a. Activity Diagram Input Pesanan Pelanggan Buka Menu pesanan Menampilkan form pesanan Memilih menu pesanan yang ditentukan pelanggan Input Pesanan dan no meja Mengirimkan data Pesanan pelanggan Gambar 3.5 Activity Diagram Input Pesanan Pelanggan Pelayan membuka menu pesanan pada aplikasi dan memilih menu pesanan yang telah ditentukan oleh pelanggan dan kemudian dinput serta dikirimkan agar dapat diproses. 42
b. Activity Diagram Edit Pesanan Buka Menu pesanan Menampilkan form pesanan Mengedit Pesanan Pelanggan Mengirimkan data Pesanan pelanggan Gambar 3.6 Activity Diagram Edit Pesanan Pelayan membukan menu pesanan pada aplikasi dan melakukan perubahan menu pesanan pelanggan dan mengirimkannya kembali agar dapat diproses. 43
c. Activity Diagram Membatalkan Pesanan Pelanggan Buka Menu pesanan Menampilkan Daftar pesanan Hapus pesanan pelanggan Menghapus data Pesanan pelanggan Gambar 3.7 Activity Diagram Membatalkan Pesanan pelanggan Pelayan membukan menu pesanan pada aplikasi dan melakukan pembatalan menu pesanan pelanggan dan menghapus data pesanan pelanggan agar tidak diproses. 44
d. Activity Diagram Menampilkan Pesanan Menerima Pesanan Menu Pemesanan Menampilkan Detail Menu Pemesanan Gambar 3.8 Activity Diagram Membatalkan Pesanan Pelanggan Kasir menerima pesanan yang dikirimkan oleh pelanggan dan kemudian membuka menu pemesanan dan menampilkan detail dari menu pemesanan. e. Activity Diagram Menampilkan Total Pembayaran Membuka Menu Pembayaran Menampilkan Form Pembayaran Input Nominal Yang diberikan pelanggan Menampilkan Detail Pembayaran Gambar 3.9 Activity Diagram Menampilkan Total Pembayaran 45
Kasir membuka menu pembayaran pada web, kemudian akan muncul form pembayaran setelah itu kasir menginput nominal f. Activity Diagram Cetak struk Membuka Menu Pembayaran Menampilkan Form Pembayaran Menampilkan Detail Pembayaran Cetak Struk Gambar 3.10 Activity Diagram Cetak Struk Kasir membuka menu pembayaran pada web, kemudian akan menampilkan form pembayaran setelah itu kasir memilih untuk menampilkan detail pembayaran, dan kemudian mencetak struk pembayaran 46
g. Activity Diagram Menampilkan Pesanan Menerima Pesanan Menu Pemesanan Menampilkan Detail Menu Pemesanan Gambar 3.11 Activity Diagram Menampilkan Pesanan Bagian dapur menerima pesanan dari pelayan, kemudian membuka menu pemesanan pada web, dan akan menampilkan detail pemesanan. h. Activity Diagram Konfirmasi Pesanan Menu Pemesanan Menampilkan Detail Menu Pemesanan Konfirmasi Pesanan Mengkirimkan Konfirmasi Pesanan Menerima Pemberitahuan Selesai Gambar 3.12 Activity Diagram Konfirmasi Pesanan 47
Bagian dapur menerima pesanan dari pelayan, kemudian membuka menu pemesanan pada web, dan akan menampilkan detail pemesanan. i. Activity Diagram Login Form Login Menampilkan Form Login Input Username & password Cek User & password Salah Benar Masuk Sistem Gambar 3.13 Activity Diagram Login Semua aktor yang terlibat dalam sistem memilih form login dan menginput user dan password yang sudah ditentukan agar dapat bisa masuk kedalam sistem. 48
3.4.3.3 Sequence Diagram Sequence Diagram adalah suatu diagram yang menggambarkan interaksi antara obyek dan mengindikasikan komunikasi diantara obyek-obyek tersebut. Diagram ini juga menunjukkan serangkaian pesan yang dipertukarkan oleh obyek-obyek yang melakukan suatu tugas atau aksi tertentu. Obyek-obyek tersebut kemudian diurutkan dari kiri ke kanan, aktor yang menginisiasi interaksi biasanya ditaruh di paling kiri dari diagram. Berikut adalah diagram sekuensial yang menggambarkan fungsionalitas Sistem aplikasi pemesanan makanan dan minuman pada restoran berbasis android. a. Sequence Diagram Input Pesanan Pelanggan :pelayan :system :pesanan :menu pemesanan _sementara :detail_pesan : Buka create_new() no_pesan(),tgl_pesan() get(kd_menu(),no_meja(),nama_menu(),harga_menu(),jumlah()) kd_menu(),no_meja(),nama_menu(),harga_menu(),jumlah() get(id_session(), kd_menu(),no_meja(),nama_menu(),harga_menu(),jumlah()) id_session(), kd_menu(),no_meja(),nama_menu(),harga_menu(),jumlah() Save exit() save()(no_pesan(), no_meja(),kd_menu(),nama_menu(),harga_menu(),jumlah(),detail_pesan()) no_pesan(), no_meja(),kd_menu(),nama_menu(),harga_menu()jumlah(),detail_pesan() Gambar 3.14 Sequence Diagram Input Pesanan Pelanggan Pelayan dapat melakukan input pemesanan makanan dan minuman yang dipesan pelanggan pada menu pesanan. Menu pesanan akan menampilkan form yang berisikan nomor meja, nama menu makanan dan harga makanan yang ada di Kampoeng Steak yang akan dipesan kemudian mengirimkannya ke aplikasi server. 49
b. Sequence Diagram Edit Pesanan :system :detail_pesanan :pelayan Buka view_data() no_pesan(), no_meja(),kd_menu(),nama_menu(),harga_menu(), detail_pesan() edit edit() (no_pesan(), no_meja(),kd_menu(),nama_menu(),harga_menu(),detail_pesan) keluar() no_pesan(), no_meja(),kd_menu(),nama_menu(),harga_menu(),detail_pesan() Gambar 3.15 Sequence Diagram Edit Pesanan Pelayan dapat melakukan edit pemesanan makanan dan minuman yang dipesan pelanggan pada menu pesanan. Menu pesanan akan menampilkan form yang berisikan nomor meja, nama menu makanan dan harga makanan yang ada di Kampoeng Steak yang akan diedit kemudian mengirimkannya ke aplikasi server. 50
c. Sequence Diagram Membatalkan Pesanan Pelanggan :system :detail_pesanan :pelayan Buka view_data() no_pesan(), no_meja(),kd_menu(),nama_menu(),harga_menu() delete delete() (no_pesan(), no_meja(),kd_menu(),nama_menu(),harga_menu(),detail_pesan) keluar() data_terhapus() Gambar 3.16 Sequence Diagram Membatalkan Pesanan Pelanggan Pelayan dapat melakukan pembatalan pemesanan makanan dan minuman yang dipesan pelanggan pada menu pesanan, dengan cara menghapus data pesanan pelanggan agar pesanan tidak diproses. d. Sequence Diagram Menampilkan Pesanan :menu_utama menu_pemesanan :kasir input username() dan password() login gagal() Validasi pilih data_pemesanan() detail_data_pemesanan() display view detail_data_pemesanan() exit() Gambar 3.17 Sequence Diagram Menampilkan Pesanan 51
Untuk melakukan akses ke menu utama kasir terlebih dahulu melakukan proses login sebagai kasir dengan memasukan username dan password. Jika kasir berhasil login maka akan menampilkan menu utama untuk menampilkan menu pemesanan. e. Sequence Diagram Menampilkan Total Pembayaran :menu_utama :menu_pemesanan :transaksi :database :kasir input username() dan password() login gagal() Validasi pilih data_pemesanan() detail_data_pemesanan() pilih no_meja() detail_pesanan() tambah (nominal_bayar()) display display tambah (nominal_bayar()) save() view detail_pembayaran() detail_pembayaran exit() Gambar 3.18 Sequence Diagram Menampilkan Total Pembayaran Untuk melakukan akses ke menu utama kasir terlebih dahulu melakukan proses login sebagai kasir dengan memasukan username dan password. Jika kasir berhasil login maka akan menampilkan menu utama untuk menampilkan menu pemesanan. Kemudian kasir dapat melihat total harga dari pemesanan makanan dan minuman yang telah dipesanan pada halaman transaksi dalam aplikasi server, setelah itu aplikasi akan menampilakan detail pembayaran yang harus dibayar pelanggan. 52
f. Sequence Diagram Cetak Struk :menu_utama :menu_pemesanan :transaksi :database :kasir input username() dan password() login gagal() Validasi pilih data_pemesanan() detail_data_pemesanan() pilih no_meja() detail_pesanan() tambah (nominal_bayar()) display display tambah (nominal_bayar()) print() print() exit() display() Gambar 3.19 Sequence Diagram Cetak Struk Untuk melakukan akses ke menu utama kasir terlebih dahulu melakukan proses login sebagai kasir dengan memasukan username dan password. Jika kasir berhasil login maka akan menampilkan menu utama untuk menampilkan menu pemesanan. Kemudian kasir dapat melihat total harga dari pemesanan makanan dan minuman yang telah dipesanan pada halaman transaksi dalam aplikasi server, setelah itu aplikasi akan menampilakan detail pembayaran yang harus dibayar pelanggan. Setelah itu melakukan pencetakan struk untuk pelanggan. 53
g. Sequence Diagram Menampilkan Pesanan :menu_utama :menu_pemesanan :dapur input username() dan password() login gagal() Validasi pilih data_pemesanan() detail_data_pemesanan() display view detail_data_pemesanan() exit() Gambar 3.20 Sequence Diagram Menampilkan Pesanan Untuk melakukan akses ke menu utama dapur terlebih dahulu melakukan proses login sebagai bagian dapur dengan memasukan username dan password. Jika bagian dapur berhasil login maka akan menampilkan menu utama untuk menampilkan menu pemesanan. h. Sequence Diagram Konfirmasi Pesanan :menu_utama :menu_pemesanan :pesanan :database :dapur input username() dan password() login gagal() Validasi pilih data_pemesanan() detail_data_pemesanan() pilih(no_meja()) detail_pesanan() ceklist() save() display display ceklist() save() exit() display Gambar 3.21 Sequence Diagram Konfirmasi Pesanan 54
Untuk melakukan akses ke menu utama dapur terlebih dahulu melakukan proses login sebagai bagian dapur dengan memasukan username dan password. Jika bagian dapur berhasil login maka akan menampilkan menu utama untuk menampilkan menu pemesanan. Kemudian kasir dapat melihat daftar pesananan pelanggan dari pemesanan makanan dan minuman dan melakukan konfirmasi yang akan disimpan kedalam database. 3.4.3.4 Class Diagram Diagram ini digunakan untuk mengidentifikasi kelas-kelas serta paket-paket yang terdapat dalam sistem, kemudian dilanjutkan dengan mengidentifikasi hubungan antar kelas. Berikut Class Diagram aplikasi : Gambar 3.22 Class Diagram Usulan 55
3.4.3.5 Perancangan Basis Data Basis data adalah tempat penyimpanan paling optimal, oleh sebab itu diperlukan Perancangan Basis Data untuk menentukan susunan data. Tujuan dari perancangan ini adalah untuk mengoplimalisasi pengambilan dan penyimpanan data. 1. Nama tabel : tb_menu Primary Key : Id_menu Jumlah field : 6 Tabel 3. 15 Tabel Menu No Nama Field Tipe Data Size Keterangan 1 Id_menu Integer 2 Identitas Menu (Primary) 2 nama_menu Varchar 30 Nama Menu 3 harga_menu Integer 5 Harga Menu 4 deskripsi_menu Text Deskripsi Menu 5 pic_menu Text Gambar Menu 6 Id_kategori Integer 1 Identitas Kategori 2. Nama tabel : tb_kategori Primary Key : id_kategori Jumlah field : 2 Tabel 3. 16 Tabel Kategori No Nama Field Tipe Data Size Keterangan 1 Id_kategori Integer 1 Identitas kategori (Primary) 2 Kategori Char 7 Nama kategori 56
3. Nama tabel : tb_detailpesan Primary Key : Id_dp Jumlah field : 6 Tabel 3. 17 Tabel Detail Pesan No Nama Field Tipe data Size Keterangan 1 Id_dp Integer 3 Identitas detail pesan(primary) 2 Id_menu Integer 2 Identitas Menu 3 Id_pesan Integer 4 Identitas Pesanan 5 No_meja Varchar 2 Nomor Meja 6 Quantitas Integer 3 Kuantitas 6 Status Char 1 Status Pemesanan (S) 4. Nama tabel : keranjang Primary Key : id_beli Jumlah field : 6 Tabel 3. 18 Tabel pemesanan_sementara No Nama field Tipe Data Size Keterangan 1 Id_beli Integer 4 Identitas Pembelian(Primary) 2 Id_pesan Integer 4 Identitas Pemesanan 3 Id_menu Integer 2 Identitas Menu 4 Id_session Varchar 100 Identitas Session 5 Quantitas Integer 3 Kuantitas 6 No_meja Varchar 2 Nomor Meja 7 Status Char 1 Status Pemesanan (S) 57
5. Nama tabel : tb_pemesanan Primary Key : id_pesan Jumlah field : 8 Tabel 3. 19 Tabel Pemesanan No Nama field Tipe Data Size Keterangan 1 Id_pesan Integer 4 Identitas Pesanan (Primary) 2 Jumlah_total Integer 8 Total yang dipesan 3 Jumlah_bayar Integer 8 Total yang dibayar 4 No_meja Varchar 2 Nomor Meja 5 PPN Integer 8 Pajak 6 Tanggal Date Tanggal 7 Nip Varchar 5 Nomor Induk Pegawai 6. Nama tabel : User Primary key : Nip Jumlah Field : 4 Tabel 3. 20 Tabel User No Nama Field Tipe data Size Keterangan 1 Nip Char 5 Nomor Induk Pegawai (Primary) 2 Nama_Pegawai Varchar 20 Nama Pegawau 3 Level Char 7 Posisi Pegawai 4 Password Varchar 16 Pasword Pegawai 58
3.4.4 Perancangan Antar Muka 3.4.4.1 Tampilan Menu Utama Aplikasi Pemesanan Android Tampilan dibawah ini adalah rancangan antar muka menu utama aplikasi pemesanan pada android. Gambar 3.23 Tampilan Menu Utama Aplikasi Pemesanan Android 3.4.4.2 Tampilan Kategori Menu Makanan Aplikasi Pemesanan Android Tampilan dibawah ini adalah rancangan antar muka Sub menu menu aplikasi pemesanan pada android yang berisikan 2 menu yaitu makanan dan minuman. Gambar 3.24 Tampilan Kategori Menu Makanan Aplikasi Pemesanan Android 59
3.4.4.3 Tampilan Daftar Menu Makanan Aplikasi Pemesanan Android Tampilan dibawah ini adalah rancangan antar muka Daftar menu makanan dan minuman aplikasi pemesanan pada android. Gambar 3.25 Tampilan Daftar Menu Makanan Aplikasi Pemesanan Android 3.4.4.4 Tampilan Order Menu Makanan Aplikasi Pemesanan Android Tampilan dibawah ini adalah rancangan antar muka Form Order Menu makanan aplikasi pemesanan pada android. Disini waiters dapat menginput data pesanan pelanggan. Gambar 3.26 Tampilan Kategori Menu Makanan Aplikasi Pemesanan Android 60
3.4.4.5 Tampilan Detail Order Menu Aplikasi Pemesanan Android Tampilan dibawah ini adalah rancangan antar muka Detail Order Menu makanan aplikasi pemesanan pada android. Disini waiters dapat melihat detail pesanan pesanan pelanggan. Gambar 3.27 Tampilan Detail Order Menu Aplikasi Pemesanan Android 3.4.4.6 Tampilan Layar Menu Login Web Web. Tampilan dibawah ini adalah rancangan antar muka Halaman Login pada Gambar 3.28 Tampilan Layar Menu Login Web 61
3.4.4.7 Tampilan Layar View Pesanan Web Tampilan dibawah ini adalah rancangan antar muka Halaman View Pesanan pada Web dimana nantinya akan terdapat data pesanan pelanggan. Gambar 3.29 Tampilan Layar View Pesanaan Web 3.4.4.8 Tampilan Layar View Pembayaran Web Tampilan dibawah ini adalah rancangan antar muka Halaman View Pembayaran Web dimana nantinya akan terdapat data pesanan pelanggan dan menu transaksi dan proses cetak struk. Gambar 3.30 Tampilan Layar View Pembayaran Web 62
3.4.4.9 Tampilan Layar View Pesanan Dapur Web Tampilan dibawah ini adalah rancangan antar muka Halaman View Pesanan pada Web dimana nantinya akan terdapat data pesanan pelanggan. Gambar 3.31 Tampilan Layar View Pemesanan Dapur Web 3.4.4.10 Tampilan Layar Konfirmasi Pesanan Web Tampilan dibawah ini adalah rancangan antar muka Halaman Konfirmasi Pemesanan Web dimana nantinya akan terdapat data pesanan pelanggan dan Action ceklist untuk konfirmasi. Gambar 3.32 Tampilan Layar Konfirmasi Pemesanan Web 63