Perancangan antarmuka member Perancangan Antar Muka

Beranda Bantuan Kontak Profil Header Footer KATEGORI PRODUK Nama kategori Nama kategori Nama kategori Nama kategori PEMBAYARAN Gambar bank Nama Member Setting Akun Lihat Histori Konfirmasi Pembayaran Testimonial Retur Logout Detail Produk Produk KERANJANG BELANJA PRODUK TERBARU Gambar Produk Terbaru PRODUK TERLARIS Gambar Produk Terlaris CUSTOMER SERVICE PENCARIAN Keterangan Produk Rating Tambah Ke Keranjang Keterangan Klik beranda menuju R01 Klik login menuju R02 Klik bantuan menuju R03 Klik kontak menuju R04 Klik profil menuju R05 Klik lihat history menuju R07 Klik konfirmasi pembayaran menuju R08 Klik retur mrnuju R10 Klik logout menuju R11 Klik keranjang belanja menuju R12 Klik barang baru menuju R13 Klik barang didkon menuju R14 Klik barang terlaris menuju R15 Klik detail menuju R16 Klik lupa kata sandi menuju R17 Klik kategori susu murni menuju R18 Klik kategori yoghurt 180 ml menuju R19 ml Klik kategori susu sterilisasi menuju R20 Klik kategori yoghurt 1000 ml menuju R21 Klik tambah keranjang R22 Klik belanja lagi menuju R23 Klik update menuju R24 Klik selesai menuju R25 Nama form : R16 Font : Arial Warna background : Biru R16 Gambar 3. 63 Perancangan Antarmuka Member Detail Beranda Bantuan Kontak Profil Header Footer KATEGORI PRODUK Nama kategori Nama kategori Nama kategori Nama kategori PEMBAYARAN Gambar bank Nama Member Setting Akun Lihat Histori Konfirmasi Pembayaran Testimonial Retur Logout KERANJANG BELANJA PRODUK TERBARU Gambar Produk Terbaru PRODUK TERLARIS Gambar Produk Terlaris CUSTOMER SERVICE PENCARIAN History Keterangan Keterangan Klik beranda menuju R01 Klik login menuju R02 Klik bantuan menuju R03 Klik kontak menuju R04 Klik profil menuju R05 Klik lihat history menuju R07 Klik konfirmasi pembayaran menuju R08 Klik retur mrnuju R10 Klik logout menuju R11 Klik keranjang belanja menuju R12 Klik barang baru menuju R13 Klik barang didkon menuju R14 Klik barang terlaris menuju R15 Klik detail menuju R16 Klik lupa kata sandi menuju R17 Klik kategori susu murni menuju R18 Klik kategori yoghurt 180 ml menuju R19 ml Klik kategori susu sterilisasi menuju R20 Klik kategori yoghurt 1000 ml menuju R21 Klik tambah keranjang R22 Klik belanja lagi menuju R23 Klik update menuju R24 Klik selesai menuju R25 Nama form : R07 Font : Arial Warna background : Biru R07 Gambar 3. 64 Perancangan Antarmuka Member History Beranda Bantuan Kontak Profil Header Footer KATEGORI PRODUK Nama kategori Nama kategori Nama kategori Nama kategori PEMBAYARAN Gambar bank Nama Member Setting Akun Lihat Histori Konfirmasi Pembayaran Testimonial Retur Logout KERANJANG BELANJA PRODUK TERBARU Gambar Produk Terbaru PRODUK TERLARIS Gambar Produk Terlaris CUSTOMER SERVICE PENCARIAN Konfirmasi Pembayaran Keterangan Keterangan Klik beranda menuju R01 Klik login menuju R02 Klik bantuan menuju R03 Klik kontak menuju R04 Klik profil menuju R05 Klik lihat history menuju R07 Klik konfirmasi pembayaran menuju R08 Klik retur mrnuju R10 Klik logout menuju R11 Klik keranjang belanja menuju R12 Klik barang baru menuju R13 Klik barang didkon menuju R14 Klik barang terlaris menuju R15 Klik detail menuju R16 Klik lupa kata sandi menuju R17 Klik kategori susu murni menuju R18 Klik kategori yoghurt 180 ml menuju R19 ml Klik kategori susu sterilisasi menuju R20 Klik kategori yoghurt 1000 ml menuju R21 Klik tambah keranjang R22 Klik belanja lagi menuju R23 Klik update menuju R24 Klik selesai menuju R25 Nama form : R08 Font : Arial Warna background : Biru R08 Gambar 3. 65 Perancangan Antarmuka Member Konfirmasi Pembayaran Beranda Bantuan Kontak Profil Header Footer KATEGORI PRODUK Nama kategori Nama kategori Nama kategori Nama kategori PEMBAYARAN Gambar bank Nama Member Setting Akun Lihat Histori Konfirmasi Pembayaran Testimonial Retur Logout KERANJANG BELANJA PRODUK TERBARU Gambar Produk Terbaru PRODUK TERLARIS Gambar Produk Terlaris CUSTOMER SERVICE PENCARIAN Retur Keterangan Keterangan Klik beranda menuju R01 Klik login menuju R02 Klik bantuan menuju R03 Klik kontak menuju R04 Klik profil menuju R05 Klik lihat history menuju R07 Klik konfirmasi pembayaran menuju R08 Klik retur mrnuju R10 Klik logout menuju R11 Klik keranjang belanja menuju R12 Klik barang baru menuju R13 Klik barang didkon menuju R14 Klik barang terlaris menuju R15 Klik detail menuju R16 Klik lupa kata sandi menuju R17 Klik kategori susu murni menuju R18 Klik kategori yoghurt 180 ml menuju R19 ml Klik kategori susu sterilisasi menuju R20 Klik kategori yoghurt 1000 ml menuju R21 Klik tambah keranjang R22 Klik belanja lagi menuju R23 Klik update menuju R24 Klik selesai menuju R25 Nama form : R10 Font : Arial Warna background : Biru R10 Gambar 3. 66 Perancangan Antarmuka Member Retur Beranda Registrasi Bantuan Kontak Profil Header Footer KATEGORI PRODUK Nama kategori Nama kategori Nama kategori Nama kategori PEMBAYARAN Gambar bank LOGIN Email Password Lupa Kata Sandi? Masuk Produk Detail Produk Detail Produk Detail Produk Detail Produk KERANJANG BELANJA PRODUK TERBARU Gambar Produk Terbaru PRODUK TERLARIS Gambar Produk Terlaris CUSTOMER SERVICE PENCARIAN Keterangan Klik login menuju R02 Klik bantuan menuju R03 Klik kontak menuju R04 Klik profil menuju R05 Klik setting akun menuju R06 Klik lihat history menuju R07 Klik konfirmasi pembayaran menuju R08 Klik retur mrnuju R10 Klik logout menuju R11 Klik keranjang belanja menuju R12 Klik barang baru menuju R13 Klik barang didkon menuju R14 Klik barang terlaris menuju R15 Klik detail menuju R16 Klik lupa kata sandi menuju R17 Klik kategori susu murni menuju R18 Klik kategori yoghurt 180 ml menuju R19 ml Klik kategori susu sterilisasi menuju R20 Klik kategori yoghurt 1000 ml menuju R21 Klik tambah keranjang R22 Klik belanja lagi menuju R23 Klik update menuju R24 Klik selesai menuju R25 Nama form : R01 Font : Arial Warna background : Biru R01 Gambar 3. 67 Perancangan Antarmuka Member Kategori Susu Sterilisasi Beranda Registrasi Bantuan Kontak Profil Header Footer KATEGORI PRODUK Nama kategori Nama kategori Nama kategori Nama kategori PEMBAYARAN Gambar bank LOGIN Email Password Lupa Kata Sandi? Masuk Produk Detail Produk Detail Produk Detail Produk Detail Produk KERANJANG BELANJA PRODUK TERBARU Gambar Produk Terbaru PRODUK TERLARIS Gambar Produk Terlaris CUSTOMER SERVICE PENCARIAN Keterangan Klik login menuju R02 Klik bantuan menuju R03 Klik kontak menuju R04 Klik profil menuju R05 Klik setting akun menuju R06 Klik lihat history menuju R07 Klik konfirmasi pembayaran menuju R08 Klik retur mrnuju R10 Klik logout menuju R11 Klik keranjang belanja menuju R12 Klik barang baru menuju R13 Klik barang didkon menuju R14 Klik barang terlaris menuju R15 Klik detail menuju R16 Klik lupa kata sandi menuju R17 Klik kategori susu murni menuju R18 Klik kategori yoghurt 180 ml menuju R19 ml Klik kategori susu sterilisasi menuju R20 Klik kategori yoghurt 1000 ml menuju R21 Klik tambah keranjang R22 Klik belanja lagi menuju R23 Klik update menuju R24 Klik selesai menuju R25 Nama form : R01 Font : Arial Warna background : Biru R01 Gambar 3. 68 Perancangan Antarmuka Member Kategori Yoghurt 180 ml Beranda Registrasi Bantuan Kontak Profil Header Footer KATEGORI PRODUK Nama kategori Nama kategori Nama kategori Nama kategori PEMBAYARAN Gambar bank LOGIN Email Password Lupa Kata Sandi? Masuk Produk Detail Produk Detail Produk Detail Produk Detail Produk KERANJANG BELANJA PRODUK TERBARU Gambar Produk Terbaru PRODUK TERLARIS Gambar Produk Terlaris CUSTOMER SERVICE PENCARIAN Keterangan Klik login menuju R02 Klik bantuan menuju R03 Klik kontak menuju R04 Klik profil menuju R05 Klik setting akun menuju R06 Klik lihat history menuju R07 Klik konfirmasi pembayaran menuju R08 Klik retur mrnuju R10 Klik logout menuju R11 Klik keranjang belanja menuju R12 Klik barang baru menuju R13 Klik barang didkon menuju R14 Klik barang terlaris menuju R15 Klik detail menuju R16 Klik lupa kata sandi menuju R17 Klik kategori susu murni menuju R18 Klik kategori yoghurt 180 ml menuju R19 ml Klik kategori susu sterilisasi menuju R20 Klik kategori yoghurt 1000 ml menuju R21 Klik tambah keranjang R22 Klik belanja lagi menuju R23 Klik update menuju R24 Klik selesai menuju R25 Nama form : R01 Font : Arial Warna background : Biru R01 Gambar 3. 69 Perancangan Antarmuka Member Susu Murni Beranda Bantuan Kontak Profil Header Footer KATEGORI PRODUK Nama kategori Nama kategori Nama kategori Nama kategori PEMBAYARAN Gambar bank Nama Member Setting Akun Lihat Histori Konfirmasi Pembayaran Testimonial Retur Logout Detail Produk Produk KERANJANG BELANJA PRODUK TERBARU Gambar Produk Terbaru PRODUK TERLARIS Gambar Produk Terlaris CUSTOMER SERVICE PENCARIAN Keterangan Produk Rating Tambah Ke Keranjang Keterangan Klik beranda menuju R01 Klik login menuju R02 Klik bantuan menuju R03 Klik kontak menuju R04 Klik profil menuju R05 Klik lihat history menuju R07 Klik konfirmasi pembayaran menuju R08 Klik retur mrnuju R10 Klik logout menuju R11 Klik keranjang belanja menuju R12 Klik barang baru menuju R13 Klik barang didkon menuju R14 Klik barang terlaris menuju R15 Klik detail menuju R16 Klik lupa kata sandi menuju R17 Klik kategori susu murni menuju R18 Klik kategori yoghurt 180 ml menuju R19 ml Klik kategori susu sterilisasi menuju R20 Klik kategori yoghurt 1000 ml menuju R21 Klik tambah keranjang R22 Klik belanja lagi menuju R23 Klik update menuju R24 Klik selesai menuju R25 Nama form : R16 Font : Arial Warna background : Biru R16 Gambar 3. 70 Perancangan Antarmuka Member Barang Baru Beranda Bantuan Kontak Profil Header Footer KATEGORI PRODUK Nama kategori Nama kategori Nama kategori Nama kategori PEMBAYARAN Gambar bank Nama Member Setting Akun Lihat Histori Konfirmasi Pembayaran Testimonial Retur Logout Detail Produk Produk KERANJANG BELANJA PRODUK TERBARU Gambar Produk Terbaru PRODUK TERLARIS Gambar Produk Terlaris CUSTOMER SERVICE PENCARIAN Keterangan Produk Rating Tambah Ke Keranjang Keterangan Klik beranda menuju R01 Klik login menuju R02 Klik bantuan menuju R03 Klik kontak menuju R04 Klik profil menuju R05 Klik lihat history menuju R07 Klik konfirmasi pembayaran menuju R08 Klik retur mrnuju R10 Klik logout menuju R11 Klik keranjang belanja menuju R12 Klik barang baru menuju R13 Klik barang didkon menuju R14 Klik barang terlaris menuju R15 Klik detail menuju R16 Klik lupa kata sandi menuju R17 Klik kategori susu murni menuju R18 Klik kategori yoghurt 180 ml menuju R19 ml Klik kategori susu sterilisasi menuju R20 Klik kategori yoghurt 1000 ml menuju R21 Klik tambah keranjang R22 Klik belanja lagi menuju R23 Klik update menuju R24 Klik selesai menuju R25 Nama form : R16 Font : Arial Warna background : Biru R16 Gambar 3. 71 Perancangan Antarmuka Member Barang Diskon Beranda Bantuan Kontak Profil Header Footer KATEGORI PRODUK Nama kategori Nama kategori Nama kategori Nama kategori PEMBAYARAN Gambar bank Nama Member Setting Akun Lihat Histori Konfirmasi Pembayaran Testimonial Retur Logout Detail Produk Produk KERANJANG BELANJA PRODUK TERBARU Gambar Produk Terbaru PRODUK TERLARIS Gambar Produk Terlaris CUSTOMER SERVICE PENCARIAN Keterangan Produk Rating Tambah Ke Keranjang Keterangan Klik beranda menuju R01 Klik login menuju R02 Klik bantuan menuju R03 Klik kontak menuju R04 Klik profil menuju R05 Klik lihat history menuju R07 Klik konfirmasi pembayaran menuju R08 Klik retur mrnuju R10 Klik logout menuju R11 Klik keranjang belanja menuju R12 Klik barang baru menuju R13 Klik barang didkon menuju R14 Klik barang terlaris menuju R15 Klik detail menuju R16 Klik lupa kata sandi menuju R17 Klik kategori susu murni menuju R18 Klik kategori yoghurt 180 ml menuju R19 ml Klik kategori susu sterilisasi menuju R20 Klik kategori yoghurt 1000 ml menuju R21 Klik tambah keranjang R22 Klik belanja lagi menuju R23 Klik update menuju R24 Klik selesai menuju R25 Nama form : R16 Font : Arial Warna background : Biru R16 Gambar 3. 72 Perancangan Antarmuka Member Barang Terlaris

