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 http://digilib.mercubuana.ac.id/
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 http://digilib.mercubuana.ac.id/
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
Kasir Menginput pembayaran
Memberikan Struk Pembayaran
Dapur
Menerima permintaan pesanan
Pelanggan
Gambar 3.2 Diagram Use Case Sistem Berjalan http://digilib.mercubuana.ac.id/
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 http://digilib.mercubuana.ac.id/
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 http://digilib.mercubuana.ac.id/
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 :
Menampilkan Pesanan
Input Pesanan Pelanggan
<
>
Menampilkan Total <> Pembayaran Pelayan/Waiter
Login
<>
Edit Pesanan
Kasir Cetak Struk
Membatalkan Pesanan Menampilkan Pesanan <>
Login <>
Konfirmasi Pemesanan
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 http://digilib.mercubuana.ac.id/
Tabel 3. 6 Deskripsi Use Case Diagram Login Nama Use Case Aktor Pre-Kondisi Tindakan Post Kondisi
Login Kasir, Dapur Aktor memasukan user name dan password untuk masuk sistem 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 http://digilib.mercubuana.ac.id/
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 http://digilib.mercubuana.ac.id/
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 http://digilib.mercubuana.ac.id/
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 http://digilib.mercubuana.ac.id/
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 http://digilib.mercubuana.ac.id/
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 http://digilib.mercubuana.ac.id/
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 http://digilib.mercubuana.ac.id/
g.
Activity Diagram Menampilkan Pesanan
Menerima Pesanan
Menampilkan Detail Menu Pemesanan
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 http://digilib.mercubuana.ac.id/
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 http://digilib.mercubuana.ac.id/
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
:pesanan
:system
:menu
pemesanan _sementara
: :detail_pesan
:pelayan 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
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() exit()
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 http://digilib.mercubuana.ac.id/
b.
Sequence Diagram Edit Pesanan
:detail_pesanan
:system
: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)
no_pesan() , no_meja(),kd_menu(),nama_menu(),harga_menu(),detail_pesan() keluar()
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 http://digilib.mercubuana.ac.id/
c.
Sequence Diagram Membatalkan Pesanan Pelanggan
:detail_pesanan
:system
:pelayan Buka view_data() no_pesan() , no_meja(),kd_menu(),nama_menu(),harga_menu() delete() (no_pesan() , no_meja(),kd_menu(),nama_menu(),harga_menu(),detail_pesan)
delete
data_terhapus() keluar()
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 http://digilib.mercubuana.ac.id/
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()
display
pilih no_meja()
detail_pesanan() tambah (nominal_bayar())
display tambah (nominal_bayar())
save() detail_pembayaran
view 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 http://digilib.mercubuana.ac.id/
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()
display
pilih no_meja()
detail_pesanan()
display tambah (nominal_bayar())
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 http://digilib.mercubuana.ac.id/
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()
display
pilih(no_meja())
detail_pesanan()
display
ceklist()
ceklist()
save() save() display
exit()
Gambar 3.21 Sequence Diagram Konfirmasi Pesanan
54 http://digilib.mercubuana.ac.id/
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 http://digilib.mercubuana.ac.id/
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
2.
1
Nama tabel
: tb_kategori
Primary Key
: id_kategori
Jumlah field
:2
Identitas Kategori
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 http://digilib.mercubuana.ac.id/
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
Integer
3
Identitas
Id_dp
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
Integer
4
Identitas
Id_beli
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 http://digilib.mercubuana.ac.id/
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
Integer
4
Identitas Pesanan
Id_pesan
(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
7
Nip
Varchar
6. Nama tabel
Tanggal 5
Nomor Induk Pegawai
: User
Primary key
: Nip
Jumlah Field
:4
Tabel 3. 20 Tabel User No
Nama Field
Tipe data
Size
Keterangan
1
Nip
Char
5
2
Nama_Pegawai
Varchar
20
Nama Pegawau
3
Level
Char
7
Posisi Pegawai
4
Password
Varchar
16
Pasword Pegawai
Nomor Induk Pegawai (Primary)
58 http://digilib.mercubuana.ac.id/
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 http://digilib.mercubuana.ac.id/
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 http://digilib.mercubuana.ac.id/
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 Tampilan dibawah ini adalah rancangan antar muka Halaman Login pada
Web.
Gambar 3.28 Tampilan Layar Menu Login Web
61 http://digilib.mercubuana.ac.id/
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 http://digilib.mercubuana.ac.id/
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 http://digilib.mercubuana.ac.id/