Perancangan Antar Muka Untuk Situs Backend

7. Perancangan antarmuka Pengolahan Retur dapat dilihat pada gambar 3.76: T07 Id Pemesanan Aksi Detail Status Retur No Tgl Retur Pengolahan Retur - Klik Member untuk menuju T04 - Klik Pemesanan untuk menuju T05 - Klik Retur untuk menuju T07 - Klik Profil untuk menuju T09 - Klik detail untuk menuju T08 - Klik Logout untuk keluar Home Pengolahan Master Pengolahan Transaksi Pemesanan Retur Profil Logout coptright2012 Dewan Sport Music Gambar 3. 76 Perancangan Antarmuka Pengolahan Retur 8. Perancangan antarmuka Detail Retur dapat dilihat pada gambar 3.77: T08 Id Produk Nama Produk Qty Diretur No Ukuran Id Pemesanan : Nama Pemesanan : Detail Retur Email Pemesanan : Cara Bayar : Konfirmasi Retur - Klik Member untuk menuju T04 - Klik Pemesanan untuk menuju T05 - Klik Retur untuk menuju T07 - Klik Profil untuk menuju T09 - Klik Logout untuk keluar Home Pengolahan Master Pengolahan Transaksi Pemesanan Retur Profil Logout Nama Pemesanan : Email Pemesanan : Alasan : Foto : Tambahkan : Keterangan Tolak Retur coptright2012 Dewan Sport Music Gambar 3. 77 Perancangan Antarmuka Detail Retur 9. Perancangan antarmuka Profil dapat dilihat pada gambar 3.78: T09 Home Pengolahan Master Pengolahan Transaksi Profil Logout - Klik Member untuk menuju T04 - Klik Pemesanan untuk menuju T05 - Klik Retur untuk menuju T07 - Klik Profil untuk menuju T09 - Klik Logout untuk keluar - Klik simpan untuk menyimpan data ke database Simpan Batal Nama EmailUsername Username Yahoo Messenger Level Password Lama Password Baru Ketik Ulang Password Profil Akun coptright2012 Dewan Sport Music Jika password tidaj akan diubah kosongkan saja Gambar 3. 78 Perancangan Antarmuka Profil 3.2.4.3 Perancangan Antar Muka Untuk Bag. Pengadaan 1. Perancangan antarmuka halaman utama Bag. Pengadaan dapat dilihat pada gambar 3.79: T10 Home Pengolahan Master Kategori Ukuran Merk Produk Ongkir Bank Profil - Klik kategori untuk menuju T11 - Klik ukuran untuk menuju T14 - Klik merk untuk menuju T17 - Klik produk untuk menuju T20 - Klik ongkir untuk menuju T24 - Klik Bank untuk menuju T25 - Klik Profil untuk menuju T09 - Klik Logout untuk keluar Logout Selamat Datang, nama di Situs Deawan Sport Music coptright2012 Dewan Sport Music Dewan Sport Music Gambar 3. 79 Perancangan Antarmuka Halaman Utama Bag. Pengadaan 2. Perancangan antarmuka Pengolahan Kategori dapat dilihat pada gambar 3.80: T11 Home Pengolahan Master Kategori Ukuran Merk Produk Ongkir Bank Profil - Klik kategori untuk menuju T11 - Klik ukuran untuk menuju T14 - Klik merk untuk menuju T17 - Klik produk untuk menuju T20 - Klik ongkir untuk menuju T24 - Klik Bank untuk menuju T25 - Klik Profil untuk menuju T09 - Klik tambah untuk menuju T12 - Klik Logout untuk keluar Logout coptright2012 Dewan Sport Music Pengolahan Kategori Aksi Ubah | Hapus Kategori No Tambah Kategori Cari Kategori Cari Gambar 3. 80 Perancangan Antarmuka Pengolahan Kategori 3. Perancangan antarmuka Penambahan Kategori dapat dilihat pada gambar 3.81: T12 Home Pengolahan Master Kategori Ukuran Merk Produk Ongkir Bank Profil - Klik kategori untuk menuju T11 - Klik ukuran untuk menuju T14 - Klik merk untuk menuju T17 - Klik produk untuk menuju T20 - Klik ongkir untuk menuju T24 - Klik Bank untuk menuju T25 - Klik Profil untuk menuju T09 - Klik simpan untuk menyimpan data - Klik Logout untuk keluar Logout coptright2012 Dewan Sport Music Penambahan Kategori Nama Kategori : Simpan Batal Gambar 3. 81 Perancangan Antarmuka Penambahan Kategori 4. Perancangan antarmuka Pengubahan Kategori dapat dilihat pada gambar 3.82: T13 Home Pengolahan Master Kategori Ukuran Merk Produk Ongkir Bank Profil - Klik kategori untuk menuju T11 - Klik ukuran untuk menuju T14 - Klik merk untuk menuju T17 - Klik produk untuk menuju T20 - Klik ongkir untuk menuju T24 - Klik Bank untuk menuju T25 - Klik Profil untuk menuju T09 - Klik simpan untuk menyimpan data - Klik Logout untuk keluar Logout coptright2012 Dewan Sport Music Pengubahan Kategori Nama Kategori : Simpan Batal Gambar 3. 82 Perancangan Antarmuka Pengubahan Kategori 5. Perancangan antarmuka PengolahanUkuran dapat dilihat pada gambar 3.83: T14 Home Pengolahan Master Kategori Ukuran Merk Produk Ongkir Bank Profil Logout coptright2012 Dewan Sport Music Pengolahan Ukuran Aksi Ubah | Hapus Kode Ukuran No Tambah Ukuran Ukuran - Klik kategori untuk menuju T11 - Klik ukuran untuk menuju T14 - Klik merk untuk menuju T17 - Klik produk untuk menuju T20 - Klik ongkir untuk menuju T24 - Klik Bank untuk menuju T25 - Klik Profil untuk menuju T09 - Klik tambah untuk menuju T15 - Klik Logout untuk keluar Gambar 3. 83 Perancangan Antarmuka Pengolahan Ukuran 6. Perancangan antarmuka Penambahan Ukuran dapat dilihat pada gambar 3.84: Keterangan Ukuran : Simpan Batal Ukuran : T15 Home Pengolahan Master Kategori Ukuran Merk Produk Ongkir Bank Profil - Klik kategori untuk menuju T11 - Klik ukuran untuk menuju T14 - Klik merk untuk menuju T17 - Klik produk untuk menuju T20 - Klik ongkir untuk menuju T24 - Klik Bank untuk menuju T25 - Klik Profil untuk menuju T09 - Klik simpan untuk menyimpan data - Klik Logout untuk keluar Logout coptright2012 Dewan Sport Music Penambahan Ukuran Gambar 3. 84 Perancangan Antarmuka Penambahan Ukuran 7. Perancangan antarmuka Pengubahan Ukuran dapat dilihat pada gambar 3.825: Keterangan Ukuran : Simpan Batal Ukuran : T16 Home Pengolahan Master Kategori Ukuran Merk Produk Ongkir Bank Profil - Klik kategori untuk menuju T11 - Klik ukuran untuk menuju T14 - Klik merk untuk menuju T17 - Klik produk untuk menuju T20 - Klik ongkir untuk menuju T24 - Klik Bank untuk menuju T25 - Klik Profil untuk menuju T09 - Klik simpan untuk menyimpan data - Klik Logout untuk keluar Logout coptright2012 Dewan Sport Music Pengubahan Ukuran Gambar 3. 85 Perancangan Antarmuka Pengubahan Ukuran 8. Perancangan antarmuka Pengolahan Merk dapat dilihat pada gambar 3.86 : T17 Home Pengolahan Master Kategori Ukuran Merk Produk Ongkir Bank Profil - Klik kategori untuk menuju T11 - Klik ukuran untuk menuju T14 - Klik merk untuk menuju T17 - Klik produk untuk menuju T20 - Klik ongkir untuk menuju T24 - Klik Bank untuk menuju T25 - Klik Profil untuk menuju T09 - Klik tambah untuk menuju T18 - Klik Logout untuk keluar Logout coptright2012 Dewan Sport Music Pengolahan Merk Aksi Ubah | Hapus Nama Merk No Tambah Merk Cari Merk Cari Gambar 3. 86 Perancangan Antarmuka Pengolahan Merk 9. Perancangan antarmuka Penambahan Merk dapat dilihat pada gambar 3.87: T18 Home Pengolahan Master Kategori Ukuran Merk Produk Ongkir Bank Profil - Klik kategori untuk menuju T11 - Klik ukuran untuk menuju T14 - Klik merk untuk menuju T17 - Klik produk untuk menuju T20 - Klik ongkir untuk menuju T24 - Klik Bank untuk menuju T25 - Klik Profil untuk menuju T09 - Klik simpan untuk menyimpan data - Klik Logout untuk keluar Logout coptright2012 Dewan Sport Music Penambahan Merk Merk : Simpan Batal Gambar 3. 87 Perancangan Antarmuka PenambahanMerk 10. Perancangan antarmuka Pengubahan Merk dapat dilihat pada gambar 3.88: T19 Home Pengolahan Master Kategori Ukuran Merk Produk Ongkir Bank Profil Logout coptright2012 Dewan Sport Music Pengubahan Merk Merk : Simpan Batal - Klik kategori untuk menuju T11 - Klik ukuran untuk menuju T14 - Klik merk untuk menuju T17 - Klik produk untuk menuju T20 - Klik ongkir untuk menuju T24 - Klik Bank untuk menuju T25 - Klik Profil untuk menuju T09 - Klik simpan untuk menyimpan data - Klik Logout untuk keluar Gambar 3. 88 Perancangan Antarmuka Pengubahan Merk 11. Perancangan antarmuka Pengolahan Produk dapat dilihat pada gambar 3.89: T20 Home Pengolahan Master Kategori Ukuran Merk Produk Ongkir Bank Profil - Klik kategori untuk menuju T11 - Klik ukuran untuk menuju T14 - Klik merk untuk menuju T17 - Klik produk untuk menuju T20 - Klik ongkir untuk menuju T24 - Klik bank untuk menuju T25 - Klik profil untuk menuju T09 - Klik tambah produk untuk menuju T21 - Klik ubah produk untuk menuju T22 - Klik cari untuk mencari data - Klik hapus untuk menghapus - Klik pengolahan detail produk menuju T23 - Klik logout untuk keluar Logout coptright2012 Dewan Sport Music Pengolahan Produk Gambar Produk Nama Produk No Merk Kategori Ubah Produk Hapus Cari Produk : Cari Harga Diskon Tampil Aksi Tambah Produk Pengolahan Detail Produk Gambar 3. 89 Perancangan Antarmuka Pengolahan Produk 12. Perancangan antarmuka Penambahan Produk dapat dilihat pada gambar 3.90: T21 Home Pengolahan Master Profil Logout coptright2012 Dewan Sport Music Penambahan Produk Kategori Simpan Batal Kode Produk Merk Ukuran untuk Harga Diskon Ditampilan Keterangan Rp. : : : : : : : Ket : - Klik kategori untuk menuju T11 - Klik ukuran untuk menuju T14 - Klik merk untuk menuju T17 - Klik produk untuk menuju T20 - Klik ongkir untuk menuju T24 - Klik Bank untuk menuju T25 - Klik Profil untuk menuju T09 - Klik simpan untuk menyimpan data - Klik Logout untuk keluar : Jenis Produk Kategori Ukuran Merk Produk Ongkir Bank Gambar 3. 90 Perancangan Antarmuka Penambahan Produk 13. Perancangan antarmuka Pengubahan Produk dapat dilihat pada gambar 3.91: T22 Home Pengolahan Master Profil - Klik kategori untuk menuju T11 - Klik ukuran untuk menuju T14 - Klik merk untuk menuju T17 - Klik produk untuk menuju T20 - Klik ongkir untuk menuju T24 - Klik bank untuk menuju T25 - Klik profil untuk menuju T09 - Klik simpan untuk menyimpan - klik batal untuk membatalkan - Klik logout untuk keluar Logout coptright2012 Dewan Sport Music Pengubahan Produk Kategori Simpan Batal Kode Produk Merk Ukuran untuk Harga Diskon Ditampilan Keterangan Rp. : : : : : : : Ket : : Jenis Produk Data Produk Kategori Ukuran Merk Produk Ongkir Bank Gambar 3. 91 Perancangan Antarmuka Pengubahan Produk 14. Perancangan antarmuka Pengolahan Detail Produk dapat dilihat pada gambar 3.92: T23 Home Pengolahan Master Kategori Ukuran Merk Produk Ongkir Bank Profil - Klik kategori untuk menuju T11 - Klik ukuran untuk menuju T14 - Klik merk untuk menuju T17 - Klik produk untuk menuju T20 - Klik ongkir untuk menuju T24 - Klik bank untuk menuju T25 - Klik profil untuk menuju T09 - Klik Pengolahan stok produk untuk menuju T24 - Klik Pengolahan gambar untuk menuju T29 - Klik ubah produk untuk menuju T22 - Klik logout untuk keluar Logout coptright2012 Dewan Sport Music Pengolahan Detail Produk Nama Produk No Kategori Pengolahan Stok Pengolahan Gambar Cari Produk : Cari Aksi Gambar 3. 92 Perancangan Antarmuka Pengoalahan Detail Produk 15. Perancangan antarmuka Pengolahan Stok Produk dapat dilihat pada gambar 3.93: T24 Home Pengolahan Master Profil - Klik kategori untuk menuju T11 - Klik ukuran untuk menuju T14 - Klik merk untuk menuju T17 - Klik produk untuk menuju T20 - Klik ongkir untuk menuju T24 - Klik bank untuk menuju T25 - Klik profil untuk menuju T09 - Klik tambah stok produk menuju T27 - Klik ubah stok produk untuk menuju T28 - Klik logout untuk keluar Logout coptright2012 Dewan Sport Music Pengolahan Stok Produk Ukuran No Berat Stok Aksi Ubah +Tambah Stok Produk Data Produk Kode Produk : Nama Produk : Kembali Kategori Ukuran Merk Produk Ongkir Bank Gambar 3. 93 Perancangan Antarmuka Pengolahan Stok Produk 16. Perancangan antarmuka Penambahan Stok Produk dapat dilihat pada gambar 3.94: T27 Home Pengolahan Master Profil Logout coptright2012 Dewan Sport Music Penambahan Stok Produk - Klik kategori untuk menuju T11 - Klik ukuran untuk menuju T14 - Klik merk untuk menuju T17 - Klik produk untuk menuju T20 - Klik ongkir untuk menuju T24 - Klik Bank untuk menuju T25 - Klik Profil untuk menuju T09 - Klik simpan untuk menyimpan data - Klik batal untuk membatalkan - Klik Logout untuk keluar Nama Produk Simpan Batal Kode Produk Kategori Merk Ukuran Berat Jumlah Stok Kg Kategori Ukuran Merk Produk Ongkir Bank Gambar 3. 94 Perancangan Antarmuka Penambahan Stok Produk 17. Perancangan antarmuka Pengubahan Stok Produk dapat dilihat pada gambar 3.95: T28 Home Pengolahan Master Profil Logout coptright2012 Dewan Sport Music Pengubahan Stok Produk - Klik kategori untuk menuju T11 - Klik ukuran untuk menuju T14 - Klik merk untuk menuju T17 - Klik produk untuk menuju T20 - Klik ongkir untuk menuju T24 - Klik Bank untuk menuju T25 - Klik Profil untuk menuju T09 - Klik simpan untuk menyimpan data - Klik batal untuk membatalkan - Klik Logout untuk keluar Nama Produk Simpan Batal Kode Produk Kategori Merk Ukuran Berat Jumlah Stok Kg Kategori Ukuran Merk Produk Ongkir Bank Gambar 3. 95 Perancangan Antarmuka Pengubahan Stok Produk 18. Perancangan antarmuka Pengolahan Gambar Produk dapat dilihat pada gambar 3.96 : T29 Home Pengolahan Master Profil - Klik kategori untuk menuju T11 - Klik ukuran untuk menuju T14 - Klik merk untuk menuju T17 - Klik produk untuk menuju T20 - Klik ongkir untuk menuju T24 - Klik Bank untuk menuju T25 - Klik Profil untuk menuju T09 - Klik upload untuk mengupload gambar - Klik hapus untuk menghapus gambar - Klik Logout untuk keluar Logout coptright2012 Dewan Sport Music Pengolahan Detail Produk Gambar Produk Gambar Produk Gambar Produk Hapus Hapus Gambar Utama : Gambar lain 1 : Gambar lain 2 : Gambar lain 3 : Browse Browse Browse Browse keterangan Upload Batal Gambar Utama Gambar Lainnya Gambar Produk Hapus Gambar Produk Kategori Ukuran Merk Produk Ongkir Bank Gambar 3. 96 Perancangan Antarmuka Pengolahan Gambar Produk 19. Perancangan antarmuka Pengolahan Ongkir dapat dilihat pada gambar 3.97 : T37 Home Pengolahan Master Kategori Ukuran Merk Produk Ongkir Bank Profil - Klik kategori untuk menuju T11 - Klik ukuran untuk menuju T14 - Klik merk untuk menuju T17 - Klik produk untuk menuju T20 - Klik ongkir untuk menuju T24 - Klik Bank untuk menuju T25 - Klik Profil untuk menuju T09 - Klik jasa pengirim untuk menuju T38 - Klik jenis jasa pengirim untuk menuju T41 - Klik Provinsi untuk menuju T44 - Klik Kota untuk menuju T47 - Klik Tarif Kirim untuk menuju T50 - Klik Logout untuk keluar Logout coptright2012 Dewan Sport Music Pengolahan Ongkir Jasa Pengiriman Jenis Jasa Pengiriman Provinsi Kota Tarif Kirim Gambar 3. 97 Perancangan Antarmuka Pengolahan Ongkir 20. Perancangan antarmuka Pengolahan Jasa Pengiriman dapat dilihat pada gambar 3.98 : T38 Home Pengolahan Master Kategori Ukuran Merk Produk Ongkir Bank Profil - Klik kategori untuk menuju T11 - Klik ukuran untuk menuju T14 - Klik merk untuk menuju T17 - Klik produk untuk menuju T20 - Klik ongkir untuk menuju T24 - Klik Bank untuk menuju T25 - Klik Profil untuk menuju T09 - Klik tambah untuk menuju T39 - Klik ubah untuk menuju T40 - Klik Logout untuk keluar Logout coptright2012 Dewan Sport Music Pengolahan Jasa Pengiriman Aksi Ubah | Hapus Jasa Pengirim No Tambah Jasa Pengirim Cari Merk Cari Gambar 3. 98 Perancangan Antarmuka Pengolahan Jasa Pengiriman 21. Perancangan antarmuka Penambahan Jasa Pengiriman dapat dilihat pada gambar 3.99: T39 Home Pengolahan Master Kategori Ukuran Merk Produk Ongkir Bank Profil - Klik kategori untuk menuju T11 - Klik ukuran untuk menuju T14 - Klik merk untuk menuju T17 - Klik produk untuk menuju T20 - Klik ongkir untuk menuju T24 - Klik Bank untuk menuju T25 - Klik Profil untuk menuju T09 - Klik simpan untuk menyimpan data - Klik Logout untuk keluar Logout coptright2012 Dewan Sport Music Penambahan Jasa Pengiriman Nama jasa pengirim : Simpan Batal Gambar 3. 99 Perancangan Antarmuka Penambahan Jasa Pengiriman 22. Perancangan antarmuka Pengubahan Jasa Pengiriman dapat dilihat pada gambar 3.100 : T40 Home Pengolahan Master Kategori Ukuran Merk Produk Ongkir Bank Profil - Klik kategori untuk menuju T11 - Klik ukuran untuk menuju T14 - Klik merk untuk menuju T17 - Klik produk untuk menuju T20 - Klik ongkir untuk menuju T24 - Klik Bank untuk menuju T25 - Klik Profil untuk menuju T09 - Klik simpan untuk menyimpan data - Klik Logout untuk keluar Logout coptright2012 Dewan Sport Music Pengubahan Jasa Pengiriman Nama jasa pengirim : Simpan Batal Gambar 3. 100 Perancangan Antarmuka Pengubahan Jasa Pengiriman 23. Perancangan antarmuka Pengolahan Jenis Jasa Pengiriman dapat dilihat pada gambar 3.101 : T41 Home Pengolahan Master Kategori Ukuran Merk Produk Ongkir Bank Profil - Klik kategori untuk menuju T11 - Klik ukuran untuk menuju T14 - Klik merk untuk menuju T17 - Klik produk untuk menuju T20 - Klik ongkir untuk menuju T24 - Klik Bank untuk menuju T25 - Klik Profil untuk menuju T09 - Klik tambah untuk menuju T42 - Klik ubah untuk menuju T43 - Klik Logout untuk keluar Logout coptright2012 Dewan Sport Music Pengolahan Jenis Jasa Pengiriman Aksi Ubah | Hapus Jasa Pengirim No Tambah Jenis Jasa Pengirim Cari : Cari Jenis Jasa Pengirim Gambar 3. 101 Perancangan Antarmuka Pengolahan Jenis Jasa Pengiriman 24. Perancangan antarmuka Penambahan Jenis Jasa Pengiriman dapat dilihat pada gambar 3.102 : T42 Home Pengolahan Master Kategori Ukuran Merk Produk Ongkir Bank Profil - Klik kategori untuk menuju T11 - Klik ukuran untuk menuju T14 - Klik merk untuk menuju T17 - Klik produk untuk menuju T20 - Klik ongkir untuk menuju T24 - Klik Bank untuk menuju T25 - Klik Profil untuk menuju T09 - Klik simpan untuk menyimpan data - Klik Logout untuk keluar Logout coptright2012 Dewan Sport Music Penambahan Jenis Jasa Pengiriman Nama jenis jasa pengirim : Simpan Batal Pilih jasa pengirim : Gambar 3. 102 Perancangan Antarmuka Penambahan Jenis Jasa Pengiriman 25. Perancangan antarmuka Pengubahan Jenis Jasa Pengiriman dapat dilihat pada gambar 3.103: T43 Home Pengolahan Master Kategori Ukuran Merk Produk Ongkir Bank Profil - Klik kategori untuk menuju T11 - Klik ukuran untuk menuju T14 - Klik merk untuk menuju T17 - Klik produk untuk menuju T20 - Klik ongkir untuk menuju T24 - Klik Bank untuk menuju T25 - Klik Profil untuk menuju T09 - Klik simpan untuk menyimpan data - Klik Logout untuk keluar Logout coptright2012 Dewan Sport Music Pengubahan Jenis Jasa Pengiriman Nama jenis jasa pengirim : Simpan Batal Pilih jasa pengirim : Gambar 3. 103 Perancangan Antarmuka Pengubahan Jenis Jasa Pengiriman 26. Perancangan antarmuka Pengolahan Provinsi dapat dilihat pada gambar 3.104 : T44 Home Pengolahan Master Kategori Ukuran Merk Produk Ongkir Bank Profil - Klik kategori untuk menuju T11 - Klik ukuran untuk menuju T14 - Klik merk untuk menuju T17 - Klik produk untuk menuju T20 - Klik ongkir untuk menuju T24 - Klik Bank untuk menuju T25 - Klik Profil untuk menuju T09 - Klik tambah untuk menuju T45 - Klik ubah untuk menuju T46 - Klik Logout untuk keluar Logout coptright2012 Dewan Sport Music Pengolahan Provinsi Aksi Ubah | Hapus Nama Provinsi No Tambah Provinsi Cari : Cari Gambar 3. 104 Perancangan Antarmuka Pengolahan Provinsi 27. Perancangan antarmuka Penambahan Provinsi dapat dilihat pada gambar 3.105 : T45 Home Pengolahan Master Kategori Ukuran Merk Produk Ongkir Bank Profil - Klik kategori untuk menuju T11 - Klik ukuran untuk menuju T14 - Klik merk untuk menuju T17 - Klik produk untuk menuju T20 - Klik ongkir untuk menuju T24 - Klik Bank untuk menuju T25 - Klik Profil untuk menuju T09 - Klik simpan untuk menyimpan data - Klik Logout untuk keluar Logout coptright2012 Dewan Sport Music Penambahan Provinsi Nama Provinsi : Simpan Batal Gambar 3. 105 Perancangan Antarmuka Penambahan Provinsi 28. Perancangan antarmuka Pengubahan Provinsi dapat dilihat pada gambar 3.106 : T46 Home Pengolahan Master Kategori Ukuran Merk Produk Ongkir Bank Profil - Klik kategori untuk menuju T11 - Klik ukuran untuk menuju T14 - Klik merk untuk menuju T17 - Klik produk untuk menuju T20 - Klik ongkir untuk menuju T24 - Klik Bank untuk menuju T25 - Klik Profil untuk menuju T09 - Klik simpan untuk menyimpan data - Klik Logout untuk keluar Logout coptright2012 Dewan Sport Music Pengubahan Provinsi Nama Provinsi : Simpan Batal Gambar 3. 106 Perancangan Antarmuka Pengubahan Provinsi 29. Perancangan antarmuka Pengolahan Kota dapat dilihat pada gambar 3.107 : T47 Home Pengolahan Master Kategori Ukuran Merk Produk Ongkir Bank Profil - Klik kategori untuk menuju T11 - Klik ukuran untuk menuju T14 - Klik merk untuk menuju T17 - Klik produk untuk menuju T20 - Klik ongkir untuk menuju T24 - Klik Bank untuk menuju T25 - Klik Profil untuk menuju T09 - Klik tambah untuk menuju T48 - Klik ubah untuk menuju T49 - Klik Logout untuk keluar Logout coptright2012 Dewan Sport Music Pengolahan Kota Aksi Ubah | Hapus Provinsi No Tambah Kota Cari : Cari Nama Kota Gambar 3. 107 Perancangan Antarmuka Pengolahan Kota 30. Perancangan antarmuka Penambahan Kota dapat dilihat pada gambar 3.108 : T48 Home Pengolahan Master Kategori Ukuran Merk Produk Ongkir Bank Profil - Klik kategori untuk menuju T11 - Klik ukuran untuk menuju T14 - Klik merk untuk menuju T17 - Klik produk untuk menuju T20 - Klik ongkir untuk menuju T24 - Klik Bank untuk menuju T25 - Klik Profil untuk menuju T09 - Klik simpan untuk menyimpan data - Klik Logout untuk keluar Logout coptright2012 Dewan Sport Music Penambahan KotaDaerah Nama KotaDaerah : Simpan Batal Pilih Provinsi : Gambar 3. 108 Perancangan Antarmuka Penambahan Kota 31. Perancangan antarmuka Pengubahan Kota dapat dilihat pada gambar 3.109 : T49 Home Pengolahan Master Kategori Ukuran Merk Produk Ongkir Bank Profil - Klik kategori untuk menuju T11 - Klik ukuran untuk menuju T14 - Klik merk untuk menuju T17 - Klik produk untuk menuju T20 - Klik ongkir untuk menuju T24 - Klik Bank untuk menuju T25 - Klik Profil untuk menuju T09 - Klik simpan untuk menyimpan data - Klik Logout untuk keluar Logout coptright2012 Dewan Sport Music Pengubahan KotaDaerah Nama KotaDaerah : Simpan Batal Pilih Provinsi : Gambar 3. 109 Perancangan Antarmuka Pengubahan Kota 32. Perancangan antarmuka Pengolahan Tarif Kirim dapat dilihat pada gambar 3.110 : T50 Home Pengolahan Master Kategori Ukuran Merk Produk Ongkir Bank Profil - Klik kategori untuk menuju T11 - Klik ukuran untuk menuju T14 - Klik merk untuk menuju T17 - Klik produk untuk menuju T20 - Klik ongkir untuk menuju T24 - Klik Bank untuk menuju T25 - Klik Profil untuk menuju T09 - Klik tambah untuk menuju T51 - Klik ubah untuk menuju T52 - Klik Logout untuk keluar Logout coptright2012 Dewan Sport Music Pengolahan Tarif Kirim Provinsi : Cari Kota : Kota : Jenis Paket : Proses Cek Tarif Kirim Cari -Pilih Provinsi- -Pilih Provinsi Dahulu- -Pilih Kota Dahulu- Kota Jenis Pengiriman No Lama Pengiriman Aksi Ongkos Kirim Tambah Tarif Kirim Gambar 3. 110 Perancangan Antarmuka Pengolahan Tarif Kirim 33. Perancangan antarmuka Penambahan Tarif Kirim dapat dilihat pada gambar 3.111 : T51 Home Pengolahan Master Kategori Ukuran Merk Produk Ongkir Bank Profil Logout coptright2012 Dewan Sport Music Penambahan Tarif Kirim Kota Simpan Batal Provinsi Jasa Pengiriman Jenis Pengiriman Tarif kirim Estimasi Lama Kirim Rp. Hari : : : : : : - Klik kategori untuk menuju T11 - Klik ukuran untuk menuju T14 - Klik merk untuk menuju T17 - Klik produk untuk menuju T20 - Klik ongkir untuk menuju T24 - Klik Bank untuk menuju T25 - Klik Profil untuk menuju T09 - Klik simpan untuk menyimpan data - Klik Logout untuk keluar Gambar 3. 111 Perancangan Antarmuka Penambahan Tarif Kirim 34. Perancangan antarmuka Pengubahan Tarif Kirim dapat dilihat pada gambar 3.112 : T52 Home Pengolahan Master Kategori Ukuran Merk Produk Ongkir Bank Profil Logout coptright2012 Dewan Sport Music Pengubahan Tarif Kirim Kota Simpan Batal Provinsi Jasa Pengiriman Jenis Pengiriman Tarif kirim Estimasi Lama Kirim Rp. Hari : : : : : : - Klik kategori untuk menuju T11 - Klik ukuran untuk menuju T14 - Klik merk untuk menuju T17 - Klik produk untuk menuju T20 - Klik ongkir untuk menuju T24 - Klik Bank untuk menuju T25 - Klik Profil untuk menuju T09 - Klik simpan untuk menyimpan data - Klik Logout untuk keluar Gambar 3. 112 Perancangan Antarmuka Pengubahan Tarif Kirim 35. Perancangan antarmuka Pengolahan Bank dapat dilihat pada gambar 3.113 : T25 Home Pengolahan Master Kategori Ukuran Merk Produk Ongkir Bank Profil - Klik kategori untuk menuju T11 - Klik ukuran untuk menuju T14 - Klik merk untuk menuju T17 - Klik produk untuk menuju T20 - Klik ongkir untuk menuju T24 - Klik Bank untuk menuju T25 - Klik Profil untuk menuju T09 - Klik tambah untuk menuju T26 - Klik Logout untuk keluar Logout coptright2012 Dewan Sport Music Pengolahan Bank Tambah Bank Logo Bank Nama Bank No Detail Atas Nama Aksi No Rekening Gambar 3. 113 Perancangan Antarmuka Pengolahan Bank 36. Perancangan antarmuka Penambahan Bank dapat dilihat pada gambar 3.114: T26 Home Pengolahan Master Kategori Ukuran Merk Produk Ongkir Bank Profil Logout coptright2012 Dewan Sport Music Penambahan Bank No Rekening Nama Bank Atas Nama Logo Bank Url : : : : - Klik kategori untuk menuju T11 - Klik ukuran untuk menuju T14 - Klik merk untuk menuju T17 - Klik produk untuk menuju T20 - Klik ongkir untuk menuju T24 - Klik Bank untuk menuju T25 - Klik Profil untuk menuju T09 - Klik simpan untuk menyimpan data - Klik Logout untuk keluar Browse Simpan Batal Gambar 3. 114 Perancangan Antarmuka Penambahan Bank 37. Perancangan antarmuka Profil dapat dilihat pada gambar 3.115 : T09 Home Pengolahan Master Pengolahan Transaksi Profil Logout - Klik kategori untuk menuju T11 - Klik ukuran untuk menuju T14 - Klik merk untuk menuju T17 - Klik produk untuk menuju T20 - Klik ongkir untuk menuju T24 - Klik Bank untuk menuju T25 - Klik Profil untuk menuju T09 - Klik Simpan untuk menyimpan data - Klik Batal untuk menuju T09 - Klik Logout untuk keluar Simpan Batal Nama EmailUsername Username Yahoo Messenger Level Password Lama Password Baru Ketik Ulang Password Profil Akun coptright2012 Dewan Sport Music Jika password tidaj akan diubah kosongkan saja Gambar 3. 115 Perancangan Antarmuka Profil

