Upload
hoangtruc
View
232
Download
0
Embed Size (px)
Citation preview
9
BAB III
PERANCANGAN SISTEM
1.1 Data Flow Diagram (DFD)
ADMIN
KASIR
Proses Input
Data
Proses Input
Data
Into Data
User
Supplier
Kategori
Menu
Transaksi
Pembelian
Transaksi
Penjualan
Data Pembelian
Data Penjualan
Into Data
Data menu
Data Kategori
Data User
Data Supplier
Into Data
Proses
Update Data
Data User
Data KategoriADMINInto Data
Data Supplier
Proses
Update Data
Data Pembelian
Data Penjualan
KASIRInto Data
Gambar 1. Data Flow Diagram
10
3.2 Flowchart System
KASIR ADMIN
TRANSAKSI
PEMBELIANTRANSAKSI
PENJUALAN
LOGIN
LOGOUT
PROSES DATA
PEMBELIAN
PEMBELIAN
INTERFACE
PROSES DATA
PENJUALAN
PENJUALAN
INTERFACE
DATA
USER
DATA
SUPPLIER
DATA
KATEGORI
DATA
MENU
EDIT DELETE
USER
DATA
PEMBELIA
N
DATA
PENJUALAN
INTERFACE
EDIT DELETE
SUPPLIER
INTERFACE
EDIT DELETE
KATEGORI
INTERFACE
EDIT DELETE
SUPPLIER
INTERFACE
LOGOUT
Gambar 2. Flowchart System
3.3 Jaringan Semantik Tampilan (JST)
T1 T2Login
T4
T3Admin
Kasir
T5 T6 T7 T8 T9 T10 T11
Pembelian
Penjualan
Logout
Logout
Data User
Data Supplier
Data Kategori
Data Menu
LaporanPenjualan
Pembelian
HOME
T23
Add
T24
Edit
T25
Add
T26
Edit
T27
T28
Add
Edit
T29
T30
Add
Edit
T12
Simpan
T13
Simpan
T14
Lap. D. Supplier
T15
Lap. D. Kategori
T16
Lap. D. Menu
T17
Lap. D. Menu by Kategori
T18
Lap. Penjualan
T19
Lap. Penjualan Periode
T20
Lap. Penjualan Menu
T21
Lap. Pembelian
T22
Lap. Pembelian Periode
Gambar 3. Jaringan Semantik Tampilan
11
3.4 Lembar Kerja Tampilan (LKT)
No. Sheet : 1
Menu Utama-
LOGO
LOGIN
SELAMAT DATANG
Navigasi :
Klik “Login” ganti tampilan dengan No. 2
Keterangan :
*Logo berwarna merah
*background button merah; font-size: 14px; font-colour: white
*SELAMAT DATANG; font-size: 18px
Gambar 4. LKT Menu Utama
Saat aplikasi dijalankan, maka akan keluar tampilan Gambar 4 seperti di
atas. Dalam form ini terdapat sebuah button yang akan digunakan user untuk dapat
masuk ke dalam tampilan form login.
No. Sheet : 2
Menu Login-
LOGO
LOGIN
GAMBAR
Navigasi :
Jika level yang dipilih sebagai “Admin”
Tekan tombol login ganti tampilan 3
Keterangan :
*Logo berwarna merah
*background button merah; font-size: 14px; font-colour: white
*Text; font-size: 12px
Username :
Password :
Level : …...
LOGIN
Jika level yang dipilih sebagai “Kasir”
Tekan tombol login ganti tampilan 4
Gambar 5. LKT Menu Login
Saat user menekan tombol login pada form menu utama maka akan muncul
tampilan seperti pada gambar di atas. Pada form ini user diharuskan untuk
memasukkan data username dan password agar dapat mengakses menu yang ada
pada aplikasi point of sales berbasis website ini. Akses menu selanjutnya akan
dibedakan menjadi dua level yaitu admin dan kasir.
12
No. Sheet : 3
Menu Utama - Admin-
LOGO
HomeSELAMAT DATANG
Navigasi :
Keterangan :
*Logo berwarna merah
*background button merah; font-size: 14px; font-colour: white
*Text; font-size: 12px
Klik Home refresh tampilan no. 3
Klik Data User ganti tampilan no. 5
Klik Data Supplier ganti tampilan no. 6
Klik Data Kategori ganti tampilan no. 7
Klik Data Menu ganti tampilan no. 8
Klik Transaksi Pembelian ganti tampilan no. 9
Klik Transaksi Penjualan ganti tampilan no. 10
Klik Laporan ganti tampilan 11
Klik Logout ganti tampilan no. 1
Data User
Data Supplier
Data Kategori
Data Menu
Transaksi Pembelian
Transaksi Penjualan
Anda Login sebagai Admin
Laporan
Logout
Gambar 6. LKT Menu Utama Admin
Gambar 6 ini akan ditampilkan apabila pada user melakukan login sebagai
admin. Pada gambar ini terdapat 9 buah button yang dapat digunakan oleh user.
Button home berfungsi untuk menampilkan menu utama pada admin seperti pada
gambar diatas. Button data user berfungsi untuk menampilkan halaman data user.
Button data supplier berfungsi untuk menampilkan halaman data supplier, button
data kategori berfungsi untuk menampilkan halaman data kategori, button data
menu berfungsi untuk menampilkan halaman data menu. Button transaksi
pembelian berfungsi untuk menampilkan halaman transaksi pembelian, Button
transaksi penjualan berfungsi untuk menampilkan halaman transaksi penjualan.
Button laporan digunakan untuk menampilkan berbagai macam laporan dalam
transaksi jula beli yang dilakukan restoran. Button logout berfungsi untuk
menghentikan akses sebagai admin dan mengembalikan tampilan ke tampilan
utama sebelum login.
13
No. Sheet : 4
Menu Utama - Kasir-
LOGO
HomeSELAMAT DATANG
Navigasi :
Keterangan :
*Logo berwarna merah
*background button merah; font-size: 14px; font-colour: white
*Text; font-size: 12px
Klik Home refresh tampilan no. 4
Klik Transaksi Pembelian ganti tampilan no. 9
Klik Transaksi Penjualan ganti tampilan no. 10
Klik Logout ganti tampilan no. 1
Transaksi Pembelian
Transaksi Penjualan Anda Login sebagai Kasir
Logout INFO LOGIN
User ID :
Nama Anda :
Gambar 7. LKT Menu Utama Kasir
Pada Gambar 7 diatas menunjukan tampilan apabila user melakukan login
sebagai kasir. Dalam form ini hanya terdapat 4 buah button dimana fungsi button
memiliki fungsi yang sama seperti pada button di form admin.
No. Sheet : 5
Halaman Data User-
LOGO
HomeDATA USER
Navigasi :
Keterangan :
*Logo berwarna merah
*background button merah; font-size: 14px; font-colour: white
*Text; font-size: 12px
Klik Home ganti tampilan no. 3
Klik Data User refresh halaman data user
Klik Data Supplier ganti tampilan no. 6
Klik Data Kategori ganti tampilan no. 7
Klik Data Menu ganti tampilan no. 8
Klik Transaksi Pembelian ganti tampilan no. 9
Klik Transaksi Penjualan ganti tampilan no. 10
Klik Laporan ganti tampilan 11
Klik Logout ganti tampilan no. 1
Klik Add Data ganti tampilan no. 23
Klik Edit ganti tampilan no. 24
Klik Delete maka akan menghapus data user
Data User
Data Supplier
Data Kategori
Data Menu
Transaksi Pembelian
Transaksi Penjualan
Laporan
Logout
Add Data
No. Nama Lengkap No. Telepon Username Level Edit Delete
Jumlah data : Halaman Ke :
*Text “DATA USER” : font-size : 14px; bold; black.
Gambar 8. LKT Halaman Data User
Saat user admin memilih button data user maka tampilan akan seperti pada
Gambar 8 di atas di mana terdapat 3 buah button tambahan, yaitu button add data
yang berfungsi untuk menambah data user. Button edit berfungsi untuk
menampilkan form edit user dan button delete berfungsi untuk menghapus data
user.
14
No. Sheet : 6
Halaman Data Supplier-
LOGO
HomeDATA SUPPLIER
Navigasi :
Keterangan :
*Logo berwarna merah
*background button merah; font-size: 14px; font-colour: white
*Text; font-size: 12px
Data User
Data Supplier
Data Kategori
Data Menu
Transaksi Pembelian
Transaksi Penjualan
Laporan
Logout
Add Data
No. Nama Supplier Alamat Edit Delete
Jumlah data : Halaman Ke :
*Text “DATA SUPPLIER” : font-size : 14px; bold; black.
Klik Home ganti tampilan no. 3
Klik Data User ganti tampilan no. 5
Klik Data Supplier refresh halaman data supplier
Klik Data Kategori ganti tampilan no. 7
Klik Data Menu ganti tampilan no. 8
Klik Transaksi Pembelian ganti tampilan no. 9
Klik Transaksi Penjualan ganti tampilan no. 10
Klik Laporan ganti tampilan 11
Klik Logout ganti tampilan no. 1
Klik Add Data ganti tampilan no. 25
Klik Edit ganti tampilan no. 26
Klik Delete maka akan menghapus data supplier
Gambar 9. LKT Halaman Data Supplier
Saat user admin memilih button data supplier maka tampilan form akan
seperti pada Gambar 9 di atas di mana terdapat 3 buah button tambahan, yaitu
button add data yang berfungsi untuk menambah data supplier. Button edit
berfungsi untuk menampilkan form edit supplier dan button delete berfungsi untuk
menghapus data supplier.
No. Sheet : 7
Halaman Data Kategori-
LOGO
HomeDATA KATEGORI
Navigasi :
Keterangan :
*Logo berwarna merah
*background button merah; font-size: 14px; font-colour: white
*Text; font-size: 12px
Data User
Data Supplier
Data Kategori
Data Menu
Transaksi Pembelian
Transaksi Penjualan
Laporan
Logout
Add Data
No. Nama Kategori Qty Menu Edit Delete
Jumlah data : Halaman Ke :
*Text “DATA KATEGORI” : font-size : 14px; bold; black.
Klik Home ganti tampilan no. 3
Klik Data User ganti tampilan no. 5
Klik Data Supplier ganti tampilan no. 6
Klik Data Kategori refresh halaman data
kategori
Klik Data Menu ganti tampilan no. 8
Klik Transaksi Pembelian ganti tampilan no. 9
Klik Transaksi Penjualan ganti tampilan no. 10
Klik Laporan ganti tampilan 11
Klik Logout ganti tampilan no. 1
Klik Add Data ganti tampilan no. 27
Klik Edit ganti tampilan no. 28
Klik Delete maka akan menghapus data kategori
Gambar 10. LKT Halaman Data Kategori
Saat user admin memilih button data kategori maka tampilan form akan
seperti pada gambar di atas di mana terdapat 3 buah button tambahan, yaitu button
add data yang berfungsi untuk menambah data kategori. Button edit berfungsi
untuk menampilkan form edit kategori dan button delete berfungsi untuk
menghapus data kategori.
15
No. Sheet : 8
Halaman Data Menu-
LOGO
HomeDATA PRODUK MENU
Navigasi :
Keterangan :
*Logo berwarna merah
*background button merah; font-size: 14px; font-colour: white
*Text; font-size: 12px
Data User
Data Supplier
Data Kategori
Data Menu
Transaksi Pembelian
Transaksi Penjualan
Laporan
Logout
Add Data
No. Nama Menu Harga Edit Delete
Jumlah data : Halaman Ke :
*Text “DATA PRODUK MENU” : font-size : 14px; bold; black.
Kategori
Klik Home ganti tampilan no. 3
Klik Data User ganti tampilan no. 5
Klik Data Supplier ganti tampilan no. 6
Klik Data Kategori ganti tampilan no. 7
Klik Data Menu refresh halaman data menu
Klik Transaksi Pembelian ganti tampilan no. 9
Klik Transaksi Penjualan ganti tampilan no. 10
Klik Laporan ganti tampilan 11
Klik Logout ganti tampilan no. 1
Klik Add Data ganti tampilan no. 29
Klik Edit ganti tampilan no. 30
Klik Delete maka akan menghapus data menu
Gambar 11. LKT Halaman Data Menu
Saat user admin memilih button data menu maka tampilan form akan seperti
pada gambar di atas di mana terdapat 3 buah button tambahan, yaitu button add
data yang berfungsi untuk menambah data menu. Button edit berfungsi untuk
menampilkan form edit menu dan button delete berfungsi untuk menghapus data
menu. No. Sheet : 9
Halaman Transaksi Pembelian-
LOGO
HomeTRANSAKSI PEMBELIAN
Navigasi :
Keterangan :
*Logo berwarna merah
*background button merah; font-size: 14px; font-colour: white
*Text; font-size: 12px; black.
Klik Home : Jika admin ganti tampilan no. 3
Jika kasir ganti tampilan no.4
Klik Data User ganti tampilan no. 5
Klik Data Supplier ganti tampilan no. 6
Klik Data Kategori ganti tampilan no. 7
Klik Data Menu ganti tampilan no. 8
Klik Transaksi refresh halaman transaksi
pembelian
Klik Transaksi Penjualan ganti tampilan no. 10
Klik Laporan ganti tampilan 11
Klik Logout ganti tampilan no. 1
Klik Pilih maka item barang, jumlah dan satuan
masuk ke dalam tabel
Klik Simpan Transaksi ganti tampilan 12
Data User
Data Supplier
Data Kategori
Data Menu
Transaksi Pembelian
Transaksi Penjualan
Laporan
Logout SIMPAN TRANSAKSI
*Text “Transaksi Pembelian” : font-size : 14px; bold; black.
DATA TRANSAKSI
No. Pembelian :
Tanggal Transaksi :
Supplier :
Keterangan :
…...
ITEM PEMBELIANNama Item Barang:
Harga Satuan : Jumlah : -Satuan- Pilih
DAFTAR ITEM
No. Item Barang Harga Jumlah Satuan Subtotal Delete
Total Belanja :
Gambar 12. LKT Halaman Transaksi Pembelian
Saat user admin memilih button transaksi pembelian maka tampilan form
akan seperti pada gambar di atas di mana terdapat 2 buah button tambahan, yaitu
button pilih yang berfungsi untuk memasukkan data transaksi ke dalam tabel.
Button simpan berfungsi untuk menampilkan form nota transaksi pembelian.
16
No. Sheet : 10
Halaman Transaksi Penjualan-
LOGO
HomeTRANSAKSI PENJUALAN
Navigasi :
Keterangan :
*Logo berwarna merah
*background button merah; font-size: 14px; font-colour: white
*Text; font-size: 12px; black.
Klik Home : Jika admin ganti tampilan no. 3
Jika kasir ganti tampilan no.4
Klik Data User ganti tampilan no. 5
Klik Data Supplier ganti tampilan no. 6
Klik Data Kategori ganti tampilan no. 7
Klik Data Menu ganti tampilan no. 8
Klik Transaksi ganti tampilan no. 9
Klik Transaksi Penjualan refresh halaman
transaksi penjualan
Klik Laporan ganti tampilan 11
Klik Logout ganti tampilan no. 1
Klik Pilih maka menu makanan, jumlah porsi
masuk ke dalam tabel
Klik Simpan Transaksi ganti tampilan 13
Data User
Data Supplier
Data Kategori
Data Menu
Transaksi Pembelian
Transaksi Penjualan
Laporan
Logout
SIMPAN TRANSAKSI
*Text “Transaksi Penjualan” : font-size : 14px; bold; black.
DATA TRANSAKSI
No. Pembelian :
Tanggal Transaksi :
No Meja :
Keterangan :
PESAN MENU
Menu Makan : Jumlah Porsi :…. Pilih
DAFTAR ITEM
No. Kode Harga JumlahNama Menu Subtotal Delete
Total Bayar :
Pelanggan
Uang Bayar :
Gambar 13. LKT Halaman Transaksi Penjualan
Saat user admin memilih button transaksi penjualan maka tampilan form
akan seperti pada gambar di atas di mana terdapat 2 buah button tambahan, yaitu
button pilih yang berfungsi untuk memasukkan data transaksi ke dalam table yang
telah tersedia. Button simpan berfungsi untuk menampilkan form nota transaksi
penjualan. No. Sheet : 11
Halaman Laporan-
LOGO
Home
Navigasi :
Keterangan :
*Logo berwarna merah
*background button merah; font-size: 14px; font-colour: white
Klik Home ganti tampilan no. 3
Klik Data User ganti tampilan no. 5
Klik Data Supplier ganti tampilan no. 6
Klik Data Kategori ganti tampilan no. 7
Klik Data Menu ganti tampilan no. 8
Klik Transaksi Pembelian ganti tampilan no. 9
Klik Transaksi Penjualan ganti tampilan no. 10
Klik Laporan ganti tampilan 11
Klik Logout ganti tampilan no. 1
Klik Laporan Data Supplier ganti tampilan no. 14
Klik Laporan Data Kategori ganti tampilan no. 15
Klik Laporan Data Menu ganti tampilan no. 16
Klik Laporan Data Menu by Kategori ganti
tampilan no. 17
Klik Laporan Penjualan ganti tampilan no. 18
Klik Laporan Penjualan Periode ganti tampilan
no. 19
Klik Laporan Penjualan Menu ganti tampilan no.
20
Klik Laporan Pembelian ganti tampilan no. 21
Klik Laporan Penmbelian Periode ganti tampilan
no. 22
Data User
Data Supplier
Data Kategori
Data Menu
Transaksi Pembelian
Transaksi Penjualan
Laporan
Logout
Laporan Data Supplier
Laporan Data Kategori
Laporan Data Menu
Laporan Data Menu by Kategori
Laporan Penjualan
Laporan Penjualan Periode
Laporan Penjualan Menu
Laporan Pembelian
Laporan Pembelian Periode
Gambar 14. LKT Halaman Laporan
Saat user admin memilih button laporan maka tampilan form akan seperti
pada gambar di atas di mana terdapat 9 buah button tambahan yang berfungsi untuk
menampilkan form laporan sesuai dengan button yang dipilih.
17
No. Sheet : 12
Halaman Nota Transaksi Pembelian-Navigasi :
Keterangan :
*Logo berwarna merah
*background button merah; font-size: 14px; font-colour: white
*Text; font-size: 12px; black.
Klik PRINT maka akan mencetak nota pembelian
Klik CANCEL jika admin ganti tampilan no 3
jika kasir ganti tampilan no 4 No. Pembelian :
Tanggal Transaksi :
Supplier :
Keterangan :
Kasir :
No. Daftar Item Barang Harga Jumlah Satuan Subtotal
Total Belanja :
PRINT CANCEL
Gambar 15. LKT Halaman Nota Transaksi Pembelian
Gambar 15 di atas akan tampil apabila user admin menyimpan data
transaksi pembelian pada form transaksi pembelian. Pada form ini terdapat button
print yang berfungsi untuk mencetak nota transaksi pembelian. Selain itu terdapat
button cancel yang berfungsi untuk mengembalikan tampilan ke form transaksi
pembelian. No. Sheet : 13
Halaman Nota Transaksi Penjualan-
LOGO
Navigasi :
Keterangan :
*Logo berwarna merah
*background button merah; font-size: 14px; font-colour: white
*Text : font-size: 12px; black.
Klik PRINT maka akan mencetak nota penjualan
Klik CANCEL jika admin ganti tampilan no 3
jika kasir ganti tampilan no 4
No. Nota :
Tanggal Transaksi
No. Harga JumlahDaftar Menu Subtotal
Total Bayar :
Uang Bayar :
Kepada Yth.
Pengembalian :
Hormat kami,
(NAMA RESTO)
CANCEL
Gambar 16. LKT Halaman Nota Transaksi Penjualan
Gambar 16 di atas akan tampil apabila user admin menyimpan data
transaksi penjualan pada form transaksi penjualan. Pada form ini terdapat button
print yang berfungsi untuk mencetak nota transaksi penjualan. Selain itu terdapat
button cancel yang berfungsi untuk mengembalikan tampilan ke form transaksi
penjualan.
18
No. Sheet : 14
Halaman Laporan Data Supplier-
LOGO
HomeDAFTAR SUPPLIER
Navigasi :
Keterangan :
*Logo berwarna merah
*background button merah; font-size: 14px; font-colour: white
*Text; font-size: 12px
Klik Home ganti tampilan no. 3
Klik Data User ganti tampilan no. 5
Klik Data Supplier ganti tampilan no. 6
Klik Data Kategori ganti tampilan no. 7
Klik Data Menu ganti tampilan no. 8
Klik Transaksi Pembelian ganti tampilan no. 9
Klik Transaksi Penjualan ganti tampilan no. 10
Klik Laporan ganti tampilan 11
Klik Logout ganti tampilan no. 1
Klik PRINT maka akan mencetak daftar supllier
Klik BACK ganti tampilan dengan no. 11
Data User
Data Supplier
Data Kategori
Data Menu
Transaksi Pembelian
Transaksi Penjualan
Laporan
Logout
No. Nama Supplier Alamat Lengkap No. Telepon
BACKPRINT
Gambar 17. LKT Halaman Laporan Data Supplier
Saat user admin memilih button laporan data supplier pada form laporan
maka tampilan form akan seperti pada gambar di atas di mana terdapat 2 buah
button tambahan, yaitu button print yang digunakan untuk mencetak laporan data
supplier dan button back yang digunakan untuk kembali pada tampilan
sebelumnya, yaitu tampilan form laporan. No. Sheet : 15
Halaman Laporan Data Kategori-
LOGO
HomeDAFTAR KATEGORI
Navigasi :
Keterangan :
*Logo berwarna merah
*background button merah; font-size: 14px; font-colour: white
*Text; font-size: 12px
Klik Home ganti tampilan no. 3
Klik Data User ganti tampilan no. 5
Klik Data Supplier ganti tampilan no. 6
Klik Data Kategori ganti tampilan no. 7
Klik Data Menu ganti tampilan no. 8
Klik Transaksi Pembelian ganti tampilan no. 9
Klik Transaksi Penjualan ganti tampilan no. 10
Klik Laporan ganti tampilan 11
Klik Logout ganti tampilan no. 1
Klik PRINT maka akan mencetak daftar kategori
Klik BACK ganti tampilan dengan no. 11
Data User
Data Supplier
Data Kategori
Data Menu
Transaksi Pembelian
Transaksi Penjualan
Laporan
Logout
No. Nama Kategori Qty Menu
BACKPRINT
Gambar 18. LKT Halaman Laporan Data Kategori
Saat user admin memilih button laporan data kategori pada form laporan
maka tampilan form akan seperti pada gambar di atas di mana terdapat 2 buah
button tambahan, yaitu button print yang digunakan untuk mencetak laporan data
kategori dan button back yang digunakan untuk kembali pada tampilan
sebelumnya, yaitu tampilan form laporan.
19
No. Sheet : 16
Halaman Laporan Data Menu-
LOGO
HomeDAFTAR MENU
Navigasi :
Keterangan :
*Logo berwarna merah
*background button merah; font-size: 14px; font-colour: white
*Text; font-size: 12px
Klik Home ganti tampilan no. 3
Klik Data User ganti tampilan no. 5
Klik Data Supplier ganti tampilan no. 6
Klik Data Kategori ganti tampilan no. 7
Klik Data Menu ganti tampilan no. 8
Klik Transaksi Pembelian ganti tampilan no. 9
Klik Transaksi Penjualan ganti tampilan no. 10
Klik Laporan ganti tampilan 11
Klik Logout ganti tampilan no. 1
Klik PRINT maka akan mencetak daftar menu
Klik BACK ganti tampilan dengan no. 11
Data User
Data Supplier
Data Kategori
Data Menu
Transaksi Pembelian
Transaksi Penjualan
Laporan
Logout
No. Kategori Harga (Rp)
BACKPRINT
Kode Nama Menu
Jumlah Data : Halaman Ke :
Gambar 19. LKT Halaman Laporan Data Menu
Saat user admin memilih button laporan data menu pada form laporan maka
tampilan form akan seperti pada gambar di atas di mana terdapat 2 buah button
tambahan, yaitu button print yang digunakan untuk mencetak laporan data menu
dan button back yang digunakan untuk kembali pada tampilan sebelumnya, yaitu
tampilan form laporan. No. Sheet : 17
Halaman Laporan Data Menu by Kategori-
LOGO
HomeLAPORAN MENU RESTO
Navigasi :
Keterangan :
*Logo berwarna merah
*background button merah; font-size: 14px; font-colour: white
*Text; font-size: 12px
Klik Home ganti tampilan no. 3
Klik Data User ganti tampilan no. 5
Klik Data Supplier ganti tampilan no. 6
Klik Data Kategori ganti tampilan no. 7
Klik Data Menu ganti tampilan no. 8
Klik Transaksi Pembelian ganti tampilan no. 9
Klik Transaksi Penjualan ganti tampilan no. 10
Klik Laporan ganti tampilan 11
Klik Logout ganti tampilan no. 1
Klik PRINT maka akan mencetak daftar menu
Klik BACK ganti tampilan dengan no. 11
Data User
Data Supplier
Data Kategori
Data Menu
Transaksi Pembelian
Transaksi Penjualan
Laporan
Logout
No. Harga (Rp)
BACKPRINT
Kode Nama Menu
Filter Kategori : - ALL -
Gambar 20. LKT Halaman Laporan Data Menu by Kategori
Saat user admin memilih button laporan data menu by kategori pada form
laporan maka tampilan form akan seperti pada gambar di atas di mana terdapat 2
buah button tambahan, yaitu button print yang digunakan untuk mencetak laporan
dan button back yang digunakan untuk kembali pada tampilan sebelumnya, yaitu
tampilan form laporan. Selain itu terdapat listbox kategori yang digunakan sebagai
filter kategori yang akan ditampilkan pada tabel.
20
No. Sheet : 18
Halaman Laporan Penjualan-
LOGO
HomeDATA PENJUALAN KE PELANGGAN
Navigasi :
Keterangan :
*Logo berwarna merah
*background button merah; font-size: 14px; font-colour: white
*Text; font-size: 12px
Klik Home ganti tampilan no. 3
Klik Data User ganti tampilan no. 5
Klik Data Supplier ganti tampilan no. 6
Klik Data Kategori ganti tampilan no. 7
Klik Data Menu ganti tampilan no. 8
Klik Transaksi Pembelian ganti tampilan no. 9
Klik Transaksi Penjualan ganti tampilan no. 10
Klik Laporan ganti tampilan 11
Klik Logout ganti tampilan no. 1
Klik VIEW buka tab baru dengan tampilan no.
13
Klik PRINT maka akan mencetak daftar menu
Klik BACK ganti tampilan dengan no. 11
Data User
Data Supplier
Data Kategori
Data Menu
Transaksi Pembelian
Transaksi Penjualan
Laporan
Logout
No. Total Bayar
BACKPRINT
Tanggal No. Transaksi Pelanggan No. Meja View
VIEW
Gambar 21. LKT Halaman Laporan Penjualan
Saat user admin memilih button laporan penjualan pada form laporan maka
tampilan form akan seperti pada gambar di atas di mana terdapat 2 buah button
tambahan, yaitu button print yang digunakan untuk mencetak laporan data
penjualan dan button back yang digunakan untuk kembali pada tampilan
sebelumnya, yaitu tampilan form laporan. No. Sheet : 19
Halaman Laporan Penjualan Periode-
LOGO
HomeLAPORAN PENJUALAN PERIODE
Navigasi :
Keterangan :
*Logo berwarna merah
*background button merah; font-size: 14px; font-colour: white
*Text; font-size: 12px
Klik Home ganti tampilan no. 3
Klik Data User ganti tampilan no. 5
Klik Data Supplier ganti tampilan no. 6
Klik Data Kategori ganti tampilan no. 7
Klik Data Menu ganti tampilan no. 8
Klik Transaksi Pembelian ganti tampilan no. 9
Klik Transaksi Penjualan ganti tampilan no. 10
Klik Laporan ganti tampilan 11
Klik Logout ganti tampilan no. 1
Klik Tampilkan maka akan menampilkan data
penjualan sesuai tanggal yang dimasukkan
Klik VIEW buka tab baru dengan tampilan no.
13
Klik PRINT maka akan mencetak daftar menu
Klik BACK ganti tampilan dengan no. 11
Data User
Data Supplier
Data Kategori
Data Menu
Transaksi Pembelian
Transaksi Penjualan
Laporan
Logout
No. Total Bayar
BACKPRINT
Tanggal No. Transaksi Pelanggan No. Meja View
VIEW
PERIODE TANGGAL
PERIODE : s/d Tampilkan
Daftar Penjualan dari tanggal s/d
Gambar 22. LKT Halaman Laporan Penjualan Periode
Saat user admin memilih button laporan penjualan periode pada form
laporan maka tampilan form akan seperti pada gambar di atas di mana terdapat 3
buah button tambahan, yaitu button tampilkan digunakan untuk menampilkan
penjualan sesuai tanggal yang telah ditentukan sedangkan button print digunakan
untuk mencetak laporan dan button back yang digunakan untuk kembali pada
tampilan sebelumnya, yaitu tampilan form laporan.
21
No. Sheet : 20
Halaman Laporan Penjualan Menu-
LOGO
HomeLAPORAN PENJUALAN MENU
Navigasi :
Keterangan :
*Logo berwarna merah
*background button merah; font-size: 14px; font-colour: white
*Text; font-size: 12px
Klik Home ganti tampilan no. 3
Klik Data User ganti tampilan no. 5
Klik Data Supplier ganti tampilan no. 6
Klik Data Kategori ganti tampilan no. 7
Klik Data Menu ganti tampilan no. 8
Klik Transaksi Pembelian ganti tampilan no. 9
Klik Transaksi Penjualan ganti tampilan no. 10
Klik Laporan ganti tampilan 11
Klik Logout ganti tampilan no. 1
Klik Tampilkan maka akan menampilkan data
penjualan menu sesuai tanggal yang
dimasukkan
Klik PRINT maka akan mencetak daftar menu
Klik BACK ganti tampilan dengan no. 11
Data User
Data Supplier
Data Kategori
Data Menu
Transaksi Pembelian
Transaksi Penjualan
Laporan
Logout
No. Qty Terjual
BACKPRINT
Tanggal Kode Nama Menu Harga Subtotal
PERIODE TANGGAL
PERIODE : s/d Tampilkan
Daftar Penjualan dari tanggal s/d
Total Penjualan :
Gambar 23. LKT Halaman Laporan Penjualan Menu
Saat user admin memilih button laporan penjualan menu pada form laporan
maka tampilan form akan seperti pada gambar di atas di mana terdapat 3 buah
button tambahan, yaitu button tampilkan digunakan untuk menampilkan penjualan
sesuai tanggal yang telah ditentukan, button print yang digunakan untuk mencetak
laporan dan button back yang digunakan untuk kembali pada tampilan sebelumnya,
yaitu tampilan form laporan.
22
No. Sheet : 21
Halaman Laporan Pembelian-
LOGO
HomeDATA PEMBELIAN KE SUPPLIER
Navigasi :
Keterangan :
*Logo berwarna merah
*background button merah; font-size: 14px; font-colour: white
*Text; font-size: 12px
Klik Home ganti tampilan no. 3
Klik Data User ganti tampilan no. 5
Klik Data Supplier ganti tampilan no. 6
Klik Data Kategori ganti tampilan no. 7
Klik Data Menu ganti tampilan no. 8
Klik Transaksi Pembelian ganti tampilan no. 9
Klik Transaksi Penjualan ganti tampilan no. 10
Klik Laporan ganti tampilan 11
Klik Logout ganti tampilan no. 1
Klik VIEW buka tab baru dengan tampilan no.
12
Klik PRINT maka akan mencetak laporan
pembelian
Klik BACK ganti tampilan dengan no. 11
Data User
Data Supplier
Data Kategori
Data Menu
Transaksi Pembelian
Transaksi Penjualan
Laporan
Logout
No. Total Belanja
BACKPRINT
Tanggal No. Transaksi Supplier View
VIEW
Jumlah Data : Halaman ke :
Gambar 24. LKT Halaman Laporan Pembelian
Saat user admin memilih button laporan pembelian pada form laporan maka
tampilan form akan seperti pada gambar di atas di mana terdapat 3 buah button
tambahan, yaitu button view yang berfungsi untuk menampilkan nota pembelian
pada transaksi yang dipilih, button print yang digunakan untuk mencetak laporan
dan button back yang digunakan untuk kembali pada tampilan sebelumnya, yaitu
tampilan form laporan.
23
No. Sheet : 22
Halaman Laporan Pembelian Periode-
LOGO
HomeLAPORAN PEMBELIAN PERIODE
Navigasi :
Keterangan :
*Logo berwarna merah
*background button merah; font-size: 14px; font-colour: white
*Text; font-size: 12px
Klik Home ganti tampilan no. 3
Klik Data User ganti tampilan no. 5
Klik Data Supplier ganti tampilan no. 6
Klik Data Kategori ganti tampilan no. 7
Klik Data Menu ganti tampilan no. 8
Klik Transaksi Pembelian ganti tampilan no. 9
Klik Transaksi Penjualan ganti tampilan no. 10
Klik Laporan ganti tampilan 11
Klik Logout ganti tampilan no. 1
Klik Tampilkan maka akan menampilkan data
pembelian sesuai tanggal yang dimasukkan
Klik VIEW buka tab baru dengan tampilan no.
12
Klik PRINT maka akan mencetak daftar menu
Klik BACK ganti tampilan dengan no. 11
Data User
Data Supplier
Data Kategori
Data Menu
Transaksi Pembelian
Transaksi Penjualan
Laporan
Logout
No. Total Belanja
BACKPRINT
Tanggal No. Transaksi Supplier View
VIEW
PERIODE TANGGAL
PERIODE : s/d Tampilkan
Daftar Pembelian dari tanggal s/d
Gambar 25. LKT Halaman Laporan Pembelian Periode
Saat user admin memilih button laporan pembelian periode pada form
laporan maka tampilan form akan seperti pada gambar di atas di mana terdapat 3
buah button tambahan, yaitu button tampilkan digunakan untuk menampilkan
transaksi pembelian yang terjadi pada periode tanggal yang sudah dipilih oleh user,
button print digunakan untuk mencetak laporan dan button back digunakan untuk
kembali pada tampilan sebelumnya, yaitu tampilan form laporan.
24
No. Sheet : 23Halaman Add Data User-
LOGO
Home [ ADD ] USER
SYSTEM
Navigasi :
Keterangan :
*Logo berwarna merah
*background button merah; font-size: 14px; font-colour: white
*Text; font-size: 12px
Klik Home ganti tampilan no. 3
Klik Data User ganti tampilan no. 5
Klik Data Supplier ganti tampilan no. 6
Klik Data Kategori ganti tampilan no. 7
Klik Data Menu ganti tampilan no. 8
Klik Transaksi Pembelian ganti tampilan no.
9
Klik Transaksi Penjualan ganti tampilan no.
10
Klik Laporan ganti tampilan 11
Klik Logout ganti tampilan no. 1
Klik Simpan maka menyimpan data dan
kembali dengan tampilan no. 5
Data User
Data Supplier
Data Kategori
Data Menu
Transaksi Pembelian
Transaksi Penjualan
Kode :
Laporan
Logout
Nama Lengkap :
No. Telepon :
Username :
Password :
Level : ...
Simpan
*Textbox kode: readonly
Gambar 26. LKT Halaman Add Data User
Gambar 26 diatas akan ditampilkan apabila user admin memilih button add
data pada form data user. Button simpan pada form digunakan untuk menyimpan
data user ke dalam database, dan menampilkannya dalam tabel data user pada form
data user.
No. Sheet : 24Halaman Edit Data User-
LOGO
Home[ EDIT ] USER SYSTEM
Navigasi :
Keterangan :
*Logo berwarna merah
*background button merah; font-size: 14px; font-colour: white
*Text; font-size: 12px
Klik Home ganti tampilan no. 3
Klik Data User ganti tampilan no. 5
Klik Data Supplier ganti tampilan no. 6
Klik Data Kategori ganti tampilan no. 7
Klik Data Menu ganti tampilan no. 8
Klik Transaksi Pembelian ganti tampilan no.
9
Klik Transaksi Penjualan ganti tampilan no.
10
Klik Laporan ganti tampilan 11
Klik Logout ganti tampilan no. 1
Klik Simpan maka menyimpan data dan
kembali dengan tampilan no. 5
Data User
Data Supplier
Data Kategori
Data Menu
Transaksi Pembelian
Transaksi Penjualan
Kode :
Laporan
Logout
Nama Lengkap :
No. Telepon :
Username :
Password :
Level : ...
Simpan
*Textbox kode: readonly
Gambar 27. LKT Halaman Edit Data User
Gambar 27 diatas akan ditampilkan apabila user admin memilih button edit
pada form data user. Button simpan pada form digunakan untuk menyimpan data
user yang telah diubah ke dalam database, dan menampilkannya dalam tabel data
user pada form data user.
25
No. Sheet : 25
Halaman Add Data Supplier-
LOGO
HomeTAMBAH SUPPLIER
Navigasi :
Keterangan :
*Logo berwarna merah
*background button merah; font-size: 14px; font-colour: white
*Text; font-size: 12px
Klik Home ganti tampilan no. 3
Klik Data User ganti tampilan no. 5
Klik Data Supplier ganti tampilan no. 6
Klik Data Kategori ganti tampilan no. 7
Klik Data Menu ganti tampilan no. 8
Klik Transaksi Pembelian ganti tampilan no. 9
Klik Transaksi Penjualan ganti tampilan no. 10
Klik Laporan ganti tampilan 11
Klik Logout ganti tampilan no. 1
Klik Simpan maka menyimpan data dan kembali
dengan tampilan no. 6
Klik Cancel kembali ke tampilan no. 6
Data User
Data Supplier
Data Kategori
Data Menu
Transaksi Pembelian
Transaksi Penjualan
Kode :
Laporan
Logout
Nama Supplier :
Alamat :
No. Telepon :
Simpan
*Textbox kode: readonly
Cancel
Gambar 28. LKT Halaman Add Data Supplier
Gambar 28 diatas akan ditampilkan apabila user admin memilih button add
data pada form data supplier. Button simpan pada form digunakan untuk
menyimpan data supplier ke dalam database, dan menampilkannya dalam tabel
data supplier pada form data supplier. Button cancel digunakan untuk
mengembalikan tampilan ke form data supplier. No. Sheet : 26
Halaman Edit Data Supplier-
LOGO
HomeEDIT DATA SUPPLIER
Navigasi :
Keterangan :
*Logo berwarna merah
*background button merah; font-size: 14px; font-colour: white
*Text; font-size: 12px
Klik Home ganti tampilan no. 3
Klik Data User ganti tampilan no. 5
Klik Data Supplier ganti tampilan no. 6
Klik Data Kategori ganti tampilan no. 7
Klik Data Menu ganti tampilan no. 8
Klik Transaksi Pembelian ganti tampilan no. 9
Klik Transaksi Penjualan ganti tampilan no. 10
Klik Laporan ganti tampilan 11
Klik Logout ganti tampilan no. 1
Klik Simpan maka menyimpan data dan kembali
dengan tampilan no. 6
Klik Cancel kembali ke tampilan no. 6
Data User
Data Supplier
Data Kategori
Data Menu
Transaksi Pembelian
Transaksi Penjualan
Kode :
Laporan
Logout
Nama Supplier :
Alamat :
No. Telepon :
Simpan
*Textbox kode: readonly
Cancel
Gambar 29. LKT Halaman Edit Data Supplier
Gambar 29 diatas akan ditampilkan apabila user admin memilih button edit
pada form data supplier. Button simpan pada form digunakan untuk menyimpan
data supplier yang telah diubah ke dalam database, button cancel digunakan untuk
mengembalikan tampilan ke form data supplier.
26
No. Sheet : 27
Halaman Add Data Kategori-
LOGO
HomeTAMBAH KATEGORI
Navigasi :
Keterangan :
*Logo berwarna merah
*background button merah; font-size: 14px; font-colour: white
*Text; font-size: 12px
Klik Home ganti tampilan no. 3
Klik Data User ganti tampilan no. 5
Klik Data Supplier ganti tampilan no. 6
Klik Data Kategori ganti tampilan no. 7
Klik Data Menu ganti tampilan no. 8
Klik Transaksi Pembelian ganti tampilan no. 9
Klik Transaksi Penjualan ganti tampilan no. 10
Klik Laporan ganti tampilan 11
Klik Logout ganti tampilan no. 1
Klik Simpan maka menyimpan data dan kembali
dengan tampilan no. 7
Klik Cancel kembali ke tampilan no. 7
Data User
Data Supplier
Data Kategori
Data Menu
Transaksi Pembelian
Transaksi Penjualan
Kode :
Laporan
Logout
Nama Kategori :
Simpan
*Textbox kode: readonly
Cancel
Gambar 30. LKT Halaman Add Data Kategori
Gambar 30 diatas akan ditampilkan apabila user admin memilih button add
data pada form data kategori. Button simpan pada form digunakan untuk
menyimpan data kategori ke dalam database, dan menampilkannya dalam tabel
data kategori pada form data kategori. Button cancel digunakan untuk
mengembalikan tampilan ke form data kategori.
No. Sheet : 28
Halaman Edit Data Kategori-
LOGO
HomeEDIT DATA KATEGORI
Navigasi :
Keterangan :
*Logo berwarna merah
*background button merah; font-size: 14px; font-colour: white
*Text; font-size: 12px
Klik Home ganti tampilan no. 3
Klik Data User ganti tampilan no. 5
Klik Data Supplier ganti tampilan no. 6
Klik Data Kategori ganti tampilan no. 7
Klik Data Menu ganti tampilan no. 8
Klik Transaksi Pembelian ganti tampilan no. 9
Klik Transaksi Penjualan ganti tampilan no. 10
Klik Laporan ganti tampilan 11
Klik Logout ganti tampilan no. 1
Klik Simpan maka menyimpan data dan kembali
dengan tampilan no. 7
Klik Cancel kembali ke tampilan no. 7
Data User
Data Supplier
Data Kategori
Data Menu
Transaksi Pembelian
Transaksi Penjualan
Kode :
Laporan
Logout
Nama Kategori :
Simpan
*Textbox kode: readonly
Cancel
Gambar 31. LKT Halaman Edit Data Kategori
Gambar 31 diatas akan ditampilkan apabila user admin memilih button edit
pada form data kategori. Button simpan pada form digunakan untuk menyimpan
data kategori yang telah diubah ke dalam database. Button cancel digunakan untuk
mengembalikan tampilan ke form data kategori.
27
No. Sheet : 29
Halaman Add Menu-
LOGO
HomeTAMBAH PRODUK MENU
Navigasi :
Keterangan :
*Logo berwarna merah
*background button merah; font-size: 14px; font-colour: white
*Text; font-size: 12px
Klik Home ganti tampilan no. 3
Klik Data User ganti tampilan no. 5
Klik Data Supplier ganti tampilan no. 6
Klik Data Kategori ganti tampilan no. 7
Klik Data Menu ganti tampilan no. 8
Klik Transaksi Pembelian ganti tampilan no. 9
Klik Transaksi Penjualan ganti tampilan no. 10
Klik Laporan ganti tampilan 11
Klik Logout ganti tampilan no. 1
Klik Simpan maka menyimpan data dan kembali
dengan tampilan no. 8
Klik Cancel kembali ke tampilan no. 8
Data User
Data Supplier
Data Kategori
Data Menu
Transaksi Pembelian
Transaksi Penjualan
Kode :
Laporan
Logout
Nama Menu :
Harga :
Kategori : ….
Simpan
*Textbox kode: readonly
Cancel
Gambar 32. LKT Halaman Add Menu
Gambar 32 diatas akan ditampilkan apabila user admin memilih button add
data pada form data menu. Button simpan pada form digunakan untuk menyimpan
data menu ke dalam database, dan menampilkannya dalam tabel data menu pada
form data menu. Button cancel digunakan untuk mengembalikan tampilan ke form
data menu.
No. Sheet : 30
Halaman Edit Data Menu-
LOGO
HomeTAMBAH PRODUK MENU
Navigasi :
Keterangan :
*Logo berwarna merah
*background button merah; font-size: 14px; font-colour: white
*Text; font-size: 12px
Klik Home ganti tampilan no. 3
Klik Data User ganti tampilan no. 5
Klik Data Supplier ganti tampilan no. 6
Klik Data Kategori ganti tampilan no. 7
Klik Data Menu ganti tampilan no. 8
Klik Transaksi Pembelian ganti tampilan no. 9
Klik Transaksi Penjualan ganti tampilan no. 10
Klik Laporan ganti tampilan 11
Klik Logout ganti tampilan no. 1
Klik Simpan maka menyimpan data dan kembali
dengan tampilan no. 8
Klik Cancel kembali ke tampilan no. 8
Data User
Data Supplier
Data Kategori
Data Menu
Transaksi Pembelian
Transaksi Penjualan
Kode :
Laporan
Logout
Nama Menu :
Harga :
Kategori : ….
Simpan
*Textbox kode: readonly
Cancel
Gambar 33. LKT Halaman Edit Data Menu
Gambar 33 diatas akan ditampilkan apabila user admin memilih button edit
pada form data menu. Button simpan pada form digunakan untuk menyimpan data
menu yang telah diubah ke dalam database. Button cancel digunakan untuk
mengembalikan tampilan ke form data menu.