Perancangan Struktur Menu Perancangan Antarmuka

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