3.2.4.4 Perancangan Antar Muka Untuk Admin

1. Perancangan antarmuka Halaman utama Admin dapat dilihat pada gambar 3.116: T28 - Klik pengguna untuk menuju T29 - Klik profil untuk menuju T09 - Klik backup restore untuk menuju T32 - Klik laporan untuk menuju T33 - Klik logout untuk keluar - Selamat Datang, admin nama di Situs Deawan Sport Music coptright2012 Dewan Sport Music Dewan Sport Music Home Pengolahan Master Pengguna Profil Backup Restore Logout Laporan Gambar 3. 116 Perancangan Antarmuka Halaman Utama Admin 2. Perancangan antarmuka Pengolahan Pengguna dapat dilihat pada gambar 3.117: T29 Home Pengolahan Master Pengguna - Klik pengguna untuk menuju T29 - Klik profil untuk menuju T09 - Klik backup restore untuk menuju T32 - Klik tambah pengguna untuk menuju T30 - Klik ubah untuk menuju T31 - Klik laporan untuk menuju T33 - Klik logout untuk keluar coptright2012 Dewan Sport Music Pengolahan Pengguna Cari Nama : Cari Nama Email No Ubah hapus Aksi Level Tambah Pengguna Profil Backup Restore Logout Laporan Gambar 3. 117 Perancangan Antarmuka Pengolahan Pengguna 3. Perancangan antarmuka Penambahan Pengguna dapat dilihat pada gambar 3.118: T30 - Klik pengguna untuk menuju T29 - Klik profil untuk menuju T09 - Klik backup restore untuk menuju T32 - Klik simpan untuk menyimpan data - Klik laporan untuk menuju T33 - Klik logout untuk keluar coptright2012 Dewan Sport Music Penambahan Pengguna Home Pengolahan Master Pengguna Simpan Batal Nama : EmailUsername : Username Yahoo Messenger : Password : Ketik Ulang Password : Level : Profil Backup Restore Logout Laporan Gambar 3. 118 Perancangan Antarmuka Penambahan Pengguna 4. Perancangan antarmuka Pengubahan Pengguna dapat dilihat pada gambar 3.119: T31 - Klik pengguna untuk menuju T29 - Klik profil untuk menuju T09 - Klik backup restore untuk menuju T32 - Klik simpan untuk menyimpan data - Klik batal untuk membatalkan - Klik laporan untuk menuju T33 - Klik logout untuk keluar coptright2012 Dewan Sport Music Pengubahan Pengguna Home Pengolahan Master Pengguna Simpan Batal Nama : EmailUsername : Username Yahoo Messenger : Password : Ketik Ulang Password : Profil Backup Restore Logout Laporan Gambar 3. 119 Perancangan Antarmuka Pengubahan Pengguna 5. Perancangan antarmuka Profil dapat dilihat pada gambar 3.120: T09 Home Pengolahan Master - Klik pengguna untuk menuju T29 - Klik profil untuk menuju T09 - Klik backup restore untuk menuju T32 - Klik simpan untuk menyimpan data - Klik batal untuk membatalkan - Klik laporan untuk menuju T33 - Klik logout untuk keluar coptright2012 Dewan Sport Music Profil Akun Simpan Batal Nama : EmailUsername : Username Yahoo Messenger : Level : Password Lama : Password Baru : Ketik Ulang Password : ket Profil Backup Restore Logout Laporan Gambar 3. 120 Perancangan Antarmuka Profil 6. Perancangan antarmuka Backup dan Restore dapat dilihat pada gambar 3.121: T32 coptright2012 Dewan Sport Music Backup Restore Home Pengolahan Master Backup Database Browse Backup : Ket : Backup Gambar Restore : Restore Database Browse Restore Gambar - Klik pengguna untuk menuju T29 - Klik profil untuk menuju T09 - Klik backup restore untuk menuju T32 - Klik laporan untuk menuju T33 - Klik backup untuk menyimpan backup db - Klik gambar untuk menyimpan backup gambar - Klik restore database untuk merestore db - Klik restore gambar untuk merestore gambar - Klik logout untuk keluar Profil Backup Restore Logout Laporan Gambar 3. 121 Perancangan Antarmuka Backup dan Restore 7. Perancangan antarmuka Laporan dapat dilihat pada gambar 3.122: T33 - Klik pengguna untuk menuju T29 - Klik profil untuk menuju T09 - Klik backup restore untuk menuju T32 - Klik Cetak untuk menuju T34 - Klik logout untuk keluar - coptright 2012 Dewan Sport Music Laporan Penjualan Produk Home Pengolahan Master Hasil Penjualan Harian : Jumlah Produk Terjual Sisa Produk Belum terjual Jumlah Produk Yang Sedang Dipesan Hasil Penjualan Produk Terjual Bulan tahun Cetak : : : : Hasil Penjualan Tahunan : Jumlah Produk Terjual Sisa Produk Belum terjual Jumlah Produk Yang Sedang Dipesan Cetak : : : : Hasil Penjualan Bulan : Jumlah Produk Terjual Sisa Produk Belum terjual Jumlah Produk Yang Sedang Dipesan tahun Cetak : : : : Hasil Penjualan Per periode Waktu Awal tahun bulan Hingga Cetak Cetak Seluruh Laporan Penjualan Produk Profil Backup Restore Logout Laporan Hasil Penjualan Produk Terjual Hasil Penjualan Produk Terjual Gambar 3. 122 Perancangan Antarmuka Laporan 8. Perancangan antarmuka Laporan dapat dilihat pada gambar 3.123: T34 Dewan Sport Dan Musik Jl. Raya PurwakartanPadalarang No. 8 Jawa Barat, Bandung Indonesia 02268071597 - coptright 2012 Dewan Sport Music Kode Produk Nama Produk No Kategori Ukuran Harga Diskon Terjual Sisa Stok Total Terjual Retur total Laporan Penjualan Produk Dewan Sport Dan Musik Pemilik Dewan Dede Gunawan Petugas Kasir Nama petugas Waktu : Gambar 3. 123 Perancangan Antarmuka Cetak Laporan