T0 562011023 BAB III

(1)

9 BAB III

PERANCANGAN SISTEM

1.1 Data Flow Diagram (DFD)

ADMIN

KASIR

Proses Input

Data

Proses Input

Data

Into Data

User

Supplier

Kategori

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 Kategori

Into Data

ADMIN

Data Supplier

Proses

Update Data

Data Pembelian

Data Penjualan

KASIR

Into Data

(2)

10

3.2 Flowchart System

KASIR ADMIN

TRANSAKSI PEMBELIAN

TRANSAKSI PENJUALAN

LOGOUT PROSES DATA

PEMBELIAN

INTERFACE

PROSES DATA PENJUALAN

PENJUALAN

INTERFACE

DATA USER

DATA SUPPLIER

DATA KATEGORI

DATA MENU

EDIT DELETE

USER

DATA PEMBELIA

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

T2

T4

T3

Admin

Kasir

T5

T6

T7

T8

T9

T10

T11

Pembelian Penjualan

Logout

Data User

Data Supplier Data Kategori

Data Menu

Laporan Penjualan 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

(3)

11

3.4 Lembar Kerja Tampilan (LKT)

No. Sheet : 1 Menu Utama

-LOGO

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

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

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

(4)

12

No. Sheet : 3

Menu Utama - Admin

-LOGO

Home

SELAMAT 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

(5)

13

No. Sheet : 4

Menu Utama - Kasir

-LOGO

Home

SELAMAT 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

Home

DATA 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

(6)

14

No. Sheet : 6

Halaman Data Supplier

-LOGO

Home

DATA 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

Home

DATA 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

(7)

15

No. Sheet : 8

Halaman Data Menu

-LOGO

Home _{DATA 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

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

.

Button edit

berfungsi untuk

menampilkan form

edit menu

dan

button delete

berfungsi

untuk menghapus data

.

No. Sheet : 9 Halaman Transaksi Pembelian

-LOGO

Home _{TRANSAKSI 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 PEMBELIAN Nama 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.

(8)

16

No. Sheet : 10

Halaman Transaksi Penjualan

-LOGO

Home

TRANSAKSI PENJUALAN

Navigasi :

Keterangan : *Logo berwarna merah

*background button merah; font-size: 14px; font-colour: white *Text; font-size: 12px; black.

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. KodeNama Menu Harga JumlahSubtotal 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

(9)

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. Daftar Menu Harga JumlahSubtotal

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.

(10)

18

No. Sheet : 14

Halaman Laporan Data Supplier

-LOGO

Home

DAFTAR 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

BACK PRINT

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

Home

DAFTAR 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

BACK PRINT

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

(11)

19

No. Sheet : 16

Halaman Laporan Data Menu

-LOGO

Home

DAFTAR 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)

BACK PRINT

Kode Nama Menu

Jumlah Data : Halaman Ke :

Gambar 19.

LKT

Halaman Laporan Data Menu

Saat

user admin

memilih

button

laporan data

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

dan

button back

yang digunakan untuk kembali pada tampilan sebelumnya, yaitu

tampilan

form

laporan.

No. Sheet : 17

Halaman Laporan Data Menu by Kategori

-LOGO

Home

LAPORAN 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)

BACK PRINT

Kode Nama Menu

Filter Kategori : ALL

-Gambar 20.

LKT

Halaman Laporan Data Menu by Kategori

Saat

user admin

memilih

button

laporan data

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

(12)

20

No. Sheet : 18

Halaman Laporan Penjualan

-LOGO

Home

DATA PENJUALAN KE PELANGGAN

Navigasi :

Keterangan : *Logo berwarna merah

*background button merah; font-size: 14px; font-colour: white *Text; font-size: 12px

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

BACK PRINT

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

Home

LAPORAN 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

BACK PRINT

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

(13)

21

No. Sheet : 20

Halaman Laporan Penjualan Menu

-LOGO

Home

LAPORAN 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

BACK PRINT

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,

(14)

22

No. Sheet : 21

Halaman Laporan Pembelian

-LOGO

Home

DATA PEMBELIAN KE SUPPLIER

Navigasi :

Keterangan : *Logo berwarna merah

*background button merah; font-size: 14px; font-colour: white *Text; font-size: 12px

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

BACK PRINT

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

(15)

23

No. Sheet : 22

Halaman Laporan Pembelian Periode

-LOGO

Home

LAPORAN 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

BACK PRINT

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

(16)

24

No. Sheet : 23

Halaman 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 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 : 24 Halaman 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 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

(17)

25

No. Sheet : 25

Halaman Add Data Supplier

-LOGO

Home

TAMBAH 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

Home _{EDIT 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

(18)

26

No. Sheet : 27

Halaman Add Data Kategori

-LOGO

Home

TAMBAH 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

Home

EDIT 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

(19)

27

No. Sheet : 29

Halaman Add Menu

-LOGO

Home

TAMBAH 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

Gambar 32

diatas akan ditampilkan apabila

user admin

memilih

button add

data

pada

form

data

.

Button

simpan pada

form

digunakan untuk menyimpan

data

ke dalam

database

, dan menampilkannya dalam tabel data

pada

form

data

menu. Button

cancel

digunakan untuk mengembalikan tampilan ke

form

data

.

No. Sheet : 30 Halaman Edit Data Menu

-LOGO

Home

TAMBAH 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

Gambar 33

diatas akan ditampilkan apabila

user admin

memilih

button edit

pada

form

data

.

Button

simpan pada

form

digunakan untuk menyimpan data

yang telah diubah ke dalam

database. Button

cancel

digunakan untuk

(1)

22

No. Sheet : 21 Halaman Laporan Pembelian

-LOGO Home

DATA PEMBELIAN KE SUPPLIER

Navigasi :

Keterangan : *Logo berwarna merah

*background button merah; font-size: 14px; font-colour: white *Text; font-size: 12px

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

BACK PRINT

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

(2)

23

No. Sheet : 22

Halaman Laporan Pembelian Periode

-LOGO Home

LAPORAN 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

BACK PRINT

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

(3)

24

No. Sheet : 23

Halaman 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 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 : 24 Halaman 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 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

(4)

25

No. Sheet : 25 Halaman Add Data Supplier

-LOGO Home

TAMBAH 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

Home _{EDIT 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

(5)

26

No. Sheet : 27 Halaman Add Data Kategori

-LOGO Home

TAMBAH 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 Home

EDIT 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

(6)

27

No. Sheet : 29 Halaman Add Menu

-LOGO Home

TAMBAH 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

Gambar 32

diatas akan ditampilkan apabila

user admin

memilih

button add

data

pada

form

data

.

Button

simpan pada

form

digunakan untuk menyimpan

data

ke dalam

database

, dan menampilkannya dalam tabel data

pada

form

data

menu. Button

cancel

digunakan untuk mengembalikan tampilan ke

form

data

.

No. Sheet : 30 Halaman Edit Data Menu

-LOGO Home

TAMBAH 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