ANALISIS DAN PERANCANGAN
3.2 Perancangan Sistem
3.2.4 Perancangan Antarmuka
3.2.4.1 Perancangan Antarmuka Admin 1 Perancangan antarmuka halaman login admin
Berikut dapat dilihat perancangan antarmuka login administrator dan petugas dari aplikasi e-commerce di CV. Elvana yang tercantum pada gambar 3.55.
2. Perancangan antarmuka halaman beranda admin
Berikut dapat dilihat perancangan antarmuka beranda administrator dan petugas dari aplikasi e-commerce di CV. Elvana yang tercantum pada gambar 3.56.
3. Perancangan antarmuka halaman profil admin
Berikut dapat dilihat perancangan antarmuka profil administrator dan petugas dari aplikasi e-commerce di CV. Elvana yang tercantum pada gambar 3.57.
4. Perancangan antarmuka halaman edit admin
Berikut dapat dilihat perancangan antarmuka edit profil administrator dan petugas dari aplikasi e-commerce di CV. Elvana yang tercantum pada gambar 3.58.
5. Perancangan antarmuka halaman ubah password admin
Berikut dapat dilihat perancangan antarmuka ubah password administrator dan petugas dari aplikasi e-commerce di CV. Elvana yang tercantum pada gambar 3.59.
6. Perancangan antarmuka halaman list data admin
Berikut dapat dilihat perancangan antarmuka list administrator dan petugas dari aplikasi e-commerce di CV. Elvana yang tercantum pada gambar 3.60.
7. Perancangan antarmuka halaman tambah data admin
Berikut dapat dilihat perancangan antarmuka tambah administrator atau petugas dari aplikasi e-commerce di CV. Elvana yang tercantum pada gambar 3.61.
8. Perancangan antarmuka halaman cari data admin
Berikut dapat dilihat perancangan antarmuka cari administrator atau petugas dari aplikasi e-commerce di CV. Elvana yang tercantum pada gambar 3.62.
9. Perancangan antarmuka halaman list data pelanggan
Berikut dapat dilihat perancangan antarmuka list data pelanggan dari aplikasi e-commerce di CV. Elvana yang tercantum pada gambar 3.63.
10.Perancangan antarmuka halaman tambah data pelanggan
Berikut dapat dilihat perancangan antarmuka tambah data pelanggan dari aplikasi e-commerce di CV. Elvana yang tercantum pada gambar 3.64.
Gambar 3.64 Antarmuka Tambah Data Pelanggan 11.Perancangan antarmuka halaman cari data pelanggan
Berikut dapat dilihat perancangan antarmuka cari data pelanggan dari aplikasi e-commerce di CV. Elvana yang tercantum pada gambar 3.65.
Gambar 3.65 Antarmuka Cari Data Pelanggan 12.Perancangan antarmuka halaman list data kategori
Berikut dapat dilihat perancangan antarmuka list data kategori dari aplikasi e- commerce di CV. Elvana yang tercantum pada gambar 3.66.
13.Perancangan antarmuka halaman tambah data kategori
Berikut dapat dilihat perancangan antarmuka tambah data kategori dari aplikasi e-commerce di CV. Elvana yang tercantum pada gambar 3.67.
Gambar 3.67 Tambah Data Kategori 14.Perancangan antarmuka halaman edit data kategori
Berikut dapat dilihat perancangan antarmuka edit data kategori dari aplikasi e- commerce di CV. Elvana yang tercantum pada gambar 3.68.
Gambar 3.68 Antarmuka Edit Data Kategori 15.Perancangan antarmuka halaman cari data kategori
Berikut dapat dilihat perancangan antarmuka cari data kategori dari aplikasi e- commerce di CV. Elvana yang tercantum pada gambar 3.69.
16.Perancangan antarmuka halaman list data subkategori
Berikut dapat dilihat perancangan antarmuka list data subkategori dari aplikasi e-commerce di CV. Elvana yang tercantum pada gambar 3.70.
Gambar 3.70 Antarmuka List Data Subkategori 17.Perancangan antarmuka halaman tambah data subkategori
Berikut dapat dilihat perancangan antarmuka tambah data subkategori dari aplikasi e-commerce di CV. Elvana yang tercantum pada gambar 3.71.
Gambar 3.71 Antarmuka Tambah Data Subkategori 18.Perancangan antarmuka halaman edit data subkategori
Berikut dapat dilihat perancangan antarmuka edit data subkategori dari aplikasi e-commerce di CV. Elvana yang tercantum pada gambar 3.72.
19.Perancangan antarmuka halaman cari data subkategori
Berikut dapat dilihat perancangan antarmuka cari data subkategori dari aplikasi e-commerce di CV. Elvana yang tercantum pada gambar 3.73.
Gambar 3.73 Antarmuka Cari Data Subkategori 20.Perancangan antarmuka halaman list data ukuran
Berikut dapat dilihat perancangan antarmuka list data ukuran dari aplikasi e- commerce di CV. Elvana yang tercantum pada gambar 3.74.
Gambar 3.74 Antarmuka List Data Ukuran 21.Perancangan antarmuka halaman tambah data ukuran
Berikut dapat dilihat perancangan antarmuka tambah data ukuran dari aplikasi e-commerce di CV. Elvana yang tercantum pada gambar 3.75.
22.Perancangan antarmuka halaman edit data ukuran
Berikut dapat dilihat perancangan antarmuka edit data ukuran dari aplikasi e- commerce di CV. Elvana yang tercantum pada gambar 3.76.
Gambar 3.76 Antarmuka Edit Data Ukuran 23.Perancangan antarmuka halaman cari data ukuran
Berikut dapat dilihat perancangan antarmuka cari data ukuran dari aplikasi e- commerce di CV. Elvana yang tercantum pada gambar 3.77.
Gambar 3.77 Antarmuka Cari Data Ukuran 24.Perancangan antarmuka halaman list data warna
Berikut dapat dilihat perancangan antarmuka list data warna dari aplikasi e- commerce di CV. Elvana yang tercantum pada gambar 3.78.
25.Perancangan antarmuka halaman tambah data warna
Berikut dapat dilihat perancangan antarmuka tambah data warna dari aplikasi e-commerce di CV. Elvana yang tercantum pada gambar 3.79.
Gambar 3.79 Antarmuka Tambah Data Warna 26.Perancangan antarmuka halaman edit data warna
Berikut dapat dilihat perancangan antarmuka edit data warna dari aplikasi e- commerce di CV. Elvana yang tercantum pada gambar 3.80.
Gambar 3.80 Antarmuka Edit Data Warna 27.Perancangan antarmuka halaman cari data warna
Berikut dapat dilihat perancangan antarmuka cari data warna dari aplikasi e- commerce di CV. Elvana yang tercantum pada gambar 3.81.
28.Perancangan antarmuka halaman list data produk
Berikut dapat dilihat perancangan antarmuka list data produk dari aplikasi e- commerce di CV. Elvana yang tercantum pada gambar 3.82.
Gambar 3.82 Antarmuka List Data Produk 29.Perancangan antarmuka halaman tambah data produk
Berikut dapat dilihat perancangan antarmuka tambah data produk dari aplikasi e-commerce di CV. Elvana yang tercantum pada gambar 3.83.
Gambar 3.83 Antarmuka Tambah Data Produk 30.Perancangan antarmuka halaman edit data produk
Berikut dapat dilihat perancangan antarmuka edit data produk dari aplikasi e- commerce di CV. Elvana yang tercantum pada gambar 3.84.
31.Perancangan antarmuka halaman cari data produk
Berikut dapat dilihat perancangan antarmuka cari data produk dari aplikasi e- commerce di CV. Elvana yang tercantum pada gambar 3.85.
Gambar 3.85 Antarmuka Cari Data Produk 32.Perancangan antarmuka halaman list data propinsi
Berikut dapat dilihat perancangan antarmuka list data propinsi dari aplikasi e- commerce di CV. Elvana yang tercantum pada gambar 3.86.
Gambar 3.86 Antarmuka List Data Propinsi 33.Perancangan antarmuka halaman tambah data propinsi
Berikut dapat dilihat perancangan antarmuka tambah data propinsi dari aplikasi e-commerce di CV. Elvana yang tercantum pada gambar 3.87.
34.Perancangan antarmuka halaman edit data propinsi
Berikut dapat dilihat perancangan antarmuka edit data propinsi dari aplikasi e- commerce di CV. Elvana yang tercantum pada gambar 3.88.
Gambar 3.88 Antarmuka Edit Data Propinsi 35.Perancangan antarmuka halaman cari data propinsi
Berikut dapat dilihat perancangan antarmuka cari data propinsi dari aplikasi e- commerce di CV. Elvana yang tercantum pada gambar 3.89.
Gambar 3.89 Antarmuka Cari Data Propinsi 36.Perancangan antarmuka halaman list data kab/kota
Berikut dapat dilihat perancangan antarmuka list data kab/kota dari aplikasi e- commerce di CV. Elvana yang tercantum pada gambar 3.90.
37.Perancangan antarmuka halaman tambah data kab/kota
Berikut dapat dilihat perancangan antarmuka tambah data kab/kota dari aplikasi e-commerce di CV. Elvana yang tercantum pada gambar 3.91.
Gambar 3. 91 Antarmuka Tambah Data Kab/Kota 38.Perancangan antarmuka halaman edit data kab/kota
Berikut dapat dilihat perancangan antarmuka edit data kab/kota dari aplikasi e- commerce di CV. Elvana yang tercantum pada gambar 3.92.
Gambar 3.92 Antarmuka Edit Data Kab/Kota 39.Perancangan antarmuka halaman cari data kab/kota
Berikut dapat dilihat perancangan antarmuka cari data kab/kota dari aplikasi e- commerce di CV. Elvana yang tercantum pada gambar 3.93.
40.Perancangan antarmuka halaman list data jenis pengiriman
Berikut dapat dilihat perancangan antarmuka list data jenis pengiriman dari aplikasi e-commerce di CV. Elvana yang tercantum pada gambar 3.94.
Gambar 3.94 Antarmuka List Data Jenis Pengiriman 41.Perancangan antarmuka halaman tambah data jenis pengiriman
Berikut dapat dilihat perancangan antarmuka tambah data jenis pengiriman dari aplikasi e-commerce di CV. Elvana yang tercantum pada gambar 3.95.
Gambar 3.95 Antarmuka Tambah Data Jenis Pengiriman 42.Perancangan antarmuka halaman edit data jenis pengiriman
Berikut dapat dilihat perancangan antarmuka edit data jenis pengiriman dari aplikasi e-commerce di CV. Elvana yang tercantum pada gambar 3.96.
43.Perancangan antarmuka halaman cari data jenis pengiriman
Berikut dapat dilihat perancangan antarmuka cari data jenis pengiriman dari aplikasi e-commerce di CV. Elvana yang tercantum pada gambar 3.97.
Gambar 3.97 Antarmuka Cari Data Jenis Pengiriman 44.Perancangan antarmuka halaman list data ongkos kirim
Berikut dapat dilihat perancangan antarmuka list data ongkos kirim dari aplikasi e-commerce di CV. Elvana yang tercantum pada gambar 3.98.
Gambar 3.98 Antarmuka List Data Ongkos Kirim 45.Perancangan antarmuka halaman tambah data ongkos kirim
Berikut dapat dilihat perancangan antarmuka tambah data ongkos kirim dari aplikasi e-commerce di CV. Elvana yang tercantum pada gambar 3.99.
46.Perancangan antarmuka halaman edit data ongkos kirim
Berikut dapat dilihat perancangan antarmuka edit data ongkos kirim dari aplikasi e-commerce di CV. Elvana yang tercantum pada gambar 3.100.
Gambar 3.100 Antarmuka Edit Data Ongkos Kirim 47.Perancangan antarmuka halaman cari data ongkos kirim
Berikut dapat dilihat perancangan antarmuka cari data ongkos kirim dari aplikasi e-commerce di CV. Elvana yang tercantum pada gambar 3.101.
Gambar 3.101 Antarmuka Cari Data Ongkos Kirim 48.Perancangan antarmuka halaman list data mata uang
Berikut dapat dilihat perancangan antarmuka list data mata uang dari aplikasi e-commerce di CV. Elvana yang tercantum pada gambar 3.102.
49.Perancangan antarmuka halaman tambah data mata uang
Berikut dapat dilihat perancangan antarmuka tambah data mata uang dari aplikasi e-commerce di CV. Elvana yang tercantum pada gambar 3.103.
Gambar 3.103 Antarmuka Tambah Data Mata Uang 50.Perancangan antarmuka halaman edit data mata uang
Berikut dapat dilihat perancangan antarmuka edit data mata uang dari aplikasi e-commerce di CV. Elvana yang tercantum pada gambar 3.104.
Gambar 3.104 Antarmuka Edit Data Mata Uang 51.Perancangan antarmuka halaman cari data mata uang
Berikut dapat dilihat perancangan antarmuka cari data mata uang dari aplikasi e-commerce di CV. Elvana yang tercantum pada gambar 3.105.
52.Perancangan antarmuka halaman list data retur barang
Berikut dapat dilihat perancangan antarmuka list data retur barang dari aplikasi e-commerce di CV. Elvana yang tercantum pada gambar 3.106.
Gambar 3.106 Antarmuka List Data Retur Barang 53.Perancangan antarmuka halaman list data pesanan
Berikut dapat dilihat perancangan antarmuka list data pesanan dari aplikasi e- commerce di CV. Elvana yang tercantum pada gambar 3.107.
Gambar 3.107 Antarmuka List Data Pesanan 54.Perancangan antarmuka halaman ubah status pengiriman
Berikut dapat dilihat perancangan antarmuka ubah status pengiriman dari aplikasi e-commerce di CV. Elvana yang tercantum pada gambar 3.108.
55.Perancangan antarmuka halaman detail pesanan
Berikut dapat dilihat perancangan antarmuka detail pesanan dari aplikasi e- commerce di CV. Elvana yang tercantum pada gambar 3.109.
Gambar 3.109 Antarmuka Detail Data Pesanan 56.Perancangan antarmuka halaman ubah status pembayaran
Berikut dapat dilihat perancangan antarmuka ubah status pembayaran dari aplikasi e-commerce di CV. Elvana yang tercantum pada gambar 3.110.