T0__BAB III Institutional Repository | Satya Wacana Christian University: Perancangan dan Implementasi Sistem Pemesanan Menu di Restoran Berbasis Web T0 BAB III

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
Proses ini meliputi penambahan, pengubahan dan
penghapusan data kasir restoran. Data kasir ini diperoleh
dari adanya kegiatan penambahan pegawai kasir yang
baru. Maintenance data kasir dilakukan oleh admin.

11

12

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

dilakukan oleh admin.
d. Proses Order
Proses ini meliputi lihat data menu dan pilih data menu
yang dilakukan oleh customer . Dari proses tersebut
menghasilkan data order yang dapat dilihat oleh admin,
kasir, dan pramusaji.
e. Proses Billing
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
Proses ini meliputi proses pembayaran yang dilakukan
oleh kasir. Dari proses tersebut menghasilkan data
pembayaran dan data omset yang dapat dilihat oleh
admin.

13

Customer

data order

data order

data menu

Admin

data kasir

Sistem
Pemesanan Menu
di Restoran PAM

data pramusaji
data omset

data order

data order
data billing

Kasir

Pramusaji

Gambar 3.1 DFD tingkat 0 Sistem Pemesanan Menu di Restoran

14

Customer

Admin

data kasir
data menu

data omset
Proses Update
Menu

Data Kasir

data kasir

data menu

Data Menu

Proses Update
Kasir
data pramusaji

Omset
Data Pramusaji

data
pramusaji

Proses Update
Pramusaji

data order

data omset
data billing

Data Order

data order

Proses Order
data order

data order

Billing

Data Billing

data order

Kasir

data billing

Pramusaji

Gambar 3.2 DFD tingkat 1 Sistem Pemesanan Menu di Restoran

15

Customer

Admin

Data Menu

Proses Melihat
Data Menu

Proses Memilih
Data Menu

Data Menu

Data Order

Data Order

Data Order

Data Order

Data Order

Kasir

Pramusaji

Gambar 3.3 DFD tingkat 2 Proses Order

16

Customer

Daftar
Pesanan

Daftar
pesanan/order

Daftar pesanan

Pembayaran

Data pembayaran

Data
pembayaran

Kasir

Gambar 3.4 DFD tingkat 2 Proses Billing

Admin

Data omset

Kasir

Pembayaran
Data
pembayaran

Gambar 3.5 DFD tingkat 2 Omset

17

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

Nama

Varchar (20)

No

Passwd

Varchar (10)

No

Alamat

Varchar (50)

No

Email

Varchar (20)

No

Phone

Varchar (12)

No

Keterangan :
Tabel Login adalah tabel untuk menampung data
admin.

3.2.2 Tabel Cake
Tabel 3.2 Tabel Cake

Column Name

Type

Null

Id_cake

Int (4)

No

Nama_cake

Text

No

Harga_cake

Decimal (20)

No

18

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

Column Name

Type

Null

Id_coffee

Int (4)

No

Nama_ coffee

Text

No

Harga_ coffee

Decimal (20)

No

Info_ coffee

Varchar (300)

No

Gambar_ coffee

Varchar (333)

No

Keterangan :
Tabel Coffe adalah tabel untuk menampung data menu
coffee yang akan ditampilkan.

19

3.2.4 Tabel Kasir
Tabel 3.4 Tabel Kasir

Column Name

Type

Null

Id_kasir

Int (5)

No

Nama

Varchar (20)

No

Passwd

Varchar (20)

No

Alamat

Varchar (50)

No

Phone

Varchar (12)

No

Keterangan :
Tabel Kasir merupakan tabel untuk menampung data
kasir yang akan ditampilkan.

3.2.5 Tabel Pramusaji
Tabel 3.5 Tabel Pramusaji

Column Name

Type

Null

Id_pramusaji

Int (5)

No

Nama

Varchar (20)

No

Passwd

Varchar (20)

No

Alamat

Varchar (50)

No

Phone

Varchar (12)

No

20

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

Nama_coffee

Text

No

21

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 :
Tabel Omset Cake merupakan tabel untuk menampung
data omset cake yang akan ditampilkan.

22

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

Bayar

Decimal (20)

No

Sisa

Decimal (20)

No

Tgl

Date

No

Keterangan :
Tabel

Omset

Coffee

merupakan

tabel

untuk

menampung data omset coffee yang akan ditampilkan.
3.3 Perancangan Antar Muka
a. Lembar Kerja Tampilan Halaman Login.
-

Di halaman ini memuat inputan

username dan

password.
-

Memuat

tombol

login,

yang

berfungsi

untuk

konfirmasi apakah datauser sama dengan yang ada
dalam database dan bila berhasil masuk ke menu
utama.

23

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 tombol omset, berfungsi untuk masuk ke
halaman

yang

memuat

data

omset.

24

-

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 gambar home, berfungsi untuk kembali ke
menu utama.

25

-

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 tambah, berfungsi untuk menambah
data cake ataupun coffee yang telah diinputkan.

26

-

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 logout, berfungsi untuk keluar dari
halaman.

27

-

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.

-

Memuat 4 inputan text yaitu untuk input nama, harga,
info dan gambar.

28

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 gambar home, berfungsi untuk kembali ke
menu utama.

29

-

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.

Gambar 3.11 LKT Halaman Edit Data Cake atau Data Coffee
\

30

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
data menu cake atau coffee yang telah dipilih dari
datagrid.

-

Memuat gambar home, berfungsi untuk kembali ke
menu utama.

-

Memuat tombol hapus, berfungsi untuk menghapus
data menu cake atau coffe yang telah dipilih dari
datagrid.

-

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.

-

Memuat datagrid untuk menampilkan data cake atau
data coffee.

31

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
username yang sedang aktif.

32

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 edit, berfungsi untuk mengubah data
kasir atau pramusaji yang dipilih dari datagrid.

33

-

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 lihat, berfungsi untuk melihat data
kasir

atau

pramusaji

yang

telah

terdaftar.

34

-

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.

Gambar 3.15 LKT Halaman Lihat Data Kasir atau Data
Pramusaji

35

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.

-

Memuat 4 input text untuk mnginputkan nama,
password, alamat dan phone.

36

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
data kasir atau data pramusaji.

37

-

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

Gambar 3.17 LKT Halaman Edit Data Kasir atau Data
Pramusaji

38

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.

-

Memuat 5 dynamic text untuk menampilkan data id,
nama, password, alamat dan phone yang dipilih pada
datagrid.

39

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.

-

Memuat dynamic text, berfungsi untuk menampilkan
username yang sedang aktif.

40

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.

-

Memuat datagrid untuk menampilkan data omset
cake atau coffee.

41

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.

-

Memuat

tombol

contact,

menampilkan halaman contact.

berfungsi

untuk

42

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.

-

Memuat tombol gambar coffee, berfungsi untuk
menampilkan halaman menu coffee.

43

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.
-

Memuat tombol order, berfungsi untuk menampilkan
halaman order.

44

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 order, berfungsi untuk menampilkan
halaman order.

45

-

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.
-

Memuat text area untuk menampilkan content about.

46

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.
-

Memuat text area untuk menampilkan content
contact.

47

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 datagrid untuk menampilkan data cake atau
data coffee.

48

-

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 dynamic text untuk menampilkan username
yang sedang aktif.

49

-

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
meja, nama, dan total yang dipilih dari datagrid.

50

-

Memuat input text bayar untuk menginputkan
nominal pembayaran.

-

Memuat input text sisa untuk menampilkan sisa
pembayaran.

Gambar 3.29 LKT Halaman Lembar Kerja Tampilan

Halaman Pembayaran pada Kasir