Perancangan Antarmuka Bagian Keuangan – Laporan D10
Gambar 141 Gambar 3.145 Perancangan Antarmuka Bagian Keuangan –
Laporan
Perancangan Antarmuka Bagian Keuangan – Laporan PenjualanD11
Gambar 142 Gambar 3.146 Perancangan Antarmuka Bagian Keuangan –
Laporan
3. 2. 4. 5 Perancangan Antarmuka Manager
Perancangan Antarmuka Manager - Depan E01
Gambar 143 Gambar 3.147 Perancangan Antarmuka Manager - Depan
Perancangan Antarmuka Manager – Data Master E02
Gambar 144
Gambar 3.148 Perancangan Antarmuka Manager – Data Master
Perancangan Antarmuka Manager – Pengguna E03
Gambar 145 Gambar 3.149 Perancangan Antarmuka Manager – Pengguna
Perancangan Antarmuka Manager – Tambah Pengguna E04
Gambar 146 Gambar 3.150 Perancangan Antarmuka Manager – Tambah
Pengguna
Perancangan Antarmuka Manager – Laporan E05
Gambar 147 Gambar 3.151 Perancangan Antarmuka Manager – Laporan
Perancangan Antarmuka Manager – Laporan Penjualan E06
Gambar 148 Gambar 3.152 Perancangan Antarmuka Manager – Laporan
Penjualan
Perancangan Antarmuka Manager – Laporan Retur E07
Gambar 149 Gambar 3.153 Perancangan Antarmuka Manager – Laporan Retur
Perancangan Antarmuka Manger – Laporan Stok Barang E08
Gambar 150
Gambar 3.154 Perancangan Antarmuka Manager – Laporan Stok Barang
Perancangan Antarmuka Manager – Akun E09
Gambar 151 Gambar 3.155 Perancangan Antarmuka Manager – Akun
Perancangan Antarmuka Manager – Ubah Profile E10
Gambar 152 Gambar 3.156 Perancangan Antarmuka Manager – Ubah Profile
Perancangan Antarmuka Manager – Ubah Kata Sandi E11
Gambar 153 Gambar 3.157 Perancangan Antarmuka Manager – Ubah Kata
Sandi
Perancangan Antarmuka Manager – Restore Database E12
Gambar 154 Gambar 3.158 Perancangan Antarmuka Manager – Restore Database
3. 2. 5 Perancangan Tampilan Pesan Messages
Berikut merupakan perancangan pesan yang terdapat pada aplikasi yang dibangun.
Gambar 155 Gambar 3.159 Perancangan Tampilan Pesan
3. 2. 6 Jaringan Semantik
Aliran dari menu-menu yang ada pada aplikasi akan dijelaskan pada gambar jaringan semantik berikut.
3. 2. 6. 1 Jaringan Semantik Untuk Pengunjung
Berikut adalah jaringan semantik pengunjung.
Gambar 156 Gambar 3.160 Jaringan Semantik Pengunjung
3. 2. 6. 2 Jaringan Semantik Untuk Pelanggan
Berikut adalah jaringan semantik pelanggan.
Gambar 157 Gambar 3.161 Jaringan Semantik Pelanggan
3. 2. 6. 3 Jaringan Semantik Untuk Bagian Operasional
Berikut adalah jaringan semantik Bagian operasional.
Gambar 158 Gambar 3.162 Jaringan Semantik Bagian Operasional
3. 2. 6. 4 Jaringan Semantik Untuk Bagian Keuangan
Berikut adalah jaringan semantik Bagian keuangan.
Gambar 159 Gambar 3.163 Jaringan Semantik Bagian Keuangan
3. 2. 6. 5 Jaringan Semantik Untuk Manager
Berikut adalah jaringan semantik Manager.
Gambar 160 Gambar 3.164 Jaringan Semantik Manager
3. 2. 7 Perancangan Prosedural
Perancangan prosedural adalah sebagai langkah terakhir dalam perancangan yang akan diimplementasikan ke dalam sistem. Prosedur ini akan
digunakan sebagai algoritma dasar dalam mengkodekan prosedur yang ada. Adapun perancangan prosedural untuk pembangunan aplikasi ini adalah sebagai
berikut.
3. 2. 7. 1 Prosedur Pendaftaran
Prosedur Pendaftaran menggambarkan langkah-langkah yang dilakukan oleh pengunjung untuk mendaftar menjadi pelanggan pada aplikasi e-commerce
Beecom. Flowchart pendaftaran adalah sebagai berikut :
Gambar 161
Gambar 3.165 Flowchart Pendaftaran
3. 2. 7. 2 Prosedur Masuk Pelanggan
Prosedur masuk pelanggan menggambarkan langkah-langkah yang dilakukan oleh pelanggan untuk masuk ke aplikasi e-commerce Beecom.
Flowchart masuk pelanggan adalah sebagai berikut :
Gambar 162 Gambar 3.166 Flowchart masuk Pelanggan