185
3.5.3 Perancangan Antarmuka Administrator
1. [T29] Rancangan antar muka tampilan Login Admin Aplikasi e-commerce penjualan produk jkcollection di CV RR Sarana Persada Gambar 3.59:
T29
footer
1. Header menggunakan font arial, ukuran 20px , warna FFF,background 000 2. Menu login menggunakan font arial, ukuran 11px , warne FFF , backgroud CCC
ADMIN | JK COLLECTION
1. Klik Lupa Password menuju T30 2. Klik tombol login menuju T31
Login Admin Login
Gambar Username
Passoword Lupa password?
Gambar 3. 59 Tampilan Login Admin
2. [T30] Rancangan antar muka tampilan lupa password admin Aplikasi e- commerce
penjualan produk jkcollection di CV RR Sarana Persada Gambar 3.60:
186
T30
footer
1. Header menggunakan font arial, ukuran 20px , warna FFF,background 000 2. Menu login menggunakan font arial, ukuran 11px , warne FFF , backgroud CCC
ADMIN | JK COLLECTION
Lupa Password Kirim
email Batal
1. Klik tombol kirim untuk mengirim password baru ke alamat email
2. Klik tombol batal menuju T29
Gambar 3. 60 Tampilan Lupa Password admin
3. [T31] Rancangan antar muka tampilan home admin Aplikasi e-commerce penjualan produk jkcollection di CV RR Sarana Persada Gambar 3.61:
T31
footer
1. Header menggunakan font arial, ukuran 20px , warna FFF,background 000 2. Menu header menggunakan font arial, ukuran 11px , warne FFF , backgroud CCC
ADMIN | JK COLLECTION
1. Klik home menuju T31 Home
Logout Laporan Penjualan
Backup Restore Setting
Orders Pengolahan
Kategori produk Kota
Provinsi Produk
Jenis
Members Ongkos Kirim
Orders Baru Orders Dibayar
Orders Diterima Orders Dikirim
Orders Lunas Produk Retur
Ganti Password Profil Toko
Syarat Kondisi Cara Pembelian
Hubungi Kami Backup Database
Restore Database
ORDERS TERAKHIR
2. Klik kategori produk menuju T32 3. Klik jenis menuju T33
4. Klik produk menuju T34 5. Klik provinsi menuju T35
6. Klik kota menuju T36
Keterangan
7. Klik ongkos kirim menuju T37 8. Klik members menuju T38
9. Klik orders baru menuju T39 10. Klik orders dibayar menuju T40
11. Klik orders lunas menuju T41 12. Klik orders dikirim menuju T42
13. Klik orders diterima menuju T43 14. Klik produk retur menuju T44
15. Klik ganti password menuju T45 16. Klik hubungi kami menuju T46
17. Klik cara pembelian menuju T47 18. Klik profil kami menuju T48
19. Klik syarat kondisi menuju T49 20. Klik backup database menuju T50
21. Klik restore database menuju T51 22. Klik laporan penjualan menuju
T52 23. Klik Logout menuju T53
Gambar 3. 61 Tampilan Home Admin
187
4. [T32] Rancangan antar muka tampilan kategori produk admin Aplikasi e- commerce
penjualan produk jkcollection di CV RR Sarana Persada Gambar 3.62:
T32
footer
1. Header menggunakan font arial, ukuran 20px , warna FFF,background 000 2. Menu header menggunakan font arial, ukuran 11px , warne FFF , backgroud CCC
ADMIN | JK COLLECTION
1. Klik home menuju T31 Home
Logout Laporan Penjualan
Backup Restore Setting
Orders Pengolahan
Kategori produk Kota
Provinsi Produk
Jenis
Members Ongkos Kirim
Orders Baru Orders Dibayar
Orders Diterima Orders Dikirim
Orders Lunas Produk Retur
Ganti Password Profil Toko
Syarat Kondisi Cara Pembelian
Hubungi Kami Backup Database
Restore Database
Kategori Produk
2. Klik kategori produk menuju T32 3. Klik Jenis menuju T33
4. Klik produk menuju T34 5. Klik provinsi menuju T35
6. Klik kota menuju T36
Keterangan
7. Klik ongkos kirim menuju T37 8. Klik members menuju T38
9. Klik orders baru menuju T39 10. Klik orders dibayar menuju T40
11. Klik orders lunas menuju T41 12. Klik orders dikirim menuju T42
13. Klik orders diterima menuju T43 14. Klik produk retur menuju T44
15. Klik ganti password menuju T45 16. Klik hubungi kami menuju T46
17. Klik cara pembelian menuju T47 18. Klik profil kami menuju T48
19. Klik syarat kondisi menuju T49 20. Klik backup database menuju T50
21. Klik restore database menuju T51 22. Klik laporan penjualan menuju
T52 23. Klik Logout menuju T53
Tambah Kategori No
Nama Kategori Aksi
Edit Hapus
25. Klik edit menuju T55 26. Klik hapus untuk menghapus
kategori 24. Klik Tambah kategori menuju T54
Cari
Cari Kategori
Gambar 3. 62 Tampilan Kategori Produk Admin
5. [T33] Rancangan antar muka tampilan jenis admin Aplikasi e-commerce penjualan produk jkcollection di CV RR Sarana Persada Gambar 3.63:
188
T33
footer
1. Header menggunakan font arial, ukuran 20px , warna FFF,background 000 2. Menu header menggunakan font arial, ukuran 11px , warne FFF , backgroud CCC
ADMIN | JK COLLECTION
1. Klik home menuju T31 Home
Logout Laporan Penjualan
Backup Restore Setting
Orders Pengolahan
Kategori produk Kota
Provinsi Produk
Jenis Members
Ongkos Kirim Orders Baru
Orders Dibayar Orders Diterima
Orders Dikirim Orders Lunas
Produk Retur Ganti Password
Profil Toko Syarat Kondisi
Cara Pembelian Hubungi Kami
Backup Database Restore Database
Jenis
2. Klik kategori produk menuju T32 3. Klik jenis menuju T33
4. Klik produk menuju T34 5. Klik provinsi menuju T35
6. Klik kota menuju T36
Keterangan
7. Klik ongkos kirim menuju T37 8. Klik members menuju T38
9. Klik orders baru menuju T39 10. Klik orders dibayar menuju T40
11. Klik orders lunas menuju T41 12. Klik orders dikirim menuju T42
13. Klik orders diterima menuju T43 14. Klik produk retur menuju T44
15. Klik ganti password menuju T45 16. Klik hubungi kami menuju T46
17. Klik cara pembelian menuju T47 18. Klik profil kami menuju T48
19. Klik syarat kondisi menuju T49 20. Klik backup database menuju T50
21. Klik restore database menuju T51 22. Klik laporan penjualan menuju
T52 23. Klik Logout menuju T53
Tambah Jenis No
Nama Merk Aksi
Edit Hapus
25. Klik edit menuju T57 26. Klik hapus untuk menghapus
jenis 24. Klik Tambah jenis menuju T56
Cari
Cari Jenis
Gambar 3. 63 Tampilan Jenis
6. [T34] Rancangan antar muka produk Aplikasi e-commerce penjualan produk jkcollection di CV RR Sarana Persada Gambar 3.64:
T34
footer
1. Header menggunakan font arial, ukuran 20px , warna FFF,background 000 2. Menu header menggunakan font arial, ukuran 11px , warne FFF , backgroud CCC
ADMIN | JK COLLECTION
1. Klik home menuju T31 Home
Logout Laporan Penjualan
Backup Restore Setting
Orders Pengolahan
Kategori produk Kota
Provinsi Produk
Jenis Members
Ongkos Kirim Orders Baru
Orders Dibayar Orders Diterima
Orders Dikirim Orders Lunas
Produk Retur Ganti Password
Profil Toko Syarat Kondisi
Cara Pembelian Hubungi Kami
Backup Database Restore Database
Produk
2. Klik kategori produk menuju T32 3. Klik jenis menuju T33
4. Klik produk menuju T34 5. Klik provinsi menuju T35
6. Klik kota menuju T36
Keterangan
7. Klik ongkos kirim menuju T37 8. Klik members menuju T38
9. Klik orders baru menuju T39 10. Klik orders dibayar menuju T40
11. Klik orders lunas menuju T41 12. Klik orders dikirim menuju T42
13. Klik orders diterima menuju T43 14. Klik produk retur menuju T44
15. Klik ganti password menuju T45 16. Klik hubungi kami menuju T46
17. Klik cara pembelian menuju T47 18. Klik profil kami menuju T48
19. Klik syarat kondisi menuju T49 20. Klik backup database menuju T50
21. Klik restore database menuju T51 22. Klik laporan penjualan menuju
T52 23. Klik Logout menuju T53
Tambah Produk No
Nama Produk Aksi
Edit Hapus
26. Klik edit menuju T59 26. Klik hapus untuk menghapus
produk 24. Klik Tambah Produk menuju T58
Cetak Laporan Produk Opsi
Gambar 25. Klik cetak laporan produk untuk
membuat laporan produk 27. Klik gambar menuju T60
28. Klik opsi menuju T61 Cari
Cari Produk
Gambar 3. 64 Tampilan Produk Admin
189
7. [T35] Rancangan antar muka Provinsi Aplikasi e-commerce penjualan produk jkcollection di CV RR Sarana Persada Gambar 3.65:
T35
footer
1. Header menggunakan font arial, ukuran 20px , warna FFF,background 000 2. Menu header menggunakan font arial, ukuran 11px , warne FFF , backgroud CCC
ADMIN | JK COLLECTION
1. Klik home menuju T31 Home
Logout Laporan Penjualan
Backup Restore Setting
Orders Pengolahan
Kategori produk Kota
Provinsi Produk
Jenis
Members Ongkos Kirim
Orders Baru Orders Dibayar
Orders Diterima Orders Dikirim
Orders Lunas Produk Retur
Ganti Password Profil Toko
Syarat Kondisi Cara Pembelian
Hubungi Kami Backup Database
Restore Database
Provinsi
2. Klik kategori produk menuju T32 3. Klik jenis menuju T33
4. Klik produk menuju T34 5. Klik provinsi menuju T35
6. Klik kota menuju T36
Keterangan
7. Klik ongkos kirim menuju T37 8. Klik members menuju T38
9. Klik orders baru menuju T39 10. Klik orders dibayar menuju T40
11. Klik orders lunas menuju T41 12. Klik orders dikirim menuju T42
13. Klik orders diterima menuju T43 14. Klik produk retur menuju T44
15. Klik ganti password menuju T45 16. Klik hubungi kami menuju T46
17. Klik cara pembelian menuju T47 18. Klik profil kami menuju T48
19. Klik syarat kondisi menuju T49 20. Klik backup database menuju T50
21. Klik restore database menuju T51 22. Klik laporan penjualan menuju
T52 23. Klik Logout menuju T53
Tambah Provinsi No
Nama Provinsi Aksi
Edit Hapus
25. Klik edit menuju T63 26. Klik hapus untuk menghapus
provinsi 24. Klik Tambah provinsi menuju T62
Cari
Cari Provinsi
27. Klik cari untuk mencari provinsi
Gambar 3. 65 Tampilan Provinsi
8. [T36] Rancangan antar muka tampilan Kota Aplikasi e-commerce penjualan produk jkcollection di CV RR Sarana Persada Gambar 3.66:
190
T36
footer
1. Header menggunakan font arial, ukuran 20px , warna FFF,background 000 2. Menu header menggunakan font arial, ukuran 11px , warne FFF , backgroud CCC
ADMIN | JK COLLECTION
1. Klik home menuju T31 Home
Logout Laporan Penjualan
Backup Restore Setting
Orders Pengolahan
Kategori produk Kota
Provinsi Produk
Jenis
Members Ongkos Kirim
Orders Baru Orders Dibayar
Orders Diterima Orders Dikirim
Orders Lunas Produk Retur
Ganti Password Profil Toko
Syarat Kondisi Cara Pembelian
Hubungi Kami Backup Database
Restore Database
Kota
2. Klik kategori produk menuju T32 3. Klik jenis menuju T33
4. Klik produk menuju T34 5. Klik provinsi menuju T35
6. Klik kota menuju T36
Keterangan
7. Klik ongkos kirim menuju T37 8. Klik members menuju T38
9. Klik orders baru menuju T39 10. Klik orders dibayar menuju T40
11. Klik orders lunas menuju T41 12. Klik orders dikirim menuju T42
13. Klik orders diterima menuju T43 14. Klik produk retur menuju T44
15. Klik ganti password menuju T45 16. Klik hubungi kami menuju T46
17. Klik cara pembelian menuju T47 18. Klik profil kami menuju T48
19. Klik syarat kondisi menuju T49 20. Klik backup database menuju T50
21. Klik restore database menuju T51 22. Klik laporan penjualan menuju
T52 23. Klik Logout menuju T53
Tambah Kota No
Nama Kota Aksi
Edit Hapus
25. Klik edit menuju T65 26. Klik hapus untuk menghapus
kota 24. Klik Tambah kota menuju T64
Cari
Cari Kota
27. Klik cari untuk mencari kota
Gambar 3. 66 Tampilan Kota
9. [T37] Rancangan antar muka tampilan ongkos kirim Aplikasi e-commerce penjualan produk jkcollection di CV RR Sarana Persada Gambar 3.67:
T37
footer
1. Header menggunakan font arial, ukuran 20px , warna FFF,background 000 2. Menu header menggunakan font arial, ukuran 11px , warne FFF , backgroud CCC
ADMIN | JK COLLECTION
1. Klik home menuju T31 Home
Logout Laporan Penjualan
Backup Restore Setting
Orders Pengolahan
Kategori produk Kota
Provinsi Produk
Jenis
Members Ongkos Kirim
Orders Baru Orders Dibayar
Orders Diterima Orders Dikirim
Orders Lunas Produk Retur
Ganti Password Profil Toko
Syarat Kondisi Cara Pembelian
Hubungi Kami Backup Database
Restore Database
Ongkos Kirim
2. Klik kategori produk menuju T32 3. Klik jenis menuju T33
4. Klik produk menuju T34 5. Klik provinsi menuju T35
6. Klik kota menuju T36
Keterangan
7. Klik ongkos kirim menuju T37 8. Klik members menuju T38
9. Klik orders baru menuju T39 10. Klik orders dibayar menuju T40
11. Klik orders lunas menuju T41 12. Klik orders dikirim menuju T42
13. Klik orders diterima menuju T43 14. Klik produk retur menuju T44
15. Klik ganti password menuju T45 16. Klik hubungi kami menuju T46
17. Klik cara pembelian menuju T47 18. Klik profil kami menuju T48
19. Klik syarat kondisi menuju T49 20. Klik backup database menuju T50
21. Klik restore database menuju T51 22. Klik laporan penjualan menuju
T52 23. Klik Logout menuju T53
Tambah Ongkos Kirim No
Nama Kota Aksi
Edit Hapus
25. Klik edit menuju T67 26. Klik hapus untuk menghapus
ongkos kirim 24. Klik Tambah ongkos kirim menuju
T66 Ongkos Kirim
Cari
Cari Ongkos Kirim
Gambar 3. 67 Tampilan Ongkos Kirim
191
10. [T38] Rancangan antar muka tampilan members Aplikasi e-commerce penjualan produk jkcollection di CV RR Sarana Persada Gambar 3.68:
T38
footer
1. Header menggunakan font arial, ukuran 20px , warna FFF,background 000 2. Menu header menggunakan font arial, ukuran 11px , warne FFF , backgroud CCC
ADMIN | JK COLLECTION
1. Klik home menuju T31 Home
Logout Laporan Penjualan
Backup Restore Setting
Orders Pengolahan
Kategori produk Kota
Provinsi Produk
Jenis
Members Ongkos Kirim
Orders Baru Orders Dibayar
Orders Diterima Orders Dikirim
Orders Lunas Produk Retur
Ganti Password Profil Toko
Syarat Kondisi Cara Pembelian
Hubungi Kami Backup Database
Restore Database
Members
2. Klik kategori produk menuju T32 3. Klik jenis menuju T33
4. Klik produk menuju T34 5. Klik provinsi menuju T35
6. Klik kota menuju T36
Keterangan
7. Klik ongkos kirim menuju T37 8. Klik members menuju T38
9. Klik orders baru menuju T39 10. Klik orders dibayar menuju T40
11. Klik orders lunas menuju T41 12. Klik orders dikirim menuju T42
13. Klik orders diterima menuju T43 14. Klik produk retur menuju T44
15. Klik ganti password menuju T45 16. Klik hubungi kami menuju T46
17. Klik cara pembelian menuju T47 18. Klik profil kami menuju T48
19. Klik syarat kondisi menuju T49 20. Klik backup database menuju T50
21. Klik restore database menuju T51 22. Klik laporan penjualan menuju
T52 23. Klik Logout menuju T53
No Nama User
Aksi Username
Email No Telp
Blokir Cari
Cari Members
Gambar 3. 68 Tampilan Member
11. [T39] Rancangan antar muka tampilan order baru Aplikasi e-commerce penjualan produk jkcollection di CV RR Sarana Persada Gambar 3.69:
192
T39
footer
1. Header menggunakan font arial, ukuran 20px , warna FFF,background 000 2. Menu header menggunakan font arial, ukuran 11px , warne FFF , backgroud CCC
ADMIN | JK COLLECTION
1. Klik home menuju T31 Home
Logout Laporan Penjualan
Backup Restore Setting
Orders Pengolahan
Kategori produk Kota
Provinsi Produk
Jenis Members
Ongkos Kirim Orders Baru
Orders Dibayar Orders Diterima
Orders Dikirim Orders Lunas
Produk Retur Ganti Password
Profil Toko Syarat Kondisi
Cara Pembelian Hubungi Kami
Backup Database Restore Database
Orders Baru
2. Klik kategori produk menuju T32 3. Klik jenis menuju T33
4. Klik produk menuju T34 5. Klik provinsi menuju T35
6. Klik kota menuju T36
Keterangan
7. Klik ongkos kirim menuju T37 8. Klik members menuju T38
9. Klik orders baru menuju T39 10. Klik orders dibayar menuju T40
11. Klik orders lunas menuju T41 12. Klik orders dikirim menuju T42
13. Klik orders diterima menuju T43 14. Klik produk retur menuju T44
15. Klik ganti password menuju T45 16. Klik hubungi kami menuju T46
17. Klik cara pembelian menuju T47 18. Klik profil kami menuju T48
19. Klik syarat kondisi menuju T49 20. Klik backup database menuju T50
21. Klik restore database menuju T51 22. Klik laporan penjualan menuju
T52 23. Klik Logout menuju T53
Cari No.Orders
Tgl.Orders Aksi
Nama Konsumen Jam
Status Detail
Cari Berdasarkan No Pesanan
24. Klik Detail menuju T68 25. Klik Cari untuk mencari pesanan
Gambar 3. 69 Tampilan Orders Baru
12. [T40] Rancangan antar muka tampilan order dibayar Aplikasi e-commerce penjualan produk jkcollection di CV RR Sarana Persada Gambar 3.70:
T40
footer
1. Header menggunakan font arial, ukuran 20px , warna FFF,background 000 2. Menu header menggunakan font arial, ukuran 11px , warne FFF , backgroud CCC
ADMIN | JK COLLECTION
1. Klik home menuju T31 Home
Logout Laporan Penjualan
Backup Restore Setting
Orders Pengolahan
Kategori produk Kota
Provinsi Produk
Jenis Members
Ongkos Kirim Orders Baru
Orders Dibayar Orders Diterima
Orders Dikirim Orders Lunas
Produk Retur Ganti Password
Profil Toko Syarat Kondisi
Cara Pembelian Hubungi Kami
Backup Database Restore Database
Orders Dibayar
2. Klik kategori produk menuju T32 3. Klik jenis menuju T33
4. Klik produk menuju T34 5. Klik provinsi menuju T35
6. Klik kota menuju T36
Keterangan
7. Klik ongkos kirim menuju T37 8. Klik members menuju T38
9. Klik orders baru menuju T39 10. Klik orders dibayar menuju T40
11. Klik orders lunas menuju T41 12. Klik orders dikirim menuju T42
13. Klik orders diterima menuju T43 14. Klik produk retur menuju T44
15. Klik ganti password menuju T45 16. Klik hubungi kami menuju T46
17. Klik cara pembelian menuju T47 18. Klik profil kami menuju T48
19. Klik syarat kondisi menuju T49 20. Klik backup database menuju T50
21. Klik restore database menuju T51 22. Klik laporan penjualan menuju
T52 23. Klik Logout menuju T53
Cari No.Orders
Tgl.Orders Aksi
Nama Konsumen Jam
Status Detail
Cari Berdasarkan No Pesanan
24. Klik Detail menuju T68 25. Klik Cari untuk mencari pesanan
Gambar 3. 70 Tampilan Orders Dibayar
193
13. [T41] Rancangan antar muka tampilan order lunas Aplikasi e-commerce penjualan produk jkcollection di CV RR Sarana Persada Gambar 3.71:
T41
footer
1. Header menggunakan font arial, ukuran 20px , warna FFF,background 000 2. Menu header menggunakan font arial, ukuran 11px , warne FFF , backgroud CCC
ADMIN | JK COLLECTION
1. Klik home menuju T31 Home
Logout Laporan Penjualan
Backup Restore Setting
Orders Pengolahan
Kategori produk Kota
Provinsi Produk
Jenis
Members Ongkos Kirim
Orders Baru Orders Dibayar
Orders Diterima Orders Dikirim
Orders Lunas Produk Retur
Ganti Password Profil Toko
Syarat Kondisi Cara Pembelian
Hubungi Kami Backup Database
Restore Database
Orders Lunas
2. Klik kategori produk menuju T32 3. Klik jenis menuju T33
4. Klik produk menuju T34 5. Klik provinsi menuju T35
6. Klik kota menuju T36
Keterangan
7. Klik ongkos kirim menuju T37 8. Klik members menuju T38
9. Klik orders baru menuju T39 10. Klik orders dibayar menuju T40
11. Klik orders lunas menuju T41 12. Klik orders dikirim menuju T42
13. Klik orders diterima menuju T43 14. Klik produk retur menuju T44
15. Klik ganti password menuju T45 16. Klik hubungi kami menuju T46
17. Klik cara pembelian menuju T47 18. Klik profil kami menuju T48
19. Klik syarat kondisi menuju T49 20. Klik backup database menuju T50
21. Klik restore database menuju T51 22. Klik laporan penjualan menuju
T52 23. Klik Logout menuju T53
Cari No.Orders
Tgl.Orders Aksi
Nama Konsumen Jam
Status Detail
Cari Berdasarkan No Pesanan
24. Klik Detail menuju T68 25. Klik Cari untuk mencari pesanan
Gambar 3. 71 Tampilan Orders Lunas
14. [T42] Rancangan antar muka tampilan order dikirim Aplikasi e-commerce penjualan produk jkcollection di CV RR Sarana Persada Gambar 3.72:
194
T42
footer
1. Header menggunakan font arial, ukuran 20px , warna FFF,background 000 2. Menu header menggunakan font arial, ukuran 11px , warne FFF , backgroud CCC
ADMIN | JK COLLECTION
1. Klik home menuju T31 Home
Logout Laporan Penjualan
Backup Restore Setting
Orders Pengolahan
Kategori produk Kota
Provinsi Produk
Jenis Members
Ongkos Kirim Orders Baru
Orders Dibayar Orders Diterima
Orders Dikirim Orders Lunas
Produk Retur Ganti Password
Profil Toko Syarat Kondisi
Cara Pembelian Hubungi Kami
Backup Database Restore Database
Orders Dikirim
2. Klik kategori produk menuju T32 3. Klik jenis menuju T33
4. Klik produk menuju T34 5. Klik provinsi menuju T35
6. Klik kota menuju T36
Keterangan
7. Klik ongkos kirim menuju T37 8. Klik members menuju T38
9. Klik orders baru menuju T39 10. Klik orders dibayar menuju T40
11. Klik orders lunas menuju T41 12. Klik orders dikirim menuju T42
13. Klik orders diterima menuju T43 14. Klik produk retur menuju T44
15. Klik ganti password menuju T45 16. Klik hubungi kami menuju T46
17. Klik cara pembelian menuju T47 18. Klik profil kami menuju T48
19. Klik syarat kondisi menuju T49 20. Klik backup database menuju T50
21. Klik restore database menuju T51 22. Klik laporan penjualan menuju
T52 23. Klik Logout menuju T53
Cari No.Orders
Tgl.Orders Aksi
Nama Konsumen Jam
Status Detail
Cari Berdasarkan No Pesanan
24. Klik Detail menuju T68 25. Klik Cari untuk mencari pesanan
Gambar 3. 72 Tampilan Orders Dikirim
15. [T43] Rancangan antar muka tampilan order diterima Aplikasi e-commerce penjualan produk jkcollection di CV RR Sarana Persada Gambar 3.73:
T43
footer
1. Header menggunakan font arial, ukuran 20px , warna FFF,background 000 2. Menu header menggunakan font arial, ukuran 11px , warne FFF , backgroud CCC
ADMIN | JK COLLECTION
1. Klik home menuju T31 Home
Logout Laporan Penjualan
Backup Restore Setting
Orders Pengolahan
Kategori produk Kota
Provinsi Produk
Jenis Members
Ongkos Kirim Orders Baru
Orders Dibayar Orders Diterima
Orders Dikirim Orders Lunas
Produk Retur Ganti Password
Profil Toko Syarat Kondisi
Cara Pembelian Hubungi Kami
Backup Database Restore Database
Orders Diterima
2. Klik kategori produk menuju T32 3. Klik jenis menuju T33
4. Klik produk menuju T34 5. Klik provinsi menuju T35
6. Klik kota menuju T36
Keterangan
7. Klik ongkos kirim menuju T37 8. Klik members menuju T38
9. Klik orders baru menuju T39 10. Klik orders dibayar menuju T40
11. Klik orders lunas menuju T41 12. Klik orders dikirim menuju T42
13. Klik orders diterima menuju T43 14. Klik produk retur menuju T44
15. Klik ganti password menuju T45 16. Klik hubungi kami menuju T46
17. Klik cara pembelian menuju T47 18. Klik profil kami menuju T48
19. Klik syarat kondisi menuju T49 20. Klik backup database menuju T50
21. Klik restore database menuju T51 22. Klik laporan penjualan menuju
T52 23. Klik Logout menuju T53
Cari No.Orders
Tgl.Orders Aksi
Nama Konsumen Jam
Status Detail
Cari Berdasarkan No Pesanan
24. Klik Detail menuju T68 25. Klik Cari untuk mencari pesanan
Gambar 3. 73 Tampilan Orders Diterima
195
16. [T44] Rancangan antar muka produk retur Aplikasi e-commerce penjualan produk jkcollection di CV RR Sarana Persada Gambar 3.74:
T44
footer
1. Header menggunakan font arial, ukuran 20px , warna FFF,background 000 2. Menu header menggunakan font arial, ukuran 11px , warne FFF , backgroud CCC
ADMIN | JK COLLECTION
1. Klik home menuju T31 Home
Logout Laporan Penjualan
Backup Restore Setting
Orders Pengolahan
Kategori produk Kota
Provinsi Produk
Jenis
Members Ongkos Kirim
Orders Baru Orders Dibayar
Orders Diterima Orders Dikirim
Orders Lunas Produk Retur
Ganti Password Profil Toko
Syarat Kondisi Cara Pembelian
Hubungi Kami Backup Database
Restore Database
Produk Retur
2. Klik kategori produk menuju T32 3. Klik jenis menuju T33
4. Klik produk menuju T34 5. Klik provinsi menuju T35
6. Klik kota menuju T36
Keterangan
7. Klik ongkos kirim menuju T37 8. Klik members menuju T38
9. Klik orders baru menuju T39 10. Klik orders dibayar menuju T40
11. Klik orders lunas menuju T41 12. Klik orders dikirim menuju T42
13. Klik orders diterima menuju T43 14. Klik produk retur menuju T44
15. Klik ganti password menuju T45 16. Klik hubungi kami menuju T46
17. Klik cara pembelian menuju T47 18. Klik profil kami menuju T48
19. Klik syarat kondisi menuju T49 20. Klik backup database menuju T50
21. Klik restore database menuju T51 22. Klik laporan penjualan menuju
T52 23. Klik Logout menuju T53
Cari No.Retur
Tgl.Orders Aksi
Nama Konsumen Jam
Status Detail
Cari
24. Klik Detail menuju T69 25. Klik Cari untuk mencari produk
retur
Gambar 3. 74 Tampilan Produk Retur
17. [T45] Rancangan antar muka tampilan ganti password admin Aplikasi e- commerce
penjualan produk jkcollection di CV RR Sarana Persada Gambar 3.75:
196
T45
footer
1. Header menggunakan font arial, ukuran 20px , warna FFF,background 000 2. Menu header menggunakan font arial, ukuran 11px , warne FFF , backgroud CCC
ADMIN | JK COLLECTION
1. Klik home menuju T31 Home
Logout Laporan Penjualan
Backup Restore Setting
Orders Pengolahan
Kategori produk Kota
Provinsi Produk
Jenis Members
Ongkos Kirim Orders Baru
Orders Dibayar Orders Diterima
Orders Dikirim Orders Lunas
Produk Retur Ganti Password
Profil Toko Syarat Kondisi
Cara Pembelian Hubungi Kami
Backup Database Restore Database
Ganti Password
2. Klik kategori produk menuju T32 3. Klik jenis menuju T33
4. Klik produk menuju T34 5. Klik provinsi menuju T35
6. Klik kota menuju T36
Keterangan
7. Klik ongkos kirim menuju T37 8. Klik members menuju T38
9. Klik orders baru menuju T39 10. Klik orders dibayar menuju T40
11. Klik orders lunas menuju T41 12. Klik orders dikirim menuju T42
13. Klik orders diterima menuju T43 14. Klik produk retur menuju T44
15. Klik ganti password menuju T45 16. Klik hubungi kami menuju T46
17. Klik cara pembelian menuju T47 18. Klik profil kami menuju T48
19. Klik syarat kondisi menuju T49 20. Klik backup database menuju T50
21. Klik restore database menuju T51 22. Klik laporan penjualan menuju
T52 23. Klik Logout menuju T53
Masukan Password Lama Masukan Password Baru
Masukan Password Baru Lagi Proses
Batal 24. Klik proses untuk mengganti
password 25. Klik batal untuk membatalkan
Gambar 3. 75 Tampilan Ganti Password Admin
18. [T46] Rancangan antar muka tampilan hubungi kami Aplikasi e-commerce penjualan produk jkcollection di CV RR Sarana Persada Gambar 3.76:
T46
footer
1. Header menggunakan font arial, ukuran 20px , warna FFF,background 000 2. Menu header menggunakan font arial, ukuran 11px , warne FFF , backgroud CCC
ADMIN | JK COLLECTION
1. Klik home menuju T31 Home
Logout Laporan Penjualan
Backup Restore Setting
Orders Pengolahan
Kategori produk Kota
Provinsi Produk
Jenis Members
Ongkos Kirim Orders Baru
Orders Dibayar Orders Diterima
Orders Dikirim Orders Lunas
Produk Retur Ganti Password
Profil Toko Syarat Kondisi
Cara Pembelian Hubungi Kami
Backup Database Restore Database
Hubungi Kami
2. Klik kategori produk menuju T32 3. Klik jenis menuju T33
4. Klik produk menuju T34 5. Klik provinsi menuju T35
6. Klik kota menuju T36
Keterangan
7. Klik ongkos kirim menuju T37 8. Klik members menuju T38
9. Klik orders baru menuju T39 10. Klik orders dibayar menuju T40
11. Klik orders lunas menuju T41 12. Klik orders dikirim menuju T42
13. Klik orders diterima menuju T43 14. Klik produk retur menuju T44
15. Klik ganti password menuju T45 16. Klik hubungi kami menuju T46
17. Klik cara pembelian menuju T47 18. Klik profil kami menuju T48
19. Klik syarat kondisi menuju T49 20. Klik backup database menuju T50
21. Klik restore database menuju T51 22. Klik laporan penjualan menuju
T52 23. Klik Logout menuju T53
No. Email
Aksi Nama
Tanggal Hapus
24. Klik balas menuju T70 25. Klik hapus untuk menghapus
hubungi kami Balas
Gambar 3. 76 Tampilan Hubungi Kami
197
19. [T47] Rancangan antar muka tampilan cara pembelian Aplikasi e-commerce penjualan produk jkcollection di CV RR Sarana Persada Gambar 3.77:
T47
footer
1. Header menggunakan font arial, ukuran 20px , warna FFF,background 000 2. Menu header menggunakan font arial, ukuran 11px , warne FFF , backgroud CCC
ADMIN | JK COLLECTION
1. Klik home menuju T31 Home
Logout Laporan Penjualan
Backup Restore Setting
Orders Pengolahan
Kategori produk Kota
Provinsi Produk
Jenis
Members Ongkos Kirim
Orders Baru Orders Dibayar
Orders Diterima Orders Dikirim
Orders Lunas Produk Retur
Ganti Password Profil Toko
Syarat Kondisi Cara Pembelian
Hubungi Kami Backup Database
Restore Database
Cara Pembelian
2. Klik kategori produk menuju T32 3. Klik jenis menuju T33
4. Klik produk menuju T34 5. Klik provinsi menuju T35
6. Klik kota menuju T36
Keterangan
7. Klik ongkos kirim menuju T37 8. Klik members menuju T38
9. Klik orders baru menuju T39 10. Klik orders dibayar menuju T40
11. Klik orders lunas menuju T41 12. Klik orders dikirim menuju T42
13. Klik orders diterima menuju T43 14. Klik produk retur menuju T44
15. Klik ganti password menuju T45 16. Klik hubungi kami menuju T46
17. Klik cara pembelian menuju T47 18. Klik profil kami menuju T48
19. Klik syarat kondisi menuju T49 20. Klik backup database menuju T50
21. Klik restore database menuju T51 22. Klik laporan penjualan menuju
T52 23. Klik Logout menuju T53
Update Batal
Gambar 3. 77 Tampilan Cara Pembelian
20. [T48] Rancangan antar muka tampilan profil toko Aplikasi e-commerce penjualan produk jkcollection di CV RR Sarana Persada Gambar 3.78:
198
T48
footer
1. Header menggunakan font arial, ukuran 20px , warna FFF,background 000 2. Menu header menggunakan font arial, ukuran 11px , warne FFF , backgroud CCC
ADMIN | JK COLLECTION
1. Klik home menuju T31 Home
Logout Laporan Penjualan
Backup Restore Setting
Orders Pengolahan
Kategori produk Kota
Provinsi Produk
Jenis Members
Ongkos Kirim Orders Baru
Orders Dibayar Orders Diterima
Orders Dikirim Orders Lunas
Produk Retur Ganti Password
Profil Toko Syarat Kondisi
Cara Pembelian Hubungi Kami
Backup Database Restore Database
Cara Pembelian
2. Klik kategori produk menuju T32 3. Klik jenis menuju T33
4. Klik produk menuju T34 5. Klik provinsi menuju T35
6. Klik kota menuju T36
Keterangan
7. Klik ongkos kirim menuju T37 8. Klik members menuju T38
9. Klik orders baru menuju T39 10. Klik orders dibayar menuju T40
11. Klik orders lunas menuju T41 12. Klik orders dikirim menuju T42
13. Klik orders diterima menuju T43 14. Klik produk retur menuju T44
15. Klik ganti password menuju T45 16. Klik hubungi kami menuju T46
17. Klik cara pembelian menuju T47 18. Klik profil kami menuju T48
19. Klik syarat kondisi menuju T49 20. Klik backup database menuju T50
21. Klik restore database menuju T51 22. Klik laporan penjualan menuju
T52 23. Klik Logout menuju T53
Update Batal
Gambar 3. 78 Tampilan Profil TokoPerusahaan
21. [T49] Rancangan antar muka tampilan Syarat kondisi Aplikasi e- commerce
penjualan produk jkcollection di CV RR Sarana Persada Gambar 3.79:
T49
footer
1. Header menggunakan font arial, ukuran 20px , warna FFF,background 000 2. Menu header menggunakan font arial, ukuran 11px , warne FFF , backgroud CCC
ADMIN | JK COLLECTION
1. Klik home menuju T31 Home
Logout Laporan Penjualan
Backup Restore Setting
Orders Pengolahan
Kategori produk Kota
Provinsi Produk
Jenis Members
Ongkos Kirim Orders Baru
Orders Dibayar Orders Diterima
Orders Dikirim Orders Lunas
Produk Retur Ganti Password
Profil Toko Syarat Kondisi
Cara Pembelian Hubungi Kami
Backup Database Restore Database
Syarat Kondisi
2. Klik kategori produk menuju T32 3. Klik jenis menuju T33
4. Klik produk menuju T34 5. Klik provinsi menuju T35
6. Klik kota menuju T36
Keterangan
7. Klik ongkos kirim menuju T37 8. Klik members menuju T38
9. Klik orders baru menuju T39 10. Klik orders dibayar menuju T40
11. Klik orders lunas menuju T41 12. Klik orders dikirim menuju T42
13. Klik orders diterima menuju T43 14. Klik produk retur menuju T44
15. Klik ganti password menuju T45 16. Klik hubungi kami menuju T46
17. Klik cara pembelian menuju T47 18. Klik profil kami menuju T48
19. Klik syarat kondisi menuju T49 20. Klik backup database menuju T50
21. Klik restore database menuju T51 22. Klik laporan penjualan menuju
T52 23. Klik Logout menuju T53
Update Batal
Gambar 3. 79 Tampilan Syarat Kondisi
199
22. [T50] Rancangan antar muka tampilan backup database Aplikasi e- commerce
penjualan produk jkcollection di CV RR Sarana Persada Gambar 3.80:
T50
footer
1. Header menggunakan font arial, ukuran 20px , warna FFF,background 000 2. Menu header menggunakan font arial, ukuran 11px , warne FFF , backgroud CCC
ADMIN | JK COLLECTION
1. Klik home menuju T31 Home
Logout Laporan Penjualan
Backup Restore Setting
Orders Pengolahan
Kategori produk Kota
Provinsi Produk
Jenis
Members Ongkos Kirim
Orders Baru Orders Dibayar
Orders Diterima Orders Dikirim
Orders Lunas Produk Retur
Ganti Password Profil Toko
Syarat Kondisi Cara Pembelian
Hubungi Kami Backup Database
Restore Database
Backup Database
2. Klik kategori produk menuju T32 3. Klik jenis menuju T33
4. Klik produk menuju T34 5. Klik provinsi menuju T35
6. Klik kota menuju T36
Keterangan
7. Klik ongkos kirim menuju T37 8. Klik members menuju T38
9. Klik orders baru menuju T39 10. Klik orders dibayar menuju T40
11. Klik orders lunas menuju T41 12. Klik orders dikirim menuju T42
13. Klik orders diterima menuju T43 14. Klik produk retur menuju T44
15. Klik ganti password menuju T45 16. Klik hubungi kami menuju T46
17. Klik cara pembelian menuju T47 18. Klik profil kami menuju T48
19. Klik syarat kondisi menuju T49 20. Klik backup database menuju T50
21. Klik restore database menuju T51 22. Klik laporan penjualan menuju
T52 23. Klik Logout menuju T53
Update Batal
Gambar 3. 80 Tampilan Backup Database
23. [T51] Rancangan antar muka tampilan restore database Aplikasi e- commerce
penjualan produk jkcollection di CV RR Sarana Persada Gambar 3.81:
200
T51
footer
1. Header menggunakan font arial, ukuran 20px , warna FFF,background 000 2. Menu header menggunakan font arial, ukuran 11px , warne FFF , backgroud CCC
ADMIN | JK COLLECTION
1. Klik home menuju T31 Home
Logout Laporan Penjualan
Backup Restore Setting
Orders Pengolahan
Kategori produk Kota
Provinsi Produk
Jenis Members
Ongkos Kirim Orders Baru
Orders Dibayar Orders Diterima
Orders Dikirim Orders Lunas
Produk Retur Ganti Password
Profil Toko Syarat Kondisi
Cara Pembelian Hubungi Kami
Backup Database Restore Database
Backup Database
2. Klik kategori produk menuju T32 3. Klik jenis menuju T33
4. Klik produk menuju T34 5. Klik provinsi menuju T35
6. Klik kota menuju T36
Keterangan
7. Klik ongkos kirim menuju T37 8. Klik members menuju T38
9. Klik orders baru menuju T39 10. Klik orders dibayar menuju T40
11. Klik orders lunas menuju T41 12. Klik orders dikirim menuju T42
13. Klik orders diterima menuju T43 14. Klik produk retur menuju T44
15. Klik ganti password menuju T45 16. Klik hubungi kami menuju T46
17. Klik cara pembelian menuju T47 18. Klik profil kami menuju T48
19. Klik syarat kondisi menuju T49 20. Klik backup database menuju T50
21. Klik restore database menuju T51 22. Klik laporan penjualan menuju
T52 23. Klik Logout menuju T53
Restore
Gambar 3. 81 Tampilan Restore Database
24. [T52] Rancangan antar muka tampilan laporan penjulan Aplikasi e- commerce
penjualan produk jkcollection di CV RR Sarana Persada Gambar 3.82:
T52
footer
1. Header menggunakan font arial, ukuran 20px , warna FFF,background 000 2. Menu header menggunakan font arial, ukuran 11px , warne FFF , backgroud CCC
ADMIN | JK COLLECTION
1. Klik home menuju T31 Home
Logout Laporan Penjualan
Backup Restore Setting
Orders Pengolahan
Kategori produk Kota
Provinsi Produk
Jenis Members
Ongkos Kirim Orders Baru
Orders Dibayar Orders Diterima
Orders Dikirim Orders Lunas
Produk Retur Ganti Password
Profil Toko Syarat Kondisi
Cara Pembelian Hubungi Kami
Backup Database Restore Database
Laporan Penjualan
2. Klik kategori produk menuju T32 3. Klik jenis menuju T33
4. Klik produk menuju T34 5. Klik provinsi menuju T35
6. Klik kota menuju T36
Keterangan
7. Klik ongkos kirim menuju T37 8. Klik members menuju T38
9. Klik orders baru menuju T39 10. Klik orders dibayar menuju T40
11. Klik orders lunas menuju T41 12. Klik orders dikirim menuju T42
13. Klik orders diterima menuju T43 14. Klik produk retur menuju T44
15. Klik ganti password menuju T45 16. Klik hubungi kami menuju T46
17. Klik cara pembelian menuju T47 18. Klik profil kami menuju T48
19. Klik syarat kondisi menuju T49 20. Klik backup database menuju T50
21. Klik restore database menuju T51 22. Klik laporan penjualan menuju
T52 23. Klik Logout menuju T53
cari Mulai Tanggal
Mulai Tanggal batal
Cetak 24. Klik cetak untuk membbuat
laporan penjualan
Gambar 3. 82 Tampilan Laporan Penjualan
201
25. [T53] Rancangan antar muka tampilan logout Aplikasi e-commerce penjualan produk jkcollection di CV RR Sarana Persada Gambar 3.83:
T53
footer
Logout
1. Header menggunakan font arial, ukuran 20px , warna FFF,background 000 2. Menu login menggunakan font arial, ukuran 11px , warne FFF , backgroud CCC
ADMIN | JK COLLECTION
1. Klik Lupa Password menuju T30 2. Klik tombol login menuju T31
Logout Berhasil
Gambar 3. 83 Tampilan Logout Admin
202
3.5.4 Perancangan Antarmuka Pesan