Institutional Repository | Satya Wacana Christian University: Program Aplikasi Point of Sales (POS) Berbasis Web pada Restoran T0 562011023 BAB IV

28 BAB IV

HASIL DAN ANALISIS

4.1 Hasil Karya / Implementasi

Gambar 34. Implementasi Database

Gambar 34 di atas menunjukan nama database yang digunakan dalam aplikasi point of sales pada restoran ini beserta tabel yang digunakan untuk menampung semua data yang akan dimasukkan maupun yang diubah melalui aplikasi point of sales yang telah dibuat.

29

Gambar 35. Implementasi Menu Utama

Saat aplikasi dijalankan, maka akan keluar tampilan form seperti di atas. Dalam form ini terdapat sebuah button yang akan digunakan user untuk dapat masuk ke dalam tampilan form login.

Gambar 36. Implementasi Halaman Login

Saat user menekan tombol login pada 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.

30

Gambar 37. Implementasi Halaman Utama Admin

Gambar 37 ini akan ditampilkan apabila pada user melakukan login sebagai admin. Pada form 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.

32

Gambar 38. Implementasi Halaman Utama Kasir

Gambar 38 diatas menunjukkan 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 pada form admin.

Gambar 39. Implementasi Halaman Data User

Saat user admin memilih button data user maka tampilan akan seperti pada gambar 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

32

Gambar 40. Implementasi Halaman Data Supplier

Saat user admin memilih button data supplier maka tampilan akan seperti pada gambar 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.

Gambar 41. Implementasi Halaman Data Kategori

Saat user admin memilih button data kategori maka tampilan 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.

33

Gambar 42. Implementasi Halaman Data Menu

Saat user admin memilih button data menu maka tampilan 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 menampilakan form edit menu dan button delete berfungsi untuk menghapus data

menu.

Gambar 43. Implementasi Halaman Transaksi Pembelian

Saat user admin memilih button transaksi pembelian maka tampilan 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

34

Gambar 44. Implementasi Halaman Transaksi Penjualan

Saat user admin memilih button transaksi penjualan maka tampilan 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.

Gambar 45. Implementasi Halaman Laporan

Saat user admin memilih button laporan maka tampilan akan seperti pada gambar di atas di mana terdapat 9 buah button tambahan yang berfungsi untuk menampilkan form laporan sesuai dengan button yang dipilih.

35

Gambar 46. Implementasi Halaman Nota Transaksi Pembelian

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

Gambar 47. Implementasi Halaman Nota Transaksi Penjualan

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

36

Gambar 48. Implementasi Halaman Laporan Data Supplier

Saat user admin memilih button laporan data supplier pada form laporan maka tampilan 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.

Gambar 49. Implementasi Halaman Laporan Data Kategori

Saat user admin memilih button laporan data kategori pada form laporan maka tampilan 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.

37

Gambar 50. Implementasi Halaman Laporan Data Menu

Saat user admin memilih button laporan data menu pada form laporan maka tampilan 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.

Gambar 51. Implementasi Halaman Laporan Data Menu by Kategori

Saat user admin memilih button laporan data menu by kategori pada form

laporan maka tampilan akan seperti pada gambar di atas di mana terdapat 2 buah

button tambahan, yaitu button print yang digunakan untuk mencetak laporan dan

38

tampilan form laporan. Selain itu terdapat listbox kategori yang digunakan sebagai filter kategori yang akan ditampilkan pada tabel.

Gambar 52. Implementasi Halaman Laporan Penjualan

Saat user admin memilih button laporan penjualan pada form laporan maka tampilan 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.

39

Gambar 53. Implementasi Halaman Laporan Penjualan Periode

Saat user admin memilih button laporan penjualan periode pada form

laporan maka tampilan 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.

40

Gambar 54. Implementasi Halaman Laporan Penjualan Menu

Saat user admin memilih button laporan penjualan menu pada form laporan maka tampilan 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.

41

Gambar 55. Implementasi Halaman Laporan Pembelian

