4 Tgl Date
5 Level Char
1 6 Aktif
Char 1
3.8 Perancangan Antar Muka
Gambar dibawah ini adalah gambar perancangan arsitektur dari perangkat lunak yang akan dibangun.
3.8.1 Perancangan Sruktur Menu
a. Perancangan Struktur Menu Admin
Gambar 3.27 Struktur Menu Admin
b. Perancangan Struktur Member
Gambar 3.28 Struktur Menu Member
c. Perancangan Struktur Menu Pengunjung
Gambar 3.29 Struktur Menu Pelanggan 3.8.2
Perancangan Tampilan
Perancangan Tampilan aplikasi bertujuan untuk memberikan gambaran tentang aplikasi yang akan dibangun. Sehingga akan mempermudah dalam
mengimplementasikan aplikasi. Selain itu akan mempermudah pembuatan aplikasi yang user friendly. Perancangan ini akan diimplementasikan menjadi
sebuah program yang utuh. Rancangan aplikasi sistem sistem manajemen konten yang akan dibuat adalah sebagai berikut :
Rancangan Antarmuka Administrator
1. Rancangan Antarmuka Home Admin
Gambar 3.30 Rancangan Antarmuka Home Admin
2. Rancangan Antarmuka Lihat Daftar Kategori
Gambar 3.31 Rancangan Antarmuka Lihat Daftar Kategori
3. Rancangan Antarmuka Tambah Daftar Kategori
Gambar 3.32 Rancangan Antarmuka Tambah Daftar Kategori
4. Rancangan Antarmuka Lihat Daftar Barang
Gambar 3.33 Rancangan Antarmuka Lihat Daftar Barang
5. Rancangan Antarmuka Tambah Daftar Barang
Gambar 3.34 Rancangan Antarmuka Tambah Daftar Barang
6. Rancangan Antarmuka Tambah Detail Barang
Gambar 3.35 Rancangan Antarmuka Tambah Detail Barang
7. Rancangan Antarmuka Kelola Testimoni
Gambar 3.36 Rancangan Antarmuka Kelola Testimoni
8. Rancangan Antarmuka Kelola Provinsi
Gambar 3.37 Rancangan Antarmuka Kelola Provinsi
9. Rancangan Antarmuka Kelola Kota
Gambar 3.38 Rancangan Antarmuka Kelola Kota
10. Rancangan Antarmuka Kelola Metode Kirim
Gambar 3.39 Rancangan Antarmuka Kelola Metode Kirim
11. Rancangan Antarmuka Kelola Biaya Kirim
Gambar 3.40 Rancangan Antarmuka Kelola Biaya Kirim
12. Rancangan Antarmuka Kelola Member
Gambar 3.41 Rancangan Antarmuka Kelola Member
13. Rancangan Antarmuka Kelola Bank
Gambar 3.42 Rancangan Antarmuka Kelola Bank
14. Rancangan Antarmuka Kelola Konten Page
Gambar 3.43 Rancangan Antarmuka Kelola Konten Page
15. Rancangan Antarmuka Kelola Order
Gambar 3.44 Rancangan Antarmuka Kelola Order
16. Rancangan Antarmuka Lihat Detail Order
Gambar 3.45 Rancangan Antarmuka Lihat Detail Order
17. Rancangan Antarmuka Kelola Laporan
Gambar 3.46 Rancangan Antarmuka Kelola Laporan Rancangan Antarmuka Member
1. Rancangan Antarmuka Home Member
3
Gambar 3.47 Rancangan Antarmuka Home Member
2. Rancangan Antarmuka Setting Akun
3
Gambar 3.48 Rancangan Antarmuka Setting Akun
3. Rancangan Antarmuka History Pemesanan
Gambar 3.49 Rancangan Antarmuka History Pemesanan
4. Rancangan Antarmuka Lihat Daftar Katalog Barang
Gambar 3.50 Rancangan Antarmuka Lihat Daftar Katalog Barang
5. Rancangan Antarmuka Detail Barang
Gambar 3.51 Rancangan Antarmuka Detail Barang
6. Rancangan Antarmuka Keranjang Belanja
Gambar 3.52 Rancangan Antarmuka Keranjang Belanja
7. Rancangan Antarmuka Informasi Pengiriman dan Metode Bayar
Gambar 3.53 Rancangan Antarmuka Informasi Pengiriman dan Metode Bayar
8. Rancangan Antarmuka Selesai Pemesanan
Gambar 3.54 Rancangan Antarmuka Selesai Pemesanan Rancangan Antarmuka Pengunjung
1. Rancangan Antarmuka Home Pengunjung
3
Gambar 3.55 Rancangan Antarmuka Home Pengunjung
2. Rancangan Antarmuka Pendaftaran
3
Gambar 3.56 Rancangan Antarmuka Pendaftaran
3. Rancangan Antarmuka Lupa Password
Gambar 3.57 Rancangan Antarmuka Lupa Password
4. Rancangan Antarmuka Katalog
Gambar 3.58 Rancangan Antarmuka Katalog
5. Rancangan Antarmuka Detail Barang
Gambar 3.59 Rancangan Antarmuka Detail Barang
6. Rancangan Antarmuka Cara Pemesanan
Gambar 3.60 Rancangan Antarmuka Cara Pemesanan
7. Rancangan Antarmuka Profil Perusahaan
Gambar 3.61 Rancangan Antarmuka Profil Perusahaan
8. Rancangan Antarmuka FAQ
Gambar 3.62 Rancangan Antarmuka FAQ
9. Rancangan Antarmuka Hubungi Kami
Gambar 3.67 Rancangan Antarmuka Hubungi Kami
3.8.3 Perancangan Antar Muka Pesan
Kategori