3.2.6 Perancangan Pesan

Pada gambar dibawah ini merupakan perancangan pesan yang terdapat pada aplikasi ecommerce di KPSBU Jabar. Adapun tampilan pesan yang ada adalah sebagai berikut: Email dan password salah Anda telah berhasil daftar di situs ini. Silahkan cek email untuk melakukan aktivasi. Terima kasih Email anda tidak ditemukan Field harus diisi Jumlah barang minimal 50 Nama harus diisi Password harus diisi Confirm password harus diisi Email harus diisi Alamat harus diisi Kota harus diisi Kodepos harus diisi Kode captcha harus diisi Terima kasih telah menghubungi kami Password baru telah dikirim ke email Apakah yakin data ini akan dihapus ? Ya Tidak Data berhasil ditambah Data berhasil dihapus Data berhasil diubah Data kontak tidak boleh kosong Data yang anda cari tidak ditemukan Data tidak boleh kosong kecuali no telp No transaksi harus diisi Jumlah retur kurang dari setengah pembelian Email dan password yang anda masukkan tidak cocok Gambar 3. 73 Perancangan Antar Pesan 3.2.7 Jaringan Semantik Jaringan semantik menggambarkan keterhubungan nagivasi menu dari satu halaman ke halaman lainnya. Jaringan semantik pada Aplikasi E-Commerce di Koperasi Peternak Sapi Bandung Utara KPSBU terbagi menjadi tiga bagian yaitu jaringan semantik untuk tampilan admin, jaringan semantik untuk tampilan member dan jaringan semantik untuk tampilan pengunjung. a. Jaringan Semantik Admin Jaringan semantik untuk menampilkan halaman admin dapat dilihat pada gambar A02 A04 A03 A01 A05 A08 A06 A07 A16 A15 A14 A11 A10 A09 A42 A43 A20 A19 A22 A21 A24 A23 A30 A29 A32 A31 A34 A33 M02 M03 M09 M04 M08 M10 A41 A39 A40 A44 A45 M01 M13 M14 Gambar 3. 74 Jaringan Semantik Admin Keterangan A01 login admin A02 home admin A03 edit data A04 data transaksi A05 data retur A06 laporan penjualan A07 ubah profil A08 logout A09 barang A10 kategori A11 kota A14 member A15 kontak A16 rekening A19 form tambah barang A20 form edit barang A21 form tambah kategori A22 form edit kategori A23 form tambah kota A24 form edit kota A29 form member A30 form member A31 form tambah kontak A32 form edit kontak A33 form tambah rekening A34 form edit rekening A39 form harian