Saat user admin memilih button laporan pembelian pada form laporan maka tampilan 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.

42

Gambar 56. Implementasi Halaman Laporan Pembelian Periode

Saat user admin memilih button laporan pembelian periode pada form

laporan maka tampilan 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.

43

Gambar 57. Implementasi Halaman Add DataUser

Gambar 57 akan ditampilkan apabila user admin memilih button add data

pada form data user. Button simpan pada form digunakan untuk menyimpan data

user ke dalam databa se, dan menampilkannya dalam tabel data user pada form data

user.

Gambar 58. Implementasi Halaman Edit DataUser

Gambar 58 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 databa se, dan menampilkannya dalam tabel data user pada form data user.

44

Gambar 59. Implementasi Halaman Add DataSupplier

Gambar 59 akan ditampilkan apabila user admin memilih button add data

pada form data supplier. Button simpan pada form digunakan untuk menyimpan data supplier ke dalam databa se, dan menampilkannya dalam tabel data supplier

pada form data supplier. Button cancel digunakan untuk mengembalikan tampilan ke form data supplier.

Gambar 60. Implementasi Halaman Edit DataSupplier

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

45

Gambar 61. Implementasi Halaman Add Data Kategori

Gambar 61 akan ditampilkan apabila user admin memilih button add data

pada form data kategori. Button simpan pada form digunakan untuk menyimpan data kategori ke dalam databa se, dan menampilkannya dalam tabel data kategori pada form data kategori. Button cancel digunakan untuk mengembalikan tampilan ke form data kategori.

Gambar 62. Implementasi Halaman Edit Data Kategori

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

46

Gambar 63. Implementasi Halaman Add DataMenu

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

Gambar 64. Implementasi Halaman Edit DataMenu

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

47 4.2 Hasil Pengujian

NO Fungsi yang

diuji Cara pengujian

Hasil yang diharapkan

Hasil pengujian 1 Form halaman

utama sebelum login Menampilkan halaman utama sebelum login Menampilkan akses halaman utama sebelum login OK

2 Form halaman login

Memilih login Menampilkn akses halaman login

OK

3 Form halaman utama sebagai admin Menampilkan halaman utama sebagai admin Menampilkan akses halaman utama sebagai admin OK

4 Form halaman utama sebagai kasir Menampilkan halaman utama sebagai kasir Menampilkan akses halaman utama sebagai kasir OK

5 Form halaman data user

Memilih data user Menampilkan akses halaman data user

OK

6 Form halaman data supplier Memilih data supplier Menampilkan akses halaman data supplier OK

7 Form halaman data kategori Memilih data kategori Menampilkan akses halaman data kategori OK

8 Form halaman data menu Memilih data menu Menampilkan akses halaman data menu OK

9 Form halaman transaksi pembelian Memilihtransaksi pembelian Menampilkan akses halaman transaksi pembelian OK

10 Form halaman transaksi penjualan Memilih transaksi penjualan Menampilkan akses halaman transaksi penjualan OK

11 Form halaman laporan

Memilih laporan Menampilkan akses halaman laporan

OK

12 Form halaman nota transaksi pembelian Menampilkan halaman nota transaksi Menampilkan akses halaman transaksi OK

48

pembelian pembelian

13 Form halaman nota transaksi penjualan Menampilkan halaman nota transaksi penjualan Menampilkan akses halaman nota transaksi penjualan OK

14 Form halaman laporan data supplier Memilih laporan data supplier Menampilkan akses halaman data supplier OK

15 Form halaman laporan data kategori Memilih laporan data kategori Menampilkan akses halaman laporan data kategori OK

16 Form halaman laporan data menu Memilih laporan data menu Menampilkan akses halaman laporan data menu OK

17 Form halaman laporan data menu by

kategori

Memilih laporan data menu by

kategori

Menampilkan akses halaman laporan data menu by kategori

OK

18 Form halaman laporan penjualan Memilih laporan penjualan Menampilkan akses halaman laporan penjualan OK

