Perancangan Antar Muka Chackout - Membangun Situs E-Commerce Penjualan Dan Pemesanan Produk LIP

Beranda Produk Panduan Tentang Kami Kontak Kami

Anda Pelanggan baru? Daftar Login

Katagori Produk Layanan Pembayaran L O G O Keranjang Belanja Layanan Pengiriman F10

> Klik Beranda menuju F01 > Klik Daftar menuju F02 > Klik Login menuju F03 > Klik Produk menuju F04 > klik Panduan menuju F05 > Klik Tentang Kami menuju F06 > Klik Kontak Kami menuju F07 > Klik Keranjang Belanja menuju F08 > Klik Kembali untuk melanjutkan belanja > Klik Langkah berikutnya melakukan Pembayaran menuju F11 > Chackout

XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX XXXXXXXXXXX

DATA PENGIRIMAN/SHIPING INFORMATION Alamat Tujuan Nama Penerima Alamat Provinsi Kabupaten/Kota Kode Pos No. Tlp/HP LAYANAN PENGIRIMAN Jasa Pengiriman Layanan Pengiriman RINCIANA BIAYA Subtotal Belanja Total Berat Harga Pengiriman Biaya Pengiriman Total Belanja

Kembali Langkah Berikutnya

Gambar 0-47 Perancangan Antar Muka Chckout

1.3.1.1 Perancangan Antar Muka Admin

1. Perancangan Antar Muka Login Admin

LOGIN ADMINISTRATOR

Email Password

> Klik Login menuju F02 > Klik Lupa Password menuju F03

Gambar 0-48 Perancangan Antar Muka Login Admin

2. Perancangan Antar Muka Beranda Admin

F02

ADMINISTRATOR

PT. LIPISARI PATNA | Jl. K.S . Tubun No. 5 Subang 41213 – telp (0260)- 417808

Beranda Data Pesanan Laporan Seting Kontak Perusahaan Setting Akun Logout

Master Produk

<> Data Kategori <> Data Subkategori <> Data Kemasan <> Data Paket Kemasan <> Data Produk <> Data Detail Produk

Master Pengiriman

<> Data Provinsi <> Data Kabupaten/Kota <> Data Jasa Pengiriman <> Data Layanan Pengiriman <> Data Ongkos Kirim

Master Pembayaran

<> Data Layanan Pembayaran

() Klik Beranda menuju F02 () Klik Data Pesanan menuju F03 () Klik Laporan menuju F04

() Klik Seting Kontak Perusahaan menuju F05 () Klik Seting Akun menuju F06 () Klik Data Kategori menuju F07 () Klik Data Subkategori menuju F08 () Klik Data Kemasa menuju F09 () Klik Data Produk menuju F10 () Klik Data Detail Produk menuju F11 () Klik Data Provinsi menuju F12 () Klik Data kabupaten menuju F13 () Klik Data Jasa Pengiriman menuju F14 () Klik Data layanan Pengiriman menuju F15 () Klik Data Ongkos Kirim menuju F16 () Klik Data Layanan Pembayaran

Data User

<> Data Operator <> Data Pelanggan

Gambar 0-49 Perancangan Antar Muka Beranda Admin

F07

ADMINISTRATOR

PT. LIPISARI PATNA | Jl. K.S . Tubun No. 5 Subang 41213 – telp (0260)- 417808

Beranda Data Pesanan Laporan Seting Kontak Perusahaan Setting Akun Logout

Master Produk

<> Data Kategori <> Data Subkategori <> Data Kemasan <> Data Paket Kemasan <> Data Produk <> Data Detail Produk

Master Pengiriman

<> Data Provinsi <> Data Kabupaten/Kota <> Data Jasa Pengiriman <> Data Layanan Pengiriman <> Data Ongkos Kirim

Master Pembayaran

<> Data Layanan Pembayaran

() Klik Beranda menuju F02 () Klik Data Pesanan menuju F03 () Klik Laporan menuju F04

Kategori Cari

Nama Kategori Aksi

xxxxxxxx xxxxxxxx xxxxxxxx xxxxxxxx Xxxx xxxx Xxxx xxxx Xxxx xxxx Xxxx xxxx Data User <> Data Operator <> Data Pelanggan

Gambar 0-50 Perancangan Antar Muka kategori

4. Perancangan Antar Muka Subkategori

F08

ADMINISTRATOR

PT. LIPISARI PATNA | Jl. K.S . Tubun No. 5 Subang 41213 – telp (0260)- 417808

Beranda Data Pesanan Laporan Seting Kontak Perusahaan Setting Akun Logout

Master Produk

<> Data Kategori <> Data Subkategori <> Data Kemasan <> Data Paket Kemasan <> Data Produk <> Data Detail Produk

Master Pengiriman

<> Data Provinsi <> Data Kabupaten/Kota <> Data Jasa Pengiriman <> Data Layanan Pengiriman <> Data Ongkos Kirim

