Halaman Staf Pemasaran Halaman Staf Keuangan

124

4.6.3 Perancangan Layout Sistem

Layout sistem ini bertujuan untuk menggambarkan rancangan tampilan sistem yang akan dibuat. Perancangan layout terdiri dari halaman menu staf pemasaran, staf keuangan, dan manajer. Gambaran rancangan layout adalah sebagai berikut:

4.6.3.1 Halaman Staf Pemasaran

a. Menu Login

Gambar 4.30 Menu Login 125

b. Pesan Kesalahan Username dan Password

Gambar 4.31 Menu Kesalahan Username dan Password

c. Menu Update Password untuk Staf Pemasaran

Gambar 4.32 Menu Update Password untuk Staf Pemasaran 126

d. Menu Home untuk Pemasaran

Gambar 4.33 Menu Home untuk Pemasaran

e. Menu Input Pemasaran Produk Data Pemasaran

Gambar 4.34 Menu Input Pemasaran Produk Data pemasaran 127

f. Menu Input Pemasaran Produk Insert Data Baru

Gambar 4.35 Menu Input Pemasaran Produk Insert Data Baru g. Menu Input Pemasaran Produk Edit Data Gambar 4.36 Menu Menu Input Pemasaran Produk Edit Data 128

h. Menu Input Master Produk Data Master Produk

Gambar 4.37 Menu Input Master Produk Data Master Produk

i. Menu Input Master Produk Insert Data Baru

Gambar 4.38 Menu Input Master Produk Insert Data Baru 129

j. Menu Input Master Produk Edit Data

Gambar 4.39 Menu Input Master Produk Edit Data k. Menu Input Promosi Data Jenis Promosi Gambar 4.40 Menu Input Promosi Data Jenis Promosi 130 l. Menu Input Promosi Insert Data Baru Gambar 4.41 Menu Input Promosi Insert Data Baru m. Menu Input Promosi Edit Data Gambar 4.42 Menu Input Promosi Edit Data 131 n. Menu Input Place Data Place Gambar 4.43 Menu Input Place Data Place o. Menu Input Place Insert Data Baru Gambar 4.44 Menu Input Place Insert Data Baru 132 p. Menu Input Place Edit Data Gambar 4.45 Menu Input Place Edit Data

4.6.3.2 Halaman Staf Keuangan

a. Menu Login

Gambar 4.46 Menu Login 133

b. Pesan Kesalahan Username dan Password

Gambar 4.47 Menu Kesalahan Username dan Password c. Menu Update Password untuk Staf Keuangan Gambar 4.48 Menu Update Password untuk Staf Keuangan 134

d. Menu Home untuk Keuangan

Gambar 4.49 Menu Home untuk Keuangan

e. Menu Input Pendapatan Produk Data Pendapatan

Gambar 4.50 Menu Input Pendapatan Produk Data Pendapatan 135 f. Menu Input Pendapatan Produk Insert Data Baru Gambar 4.51 Menu Input Pendapatan Produk Insert Data Baru

g. Menu Input Pendapatan Produk Edit Data

Gambar 4.52 Menu Input Pendapatan Produk Edit Data 136

h. Menu Input Biaya Promosi Data Promosi

Gambar 4.53 Menu Input Biaya Promosi Data Promosi i. Menu Input Biaya Promosi Insert Data Baru Gambar 4.54 Menu Input Biaya Promosi Insert Data Baru 137 j. Menu Input Biaya Promosi Edit Data Gambar 4.55 Menu Input Biaya Promosi Edit Data

4.6.3.3 Halaman Manajer