11
BAB III
PERANCANGAN SISTEM
3.1 Rancangan DFD (Data Flow Diagram)
Sebuah teknik grafis yang menggambarkan aliran informasi dan transformasi yang diaplikasikan pada saat data beergerak dari input menjadi output.
Diagram Arus Data dari Perancangan dan Implementasi Sistem Pemesanan Menu di Restoran terdiri dari :
a. Proses Update Menu
Proses ini meliputi penambahan, pengubahan dan penghapusan data menu restoran. Data menu ini diperoleh dari adanya kegiatan penambahan menu yang baru. Maintenance data menu dilakukan oleh admin. b. Proses Update Kasir
c. Proses Update Pramusaji
Proses ini meliputi penambahan, pengubahan dan penghapusan data pramusaji restoran. Data pramusaji ini diperoleh dari adanya kegiatan penambahan pegawai pramusaji yang baru. Maintenance data pramusaji
Proses ini meliputi proses pembayaran yang dilakukan oleh kasir yang memperoleh daftar pesanan dari customer. Dari proses tersebut menghasilkan data pembayaran yang kemudian customer akan memperoleh data pembayaran.
f. Omset
Customer Admin
Kasir Pramusaji
Sistem Pemesanan Menu
di Restoran PAM data order
data order
data menu data kasir
data pramusaji data omset data order
data order
data billing
Customer Admin
Customer Admin
Kasir Pramusaji
Proses Melihat Data Menu
Proses Memilih Data Menu
Data Order Data Menu
Data Menu
Data Order Data Order
Data Order Data Order
Daftar
Gambar 3.4 DFD tingkat 2 Proses Billing
Admin Kasir
Pembayaran
Data pembayaran Data omset
3.2 Database
Tabel-tabel yang digunakan dalam Perancangan dan Implementasi Sistem Pemesanan Menu di Restoran adalah sebagai berikut :
3.2.1 Tabel Login Admin
Tabel 3.1 Tabel Login
Column Name Type Null
Tabel 3.2 Tabel Cake
Column Name Type Null
Id_cake Int (4) No
Nama_cake Text No
Info_cake Varchar (300) No Gambar_cake Varchar (333) No
Keterangan :
Tabel Cake adalah tabel untuk menampung data menu cake yang akan ditampilkan.
3.2.3 Tabel Coffee
Tabel 3.3 Tabel Coffee
Keterangan :
Tabel Coffe adalah tabel untuk menampung data menu coffee yang akan ditampilkan.
Column Name Type Null
Id_coffee Int (4) No
Nama_ coffee Text No
3.2.4 Tabel Kasir
Tabel Kasir merupakan tabel untuk menampung data kasir yang akan ditampilkan.
3.2.5 Tabel Pramusaji
Tabel 3.5 Tabel Pramusaji
Keterangan :
Tabel Pramusaji merupakan tabel untuk menampung data pramusaji yang akan ditampilkan.
3.2.6 Tabel Order Cake
Tabel 3.6 Tabel Order Cake
Column Name Type Null
Id_ordercake Int (4) No
No_meja Int (5) No
Nama_cake Text No
Harga_cake Decimal (20) No Jumlah_cake Decimal (20) No
Total Decimal (20) No
Tgl Date No
Keterangan :
Tabel Order Cake merupakan tabel untuk menampung data order cake yang akan ditampilkan.
3.2.7 Tabel Order Coffee
Tabel 3.7 Tabel Order Coffee
Column Name Type Null
Id_ordercoffee Int (4) No
No_meja Int (5) No
Harga_coffee Decimal (20) No Jumlah_coffee Decimal (20) No
Total Decimal (20) No
Tgl Date No
Keterangan :
Tabel Order Coffee merupakan tabel untuk menampung data order coffee yang akan ditampilkan.
3.2.8 Tabel Omset Cake
Tabel 3.8 Tabel Omset Cake
Column Name Type Null
Id_omsetcake Int (4) No
Id_ordercake Int (5) No
Nama_cake Text No
Harga_satuan Decimal (20) No Jumlah_cake Decimal (20) No
Total Decimal (20) No
Bayar Decimal (20) No
Sisa Decimal (20) No
Tgl Date No
Keterangan :
3.2.9 Tabel Omset Coffee
Tabel 3.9 Tabel Omset Coffee
Column Name Type Null
Id_omsetcoffee Int (4) No Id_ordercoffee Int (5) No
Nama_coffee Text No
Harga_satuan Decimal (20) No Jumlah_coffee Decimal (20) No
Total Decimal (20) No menampung data omset coffee yang akan ditampilkan.
3.3 Perancangan Antar Muka
a. Lembar Kerja Tampilan Halaman Login.
Gambar 3.6 LKT Halaman Login
b. Lembar Kerja Tampilan Halaman utama Admin - Memuat tombol logout, untuk keluar dari halaman. - Memuat tombol cake, berfungsi untuk masuk ke
halaman yang berkaitan tentang update data menu cake.
- Memuat tombol coffee, berfungsi untuk masuk ke halaman yang berkaitan tentang update data menu cake.
- Memuat tombol karyawan, berfungsi untuk masuk ke halaman update data karyawan.
- Memuat dynamic text, berfungsi untuk menampilkan username yang sedang aktif.
Gambar 3.7 LKT Halaman Utama Admin
c. Lembar Kerja Tampilan Halaman Update Data Cake atau Data Coffee.
- Memuat tombol logout, berfungsi untuk keluar dari halaman.
- Memuat tombol lihat, berfungsi untuk melihat data menu cake atau coffee.
- Memuat tombol tambah, berfungsi untuk menambah data cake ataupun coffee yang telah diinputkan. - Memuat tombol edit, berfungsi untuk mengupdate
data menu cake atau coffee.
- Memuat dynamic text, berfungsi untuk menampilkan username yang sedang aktif.
Gambar 3.8 LKT Halaman Update Data Cake atau Data Coffee
d. Lembar Kerja Tampilan Halaman Lihat Data Cake atau Data Coffee.
- Memuat tombol logout, berfungsi untuk keluar dari halaman.
- Memuat tombol lihat, berfungsi untuk melihat data menu cake atau coffee.
- Memuat tombol edit, berfungsi untuk mengupdate data menu cake atau coffee.
- Memuat gambar home, berfungsi untuk kembali ke menu utama.
- Memuat dynamic text, berfungsi untuk menampilkan username yang sedang aktif.
- Memuat datagrid untuk menampilkan data cake atau coffee.
Gambar 3.9 LKT Halaman Lihat Data Cake atau Data Coffee
e. Lembar Kerja Tampilan Halaman Tambah Data Cake atau Data Coffee.
- Memuat tombol lihat, berfungsi untuk melihat data menu cake atau coffee.
- Memuat tombol tambah, berfungsi untuk menambah data cake ataupun coffee yang telah diinputkan. - Memuat tombol edit, berfungsi untuk mengupdate
data menu cake atau coffee.
- Memuat gambar home, berfungsi untuk kembali ke menu utama.
- Memuat dynamic text, berfungsi untuk menampilkan username yang sedang aktif.
- Memuat tombol simpan, berfungsi untuk menyimpan data yang telah diinputkan.
Gambar 3.10 LKT Halaman Tambah Data Cake atau Data Coffee
f. Lembar Kerja Tampilan Halaman Edit Data Cake atau Data Coffee.
- Memuat tombol logout, berfungsi untuk keluar dari halaman.
- Memuat tombol lihat, berfungsi untuk melihat data menu cake atau coffee.
- Memuat tombol tambah, berfungsi untuk menambah data cake ataupun coffee yang telah diinputkan. - Memuat tombol edit, berfungsi untuk mengupdate
data menu cake atau coffee.
- Memuat tombol update, berfungsi untuk data yang telah di pilih dari datagrid.
- Memuat dynamic text, berfungsi untuk menampilkan username yang sedang aktif.
- Memuat datagrid untuk menampilkan data cake atau coffee.
- Memuat 1 dynamic text untuk menampilkan data ID yang di pilih dari datagrid.
- Memuat 4 input text untuk menampilkan data nama, harga,info dan gambar yang dapat dirubah isinya.
g. Lembar Kerja Tampilan Halaman Hapus data Cake atau Data Coffee.
- Memuat tombol logout, berfungsi untuk keluar dari halaman.
- Memuat tombol lihat, berfungsi untuk melihat data menu cake atau coffee.
- Memuat tombol tambah, berfungsi untuk menambah data cake ataupun coffee yang telah diinputkan. - Memuat tombol edit, berfungsi untuk mengupdate
- Memuat dynamic text, berfungsi untuk menampilkan username yang sedang aktif.
- Memuat 5 dynamic text untuk menampilkan data id, nama, harga, info dan gambar yang dipilih pada datagrid
- Memuat dynamic text, berfungsi untuk menampilkan username yang sedang aktif.
Gambar 3.12 LKT Halaman Hapus Data Cake atau Data Coffee
h. Lembar Kerja Tampilan Halaman Data Karyawan
- Memuat tombol logout , berfungsi untuk keluar dari halaman.
- Memuat gambar home, berfungsi untuk kembali ke menu utama.
- Memuat tombol gambar data kasir, berfungsi untuk masuk ke halamanupdate data kasir.
- Memuat tombol gambar data pramusaji, berfungsi untuk masuk ke halaman update data pramusaji. - Memuat dynamic text, berfungsi untuk menampilkan
Gambar 3.13 LKT Halaman Data Karyawan
i. Lembar Kerja Tampilan Halaman Utama Data Kasir atau Data Pramusaji.
- Memuat tombol logout untuk keluar dari halaman. - Memuat gambar home, berfungsi untuk kembali ke
menu utama.
- Memuat tombol lihat, berfungsi untuk melihat data kasir atau pramusaji yang telah terdaftar.
- Memuat tombol tambah, berfungsi untuk menambah data kasir atau pramusaji.
- Memuat tombol hapus, berfungsi untuk menghapus data kasir atau pramusaji yang telah dipilih dari datagrid.
- Memuat dynamic text, berfungsi untuk menampilkan username yang sedang aktif.
Gambar 3.14 LKT Halaman Utama Data Kasir atau Data Coffee
j. Lembar Kerja Tampilan Halaman Lihat Data Kasir atau Data Pramusaji.
- Memuat tombol logout untuk keluar dari halaman. - Memuat gambar home, berfungsi untuk kembali ke
menu utama.
- Memuat tombol tambah, berfungsi untuk menambah data kasir atau pramusaji.
- Memuat tombol edit, berfungsi untuk mengubah data kasir atau pramusaji yang dipilih dari datagrid.
- Memuat tombol hapus, berfungsi untuk menghapus data kasir atau pramusaji yang telah dipilih dari datagrid.
- Memuat dynamic text, berfungsi untuk menampilkan username yang sedang aktif.
- Memuat datagrid untuk menampilkan data kasir atau data pramusaji.
k. Lembar Kerja Tampilan Halaman Tambah Data Kasir atau Data Pramusaji.
- Memuat tombol logout untuk keluar dari halaman. - Memuat gambar home, berfungsi untuk kembali ke
menu utama.
- Memuat tombol lihat, berfungsi untuk melihat data kasir atau pramusaji yang telah terdaftar.
- Memuat tombol tambah, berfungsi untuk menambah data kasir atau data pramusaji.
- Memuat tombol edit, berfungsi untuk mengubah data kasir atau pramusaji yang dipilih dari datagrid.
- Memuat tombol hapus, berfungsi untuk menghapus data kasir atau pramusaji yang telah dipilih dari datagrid.
- Memuat tombol simpan, berfungsi untuk menyimpan data yang telah diinputkan.
- Memuat dynamic text, berfungsi untuk menampilkan username yang sedang aktif.
Gambar 3.16 LKT Halaman Tambah Data Kasir atau Data Pramusaji
l. Lembar Kerja Tampilan Halaman Edit Data Kasir atau Data Pramusaji.
- Memuat tombol logout, berfungsi untuk keluar dari halaman.
- Memuat gambar home, berfungsi untuk kembali ke menu utama.
- Memuat tombol lihat, berfungsi untuk melihat data kasir ataudata pramusaji.
- Memuat tombol tambah, berfungsi untuk menambah data kasir ataudata pramusaji yang telah diinputkan. - Memuat tombol edit, berfungsi untuk mengupdate
- Memuat gambar home, berfungsi untuk kembali ke menu utama.
- Memuat tombol update, berfungsi untuk mengupdatte data yang telah di pilih dari datagrid.
- Memuat dynamic text, berfungsi untuk menampilkan username yang sedang aktif.
- Memuat datagrid untuk menampilkan data kasir atau data pramusaji.
- Memuat 1 dynamic text untuk menampilkan data ID yang dipilih dari datagrid.
- Memuat 4 input text untuk nama, password, alamat dan phone yang bisa dirubah datanya
m. Lembar Kerja Tampilan Halaman Hapus Data Kasir atau Data Pramusaji.
- Memuat tombol logout untuk keluar dari halaman. - Memuat gambar home, berfungsi untuk kembali ke
menu utama.
- Memuat tombol lihat, berfungsi untuk melihat data kasir atau pramusaji yang telah terdaftar.
- Memuat tombol tambah, berfungsi untuk menambah data kasir atau pramusaji.
- Memuat tombol edit, berfungsi untuk mengubah data kasir atau pramusaji yang dipilih dari datagrid.
- Memuat tombol hapus, berfungsi untuk menghapus data kasir atau pramusaji yang telah dipilih dari datagrid.
- Memuat tombol hapus, berfungsi untuk menghapus data yang telah dipilih dari datagrid.
- Memuat dynamic text, berfungsi untuk menampilkan username yang sedang aktif.
- Memuat datagrid untuk menampilkan data kasir atau pramusaji.
Gambar 3.18 LKT Halaman Hapus Data Kasir atau Data Pramusaji
n. Lembar Kerja Tampilan Halaman Omset
- Memuat tombol logout untuk keluar dari halaman. - Memuat gambar home, berfungsi untuk kembali ke
menu utama.
- Memuat tombol data omset cake, berfungsi untuk melihat data omset cakes.
- Memuat tombol data omset coffe, berfungsi untuk melihat data omset coffee.
Gambar 3.19 LKT Halaman Omset
o. Lembar Kerja Tampilan Data Omset Cake atau Data Omset Coffee.
- Memuat tombol logout untuk keluar dari halaman. - Memuat gambar home, berfungsi untuk kembali ke
menu utama.
- Memuat dynamic text, berfungsi untuk menampilkan username yang sedang aktif.
Gambar 3.20 LKT Halaman Data Omset Cake atau Data Coffee
p. Lembar Kerja Tampilan Halaman Utama untuk Customer. - Memuat tombol home, berfungsi menampilkan
halaman home.
- Memuat tombol menu, berfungsi untuk menampilkan halaman menu.
- Memuat tombol about, berfungsi untuk menampilkan halaman about.
Gambar 3.21 LKT Halaman Menu Utama untuk Customer
q. Lembar Kerja Tampilan Halaman Menu
- Memuat tombol home, berfungsi menampilkan halaman home.
- Memuat tombol menu, berfungsi untuk menampilkan halaman menu.
- Memuat tombol about, berfungsi untuk menampilkan halaman about.
- Memuat tombol contact, berfungsi untuk menampilkan halaman contact.
- Memuat tombol gambar cake, berfungsi untuk menampilkan halaman menu cake.
Gambar 3.22 LKT Halaman Menu
r. Lembar Kerja Tampilan Halaman Menu Cake atau Menu Coffee.
- Memuat tombol home, berfungsi menampilkan halaman home.
- Memuat tombol menu, berfungsi untuk menampilkan halaman menu.
- Memuat tombol about, berfungsi untuk menampilkan halaman about.
- Memuat tombol contact, berfungsi untuk menampilkan halaman contact.
Gambar 3.23 LKT Halaman Menu Cake atau Menu Coffee
s. Lembar Kerja Tampilan Halaman Halaman Salah Satu Gambar jika dipilih.
- Memuat tombol home, berfungsi menampilkan halaman home.
- Memuat tombol menu, berfungsi untuk menampilkan halaman menu.
- Memuat tombol about, berfungsi untuk menampilkan halaman about.
- Memuat tombol contact, berfungsi untuk menampilkan halaman contact.
- Memuat tombol gambar-gambar, jika dipilih akan menampilkan halaman keterangan tentang gambar.
Gambar 3.24 LKT Halaman Salah Satu Gambar jika dipilih
t. Lembar Kerja Tampilan Halaman About.
- Memuat tombol home, berfungsi menampilkan halaman home.
- Memuat tombol menu, berfungsi untuk menampilkan halaman menu.
- Memuat tombol about, berfungsi untuk menampilkan halaman about.
- Memuat tombol contact, berfungsi untuk menampilkan halaman contact.
Gambar 3.25 LKT Halaman About
u. Lembar Kerja Tampilan Halaman Contact.
- Memuat tombol home, berfungsi menampilkan halaman home.
- Memuat tombol menu, berfungsi untuk menampilkan halaman menu.
- Memuat tombol about, berfungsi untuk menampilkan halaman about.
- Memuat tombol contact, berfungsi untuk menampilkan halaman contact.
Gambar 3.26 LKT Halaman Contact
v. Lembar Kerja Tampilan Halaman Order.
- Memuat tombol home, berfungsi menampilkan halaman home.
- Memuat tombol menu, berfungsi untuk menampilkan halaman menu.
- Memuat tombol about, berfungsi untuk menampilkan halaman about.
- Memuat tombol contact, berfungsi untuk menampilkan halaman contact.
- Memuat tombol order, berfungsi untuk mengirimkan data order ke sistem.
- Memuat 2 input text yaitu untuk menginputkan no meja dan jumlah yang diorder.
- Memuat 2 dynamic text yang menampilkan data nama dan harga yang dipilih dari datagrid.
Gambar 3.27 LKT Halaman Order
w. Lembar Kerja Tampilan Halaman Data Order pada Pramusaji.
- Memuat tombol logout, berfungsi untuk keluar dari halaman.
- Memuat tombol back menu, berfungsi untuk kembali ke menu awal.
- Memuat datagrid untuk menampilkan data order.
Gambar 3.28 LKT Halaman Data Order pada Pramusaji
x. Lembar Kerja Tampilan Halaman Pembayaran pada Kasir.
- Memuat tombol logout, berfungsi untuk keluar dari halaman.
- Memuat tombol back menu, berfungsi untuk kembali ke menu awal.
- Memuat tombol proses, berfungsi untuk memproses data order yang telah dipilih dari datagrid ke sistem. - Memuat datagrid untuk menampilkan data order. - Memuat 4 input text untuk menampilkan data id, no
- Memuat input text bayar untuk menginputkan nominal pembayaran.
- Memuat input text sisa untuk menampilkan sisa pembayaran.
Gambar 3.29 LKT Halaman Lembar Kerja Tampilan
