Perancangan Antar Muka Perancangan

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