19 Form halaman laporan penjualan periode Memilih laporan penjualan periode Menampilkan akses halaman laporan penjualan periode OK

20 Form halaman laporan penjualan menu Memilih laporan penjualan menu Menampilkan akses halaman laporan penjualan menu OK

21 Form halaman laporan pembelian Memilih laporan pembelian Menampilkan akses halaman laporan pembelian OK

22 Form halaman laporan pembelian periode Memilih laporan pembelian periode Menampilkan akses halaman laporan pembelian periode OK

49

add user pada halaman data

user

akses halaman

add user

24 Form halaman

edit data user

Memilih edit pada halaman data user

Menampilkan akses halaman

edit data user

OK

25 Form halaman

add supplier

Memilih add data

pada halaman data

supplier

Menampilkan akses halaman

add supplier

OK

26 Form halaman

edit data supplier

Memilih edit pada halaman data

supplier

Menampilkan akses halaman

edit data user

OK

27 Form halaman

add kategori

Memilih add pada halaman data kategori

Menampilkan akses halaman

add kategori

OK

28 Form halaman

edit kategori

Memilih edit pada halaman data kategori

Menampilkan akses halaman

edit kategori

OK

29 Form halaman

add menu

Memilih add pada halaman data menu

Menampilkan akses halaman

add menu

OK

30 Form halaman

edit menu

Memilih edit pada halaman data menu

Menampilkan akses halaman

edit menu

OK

4.3 Analisis

Aplikasi point of sales berbasis web ini hanya dapat diakses oleh admin dan kasir karena pada dasarnya akhir dari aplikasi ini hanya memiliki dua akses level yaitu admin dan kasir dimana akan terdapat perbedaan pada

form yang akan diakses.

Aplikasi ini juga akan sangat membantu kasir dalam proses transaksi penjualan maupun pembelian, selain itu pemilik restoran selaku admin akan lebih mudah mengontrol pengeluaran dan pendapatan sesuai dengan transaksi yang dilakukan oleh kasir. Adanya aplikasi ini diharapkan dapat membantu kinerja pada proses penjualan dan pembelian dalam restoran serta mengurangi kesalahan laporan transaksi yang terjadi dalam restoran.

44

Gambar 59. Implementasi Halaman Add DataSupplier

Gambar 59 akan ditampilkan apabila

user admin

memilih

button add data

pada

form

data supplier.

Button

simpan pada

form

digunakan untuk menyimpan

data

supplier

ke dalam

databa se,

dan menampilkannya dalam tabel data

supplier

pada

form

data

supplier

.

Button cancel

digunakan untuk mengembalikan tampilan

ke

form

data

supplier

.

Gambar 60. Implementasi Halaman Edit DataSupplier

Gambar 60 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

.

45

Gambar 61. Implementasi Halaman Add Data Kategori

Gambar 61 akan ditampilkan apabila

user admin

memilih

button add data

pada

form

data kategori.

Button

simpan pada

form

digunakan untuk menyimpan

data kategori ke dalam

databa se

, dan menampilkannya dalam tabel data kategori

pada

form

data kategori.

Button cancel

digunakan untuk mengembalikan tampilan

ke

form

data kategori.

Gambar 62. Implementasi Halaman Edit Data Kategori

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

46

Gambar 63. Implementasi Halaman Add DataMenu

Gambar 63 akan ditampilkan apabila

user admin

memilih

button add dat

a

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

.

Gambar 64. Implementasi Halaman Edit DataMenu

Gambar 64 akan ditampilkan apabila

user admin

memilih

button edi

t 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

.

47

4.2

Hasil Pengujian

NO Fungsi yang

diuji Cara pengujian

Hasil yang diharapkan

Hasil pengujian

1 Form halaman

utama sebelum login Menampilkan halaman utama sebelum login Menampilkan akses halaman utama sebelum login OK

2 Form halaman

login

Memilih login Menampilkn

akses halaman login

OK

3 Form halaman

utama sebagai admin Menampilkan halaman utama sebagai admin Menampilkan akses halaman utama sebagai admin OK

