4. Struktur Menu Admin Struktur menu Admin terdiri dari Kategori, Account Pengelola,
Laporan, Ongkos Kirim, Konfirmasi Pembayaran, Konfirmasi Pengiriman Logout. Berikut gambar struktur menu Admin :
Model Sistem E- commerce pada Toko
Picanto Login
Kategori Account Pengelola
Barang Pesanan
Konfirmasi Pembayaran
Konfirmasi Pengiriman
Tampil Pesanan Tampilbarang
Tampil Pengelola Tampil Konfirmasi
Pembayaran Tampil Konfirmasi
Pengiriman Edit Pengelola
Logout Account User
Tampil User Edit barang
Hapus barang Tambah barang
Gambar 3.23 Struktur menu admin
3.4.2 Perancangan Antar Muka
Perancangan antar muka bertujuan untuk memberikan gambaran tentang aplikasi yang akan dibangun. Sehingga akan mempermudah dalam
mengimplementasikan aplikasi serta mempermudah pembuatan rancangan antar muka yang mudah digunakan oleh pengguna sistem. Perancangan ini
diimplementasikan menjadi sebuah program yang utuh dan dapat digunakan oleh pengguna sistem. Rancangan antar muka aplikasi model sistem e-commerce
adalah sebagai berikut :
Gambar Header Beranda
Cara Pemesanan Hubungi Kami
Login
Username Password
Login Lupa Password ?
Daftar
Selamat Datang
Costumer Service
Footer Produk Terbaru
Gambar Keterangan :
- Klik Beranda untuk menuju H01
- Klik Cara Pemesanan Untuk menuju H02
-Klik Hubungi Kami untuk menuju H03
- Klik Login untuk masuk ke menu sesuai dengan hak
akses - Klik Daftar untuk menuju
halaman H04 - Klik Lupa Password untuk
menuju H05 - Klik Link Kategori untuk
menuju halaman H06 - Klik Cari untuk pencarian
barang
Kategori H01
Gambar Gambar
Gambar Keterangan
Keterangan Keterangan
Logo Pembayaran Link kategori
Produk Terlaris Gambar
Cari Cari
Gambar 3.24 Halaman Utama Pengunjung
Gambar Header Beranda
Cara Pemesanan Hubungi Kami
Login
Username Password
Login
Lupa Password ? Daftar
Teks Cara Pemesanan Costumer Service
Footer Produk Terbaru
Gambar Keterangan :
- Klik Beranda untuk menuju H01
- Klik Cara Pemesanan Untuk menuju H02
-Klik Hubungi Kami untuk menuju H03
- Klik Login untuk masuk ke menu sesuai dengan hak
akses - Klik Daftar untuk menuju
halaman H04 - Klik Lupa Password untuk
menuju H05 - Klik Link Kategori untuk
menuju halaman H06 -Klik Cari untuk pencarian
barang
Kategori H02
Logo Pembayaran Link kategori
Produk Terlaris Gambar
Cari Cari
Gambar 3.25 Halaman Cara Pemesanan Pengunjung
Gambar Header Beranda
Cara Pemesanan Hubungi Kami
Login
Username Password
Login Lupa Password ?
Daftar
Costumer Service
Footer - Klik Beranda untuk menuju
H01 - Klik Cara Pemesanan
Untuk menuju Kategori untuk menuju H02
-Klik cara pemesanan untuk menuju H03
- Klik hubungi kami untuk menuju H04
- Klik Login untuk masuk ke manu sesuai dengan hak
akses - Klik Daftar untuk menuju
halaman H05 - Klik Lupa Password untuk
menuju H06
Kategori H03
Logo Pembayaran Link kategori
Teks Nama
Email anda Judul
Komentar Keterangan :
- Klik Beranda untuk menuju H01
- Klik Cara Pemesanan Untuk menuju H02
-Klik Hubungi Kami untuk menuju H03
- Klik Login untuk masuk ke menu sesuai dengan hak
akses - Klik Daftar untuk menuju
halaman H04 - Klik Lupa Password untuk
menuju H05 - Klik Link Kategori untuk
menuju halaman H06 -Klik Cari untuk pencarian
barang
Kirim Batal
Produk Terlaris Gambar
Produk Terbaru Gambar
Cari Cari
Gambar 3.26 Halaman Hubungi Kami Pengunjung
Gambar Header Beranda
Cara Pemesanan Hubungi Kami
Login
Username Password
Login Lupa Password ?
Daftar
Costumer Service
Footer - Klik Beranda untuk menuju
H01 - Klik Cara Pemesanan
Untuk menuju Kategori untuk menuju H02
-Klik cara pemesanan untuk menuju H03
- Klik hubungi kami untuk menuju H04
- Klik Login untuk masuk ke manu sesuai dengan hak
akses - Klik Daftar untuk menuju
halaman H05 - Klik Lupa Password untuk
menuju H06
Kategori H04
Logo Pembayaran Link kategori
Teks Username
Password Nama Lengkap
Alamat Keterangan :
- Klik Beranda untuk menuju H01
- Klik Cara Pemesanan Untuk menuju H02
-Klik Hubungi Kami untuk menuju H03
- Klik Login untuk masuk ke menu sesuai dengan hak
akses - Klik Daftar untuk menuju
halaman H04 - Klik Lupa Password untuk
menuju H05 - Klik Link Kategori untuk
menuju halaman H06 - Klik Cari untuk pencarian
barang
Daftar Batal
Kecamatan Kota
Email
Produk Terlaris Gambar
Produk Terbaru Gambar
Cari Cari
Gambar 3.27 Halaman Daftar Pengunjung
Gambar Header Beranda
Cara Pemesanan Hubungi Kami
Login
Username Password
Login Lupa Password ?
Daftar
Costumer Service
Footer Produk Terbaru
Gambar - Klik Beranda untuk menuju
H01 - Klik Cara Pemesanan
Untuk menuju Kategori untuk menuju H02
-Klik cara pemesanan untuk menuju H03
- Klik hubungi kami untuk menuju H04
- Klik Login untuk masuk ke manu sesuai dengan hak
akses - Klik Daftar untuk menuju
halaman H05 - Klik Lupa Password untuk
menuju H06
Kategori H05
Logo Pembayaran Link kategori
Keterangan : - Klik Beranda untuk menuju
H01 - Klik Cara Pemesanan
Untuk menuju H02 -Klik Hubungi Kami untuk
menuju H03 - Klik Login untuk masuk ke
menu sesuai dengan hak akses
- Klik Daftar untuk menuju halaman H04
- Klik Lupa Password untuk menuju H05
- Klik Link Kategori untuk menuju halaman H06
- Klik Cari untuk pencarian barang
Email
Lupa Password
Silahkan masukkan email anda untuk mengirimkan permohonan password baru.
Proses
Produk Terlaris Gambar
Cari Cari
Gambar 3.28 Halaman Lupa Password Pengunjung
Gambar Header Beranda
Cara Pemesanan Hubungi Kami
Login
Username Password
Login Lupa Password ?
Daftar
Costumer Service
Footer Produk Terbaru
Gambar - Klik Beranda untuk menuju
H01 - Klik Cara Pemesanan
Untuk menuju Kategori untuk menuju H02
-Klik cara pemesanan untuk menuju H03
- Klik hubungi kami untuk menuju H04
- Klik Login untuk masuk ke manu sesuai dengan hak
akses - Klik Daftar untuk menuju
halaman H05 - Klik Lupa Password untuk
menuju H06
Kategori H06
Logo Pembayaran Link kategori
Keterangan : - Klik Beranda untuk menuju
H01 - Klik Cara Pemesanan
Untuk menuju H02 -Klik Hubungi Kami untuk
menuju H03 - Klik Login untuk masuk ke
menu sesuai dengan hak akses
- Klik Daftar untuk menuju halaman H04
- Klik Lupa Password untuk menuju H05
- Klik Link Kategori untuk menuju halaman H06
- Klik link Gambar pada data barang untuk menuju
halaman H07 - Klik Cari untuk pencarian
barang
Gambar Text data barang
Gambar Text data barang
Gambar Text data barang
Gambar Text data barang
Gambar Text data barang
Gambar Text data barang
Link kategori
Selanjutnya Sebelumnya
Produk Terlaris Gambar
Cari Cari
Gambar 3.29 Halaman Kategori Pengunjung
Gambar Header Beranda
Cara Pemesanan Hubungi Kami
Login
Username Password
Login
Lupa Password ? Daftar
Costumer Service
Footer - Klik Beranda untuk menuju
H01 - Klik Cara Pemesanan
Untuk menuju Kategori untuk menuju H02
-Klik cara pemesanan untuk menuju H03
- Klik hubungi kami untuk menuju H04
- Klik Login untuk masuk ke manu sesuai dengan hak
akses - Klik Daftar untuk menuju
halaman H05 - Klik Lupa Password untuk
menuju H06
Kategori H07
Logo Pembayaran Link kategori
Teks Berjalan Keterangan :
- Klik Beranda untuk menuju H01
- Klik Cara Pemesanan Untuk menuju H02
-Klik Hubungi Kami untuk menuju H03
- Klik Login untuk masuk ke menu sesuai dengan hak
akses - Klik Daftar untuk menuju
halaman H04 - Klik Lupa Password untuk
menuju H05 - Klik Link Kategori untuk
menuju halaman H06 - Klik Cari untuk pencarian
barang
Gambar
Keterangan Link kategori
Produk Terlaris Gambar
Produk Terbaru Gambar
Cari Cari
Gambar 3.30 Halaman Detail Barang Pengunjung
Gambar Header Beranda
Cara Pemesanan Hubungi Kami
Selamat Datang
Costumer Service
Footer Keterangan :
- Klik Beranda untuk menuju HU01
- Klik Cara Pemesanan Untuk menuju HU02
-Klik Hubungi Kami untuk menuju HU03
- Klik Link Edit Account untuk menuju halaman HU04
- Klik Link Keluar untuk keluar dari hak akses
Klik Link Tampil Keranjang untuk menuju halaman HU5
- Klik Link Kategori untuk menuju halaman HU06
- Klik Konfirmasi Pembayaran untuk menuju
halaman HU12 -Klik Cari untuk pencarian
barang
Kategori HU01
Gambar Gambar
Gambar Keterangan
Keterangan Keterangan
Logo Pembayaran Link kategori
Selamat Datang User
Konfirmasi Pembayaran
Keluar Keranjang
Keterangan isi keranjang
Tampil Keranjang Edit Account
Produk Terlaris Gambar
Produk Terbaru Gambar
Cari Cari
Gambar 3.31 Halaman Utama Member
Gambar Header Beranda
Cara Pemesanan Hubungi Kami
Teks Cara Pemesanan Costumer Service
Footer Keterangan :
- Klik Beranda untuk menuju HU01
- Klik Cara Pemesanan Untuk menuju HU02
-Klik Hubungi Kami untuk menuju HU03
- Klik Link Edit Account untuk menuju halaman HU04
- Klik Link Keluar untuk keluar dari hak akses
Klik Link Tampil Keranjang untuk menuju halaman HU5
- Klik Link Kategori untuk menuju halaman HU06
- Klik Konfirmasi pembayaran untuk menuju
halaman HU12 -Klik Cari untuk pencarian
barang
Kategori HU02
Logo Pembayaran Link kategori
Selamat Datang User
Edit Account Keluar
Keranjang Keterangan isi
keranjang Tampil Keranjang
Konfirmasi Pembayaran
Produk Terlaris Gambar
Produk Terbaru Gambar
Cari Cari
Gambar 3.32 Halaman Cara Pemesanan Member
Gambar Header Beranda
Cara Pemesanan Hubungi Kami
Costumer Service
Footer Keterangan :
- Klik Beranda untuk menuju HU01
- Klik Cara Pemesanan Untuk menuju HU02
-Klik Hubungi Kami untuk menuju HU03
- Klik Kirim untuk kirim email - Klik Link Edit Account untuk
menuju halaman HU04 - Klik Link Keluar untuk
keluar dari hak akses Klik Link Tampil Keranjang
untuk menuju halaman HU05 - Klik Link Kategori untuk
menuju halaman HU06 - Klik Konfirmasi
pembayaran untuk menuju halaman HU12
-Klik Cari untuk pencarian barang
Kategori HU03
Logo Pembayaran Link kategori
Selamat Datang User
Edit Account Keluar
Keranjang Keterangan isi
keranjang Tampil Keranjang
Teks Nama
Email anda Judul
Komentar Kirim
Batal Konfirmasi
Pembayaran
Produk Terlaris Gambar
Produk Terbaru Gambar
Cari Cari
Gambar 3.33 Halaman Hubungi Kami Member
Gambar Header Beranda
Cara Pemesanan Hubungi Kami
Costumer Service
Footer Keterangan :
- Klik Beranda untuk menuju HU01
- Klik Cara Pemesanan Untuk menuju HU02
-Klik Hubungi Kami untuk menuju HU03
- Klik Link Edit Account untuk menuju halaman HU04
- Klik Link Keluar untuk keluar dari hak akses
Klik Link Tampil Keranjang untuk menuju halaman HU05
- Klik Link Kategori untuk menuju halaman HU06
- Klik Konfirmasi Pembayaran untuk menuju
halaman HU12 -Klik Cari untuk pencarian
barang
Kategori HU04
Logo Pembayaran Link kategori
Selamat Datang User
Edit Account Keluar
Keranjang Keterangan isi
keranjang Tampil Keranjang
Konfirmasi Pembayaran
Email Nama Lengkap
Alamat
Simpan Propinsi
Kota Teks
Kode pos Telepon
Produk Terbaru Gambar
Produk Terlaris Gambar
Cari Cari
Gambar 3.34 Halaman Edit Account Member
Gambar Header Beranda
Cara Pemesanan Hubungi Kami
Costumer Service
Footer Keterangan :
- Klik Beranda untuk menuju HU01
- Klik Cara Pemesanan Untuk menuju HU02
-Klik Hubungi Kami untuk menuju HU03
- Klik Link Edit Account untuk menuju halaman HU04
- Klik Link Keluar untuk keluar dari hak akses
-Klik Link Tampil Keranjang untuk menuju halaman HU05
- Klik Link Kategori untuk menuju halaman HU06
- Klik Konfirmasi Pembayaran untuk menuju
halaman HU12 - Klik Hapus untuk
menghapus barang - Klik Lanjutkan untuk
menuju halaman HU08 -Klik Cari untuk pencarian
barang
Kategori HU05
Logo Pembayaran Link kategori
Selamat Datang User
Edit Account Keluar
Keranjang Keterangan isi
keranjang Teks
Perincian Belanja Tampil Keranjang
Konfirmasi Pembayaran
Lanjutkan Hapus
Produk Terbaru Gambar
Produk Terlaris Gambar
Cari Cari
Gambar 3.35 Halaman Tampil Keranjang Member
Gambar Header Beranda
Cara Pemesanan Hubungi Kami
Costumer Service
Footer - Klik Beranda untuk menuju
H01 - Klik Cara Pemesanan
Untuk menuju Kategori untuk menuju H02
-Klik cara pemesanan untuk menuju H03
- Klik hubungi kami untuk menuju H04
- Klik Login untuk masuk ke manu sesuai dengan hak
akses - Klik Daftar untuk menuju
halaman H05 - Klik Lupa Password untuk
menuju H06
Kategori HU06
Logo Pembayaran Link kategori
Keterangan : - Klik Beranda untuk menuju
HU01 - Klik Cara Pemesanan
Untuk menuju HU02 -Klik Hubungi Kami untuk
menuju HU03 - Klik Link Edit Account untuk
menuju halaman HU04 - Klik Link Keluar untuk
keluar dari hak akses Klik Link Tampil Keranjang
untuk menuju halaman HU05 - Klik Link Kategori untuk
menuju halaman HU06 - Klik Selengkapnya untuk
menuju halaman HU07 - Klik Chating untuk bicara
dengan pengelola - Klik Konfirmasi
Pembayaran untuk menuju HU12
-Klik Cari untuk pencarian barang
Selamat Datang User
Edit Account Keluar
Keranjang Keterangan isi
keranjang Tampil Keranjang
Gambar Selengkapnya...
Gambar Selengkapnya...
Gambar Selengkapnya...
Gambar Selengkapnya...
Gambar Selengkapnya...
Gambar Selengkapnya...
Link kategori
Selanjutnya Sebelumnya
Konfirmasi Pembayaran
Produk Terbaru Gambar
Produk Terlaris Gambar
Cari Cari
Gambar 3.36 Halaman Kategori Member
Gambar Header Beranda
Cara Pemesanan Hubungi Kami
Costumer Service
Footer Produk Terlaris
Gambar - Klik Beranda untuk menuju
H01 - Klik Cara Pemesanan
Untuk menuju Kategori untuk menuju H02
-Klik cara pemesanan untuk menuju H03
- Klik hubungi kami untuk menuju H04
- Klik Login untuk masuk ke manu sesuai dengan hak
akses - Klik Daftar untuk menuju
halaman H05 - Klik Lupa Password untuk
menuju H06
Kategori HU07
Logo Pembayaran Link kategori
Keterangan : - Klik Beranda untuk menuju
HU01 - Klik Cara Pemesanan
Untuk menuju HU02 -Klik Hubungi Kami untuk
menuju HU03 - Klik Link Edit Account untuk
menuju halaman HU04 - Klik Link Keluar untuk
keluar dari hak akses -Klik Link Tampil Keranjang
untuk menuju halaman HU5 - Klik Link Kategori untuk
menuju halaman HU06 - Klik Konfirmasi
Pembayaran Untuk menuju halaman HU12
- Klik Tambah Keranjang untuk menambahkan barang
kedalam keranjang belanja - Klik Cari untuk pencarian
barang -Klik Cari untuk pencarian
barang
Gambar Keterangan
Link kategori
Tambah keranjang Selamat Datang
User Edit Account
Keluar Keranjang
Keterangan isi keranjang
Tampil Keranjang Konfirmasi
Pembayaran
Produk Terbaru Gambar
Cari Cari
Gambar 3.37 Halaman Detail Barang Member
Gambar Header Beranda
Cara Pemesanan Hubungi Kami
Costumer Service
Footer Keterangan :
- Klik Beranda untuk menuju HU01
- Klik Cara Pemesanan Untuk menuju HU02
-Klik Hubungi Kami untuk menuju HU03
- Klik Link Edit Account untuk menuju halaman HU04
- Klik Link Keluar untuk keluar dari hak akses
- Klik Link Kategori untuk menuju halaman HU06
- Klik Konfirmasi pembayaran untuk menuju
halaman HU12 - Klik Lanjutkan untuk
menuju halaman HU09 -Klik Cari untuk pencarian
barang
Kategori HU08
Logo Pembayaran Link kategori
Selamat Datang User
Edit Account Keluar
Keranjang Keterangan isi
keranjang Teks
Konfirmasi Pembayaran
Email Nama Lengkap
Alamat Propinsi
Kota Kode pos
Telepon Over Night Service
Regular Service Jenis
Pembayaran : Lanjutkan
Produk Terbaru Gambar
Produk Terlaris Gambar
Cari Cari
Gambar 3.38 Halaman Isi Tujuan Pengiriman Member
Gambar Header Beranda
Cara Pemesanan Hubungi Kami
Costumer Service
Footer Keterangan :
- Klik Beranda untuk menuju HU01
- Klik Cara Pemesanan Untuk menuju HU02
-Klik Hubungi Kami untuk menuju HU03
- Klik Link Edit Account untuk menuju halaman HU04
- Klik Link Keluar untuk keluar dari hak akses
- Klik Link Kategori untuk menuju halaman HU06
- Klik Konfirmasi Pembayaran untuk menuju
halaman HU12 - Klik Selesai untuk
menyelesaikan proses pesanan
-Klik Cari untuk pencarian barang
Kategori HU09
Logo Pembayaran Link kategori
Selamat Datang User
Edit Account Keluar
Keranjang Keterangan isi
keranjang Teks
Rincian data pengiriman
Selesai Rincian Pesanan
Konfirmasi Pembayaran
Produk Terbaru Gambar
Produk Terlaris Gambar
Cari Cari
Gambar 3.39 Halaman Rincian Pesanan Member
Gambar Header Beranda
Cara Pemesanan Hubungi Kami
Costumer Service
Footer Keterangan :
- Klik Beranda untuk menuju HU01
- Klik Cara Pemesanan Untuk menuju HU02
-Klik Hubungi Kami untuk menuju HU03
- Klik Link Edit Account untuk menuju halaman HU04
- Klik Link Keluar untuk keluar dari hak akses
- Klik Link Kategori untuk menuju halaman HU06
- Klik Konfirmasi untuk mengkonfirmasi pembayaran
-Klik Cari untuk pencarian barang
Kategori HU12
Logo Pembayaran Link kategori
Selamat Datang User
Edit Account Keluar
Keranjang Keterangan isi
keranjang Teks
Konfirmasi Pembayaran
Pesanan yang belum dikonfirmasi : Konfirmasi Pembayaran :
No Pesanan : Waktu Pembayaran :
No Rekening : Nama Bank :
Besar Pembayaran : Rp. Konfirmasi
Produk Terbaru Gambar
Produk Terlaris Gambar
Cari Cari
Gambar 3.40 Halaman Konfirmasi Pembayaran Member
Login Administrator
Username Password
Lupa Password ? Login
Keterangan : - Klik Login untuk masuk dengan
hak akses serta menuju halaman HA02
- Klik Lupa Password untuk menuju halaman HA14
HA01
Gambar 3.41 Halaman Login Pengurus
Header
Teks Selamat datang Home
Logout Kelola Data Pengiriman
Konfirmasi Pembayaran Pesanan
User Barang
Kategori HA02
Keterangan : - Klik Home untuk menuju
HA02 - Klik Kategori Untuk menuju
HA03 -Klik Barang untuk menuju HA04
- Klik User untuk menuju halaman HA05
- Klik Link Keluar untuk keluar dari hak akses
-Klik Pesanan untuk menuju halaman HA06
- Klik Konfirmasi Pembayaran untuk menuju halaman HA07
- Klik Kelola Data Pengiriman untuk menuju halaman HA08
Gambar 3.42 Halaman Depan Pengurus
Header Home
Logout Kelola Data Pengiriman
Konfirmasi Pembayaran Pesanan
User Barang
Kategori HA03
Keterangan : - Klik Home untuk menuju
HA02 - Klik Kategori Untuk menuju
HA03 -Klik Barang untuk menuju HA04
- Klik User untuk menuju halaman HA05
- Klik Link Keluar untuk keluar dari hak akses
-Klik Pesanan untuk menuju halaman HA06
- Klik Konfirmasi Pembayaran untuk menuju halaman HA07
- Klik Kelola Data Pengiriman untuk menuju halaman HA08
- Klik Tambah Kategori untuk menuju halaman HA09
- Klik Edit untuk menuju halaman HA10
- Klik Hapus untuk menghapus data kategori
Kelola Kategori Tambah Kategori
Action Kategori
No.
Edit Hapus
Edit Hapus
Text kategori Text kategori
1 2
Gambar 3.43 Halaman Kelola Kategori Pengurus
Header Home
Logout Kelola Data Pengiriman
Konfirmasi Pembayaran Pesanan
User Barang
Kategori HA09
Keterangan : - Klik Home untuk menuju
HA02 - Klik Kategori Untuk menuju
HA03 -Klik Barang untuk menuju HA04
- Klik User untuk menuju halaman HA05
- Klik Link Keluar untuk keluar dari hak akses
-Klik Pesanan untuk menuju halaman HA06
- Klik Konfirmasi Pembayaran untuk menuju halaman HA07
- Klik Kelola Data Pengiriman untuk menuju halaman HA08
- Klik Simpan untuk menyimpan Kategori
- Klik Kembali untuk menuju halaman HA03
Tambah Kategori
Simpan
Nama Kategori :
Reset Kembali
Gambar 3.44 Halaman Tambah Kategori Pengurus
Header Home
Logout Kelola Data Pengiriman
Konfirmasi Pembayaran Pesanan
User Barang
Kategori HA10
Keterangan : - Klik Home untuk menuju
HA02 - Klik Kategori Untuk menuju
HA03 -Klik Barang untuk menuju HA04
- Klik User untuk menuju halaman HA05
- Klik Link Keluar untuk keluar dari hak akses
-Klik Pesanan untuk menuju halaman HA06
- Klik Konfirmasi Pembayaran untuk menuju halaman HA07
- Klik Kelola Data Pengiriman untuk menuju halaman HA08
- Klik Simpan untuk menyimpan Kategori
- Klik Kembali untuk menuju halaman HA03
Edit Kategori
Simpan
Nama Kategori :
Reset Kembali
Gambar 3.45 Halaman Edit Kategori Pengurus
Header Home
Logout Kelola Data Pengiriman
Konfirmasi Pembayaran Pesanan
User Barang
Kategori HA04
Keterangan : - Klik Home untuk menuju
HA02 - Klik Kategori Untuk menuju
HA03 -Klik Barang untuk menuju HA04
- Klik User untuk menuju halaman HA05
- Klik Link Keluar untuk keluar dari hak akses
-Klik Pesanan untuk menuju halaman HA06
- Klik Konfirmasi Pembayaran untuk menuju halaman HA07
- Klik Kelola Data Pengiriman untuk menuju halaman HA08
- Klik Tambah Barang untuk menuju halaman HA011
- Klik Edit untuk menuju halaman HA12
- Klik Hapus untuk menghapus data Barang
Kelola Barang Tambah Barang
Action Kategori
No.
Edit Hapus
Text kategori 1
Gambar Jenis Bahan
Gambar Text Jenis
Gambar 3.46 Halaman Kelola Barang Pengurus
Header Home
Logout Kelola Data Pengiriman
Konfirmasi Pembayaran Pesanan
User Barang
Kategori HA11
Keterangan : - Klik Home untuk menuju
HA02 - Klik Kategori Untuk menuju
HA03 -Klik Barang untuk menuju HA04
- Klik User untuk menuju halaman HA05
- Klik Link Keluar untuk keluar dari hak akses
-Klik Pesanan untuk menuju halaman HA06
- Klik Konfirmasi Pembayaran untuk menuju halaman HA07
- Klik Kelola Data Pengiriman untuk menuju halaman HA08
- Klik Simpan untuk menyimpan Barang
- Klik Kembali untuk menuju halaman HA04
Tambah Barang
Simpan
Nama Barang :
Reset Kembali
Harga : Jenis Bahan
Kategori Gambar
Gambar 3.47 Halaman Tambah Barang Pengurus
Header Home
Logout Kelola Data Pengiriman
Konfirmasi Pembayaran Pesanan
User Barang
Kategori HA12
Keterangan : - Klik Home untuk menuju
HA02 - Klik Kategori Untuk menuju
HA03 -Klik Barang untuk menuju HA04
- Klik User untuk menuju halaman HA05
- Klik Link Keluar untuk keluar dari hak akses
-Klik Pesanan untuk menuju halaman HA06
- Klik Konfirmasi Pembayaran untuk menuju halaman HA07
- Klik Kelola Data Pengiriman untuk menuju halaman HA08
- Klik Simpan untuk menyimpan Barang
- Klik Kembali untuk menuju halaman HA04
Edit Barang
Simpan
Nama Barang :
Reset Kembali
Harga : Jenis Bahan
Kategori Gambar
Gambar 3.48 Halaman Edit Barang Pengurus
Header Home
Logout Kelola Data Pengiriman
Konfirmasi Pembayaran Pesanan
User Barang
Kategori HA05
Keterangan : - Klik Home untuk menuju
HA02 - Klik Kategori Untuk menuju
HA03 -Klik Barang untuk menuju HA04
- Klik User untuk menuju halaman HA05
- Klik Link Keluar untuk keluar dari hak akses
-Klik Pesanan untuk menuju halaman HA06
- Klik Konfirmasi Pembayaran untuk menuju halaman HA07
- Klik Kelola Data Pengiriman untuk menuju halaman HA08
Kelola User
Alamat Nama
No.
Text nama 1
Email Username
Text email
Text Jenis Text Alamat
Gambar 3.49 Halaman Kelola Member Pengurus
Header Home
Logout Kelola Data Pengiriman
Konfirmasi Pembayaran Pesanan
User Barang
Kategori HA06
Keterangan : - Klik Home untuk menuju
HA02 - Klik Kategori Untuk menuju
HA03 -Klik Barang untuk menuju HA04
- Klik User untuk menuju halaman HA05
- Klik Link Keluar untuk keluar dari hak akses
-Klik Pesanan untuk menuju halaman HA06
- Klik Konfirmasi Pembayaran untuk menuju halaman HA07
- Klik Kelola Data Pengiriman untuk menuju halaman HA08
Kelola Pesanan
Status
Waktu pesan
No.
TextWaktu 1
Nama No. Pesanan
Text nama Text no pesan
Text Alamat
Gambar 3.50 Halaman Kelola Pesanan Pengurus
Header Home
Logout Kelola Data Pengiriman
Konfirmasi Pembayaran Pesanan
User Barang
Kategori HA07
Keterangan : - Klik Home untuk menuju
HA02 - Klik Kategori Untuk menuju
HA03 -Klik Barang untuk menuju HA04
- Klik User untuk menuju halaman HA05
- Klik Link Keluar untuk keluar dari hak akses
-Klik Pesanan untuk menuju halaman HA06
- Klik Konfirmasi Pembayaran untuk menuju halaman HA07
- Klik Kelola Data Pengiriman untuk menuju halaman HA08
Kelola data pembayaran
Status
Waktu bayar
No.
TextWaktu 1
Nama No. Pesanan
Text nama Text no pesan
Text Alamat
Gambar 3.51 Halaman Kelola Data Pembayaran Pengurus
Header Home
Logout Kelola Data Pengiriman
Konfirmasi Pembayaran Pesanan
User Barang
Kategori HA08
Keterangan : - Klik Home untuk menuju
HA02 - Klik Kategori Untuk menuju
HA03 -Klik Barang untuk menuju HA04
- Klik User untuk menuju halaman HA05
- Klik Link Keluar untuk keluar dari hak akses
-Klik Pesanan untuk menuju halaman HA06
- Klik Konfirmasi Pembayaran untuk menuju halaman HA07
- Klik Kelola Data Pengiriman untuk menuju halaman HA08
- Klik Konfirmasi untuk menuju halaman HA13
Kelola data Pengiriman
Action
Status bayar
No.
TextWaktu 1
Nama No. Pesanan
Text nama Text no pesan
Konfirmasi
Gambar 3.52 Halaman Kelola Data Pengiriman Pengurus
Header Home
Logout Kelola Data Pengiriman
Konfirmasi Pembayaran Pesanan
User Barang
Kategori HA13
Keterangan : - Klik Home untuk menuju
HA02 - Klik Kategori Untuk menuju
HA03 -Klik Barang untuk menuju HA04
- Klik User untuk menuju halaman HA05
- Klik Link Keluar untuk keluar dari hak akses
-Klik Pesanan untuk menuju halaman HA06
- Klik Konfirmasi Pembayaran untuk menuju halaman HA07
- Klik Kelola Data Pengiriman untuk menuju halaman HA08
- Klik Kirim konfirmasi untuk mengirim email resi pengiriman
Kirim Konfirmasi No. Resi Pengiriman
Kirim Konfirmasi
Gambar 3.53 Halaman Kirim Konfirmasi Pengiriman Pengurus
3.4.2.1 Perancangan Pesan
C06
C07 C08
Username sudah terdaftar, coba daftar dengan username yang lain.
Email sudah terdaftar, coba daftar dengan email yang lain.
Password dan Konfirmasi Tidak Cocok
C05 Maaf, Anda Salah Memasukkan Kode Verifikasi
C04 Anda Telah Terverifikasi, Silahkan Login
C10 Konfirmasi permintaan password baru telah
terkirim ke email Anda, silahkan cek email Anda. C09
Username dan Password tidak cocok C11
Username tidak terdaftar C12
Terima Kasih, pemesanan Anda akan segera kami proses. Silahkan cek email anda untuk
melihat rincian belanja. C01
Harus diisi C02
Password harus diisi C03
Password tidak cocok
C13 Password Telah Berhasil
Diupdate C14
Gagal, nomor ukuran sudah tersedia. C15
Gambar gagal disimpan, format gambar yang didukung adalah JPG, PNG dan GIF.
C16 Barang berhasil disimpan
C17 Account telah berhasil diganti
C18 Hasil pencarian kosong.
C19 Tidak ada barang di keranjang
C20 Terima kasih telah menghubungi kami,
komentar Anda akan segera kami tanggapi. C21
Gagal disimpan. Nama Barang Tidak Boleh Sama.
C22 Gagal mengirim, pastikan email Anda
valid. C23
Barang Berhasil DiUpdate. C24
Saat ini tidak ada barang di kategori ini. C25
Gagal Disimpan. Kategori Tidak Boleh Sama. C26
Kategori berhasil disimpan. C27
Username dan password Salah. C28
Email Tidak Ada dalam Database. C29
No. Pesanan masih kosong. Silahkan klik Konfirmasi pada setiap pesanan
C30 Verifikasi Password Telah Dikirim Ke
Email. C31
Pesanan ini sudah dibayar. C32
Waktu pembayaran Tidak Valid. C33
Pengelola berhasil disimpan. C34
Pengelola Telah Berhasil Dirubah. C35
C36 Besar pembayaran Tidak Valid.
C37 C38
Pembayaran berhasil dikonfirmasi. C39
Besar pembayaran dan waktu pembayaran Tidak Valid.
Tidak ada pesanan yang harus dikonfirmasi
Email tidak terdaftar.
Gambar 3.54 Perancangan Pesan
3.4.2.1.1 Jaringan Semantik
a. Jaringan semantik interface pengunjung
H03 H02
H04 H05
H06
H01
H 7
C01, C02, C03, C04, C05, C06, C07, C08 C10, C39
Gambar 3.55 Semantik interface pengunjung
b. Jaringan Semantik Interface Member
HU03 HU02
HU 04
HU 05
HU06 HU01
HU 07
HU 08
H U
9 HU
12 C01, C02, C03, C04, C05, C06, C07, C08
C12 C29, C31, C32, C35, C36, C37, C38
Gambar 3.56 Semantik interface Member
c. Jaringan Semantik Pengurus
HA03 HA02
HA04 HA05
HA 06
HA01
HA 07
C10, C39 C11, C27
HA09 H
A 1
C25, C26 C25, C26
C16, C21, C23 HA11
H A
12 C16, C21, C23
HA08 H
A 13
Gambar 3.57 Semantik interface pengurus
9
BAB 2 BAB II
LANDASAN TEORI
2.1 E-commerce