ANALISIS DAN PERANCANGAN SISTEM
7. Isi Data Penerima (TM14)
Login Member TM14
Header
Copyright Y2Share Butik
Nama Layar : TM14
Ukuran Layar : Dinamis (1024x768) Font : Verdana, Arial
· Klik link Beranda menuju TM01
· Klik link Cara Pemesanan dan Pembayaran menuju TM10
· Klik link Profil Perusahaan menuju TM11
· Klik link Profil Member menuju TM02
· Klik link Riwayat Pemesanan & Pembayaran menuju TM03
· Klik link Retur menuju TM04
· Klik gambar Keranjang Belanja menuju TM05
· Klik link edit profil menuju TM06
· Klik link ubah password menuju TM07
· Klik tombol seacrh menuju TM08
· Klik lanjut belanja menuju TM09
· Klik tombol selesai menuju TM15
· Klik icon facebook menuju tab halaman baru facebook
· Klik icon twitter menuju tab halaman baru twitter Pencarian Seach Kategori Pakaian Kategori Aksesoris Kategori Barang
Pengisian Data Penerima
0 item ---Total Rp Img keranj ang Logo Yahoo Messenger Keranjang Belanja Yahoo Messeger! Gambar Barang Barang Terbaru Beranda | Cara Pemesanan & Pembayaran | Profil Perusahaan
Tracking JNE Tracking TIKI Tracking POS Faceb ook Follow Us Twitter Cari Cari Cari Alamat sendiri Welcome Edit Profil Profil Member Edit Password Logout Nama Penerima : No. Tlp/Hp : Alamat : Provinsi : Kota : KodePos : Jenis Pengiriman : Tarif Pengiriman : Selesai Alamat Baru
Gambar 3.48 Perancangan Antarmuka Isi Data Penerima
8. Info Detail Pesanan (TM16)
TM16
Header
Beranda | Riwayat Pemesanan & Pembayaran | Retur | Cara Pemesanan & Pembayaran | Profil Perusahaan
Copyright Y2Share Butik Welcome
(Username Member) Edit Profil
Nama Layar : TM16
Ukuran Layar : Dinamis (1024x768) Font : Verdana, Arial Warna Background : #000000
· Klik link Beranda menuju TM01
· Klik link Cara Pemesanan dan Pembayaran menuju TM10
· Klik link Profil Perusahaan menuju TM11
· Klik link Profil Member menuju TM02
· Klik link Riwayat Pemesanan & Pembayaran menuju TM03
· Klik link Retur menuju TM04
· Klik gambar Keranjang Belanja menuju TM05
· Klik link edit profil menuju TM06
· Klik link ubah password menuju TM07
· Klik tombol seacrh menuju TM08
· Klik lanjut belanja menuju TM09
· Klik icon facebook menuju tab halaman baru facebook
· Klik icon twitter menuju tab halaman baru twitter Pencarian Seach Kategori Pakaian Kategori Aksesoris Kategori Barang 0 item ---Total Rp Img keranj ang Logo Yahoo Messenger Keranjang Belanja Yahoo Messeger! Gambar Barang Barang Terbaru [Detail Data Pesanan No : ]
Profil Member Edit Password Logout Id Member Tanggal dipesan Tanggal expired Nama Penerima Alamat Penerima No.Tlp Penerima Status Pengiriman Status Pesanan Status Pembayaran Total Pembayaran Biaya Kirim
[Detail Data Barang Pesanan No : ] Id Barang Nama Barang Qty Harga Tracking JNE Tracking TIKI Tracking POS Faceb ook Follow Us Twitter Cari Cari Cari
132
9. Form Konfirmasi Pembayaran (TM15)
Login Member TM15
Header
Copyright Y2Share Butik Login Member email password Login Lupa password Daftar | Nama Layar : TM15
Ukuran Layar : Dinamis (1024x768) Font : Verdana, Arial
· Klik link Beranda menuju TM01
· Klik link Cara Pemesanan dan Pembayaran menuju TM10
· Klik link Profil Perusahaan menuju TM11
· Klik link Profil Member menuju TM02
· Klik link Riwayat Pemesanan & Pembayaran menuju TM03
· Klik link Retur menuju TM04
· Klik gambar Keranjang Belanja menuju TM05
· Klik link edit profil menuju TM06
· Klik link ubah password menuju TM07
· Klik tombol seacrh menuju TM08
· Klik konfirmasi menuju TM16
· Klik icon facebook menuju tab halaman baru facebook
· Klik icon twitter menuju tab halaman baru twitter Pencarian Seach Kategori Pakaian Kategori Aksesoris Kategori Barang
Konfirmasi Pembayaran Melalui Transfer Antar Bank
No. Pesanan : Total Pembayaran : Tujuan No Rekening : Nomor Transaksi : Atas Nama : Uang Yang Ditransfer :
Konfirmasi 0 item ---Total Rp Img keranj ang Logo Yahoo Messenger Keranjang Belanja Yahoo Messeger! Gambar Barang Barang Terbaru Beranda | Cara Pemesanan & Pembayaran | Profil Perusahaan
Ulang
Pembayaran Dengan Menggunakan Akun PayPal Silahkan Klik Tombol PayPal dibawah ini untuk melakukan transaksi menggunakan PayPal
PayPal Tracking JNE Tracking TIKI Tracking POS Faceb ook Follow Us Twitter Cari Cari Cari
Gambar 3.50 Perancangan Antarmuka Form Konfiramsi Pembayaran
8. Konfirmasi Pembayaran (TM18)
Login Member TM18
Header
Copyright Y2Share Butik Login Member email password Login Lupa password Daftar | Nama Layar : TM18 Ukuran Layar : Dinamis (1024x768) Font : Verdana, Arial
· Klik link Beranda menuju TM01
· Klik link Cara Pemesanan dan Pembayaran menuju TM10
· Klik link Profil Perusahaan menuju TM11
· Klik link Profil Member menuju TM02
· Klik link Riwayat Pemesanan & Pembayaran menuju TM03
· Klik link Retur menuju TM04
· Klik gambar Keranjang Belanja menuju TM05
· Klik link edit profil menuju TM06
· Klik link ubah password menuju TM07
· Klik tombol seacrh menuju TM08
· Klik icon facebook menuju tab halaman baru facebook
· Klik icon twitter menuju tab halaman baru twitter Pencarian Seach Kategori Pakaian Kategori Aksesoris Kategori Barang Konfiramsi Bayar No. Pesanan : [no_pesanan] Total Pembayaran : [total_pembayaran] Tujuan No Rekening : [tujuan_rekening] Nomor Transaksi : [no_transaksi] Atas Nama : [atas_nama] Uang Yang Ditransfer : [uang_yang_transfer]
0 item ---Total Rp Img keranj ang Logo Yahoo Messenger Keranjang Belanja Yahoo Messeger! Gambar Barang Barang Terbaru Beranda | Cara Pemesanan & Pembayaran | Profil Perusahaan
Pembayaran Dengan Menggunakan Akun PayPal
Silahkan Klik Tombol PayPal dibawah ini untuk melakukan transaksi menggunakan PayPal
PayPal Tracking JNE Tracking TIKI Tracking POS Faceb ook Follow Us Twitter Cari Cari Cari
c. Perancangan Antarmuka Admin
1. Login Petugas
Login Member A01
Header
Copyright Y2Share Butik Nama Layar : A01
Ukuran Layar : Dinamis (1024x768) Font : Verdana, Arial Warna Background : #000000
· Klik login untuk masuk sebagai admin
· Jika login valid menuju A03
· Jika login invalid akan muncul message M01
· Klik lupa Password menuju A02
Login Admin Username :
Password :
Login Lupa password
Gambar 3.52 Perancangan Antarmuka Login Petugas
2. Lupa Password Petugas
Login Member A32
Header
Copyright Y2Share Butik Nama Layar : A32
Ukuran Layar : Dinamis (1024x768) Font : Verdana, Arial Warna Background : #000000
· Klik Kirim Password untuk request Password Baru
Login Admin
Email :
Kirim Password
134 3. Beranda Admin Login Member A02 Header Administrator Page
Copyright Y2Share Butik Nama Layar : A02
Ukuran Layar : Dinamis (1024x768) Font : Verdana, Arial Warna Background : Abu-abu
· Klik Link Home menuju A3
· Klik Link Homepage menuju F01
· Klik Logout menuju A
· Klik Profil Petugas untuk menuju A03
· Klik Barang untuk menuju A09
· Klik Kategori unutk menuju A06
· Klik Gambar untuk menuju A12
· Klik Kota unutk menuju A15
· Klik Provinsi untuk menuju A18
· Klik Ongkos untuk menuju A21
· Klik jenis pengiriman untuk menuju A24
· Klik Jasa Pengiriman untuk menuju A27
· Kilik Pesanan untuk menuju A30
· Klik Laporan Barang untuk menuju A34
· Klik Laporan Pemesanan untuk menuju A35
· Klik Laporan Transaksi untuk menuju A35
Welcome (Username) | Homepage y2share-butik.com | Logout
Data Kategori + Data Motif + Data Barang + Data Gambar + Data Detail Barang + Data Ptopinisi + Data Kota + Data Jasa Pengiriman + Data Jenis Pengiriman+ Data Ongkos Kirim +
Selamat data [nama_pts]
Halaman Admin Home Profil Pemesanan Laporan
Gambar 3.54Perancangan Antarmuka Beranda Admin
4. Profil Admin
Login Member A04
Header Adminsitrator Page
Copyright Y2Share Butik Nama Layar : A04
Ukuran Layar : Dinamis (1024x768) Font : Verdana, Arial Warna Background : Abu-abu
· Klik Link Home menuju A3
· Klik Link Homepage menuju F01
· Klik Logout menuju A
· Klik Profil Petugas untuk menuju A03
· Klik Barang untuk menuju A09
· Klik Kategori unutk menuju A06
· Klik Gambar untuk menuju A12
· Klik Kota unutk menuju A15
· Klik Provinsi untuk menuju A18
· Klik Ongkos untuk menuju A21
· Klik jenis pengiriman untuk menuju A24
· Klik Jasa Pengiriman untuk menuju A27
· Kilik Pesanan untuk menuju A30
· Klik Laporan Barang untuk menuju A34
· Klik Laporan Pemesanan untuk menuju A35
· Klik Laporan Transaksi untuk menuju A35
Petugas Id Petugas Usename Nama Email [id_petugas] [nama_ptgs] [username] [email_ptgs] Ubah Password Edit Profil Data Kategori + Data Motif + Data Barang + Data Gambar + Data Detail Barang + Data Ptopinisi + Data Kota + Data Jasa Pengiriman + Data Jenis Pengiriman+ Data Ongkos Kirim +
Welcome (Username) | Homepage y2share-butik.com | Logout
Home Profil Pemesanan Laporan Edit Profil
Edit Password