Gambar 1. Data Flow Diagram -...

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 :



*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 :




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 :




Klik Home refresh tampilan no. 4




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 :




Klik Home ganti tampilan no. 3

Klik Data User refresh halaman data user








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 :




Data User

Data Supplier

Data Kategori

Data Menu

Transaksi Pembelian

Transaksi Penjualan

Laporan

Logout

Add Data

No. Nama Supplier Alamat Edit Delete


*Text “DATA SUPPLIER” : font-size : 14px; bold; black.



Klik Data Supplier refresh halaman data supplier









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 :




Data User

Data Supplier

Data Kategori

Data Menu

Transaksi Pembelian

Transaksi Penjualan

Laporan

Logout

Add Data

No. Nama Kategori Qty Menu Edit Delete


*Text “DATA KATEGORI” : font-size : 14px; bold; black.




Klik Data Kategori refresh halaman data

kategori








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 :




Data User

Data Supplier

Data Kategori

Data Menu

Transaksi Pembelian

Transaksi Penjualan

Laporan

Logout

Add Data

No. Nama Menu Harga Edit Delete


*Text “DATA PRODUK MENU” : font-size : 14px; bold; black.

Kategori





Klik Data Menu refresh halaman data menu







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 :



*Text; font-size: 12px; black.

Klik Home : Jika admin ganti tampilan no. 3

Jika kasir ganti tampilan no.4





Klik Transaksi refresh halaman transaksi

pembelian




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 :




Klik Home : Jika admin ganti tampilan no. 3

Jika kasir ganti tampilan no.4





Klik Transaksi ganti tampilan no. 9

Klik Transaksi Penjualan refresh halaman

transaksi penjualan



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 :












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 :




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 :



*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

PRINT

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 :













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 :













Klik PRINT maka akan mencetak daftar kategori


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


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 :













Klik PRINT maka akan mencetak daftar menu


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 :















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


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 :













Klik VIEW buka tab baru dengan tampilan no.

13



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


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 :













Klik Tampilkan maka akan menampilkan data

penjualan sesuai tanggal yang dimasukkan


13



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


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 :














penjualan menu sesuai tanggal yang

dimasukkan



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


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


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 :














12

Klik PRINT maka akan mencetak laporan

pembelian


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


tambahan, yaitu button view yang berfungsi untuk menampilkan nota pembelian

pada transaksi yang dipilih, button print yang digunakan untuk mencetak laporan


tampilan form laporan.

23

No. Sheet : 22

Halaman Laporan Pembelian Periode-

LOGO

HomeLAPORAN PEMBELIAN PERIODE

Navigasi :

Keterangan :














pembelian sesuai tanggal yang dimasukkan


12



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


Daftar Pembelian dari tanggal s/d

Gambar 25. LKT Halaman Laporan Pembelian Periode

Saat user admin memilih button laporan pembelian periode pada form


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 :









Klik Transaksi Pembelian ganti tampilan no.

9

Klik Transaksi Penjualan ganti tampilan no.

10



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 :









Klik Transaksi Pembelian ganti tampilan no.

9

Klik Transaksi Penjualan ganti tampilan no.

10



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


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 :













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


Cancel

Gambar 28. LKT Halaman Add Data Supplier


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 :
















Data User

Data Supplier

Data Kategori

Data Menu

Transaksi Pembelian

Transaksi Penjualan

Kode :

Laporan

Logout

Nama Supplier :

Alamat :

No. Telepon :

Simpan


Cancel

Gambar 29. LKT Halaman Edit Data Supplier


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 :
















Data User

Data Supplier

Data Kategori

Data Menu

Transaksi Pembelian

Transaksi Penjualan

Kode :

Laporan

Logout

Nama Kategori :

Simpan


Cancel

Gambar 30. LKT Halaman Add Data Kategori


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 :
















Data User

Data Supplier

Data Kategori

Data Menu

Transaksi Pembelian

Transaksi Penjualan

Kode :

Laporan

Logout

Nama Kategori :

Simpan


Cancel

Gambar 31. LKT Halaman Edit Data Kategori


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 :
















Data User

Data Supplier

Data Kategori

Data Menu

Transaksi Pembelian

Transaksi Penjualan

Kode :

Laporan

Logout

Nama Menu :

Harga :

Kategori : ….

Simpan


Cancel

Gambar 32. LKT Halaman Add Menu


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 :
















Data User

Data Supplier

Data Kategori

Data Menu

Transaksi Pembelian

Transaksi Penjualan

Kode :

Laporan

Logout

Nama Menu :

Harga :

Kategori : ….

Simpan


Cancel

Gambar 33. LKT Halaman Edit Data Menu


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.

Gambar 1. Data Flow Diagram -...

Documents

Transcript of Gambar 1. Data Flow Diagram -...