93
Tabel III.19. Struktur Tabel returbelidetail No. Nama Field
Type Length
Keterangan 1.
No_retur Char
20 Primary Key
2. No_faktur
Char 20
Foreign Key 3.
Kd_brg Char
20 Foreign Key
4. Edisi
Char 10
5. Jumlah
Int 6.
Harga Int
7. Total
Int Tabel III.20. Struktur Tabel returjualdetail
No. Nama Field Type
Length Keterangan
1. No_retur
Char 20
Primary Key 2.
No_faktur Char
20 Foreign Key
3. Kd_brg
Char 20
Foreign Key 4.
Edisi Char
10 5.
Jumlah Int
6. Harga
Int 7.
Total Int
3.2.2 Perancangan Struktur Menu
Struktur menu dibangun untuk menjelaskan perancangan menu proses yang dapat digunakan oleh pengguna. Struktur menu secara umum yang
dibuat dalam sistem ini terdiri dari menu-menu dan sub menunya. Perancangan struktur menu aplikasi sistem informasi penjualan koran dan
majalah ini menggunakan arsitektur menu hierarki, dimana strukturnya akan dibagi tiga sesuai dengan kebutuhan masing-masing user, yaitu struktur menu
untuk bagian pembukuan administrator, bagian pembelian dan bagian penjualan.
94
Struktur menu untuk bagian pembukuan administrator dapat dilihat pada gambar III.19. berikut ini.
Gambar III.19. Struktur Menu Bagian Pembukuan Administrator
95
Struktur menu untuk bagian pembelian dapat dilihat pada gambar III.20. berikut ini.
Gambar III.20. Struktur Menu Bagian Pembelian
Struktur menu untuk bagian penjualan dapat dilihat pada gambar III.21. berikut ini.
Gambar III.21. Struktur Menu Bagian Penjualan
96
3.2.3 Perancangan Antarmuka
Perancangan antarmuka dibuat untuk menggambarkan tampilan program yang akan digunakan oleh pengguna untuk berinteraksi dengan aplikasi yang
dibuat. Perancangan dibuat berdasarkan tampilan antarmuka baik input maupun output yang akan dihasilkan saat aplikasi diimplementasikan.
1. Perancangan Tampilan Menu Login
Gambar III.22. Perancangan Tampilan Menu Login 2.
Perancangan Tampilan Menu setelah Login untuk Bagian Pembukuan
+ , -
. 1 2
. 0 02
. 3 1
- +
- 0 -
4 -
5
+ - 0
5
+ 006
,
Gambar III.23. Perancangan Tampilan Menu setelah Login untuk Bagian Pembukuan Administrator
97
3. Perancangan Tampilan Menu setelah Login untuk Bagian Pembelian
+ , -
. 1 2
. 1
- +
- 0 -
4 -
5
+ - 0
5
+ 006
,
Gambar III.24. Perancangan Tampilan Menu setelah Login untuk Bagian Pembelian
4. Perancangan Tampilan Menu setelah Login untuk Bagian Penjualan
+ , -
. 1 2
. 6
- +
- 0 -
4 -
5
+ - 0
5
+ 006
,
Gambar III.25. Perancangan Tampilan Menu setelah Login untuk Bagian Penjualan
98
5. Perancangan Tampilan Form Data User
+ , -
. 03
. 01
. 0 0
.
- +
- 0 -
4 -
+ - 0
+ 7
8 9
Gambar III.26. Perancangan Tampilan Form Data User
6. Perancangan Tampilan Form Tambah Data User
Gambar III.27. Perancangan Tampilan Form Tambah Data User
99
7. Perancangan Tampilan Form Ubah Data User
Gambar III.28. Perancangan Tampilan Form Ubah Data User 8.
Perancangan Tampilan Form Data Barang
Gambar III.29. Perancangan Tampilan Form Data Barang
100
9. Perancangan Tampilan Form Tambah Data Barang
Gambar III.30. Perancangan Tampilan Form Tambah Data Barang
10. Perancangan Tampilan Form Ubah Data Barang
Gambar III.31. Perancangan Tampilan Form Ubah Data Barang
101
11. Perancangan Tampilan Form Data Supplier
Gambar III.32. Perancangan Tampilan Form Data Supplier
12. Perancangan Tampilan Form Tambah Data Supplier
Gambar III.33. Perancangan Tampilan Form Tambah Data Supplier
102
13. Perancangan Tampilan Form Ubah Data Supplier
Gambar III.34. Perancangan Tampilan Form Ubah Data Supplier
14. Perancangan Tampilan Form Data Pelanggan
Gambar III.35. Perancangan Tampilan Form Data Pelanggan
103
15. Perancangan Tampilan Form Tambah Data Pelanggan
Gambar III.36. Perancangan Tampilan Form Tambah Data Pelanggan 16.
Perancangan Tampilan Form Ubah Data Pelanggan
Gambar III.37. Perancangan Tampilan Form Ubah Data Pelanggan
104
17. Perancangan Tampilan Form Pembelian
+ , -
. 2
. 2
.
- +
- 1 -
4 -
+ - 1
+
+ 9
+ :
4 9
4
Gambar III.38. Perancangan Tampilan Form Pembelian 18.
Perancangan Tampilan Form Tambah Pembelian
Gambar III.39. Perancangan Tampilan Form Tambah Pembelian
105
19. Perancangan Tampilan Form Penjualan
Gambar III.40. Perancangan Tampilan Form Penjualan 20.
Perancangan Tampilan Form Tambah Penjualan
Gambar III.41. Perancangan Tampilan Form Tambah Penjualan
106
21. Perancangan Tampilan Form Laporan Data Barang
+ , -
. ;
. .
- +
- -
4 -
+ -
+ +
+
Gambar III.42. Perancangan Tampilan Form Laporan Data Barang 22.
Perancangan Tampilan Form Laporan Data Supplier
+ , -
. .
.
- +
- -
4 -
+ -
+ 9
9 +
9 9
Gambar III.43. Perancangan Tampilan Form Laporan Data Supplier
107
23. Perancangan Tampilan Form Laporan Data Pelanggan
+ , -
. .
.
- +
- -
4 -
+ -
+ 4
+ 4
Gambar III.44. Perancangan Tampilan Form Laporan Data Pelanggan 24.
Perancangan Tampilan Form Laporan Data Pembelian
Gambar III.45. Perancangan Tampilan Form Laporan Data Pembelian
108
25. Perancangan Tampilan Form Laporan Data Penjualan
Gambar III.46. Perancangan Tampilan Form Laporan Data Penjualan 26.
Perancangan Tampilan Form Laporan Data Hutang ke Supplier
+ , -
. .
.
- +
- 3 -
4 -
+ - 3
+ +
9
Gambar III.47. Perancangan Tampilan Form Laporan Data Hutang ke Supplier
109
27. Perancangan Tampilan Form Laporan Data Piutang Pelanggan
+ , -
. .
.
- +
- 1 -
4 -
+ - 1
+ 9
Gambar III.48. Perancangan Tampilan Form Laporan Data Piutang Pelanggan
28. Perancangan Tampilan Form Retur Pembelian
Gambar III.49. Perancangan Tampilan Form Retur Pembelian
110
29. Perancangan Tampilan Form Tambah Retur Pembelian
Gambar III.50. Perancangan Tampilan Form Tambah Retur Pembelian 30.
Perancangan Tampilan Form Pembayaran Hutang
Gambar III.51. Perancangan Tampilan Form Pembayaran Hutang
111
31. Perancangan Tampilan Form Retur Penjualan
Gambar III.52. Perancangan Tampilan Form Retur Penjualan 32.
Perancangan Tampilan Form Tambah Retur Penjualan
+ , -
. 9
.
- +
- -
4 -
+ -
+
:
9 +
=+
?? +
: +
+
Gambar III.53. Perancangan Tampilan Form Tambah Retur Penjualan
112
33. Perancangan Tampilan Form Pembayaran Piutang
Gambar III.54. Perancangan Tampilan Form Pembayaran Piutang
113
3.2.4 Perancangan Pesan