Master Pembayaran

<> Data Layanan Pembayaran

() Klik Beranda menuju F02 () Klik Data Pesanan menuju F03 () Klik Laporan menuju F04

Subkategori Cari

Nama Subategori Aksi

xxxxxxxx xxxxxxxx xxxxxxxx Xxxx xxxx Xxxx xxxx Xxxx xxxx Kategori xxxxxxxx xxxxxxxx xxxxxxxx Data User <> Data Operator <> Data Pelanggan

Gambar 0-51 Perancangan Antar Muka Subkategori

5. Perancangan Antar Muka Ke masan Produk

F09

ADMINISTRATOR

PT. LIPISARI PATNA | Jl. K.S . Tubun No. 5 Subang 41213 – telp (0260)- 417808

Beranda Data Pesanan Laporan Seting Kontak Perusahaan Setting Akun Logout

Master Produk

<> Data Kategori <> Data Subkategori <> Data Kemasan <> Data Paket Kemasan <> Data Produk <> Data Detail Produk

Master Pengiriman

<> Data Provinsi <> Data Kabupaten/Kota <> Data Jasa Pengiriman <> Data Layanan Pengiriman <> Data Ongkos Kirim

Master Pembayaran

<> Data Layanan Pembayaran

() Klik Beranda menuju F02 () Klik Data Pesanan menuju F03 () Klik Laporan menuju F04

() Klik Seting Kontak Perusahaan menuju F05 () Klik Seting Akun menuju F06 () Klik Data Kategori menuju F07 () Klik Data Subkategori menuju F08 () Klik Data Kemasan menuju F09 () Klik Data Produk menuju F10 () Klik Data Detail Produk menuju F11 () Klik Data Provinsi menuju F12 () Klik Data kabupaten menuju F13 () Klik Data Jasa Pengiriman menuju F14 () Klik Data layanan Pengiriman menuju F15 () Klik Data Ongkos Kirim menuju F16 () Klik Data Layanan Pembayaran

à Data Kemasan + Tambah Data

Kemasan Cari

Nama Kategori Aksi

xxxxxxxx xxxxxxxx xxxxxxxx Xxxx xxxx Xxxx xxxx Xxxx xxxx Netto xxxxxxxx xxxxxxxx xxxxxxxx Data User <> Data Operator <> Data Pelanggan

Gambar 0-52 Perancangan Antar Muka Kemasan Produk

F10

ADMINISTRATOR

PT. LIPISARI PATNA | Jl. K.S . Tubun No. 5 Subang 41213 – telp (0260)- 417808

Beranda Data Pesanan Laporan Seting Kontak Perusahaan Setting Akun Logout

Master Produk

<> Data Kategori <> Data Subkategori <> Data Kemasan <> Data Paket Kemasan <> Data Produk <> Data Detail Produk

Master Pengiriman

<> Data Provinsi <> Data Kabupaten/Kota <> Data Jasa Pengiriman <> Data Layanan Pengiriman <> Data Ongkos Kirim

Master Pembayaran

<> Data Layanan Pembayaran

() Klik Beranda menuju F02 () Klik Data Pesanan menuju F03 () Klik Laporan menuju F04

à Data Produk + Tambah Data

Produk Cari

Nama Produk Aksi

xxxxxxxx xxxxxxxx xxxxxxxx X X X X X X Subkategori xxxxxxxx xxxxxxxx xxxxxxxx Kategori Keterangan xxxxxxxx xxxxxxxx xxxxxxxx xxxxxxxx xxxxxxxx xxxxxxxx Data User <> Data Operator <> Data Pelanggan

Gambar 0-53 Perancangan Antar Muka Data Produk

7. Perancangan Antar Muka Detail Produk

F11

ADMINISTRATOR

PT. LIPISARI PATNA | Jl. K.S . Tubun No. 5 Subang 41213 – telp (0260)- 417808

Beranda Data Pesanan Laporan Seting Kontak Perusahaan Setting Akun Logout

Master Produk

<> Data Kategori <> Data Subkategori <> Data Kemasan <> Data Paket Kemasan <> Data Produk <> Data Detail Produk

Master Pengiriman

<> Data Provinsi <> Data Kabupaten/Kota <> Data Jasa Pengiriman <> Data Layanan Pengiriman <> Data Ongkos Kirim

Master Pembayaran

<> Data Layanan Pembayaran

() Klik Beranda menuju F02 () Klik Data Pesanan menuju F03 () Klik Laporan menuju F04

à Data Detail Produk + Tambah Data

Produk Cari

Produk Aksi

X X X X X X

Kemasan Paket Berat (Kg) Harga Stock

X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X Data User <> Data Operator <> Data Pelanggan

Dalam dokumen Membangun Situs E-Commerce Penjualan Dan Pemesanan Produk LIPI Subang (Studi Kasus Di B2PTTG Lipi Subang) (Halaman 167-172)