BAB IV HASIL DAN ANALISIS 4.1 Hasil Karya / Implementasirepository.uksw.edu/bitstream/123456789/9112/4/T0_562011023_BAB IV.pdf · BAB IV HASIL DAN ANALISIS 4.1 Hasil Karya / Implementasi
Post on 22-Mar-2019
220 Views
Preview:
Transcript
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
user.
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
simpan berfungsi untuk menampilkan form nota transaksi pembelian.
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
button back yang digunakan untuk kembali pada tampilan sebelumnya, yaitu
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 Data User
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 database, dan menampilkannya dalam tabel data user pada form data
user.
Gambar 58. Implementasi Halaman Edit Data User
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 database, dan menampilkannya dalam tabel data user
pada form data user.
44
Gambar 59. Implementasi Halaman Add Data Supplier
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 database, 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 Data Supplier
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 database, 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 Data Menu
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 Data Menu
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
23 Form halaman Memilih add data Menampilkan 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.
top related