Perancangan Antarmuka Member ANALISIS DAN PERANCANGAN SISTEM

3. Perancangan Antarmuka Halaman keranjang belanja Gambar 3.49 Tampilan antarmuka halaman keranjang belanja 4. Perancangan Antarmuka Halaman Testimonial MUM04 Header twitter facebo ok login Daftar Logo Distro harmony Cari Footer Distro Harmony Beranda Produk berita profil Panduan berbelanja Merek Produk Kategori Produk Testimonial Widget twitter merek merek kategori kategori kategori kategori Isi testimonial Isi widget twitter Keranjang belanja Hubungi Kami Isi keranjang belanja Hubungi Kami Hubungi Kami di : Yahoo Massanger atau telepon facebook twitter Tracking telusuri Mata uang Testi produk Isi mata uang Isi testi produk · Klik Beranda untuk menuju MUM01 · Klik Catatan pemesanan MUM02 · Klik berita untuk menuju MUMU03 · Klik Profil untuk menuju MUM04 · Klik Panduan berbelanja untuk menuju MUM05 · Klik Cara Pendaftaran untuk menuju MUM06 · Klik Login untuk menuju MUM07 · Klik Daftar untuk menuju MUM08 · Klik Merek Produk untuk menuju MUM09 · Klik kategori Produk untuk menuju MUM10 testimonial Akun member Data akun member Catatan pemesanan Keranjang belanja testimonial simpan batal Isi testimonal Gambar 3.50 Tampilan antarmuka halaman testimonial 5. Perancangan Antarmuka Halaman pemesanan MUM05 Header twitter facebo ok login Daftar Logo Distro harmony Cari Footer Distro Harmony Beranda Produk berita profil Panduan berbelanja Merek Produk Kategori Produk Testimonial Widget twitter merek merek kategori kategori kategori kategori Isi testimonial Isi widget twitter Keranjang belanja Hubungi Kami Isi keranjang belanja Hubungi Kami Hubungi Kami di : Yahoo Massanger atau telepon facebook twitter Tracking telusuri Mata uang Testi produk Isi mata uang Isi testi produk · Klik Beranda untuk menuju MUM01 · Klik Catatan pemesanan MUM02 · Klik berita untuk menuju MUMU03 · Klik Profil untuk menuju MUM04 · Klik Panduan berbelanja untuk menuju MUM05 · Klik Cara Pendaftaran untuk menuju MUM06 · Klik Login untuk menuju MUM07 · Klik Daftar untuk menuju MUM08 · Klik Merek Produk untuk menuju MUM09 · Klik kategori Produk untuk menuju MUM10 Informasi pemesanan Akun member Data akun member Catatan pemesanan Keranjang belanja testimonial Jasa Pengiriman : jasapengrirman, TarifKg Rp.xxxx Kota Tujuan : kota Berat Satuan Produk : berat Berat Keseluruhan :totalberat Ongkos Kirim :.ongkoskirim Total Pembayaran : totalbayar Terimakasih telah melakukan pemesanan ID Pesanan : xxxxxxx Pemesan : xxxxxxx Tanggal Pemesanan : HH-BB-TT Produk Nama Produk Berat Jumlah Sub Total No Detail Pemesanan Jasa Pengiriman Pembayaran jasa_pengiriman jenis_pengiriman Pembayaran Dilakukan Melalui Bank : xxxxxxxxx No. Rek : Gambar 3.51 Tampilan antarmuka halaman pemesanan

c. Perancangan Antarmuka Pimpinan Pegawai

1. Perancangan Antarmuka Halaman login pegawai Footer · Klik Login untuk menuju T03 · Jika Login salah maka akan muncul M01, M02 · Klik Lupa Password untuk menuju T02 T01 LOGO Distro harmony Username Password Login Gambar 3.52 Tampilan antarmuka halaman login pegawai 2. Perancangan Antarmuka Halaman Utama Pimpinan Pegawai Footer · Klik Beranda untuk menuju T02 · Klik Pegawai untuk menuju T04 · Klik pengguna untuk menuju T05 · Klik kategori untuk menuju T06 · Klik merek untuk menuju T07 · Klik produk untuk menuju T08 · Klik kabkota untuk menuju T09 · Klik provinsi untuk menuju T10 T02 Distro harmony jam logout Beranda Manajemen Admin Jabatan Pegawai pengguna Kategori merek Produk Provinsi Kabupaten Jasa Pengiriman Jenis Pengiriman Ongkos Kirim Data Bank Backup Database Restore Database Selamat datang. Manajemen Produk Manajemen member Manajemenpengiriman Backup restore Backup file Backup gambar Kunjungi web Gambar 3.53 Tampilan antarmuka halaman Utama Pimpinan Pegawai 3. Perancangan Antarmuka manajemen jabatan Footer · Klik Beranda untuk menuju T02 · Klik Pegawai untuk menuju T04 · Klik pengguna untuk menuju T05 · Klik kategori untuk menuju T06 · Klik merek untuk menuju T07 · Klik produk untuk menuju T08 · Klik kabkota untuk menuju T09 · Klik provinsi untuk menuju T10 T03 Distro harmony jam logout Beranda Manajemen Admin Jabatan Pegawai pengguna Kategori merek Produk Provinsi Kabupaten Jasa Pengiriman Jenis Pengiriman Ongkos Kirim Data Bank Backup Database Restore Database Manajemen jabatan Manajemen Produk Manajemen member Manajemenpengiriman Backup restore Backup file Backup gambar Kunjungi web Tambah Jabatan Kode Jabatan kode_jabatan Nama Jabatan nama_jabatan Aksi Ubah | Hapus Halaman : 1 | Gambar 3.54 Tampilan antarmuka halaman manajemen jabatan