Perancangan Antar Muka Administrator - Perancangan Arsitektur .1 Perancangan Antar Muka

ANALISIS DAN PERANCANGAN SISTEM

III.3 Perancangan Arsitektur .1 Perancangan Antar Muka

3. Perancangan Antar Muka Administrator

Antar muka ini adalah antar muka login (A01)

Password : CPANEL

A01 Navigasi :

-Klik Login untuk menuju ke A02 -Klik Lupa Password untuk menuju ke A10

Gambar III.54 Perancangan Antar Muka Login Antar muka ini adalah antar muka Lupa Password (A02)

Email :

Kirim Sandi

Close X

-Klik Close untuk menuju kembali A01 A02

112

Antar muka ini adalah antar muka Home admin (A03)

Administrator

ANTZSHOP

Selamat Datang Nama admin Beranda Logout - Data User > Data Admin > Data Member - Data Master > Kategori > Model > Merk > Ukuran > warna > Produk > Provinsi > Kota > Kurir > Layanan pengiriman > Ongkos kirim > Jenis Pembayaran - Data Transaksi > Transaksi > Konfirmasi Pembayaran > Barang terkirim > Data Retur - Data Laporan > Laporan Produk > Laporan Penjualan

No Order Tanggal orderTanggal Expired

Jumlah Pesanan baru (n) ORDER BARU

No Order Tanggal Konfirmasi

Jumlah Pesanan baru (n) PESANAN kONFIRMASI

ID Retur No Order Tanggal Retur

Jumlah Pesanan baru (n) RETUR ORDER

STOK PRODUK

Kode Produk – (n item)

A03 ^{Navigasi :}

- Klik Beranda untuk menuju ke A03 - Klik Logout untuk menuju ke A01 - Klik Data Admin untuk menuju ke A04 - Klik Data Member untuk menuju ke A05 - Klik kategori untuk menuju ke A06 - Klik model untuk menuju ke A07 - Klik merk untuk menuju ke A08 - Klik ukuran untuk menuju ke A09 - Klik warna untuk menuju ke A10 - Klik Produk untuk menuju ke A11 - Klik Provinsi untuk menuju ke A12 - Klik Kota untuk menuju ke A13 - Klik Kurir untuk menuju ke A14 - Klik layanan pengiriman untuk menuju ke A15

- Klik Ongkos kirim untuk menuju ke A16 - Klik jenis pembayaran untuk menuju ke A17 - Klik Transaksi untuk menuju ke A18 - Klik Konfirmasi Pembayaran untuk menuju ke A19

- Klik barang terkirim untuk menuju ke A20 - Klik Data retur barang untuk menuju ke A21 - Klik Laporan Produk untuk menuju ke A26 - Klik laporan penjualan untuk menuju ke A27

Gambar III.56 Perancangan Antar Muka Home admin

Antar muka ini adalah antar muka Data Admin (A04)

Administrator

ANTZSHOP

EMAIL NAMA LENGKAP PHONE STATUS INSERT DATE AKSI Tambah refresh

Navigasi :

- Klik Ongkos kirim untuk menuju ke A16 - Klik jenis pembayaran untuk menuju ke A17 - Klik Transaksi untuk menuju ke A18 - Klik Konfirmasi Pembayaran untuk menuju ke A19

- Klik barang terkirim untuk menuju ke A20 - Klik Data retur barang untuk menuju ke A21 - Klik Laporan Produk untuk menuju ke A26 - Klik laporan penjualan untuk menuju ke A27 -klik tambah untuk menuju ke T01

Antar muka ini adalah antar muka Data member (A05)

Administrator

ANTZSHOP

- Klik Ongkos kirim untuk menuju ke A16 - Klik jenis pembayaran untuk menuju ke A17 - Klik Transaksi untuk menuju ke A18 - Klik Konfirmasi Pembayaran untuk menuju ke A19

- Klik barang terkirim untuk menuju ke A20 - Klik Data retur barang untuk menuju ke A21 - Klik Laporan Produk untuk menuju ke A26 - Klik laporan penjualan untuk menuju ke A27

DAFTAR MEMBER ANTZSHOP

refresh

No. Email Nama Lengkap Alamat kota Phone Status Insert Date Last Login aksi

Pencarian Berdasarkan cari

Gambar III.58 Perancangan Antar Muka Data Member

Antar muka ini adalah antar muka Kategori (A06)

Administrator

ANTZSHOP

- Klik Ongkos kirim untuk menuju ke A16 - Klik jenis pembayaran untuk menuju ke A17 - Klik Transaksi untuk menuju ke A18 - Klik Konfirmasi Pembayaran untuk menuju ke A19

- Klik barang terkirim untuk menuju ke A20 - Klik Data retur barang untuk menuju ke A21 - Klik Laporan Produk untuk menuju ke A26 - Klik laporan penjualan untuk menuju ke A27 - Klik Ltambah kategori untuk menuju ke T02