4 Form halaman

utama sebagai kasir Menampilkan halaman utama sebagai kasir Menampilkan akses halaman utama sebagai kasir OK

5 Form halaman

data user

Memilih data user Menampilkan

akses halaman data user

OK

6 Form halaman

data supplier Memilih data supplier Menampilkan akses halaman data supplier OK

7 Form halaman

data kategori Memilih data kategori Menampilkan akses halaman data kategori OK

8 Form halaman

data menu Memilih data menu Menampilkan akses halaman data menu OK

9 Form halaman

transaksi pembelian Memilihtransaksi pembelian Menampilkan akses halaman transaksi pembelian OK

10 Form halaman

transaksi penjualan Memilih transaksi penjualan Menampilkan akses halaman transaksi penjualan OK

11 Form halaman

laporan

Memilih laporan Menampilkan

akses halaman laporan

OK

12 Form halaman

nota transaksi pembelian Menampilkan halaman nota transaksi Menampilkan akses halaman transaksi OK

48

pembelian pembelian

13 Form halaman

nota transaksi penjualan Menampilkan halaman nota transaksi penjualan Menampilkan akses halaman nota transaksi penjualan OK

14 Form halaman

laporan data supplier Memilih laporan data supplier Menampilkan akses halaman data supplier OK

15 Form halaman

laporan data kategori Memilih laporan data kategori Menampilkan akses halaman laporan data kategori OK

16 Form halaman

laporan data menu Memilih laporan data menu Menampilkan akses halaman laporan data menu OK

17 Form halaman

laporan data menu by kategori

Memilih laporan data menu by kategori

Menampilkan akses halaman laporan data menu by kategori

OK

18 Form halaman

laporan penjualan Memilih laporan penjualan Menampilkan akses halaman laporan penjualan OK

19 Form halaman

laporan penjualan periode Memilih laporan penjualan periode Menampilkan akses halaman laporan penjualan periode OK

20 Form halaman

laporan penjualan menu Memilih laporan penjualan menu Menampilkan akses halaman laporan penjualan menu OK

21 Form halaman

laporan pembelian Memilih laporan pembelian Menampilkan akses halaman laporan pembelian OK

22 Form halaman

laporan pembelian periode Memilih laporan pembelian periode Menampilkan akses halaman laporan pembelian periode OK

49

add user pada halaman data

user

akses halaman add user

24 Form halaman

edit data user

Memilih edit pada halaman data user

Menampilkan akses halaman edit data user

OK

25 Form halaman

add supplier

Memilih add data pada halaman data supplier

Menampilkan akses halaman add supplier

OK

26 Form halaman

edit data supplier

Memilih edit pada halaman data supplier

Menampilkan akses halaman edit data user

OK

27 Form halaman

add kategori

Memilih add pada halaman data kategori

Menampilkan akses halaman add kategori

OK

28 Form halaman

edit kategori

Memilih edit pada halaman data kategori

Menampilkan akses halaman edit kategori

OK

29 Form halaman

add menu

Memilih add pada halaman data menu

Menampilkan akses halaman add menu

OK

30 Form halaman

edit menu

Memilih edit pada halaman data menu

Menampilkan akses halaman edit menu

OK

4.3

Analisis

Aplikasi

point of sales

berbasis

web

ini hanya dapat diakses oleh

admin dan kasir karena pada dasarnya akhir dari aplikasi ini hanya memiliki

dua akses level yaitu admin dan kasir dimana akan terdapat perbedaan pada

form

yang akan diakses.

Aplikasi ini juga akan sangat membantu kasir dalam proses transaksi

penjualan maupun pembelian, selain itu pemilik restoran selaku admin akan

lebih mudah mengontrol pengeluaran dan pendapatan sesuai dengan

transaksi yang dilakukan oleh kasir. Adanya aplikasi ini diharapkan dapat

membantu kinerja pada proses penjualan dan pembelian dalam restoran serta

mengurangi kesalahan laporan transaksi yang terjadi dalam restoran.