28 BAB IV
HASIL DAN ANALISIS
4.1 Hasil Karya / Implementasi
Gambar 34. Implementasi Database
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
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.
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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.