KODE KATEGORI NAMA KATEGORI aksi

Halaman : (n) refresh tambah

114

Antar muka ini adalah antar muka Model (A07)

Administrator

ANTZSHOP

- Klik Ongkos kirim untuk menuju ke A16 - Klik jenis pembayaran untuk menuju ke A17 - Klik Transaksi untuk menuju ke A18 - Klik Konfirmasi Pembayaran untuk menuju ke A19

- Klik barang terkirim untuk menuju ke A20 - Klik Data retur barang untuk menuju ke A21 - Klik Laporan Produk untuk menuju ke A26 - Klik laporan penjualan untuk menuju ke A27 - Klik tambah model untuk menuju ke T03

KATEGORI MODEL aksi

Halaman : (n) refresh tambah ID MODEL

Gambar III.60 Perancangan Antar Muka Model Antar muka ini adalah antar muka Merk (A08)

Administrator

ANTZSHOP

- Klik Ongkos kirim untuk menuju ke A16 - Klik jenis pembayaran untuk menuju ke A17 - Klik Transaksi untuk menuju ke A18 - Klik Konfirmasi Pembayaran untuk menuju ke A19

KODE MERK MERK aksi

Halaman : (n) refresh tambah

Antar muka ini adalah antar muka data Ukuran (A09)

Administrator

ANTZSHOP

- Klik Ongkos kirim untuk menuju ke A16 - Klik jenis pembayaran untuk menuju ke A17 - Klik Transaksi untuk menuju ke A18 - Klik Konfirmasi Pembayaran untuk menuju ke A19

refresh tambah

ID UKURAN UKURAN AKSI

Halaman : (n)

Gambar III.62 Perancangan Antar muka Ukuran Antar muka ini adalah antar muka Warna (A10)

Administrator

ANTZSHOP

- Klik Ongkos kirim untuk menuju ke A16 - Klik jenis pembayaran untuk menuju ke A17 - Klik Transaksi untuk menuju ke A18 - Klik Konfirmasi Pembayaran untuk menuju ke A19

refresh tambah

ID WARNA AKSI Halaman : (n)

116

Antar muka ini adalah antar muka produk (A11)

Administrator

ANTZSHOP

- Klik Ongkos kirim untuk menuju ke A16 - Klik jenis pembayaran untuk menuju ke A17 - Klik Transaksi untuk menuju ke A18 - Klik Konfirmasi Pembayaran untuk menuju ke A19

refresh tambah Kode produk

Halaman : (n)

AKSI Kategori Nama Produk Merk Model p/w Diskon (%) Tgl masuk

Gambar III.64 Perancangan Antar Muka Produk

Antar muka ini adalah antar muka provinsi (A12)

Administrator

ANTZSHOP

- Klik Ongkos kirim untuk menuju ke A16 - Klik jenis pembayaran untuk menuju ke A17 - Klik Transaksi untuk menuju ke A18 - Klik Konfirmasi Pembayaran untuk menuju ke A19

refresh tambah

ID PROVINSI NAMA PROVINSI AKSI

Halaman : (n)

Antar muka ini adalah antar muka kota (A13)

Administrator

ANTZSHOP

- Klik Ongkos kirim untuk menuju ke A16 - Klik jenis pembayaran untuk menuju ke A17 - Klik Transaksi untuk menuju ke A18 - Klik Konfirmasi Pembayaran untuk menuju ke A19

PROVINSI KOTA AKSI

Halaman : (n) refresh tambah ID PROVINSI

Gambar III.66 Perancangan Antar Muka kota

Antar muka ini adalah antar muka kurir (A14)

Administrator

ANTZSHOP

- Klik Ongkos kirim untuk menuju ke A16 - Klik jenis pembayaran untuk menuju ke A17 - Klik Transaksi untuk menuju ke A18 - Klik Konfirmasi Pembayaran untuk menuju ke A19

refresh tambah

ID KURIR KURIR AKSI

Halaman : (n)

118

Antar muka ini adalah antar muka layanan kurir (A15)

Administrator

ANTZSHOP

- Klik Ongkos kirim untuk menuju ke A16 - Klik jenis pembayaran untuk menuju ke A17 - Klik Transaksi untuk menuju ke A18 - Klik Konfirmasi Pembayaran untuk menuju ke A19

NAMA KURIR LAYANAN AKSI

Halaman : (n) refresh tambah ID LAYANAN

Gambar III.68 Perancangan Antar Muka Layanan kurir

Antar muka ini adalah antar muka ongkos kirim (A16)

Administrator

ANTZSHOP

Dalam dokumen Membangun Situs Penjualan On-Line Di Rumah Industri Stockers Bandung (Halaman 116-135)