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
use
r 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 dat
a 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 prin
t 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 prin
t 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 pri
nt 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 d
igunakan 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
databa se
, 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
databa se
, 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
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 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
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 Data Menu
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 Data Menu
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