Perancangan Antarmuka Admin Struktur Menu Admin

5. Perancangan Antarmuka Halaman Pengolahan Data Admin A05 Klik HOME menuju Form A04. Klik ADMIN menuju Form A05 Klik KATEGORI menuju Form A06. Klik PRODUK menuju Form A07. Klik MEMBER menuju Form A08 Klik PROVINSI menuju Form A09. Klik KOTA menuju Form A10. Klik TRANSAKSI menuju Form A11 Klik LAPORAN menuju Form A12. Klik BERITA menuju Form A13. Klik BUKU TAMU menuju Form A14. Klik LOGOUTI keluar dari page administrator dan menuju Form P01. Klik Tambah Admin menuju Form A16. Klik Edit menuju Form A17 Klik Hapus untuk menghapus 1 record data admin. Header Admin A05 HOME ADMIN MEREK KATEGORI PRODUK MEMBER PROVINSI KOTA TRANSAKSI LAPORAN BERITA BUKU TAMU LOGOUT Pengolahan Data Admin Tambah Admin NO USERNAME EMAIL PILIHAN u x u x u x 1 2 Gambar 3. 65 Tampilan Antarmuka Pengolahan Data Admin 6. Perancangan Antarmuka Halaman Pengolahan Data Merek A06 Klik HOME menuju Form A04. Klik ADMIN menuju Form A05 Klik KATEGORI menuju Form A06. Klik PRODUK menuju Form A07. Klik MEMBER menuju Form A08 Klik PROVINSI menuju Form A09. Klik KOTA menuju Form A10. Klik TRANSAKSI menuju Form A11 Klik LAPORAN menuju Form A12. Klik BERITA menuju Form A13. Klik BUKU TAMU menuju Form A14. Klik LOGOUTI keluar dari page administrator dan menuju Form P01. Klik Tambah merek menuju Form A18. Klik Edit menuju Form A19 Klik Hapus untuk menghapus 1 record data merek. Header Admin A06 HOME ADMIN MEREK KATEGORI PRODUK MEMBER PROVINSI KOTA TRANSAKSI LAPORAN BERITA BUKU TAMU LOGOUT Pengolahan Data Merek Tambah Merek NO NAMA MEREK PILIHAN u x u x 1 2 u x Gambar 3. 66 Tampilan Antarmuka Pengolahan Data Merek 7. Perancangan Antarmuka Halaman Pengolahan Data Kategori A07 Klik HOME menuju Form A04. Klik ADMIN menuju Form A05 Klik MEREK menuju Form A06 Klik KATEGORI menuju Form A07. Klik PRODUK menuju Form A08. Klik MEMBER menuju Form A09 Klik PROVINSI menuju Form A10. Klik KOTA menuju Form A11. Klik TRANSAKSI menuju Form A12 Klik LAPORAN menuju Form A13. Klik BERITA menuju Form A14. Klik BUKU TAMU menuju Form A15. Klik LOGOUTI keluar dari page administrator dan menuju Form P01. Klik Tambah kategori menuju Form A20. Klik Edit menuju Form A21. Klik Hapus untuk menghapus 1 record data kategori. Header Admin A07 HOME ADMIN MEREK KATEGORI PRODUK MEMBER PROVINSI KOTA TRANSAKSI LAPORAN BERITA BUKU TAMU LOGOUT Pengolahan Data Kategori Tambah Kategori NO KATEGORI PILIHAN u x u x u x 1 2 Gambar 3. 67Tampilan Antarmuka Pengolahan Data Kategori 8. Perancangan Antarmuka Halaman Pengolahan Data Produk A08 Klik HOME menuju Form A04. Klik ADMIN menuju Form A05. Klik MEREK menuju Form A06. Klik KATEGORI menuju Form A07. Klik PRODUK menuju Form A08. Klik MEMBER menuju Form A09 Klik PROVINSI menuju Form A10. Klik KOTA menuju Form A11. Klik TRANSAKSI menuju Form A12 Klik LAPORAN menuju Form A13. Klik BERITA menuju Form A14. Klik BUKU TAMU menuju Form A15. Klik LOGOUTI keluar dari page administrator dan menuju Form P01. Klik Tambah merek menuju Form A22. Klik Edit menuju Form A23 Klik Hapus untuk menghapus 1 record data merek. Klik Detail menuju Form A24 Header Admin A08 HOME ADMIN MEREK KATEGORI PRODUK MEMBER PROVINSI KOTA TRANSAKSI LAPORAN BERITA BUKU TAMU LOGOUT Pengolahan Data Produk Tambah Produk NO MEREK PRODUK HARGA KATEGORI BERAT IMAGE PILIHAN u x u x 1 2 u x D D D PENCARIAN Gambar 3. 68Tampilan Antarmuka Pengolahan Data Produk 9. Perancangan Antarmuka Halaman Pengolahan Data Member A09 Klik HOME menuju Form A04. Klik ADMIN menuju Form A05 Klik MEREK menuju Form A06 Klik KATEGORI menuju Form A07. Klik PRODUK menuju Form A08. Klik MEMBER menuju Form A09 Klik PROVINSI menuju Form A10. Klik KOTA menuju Form A11. Klik TRANSAKSI menuju Form A12 Klik LAPORAN menuju Form A13. Klik BERITA menuju Form A14. Klik BUKU TAMU menuju Form A15. Klik LOGOUTI keluar dari page administrator dan menuju Form P01. Klik Tambah member menuju Form A25. Klik Edit menuju Form A26. Klik Hapus untuk menghapus 1 record data member. Header Admin A09 HOME ADMIN MEREK KATEGORI PRODUK MEMBER PROVINSI KOTA TRANSAKSI LAPORAN BERITA BUKU TAMU LOGOUT Pengolahan Data Member Tambah Member NO NAMA KOTA TELEPON EMAIL STATUS PILIHAN u x u x u x 1 2 Gambar 3. 69Tampilan Antarmuka Pengolahan Data Member 10. Perancangan Antarmuka Halaman Pengolahan Data Provinsi A10 Klik HOME menuju Form A04. Klik ADMIN menuju Form A05. Klik MEREK menuju Form A06. Klik KATEGORI menuju Form A07. Klik PRODUK menuju Form A08. Klik MEMBER menuju Form A09 Klik PROVINSI menuju Form A10. Klik KOTA menuju Form A11. Klik TRANSAKSI menuju Form A12 Klik LAPORAN menuju Form A13. Klik BERITA menuju Form A14. Klik BUKU TAMU menuju Form A15. Klik LOGOUTI keluar dari page administrator dan menuju Form P01. Klik Tambah provinsi menuju Form A27. Klik Edit menuju Form A28 Klik Hapus untuk menghapus 1 record data provinsi. Header Admin A10 HOME ADMIN MEREK KATEGORI PRODUK MEMBER PROVINSI KOTA TRANSAKSI LAPORAN BERITA BUKU TAMU LOGOUT Pengolahan Data Provinsi Tambah Provinsi NO PROVINSI PILIHAN u x u x 1 2 u x PENCARIAN Gambar 3. 70Tampilan Antarmuka Pengolahan Data Provinsi 11. Perancangan Antarmuka Halaman Pengolahan Data Kota A11 Klik HOME menuju Form A04. Klik ADMIN menuju Form A05. Klik MEREK menuju Form A06. Klik KATEGORI menuju Form A07. Klik PRODUK menuju Form A08. Klik MEMBER menuju Form A09 Klik PROVINSI menuju Form A10. Klik KOTA menuju Form A11. Klik TRANSAKSI menuju Form A12 Klik LAPORAN menuju Form A13. Klik BERITA menuju Form A14. Klik BUKU TAMU menuju Form A15. Klik LOGOUTI keluar dari page administrator dan menuju Form P01. Klik Tambah kota menuju Form A29. Klik Edit menuju Form A30 Klik Hapus untuk menghapus 1 record data kota. Header Admin A11 HOME ADMIN MEREK KATEGORI PRODUK MEMBER PROVINSI KOTA TRANSAKSI LAPORAN BERITA BUKU TAMU LOGOUT Pengolahan Data Kota Tambah Kota NO KOTA PROVINSI KAB KOTA PILIHAN u x u x 1 2 u x PENCARIAN Gambar 3. 71Tampilan Antarmuka Pengolahan Data Kota 12. Perancangan Antarmuka Halaman Pengolahan Data TransaksiA12 Klik HOME menuju Form A04. Klik ADMIN menuju Form A05 Klik MEREK menuju Form A06 Klik KATEGORI menuju Form A07. Klik PRODUK menuju Form A08. Klik MEMBER menuju Form A09 Klik PROVINSI menuju Form A10. Klik KOTA menuju Form A11. Klik TRANSAKSI menuju Form A12 Klik LAPORAN menuju Form A13. Klik BERITA menuju Form A14. Klik BUKU TAMU menuju Form A15. Klik LOGOUTI keluar dari page administrator dan menuju Form P01. Klik Detail menuju Form A32. Klik Hapus untuk menghapus 1 record data transaksi. Header Admin A12 HOME ADMIN MEREK KATEGORI PRODUK MEMBER PROVINSI KOTA TRANSAKSI LAPORAN BERITA BUKU TAMU LOGOUT Pengolahan Data Transaksi D x D x D x 1 2 PILIHAN NO ID TANGGAL BELI ALAMAT PENGIRIMAN JENIS PEMBAYARAN TOTAL BAYAR STATUS Gambar 3. 72Tampilan Antarmuka Pengolahan Data Transaksi 13. Perancangan Antarmuka Halaman Pengolahan Berita A14 Klik HOME menuju Form A04. Klik ADMIN menuju Form A05 Klik MEREK menuju Form A06 Klik KATEGORI menuju Form A07. Klik PRODUK menuju Form A08. Klik MEMBER menuju Form A09 Klik PROVINSI menuju Form A10. Klik KOTA menuju Form A11. Klik TRANSAKSI menuju Form A12 Klik LAPORAN menuju Form A13. Klik BERITA menuju Form A14. Klik BUKU TAMU menuju Form A15. Klik LOGOUTI keluar dari page administrator dan menuju Form P01. Klik Tambah member menuju Form A33. Klik Edit menuju Form A34. Klik Hapus untuk menghapus 1 record data member. Header Admin A14 HOME ADMIN MEREK KATEGORI PRODUK MEMBER PROVINSI KOTA TRANSAKSI LAPORAN BERITA BUKU TAMU LOGOUT Pengolahan Data Berita Tambah Berita NO JUDUL DITERBITKAN PILIHAN u x u x u x 1 2 Gambar 3. 73Tampilan Antarmuka Pengolahan Berita 14. Perancangan Antarmuka Halaman Buku Tamu A15 Klik HOME menuju Form A04. Klik ADMIN menuju Form A05. Klik MEREK menuju Form A06. Klik KATEGORI menuju Form A07. Klik PRODUK menuju Form A08. Klik MEMBER menuju Form A09 Klik PROVINSI menuju Form A10. Klik KOTA menuju Form A11. Klik TRANSAKSI menuju Form A12 Klik LAPORAN menuju Form A13. Klik BERITA menuju Form A14. Klik BUKU TAMU menuju Form A15. Klik LOGOUTI keluar dari page administrator dan menuju Form P01. Klik Tambah bukutamu menuju Form A35. Klik Detail menuju Form A36 Klik Hapus untuk menghapus 1 record data buku tamu. Header Admin A15 HOME ADMIN MEREK KATEGORI PRODUK MEMBER PROVINSI KOTA TRANSAKSI LAPORAN BERITA BUKU TAMU LOGOUT Pengolahan Data Buku Tamu NO NAMA EMAIL TANGGAL PILIHAN D x D x 1 2 x D Gambar 3. 74Tampilan Antarmuka Halaman Buku Tamu 15. Perancangan Antarmuka Halaman Tambah Admin A16 Klik HOME menuju Form A04. Klik ADMIN menuju Form A05 Klik MEREK menuju Form A06 Klik KATEGORI menuju Form A07. Klik PRODUK menuju Form A08. Klik MEMBER menuju Form A09 Klik PROVINSI menuju Form A10. Klik KOTA menuju Form A11. Klik TRANSAKSI menuju Form A12 Klik LAPORAN menuju Form A13. Klik BERITA menuju Form A14. Klik BUKU TAMU menuju Form A15. Klik LOGOUTI keluar dari page administrator dan menuju Form P01. Header Admin A16 HOME ADMIN MEREK KATEGORI PRODUK MEMBER PROVINSI KOTA TRANSAKSI LAPORAN BERITA BUKU TAMU LOGOUT Tambah Admin SIMPAN Username BATAL Email Password Confirm PAssword Gambar 3. 75Tampilan Antarmuka Halaman Tambah Admin 16. Perancangan Antarmuka Halaman Edit Admin A17 Klik HOME menuju Form A04. Klik ADMIN menuju Form A05. Klik MEREK menuju Form A06. Klik KATEGORI menuju Form A07. Klik PRODUK menuju Form A08. Klik MEMBER menuju Form A09 Klik PROVINSI menuju Form A10. Klik KOTA menuju Form A11. Klik TRANSAKSI menuju Form A12 Klik LAPORAN menuju Form A13. Klik BERITA menuju Form A14. Klik BUKU TAMU menuju Form A15. Klik LOGOUTI keluar dari page administrator dan menuju Form P01. Header Admin A17 HOME ADMIN MEREK KATEGORI PRODUK MEMBER PROVINSI KOTA TRANSAKSI LAPORAN BERITA BUKU TAMU LOGOUT Edit Admin SIMPAN Username BATAL Email Password Confirm PAssword xxx xxx Password Lama Keterangan penjelasan Gambar 3. 76Tampilan Antarmuka Halaman Edit Admin 17. Perancangan Antarmuka Halaman Tambah Merek A18 Klik HOME menuju Form A04. Klik ADMIN menuju Form A05 Klik MEREK menuju Form A06 Klik KATEGORI menuju Form A07. Klik PRODUK menuju Form A08. Klik MEMBER menuju Form A09 Klik PROVINSI menuju Form A10. Klik KOTA menuju Form A11. Klik TRANSAKSI menuju Form A12 Klik LAPORAN menuju Form A13. Klik BERITA menuju Form A14. Klik BUKU TAMU menuju Form A15. Klik LOGOUTI keluar dari page administrator dan menuju Form P01. Header Admin A18 HOME ADMIN MEREK KATEGORI PRODUK MEMBER PROVINSI KOTA TRANSAKSI LAPORAN BERITA BUKU TAMU LOGOUT Tambah Merek SIMPAN Nama Merek BATAL Gambar 3. 77Tampilan Antarmuka Halaman Tambah Merek 18. Perancangan Antarmuka Halaman Edit Merek A19 Klik HOME menuju Form A04. Klik ADMIN menuju Form A05. Klik MEREK menuju Form A06. Klik KATEGORI menuju Form A07. Klik PRODUK menuju Form A08. Klik MEMBER menuju Form A09 Klik PROVINSI menuju Form A10. Klik KOTA menuju Form A11. Klik TRANSAKSI menuju Form A12 Klik LAPORAN menuju Form A13. Klik BERITA menuju Form A14. Klik BUKU TAMU menuju Form A15. Klik LOGOUTI keluar dari page administrator dan menuju Form P01. Header Admin A19 HOME ADMIN MEREK KATEGORI PRODUK MEMBER PROVINSI KOTA TRANSAKSI LAPORAN BERITA BUKU TAMU LOGOUT Edit Merek SIMPAN Nama Merek BATAL xxx Gambar 3. 78Tampilan Antarmuka Halaman Edit Merek 19. Perancangan Antarmuka Halaman Tamban Kategori A20 Klik HOME menuju Form A04. Klik ADMIN menuju Form A05 Klik MEREK menuju Form A06 Klik KATEGORI menuju Form A07. Klik PRODUK menuju Form A08. Klik MEMBER menuju Form A09 Klik PROVINSI menuju Form A10. Klik KOTA menuju Form A11. Klik TRANSAKSI menuju Form A12 Klik LAPORAN menuju Form A13. Klik BERITA menuju Form A14. Klik BUKU TAMU menuju Form A15. Klik LOGOUTI keluar dari page administrator dan menuju Form P01. Header Admin A20 HOME ADMIN MEREK KATEGORI PRODUK MEMBER PROVINSI KOTA TRANSAKSI LAPORAN BERITA BUKU TAMU LOGOUT Tambah Kategori SIMPAN Nama Kategori BATAL Gambar 3. 79Tampilan Antarmuka Halaman Tambah Kategori 20. Perancangan Antarmuka Halaman Edit Kategori A21 Klik HOME menuju Form A04. Klik ADMIN menuju Form A05. Klik MEREK menuju Form A06. Klik KATEGORI menuju Form A07. Klik PRODUK menuju Form A08. Klik MEMBER menuju Form A09 Klik PROVINSI menuju Form A10. Klik KOTA menuju Form A11. Klik TRANSAKSI menuju Form A12 Klik LAPORAN menuju Form A13. Klik BERITA menuju Form A14. Klik BUKU TAMU menuju Form A15. Klik LOGOUTI keluar dari page administrator dan menuju Form P01. Header Admin A21 HOME ADMIN MEREK KATEGORI PRODUK MEMBER PROVINSI KOTA TRANSAKSI LAPORAN BERITA BUKU TAMU LOGOUT Edit Kategori SIMPAN Nama Kategori BATAL xxx Gambar 3. 80Tampilan Antarmuka Halaman Edit Kategori 21. Perancangan Antarmuka Halaman Tambah Produk A22 Klik HOME menuju Form A04. Klik ADMIN menuju Form A05 Klik MEREK menuju Form A06 Klik KATEGORI menuju Form A07. Klik PRODUK menuju Form A08. Klik MEMBER menuju Form A09 Klik PROVINSI menuju Form A10. Klik KOTA menuju Form A11. Klik TRANSAKSI menuju Form A12 Klik LAPORAN menuju Form A13. Klik BERITA menuju Form A14. Klik BUKU TAMU menuju Form A15. Klik LOGOUTI keluar dari page administrator dan menuju Form P01. Header Admin A22 HOME ADMIN MEREK KATEGORI PRODUK MEMBER PROVINSI KOTA TRANSAKSI LAPORAN BERITA BUKU TAMU LOGOUT Tambah Produk SIMPAN ID Produk BATAL Nama Produk Harga Diskon Berat Gram Merek Kategori Detail v v Masukan Gambar Pilih File Gambar Gambar 3. 81Tampilan Antarmuka Halaman Tambah Produk 22. Perancangan Antarmuka Halaman Edit Produk A23 Klik HOME menuju Form A04. Klik ADMIN menuju Form A05. Klik MEREK menuju Form A06. Klik KATEGORI menuju Form A07. Klik PRODUK menuju Form A08. Klik MEMBER menuju Form A09 Klik PROVINSI menuju Form A10. Klik KOTA menuju Form A11. Klik TRANSAKSI menuju Form A12 Klik LAPORAN menuju Form A13. Klik BERITA menuju Form A14. Klik BUKU TAMU menuju Form A15. Klik LOGOUTI keluar dari page administrator dan menuju Form P01. Header Admin A23 HOME ADMIN MEREK KATEGORI PRODUK MEMBER PROVINSI KOTA TRANSAKSI LAPORAN BERITA BUKU TAMU LOGOUT Edit Produk SIMPAN BATAL ID Produk Nama Produk Harga Diskon xxxx xxxxx xxxxx xx Berat xx Gram Merek Kategori Detail xxx xxxx v xxxx v Masukan Gambar Pilih File Gambar Gambar 3. 82Tampilan Antarmuka Halaman Edit Produk 23. Perancangan Antarmuka Halaman Detail Produk A24 Klik HOME menuju Form A04. Klik ADMIN menuju Form A05. Klik MEREK menuju Form A06. Klik KATEGORI menuju Form A07. Klik PRODUK menuju Form A08. Klik MEMBER menuju Form A09 Klik PROVINSI menuju Form A10. Klik KOTA menuju Form A11. Klik TRANSAKSI menuju Form A12 Klik LAPORAN menuju Form A13. Klik BERITA menuju Form A14. Klik BUKU TAMU menuju Form A15. Klik LOGOUTI keluar dari page administrator dan menuju Form P01. Klik Tambah Detail menuju Form A37. Klik Edit menuju Form A38 Klik Hapus untuk menghapus 1 record data Detail produk Header Admin A24 HOME ADMIN MEREK KATEGORI PRODUK MEMBER PROVINSI KOTA TRANSAKSI LAPORAN BERITA BUKU TAMU LOGOUT Pengolahan Data Detail Produk Tambah Detail NO SIZE STOK PILIHAN u x u x 1 2 u x Gambar Produk ID Produk Nama Produk Harga Gambar 3. 83Tampilan Antarmuka Halaman Detail Produk 24. Perancangan Antarmuka Halaman Tambah Member A25 Klik HOME menuju Form A04. Klik ADMIN menuju Form A05. Klik MEREK menuju Form A06. Klik KATEGORI menuju Form A07. Klik PRODUK menuju Form A08. Klik MEMBER menuju Form A09 Klik PROVINSI menuju Form A10. Klik KOTA menuju Form A11. Klik TRANSAKSI menuju Form A12 Klik LAPORAN menuju Form A13. Klik BERITA menuju Form A14. Klik BUKU TAMU menuju Form A15. Klik LOGOUTI keluar dari page administrator dan menuju Form P01. Header Admin A25 HOME ADMIN MEREK KATEGORI PRODUK MEMBER PROVINSI KOTA TRANSAKSI LAPORAN BERITA BUKU TAMU LOGOUT Tambah Member SIMPAN BATAL Nama Lengkap Email Alamat Provinsi Kota Pilih kota v Pilih provinsi v Kode Pos Telepon Gambar 3. 84Tampilan Antarmuka Halaman Tambah Member 25. Perancangan Antarmuka Halaman Edit Member A26 Klik HOME menuju Form A04. Klik ADMIN menuju Form A05. Klik MEREK menuju Form A06. Klik KATEGORI menuju Form A07. Klik PRODUK menuju Form A08. Klik MEMBER menuju Form A09 Klik PROVINSI menuju Form A10. Klik KOTA menuju Form A11. Klik TRANSAKSI menuju Form A12 Klik LAPORAN menuju Form A13. Klik BERITA menuju Form A14. Klik BUKU TAMU menuju Form A15. Klik LOGOUTI keluar dari page administrator dan menuju Form P01. Header Admin A26 HOME ADMIN MEREK KATEGORI PRODUK MEMBER PROVINSI KOTA TRANSAKSI LAPORAN BERITA BUKU TAMU LOGOUT Edit Member SIMPAN BATAL Nama Lengkap Email Alamat xx xx xxx Provinsi Kota Pilih kota v Pilih provinsi v Kode Pos Telepon xxx xxx Gambar 3. 85Tampilan Antarmuka Halaman Edit Member 26. Perencangan Antarmuka Halaman Tambah Provinsi A27 Klik HOME menuju Form A04. Klik ADMIN menuju Form A05. Klik MEREK menuju Form A06. Klik KATEGORI menuju Form A07. Klik PRODUK menuju Form A08. Klik MEMBER menuju Form A09 Klik PROVINSI menuju Form A10. Klik KOTA menuju Form A11. Klik TRANSAKSI menuju Form A12 Klik LAPORAN menuju Form A13. Klik BERITA menuju Form A14. Klik BUKU TAMU menuju Form A15. Klik LOGOUTI keluar dari page administrator dan menuju Form P01. Header Admin A27 HOME ADMIN MEREK KATEGORI PRODUK MEMBER PROVINSI KOTA TRANSAKSI LAPORAN BERITA BUKU TAMU LOGOUT Tambah Provinsi SIMPAN BATAL Nama Provinsi Gambar 3. 86Tampilan Antarmuka Halaman Tambah Provinsi 27. Perencangan Antarmuka Halaman Edit Provinsi A27 Klik HOME menuju Form A04. Klik ADMIN menuju Form A05. Klik MEREK menuju Form A06. Klik KATEGORI menuju Form A07. Klik PRODUK menuju Form A08. Klik MEMBER menuju Form A09 Klik PROVINSI menuju Form A10. Klik KOTA menuju Form A11. Klik TRANSAKSI menuju Form A12 Klik LAPORAN menuju Form A13. Klik BERITA menuju Form A14. Klik BUKU TAMU menuju Form A15. Klik LOGOUTI keluar dari page administrator dan menuju Form P01. Header Admin A28 HOME ADMIN MEREK KATEGORI PRODUK MEMBER PROVINSI KOTA TRANSAKSI LAPORAN BERITA BUKU TAMU LOGOUT Edit Provinsi SIMPAN BATAL Nama Provinsi xxxxx Gambar 3. 87Tampilan Antarmuka Halaman Edit Provinsi 28. Perancangan Antarmuka Halaman Tambah Kota A29 Klik HOME menuju Form A04. Klik ADMIN menuju Form A05. Klik MEREK menuju Form A06. Klik KATEGORI menuju Form A07. Klik PRODUK menuju Form A08. Klik MEMBER menuju Form A09 Klik PROVINSI menuju Form A10. Klik KOTA menuju Form A11. Klik TRANSAKSI menuju Form A12 Klik LAPORAN menuju Form A13. Klik BERITA menuju Form A14. Klik BUKU TAMU menuju Form A15. Klik LOGOUTI keluar dari page administrator dan menuju Form P01. Header Admin A29 HOME ADMIN MEREK KATEGORI PRODUK MEMBER PROVINSI KOTA TRANSAKSI LAPORAN BERITA BUKU TAMU LOGOUT Tambah Kota SIMPAN BATAL Nama Kota Provinsi Kab Kota Pilih Kab kota v Pilih provinsi v Ongkos Gambar 3. 88Tampilan Antarmuka Halaman Tambah Kota 29. Perancangan Antarmuka Halaman Edit Kota A30 Klik HOME menuju Form A04. Klik ADMIN menuju Form A05. Klik MEREK menuju Form A06. Klik KATEGORI menuju Form A07. Klik PRODUK menuju Form A08. Klik MEMBER menuju Form A09 Klik PROVINSI menuju Form A10. Klik KOTA menuju Form A11. Klik TRANSAKSI menuju Form A12 Klik LAPORAN menuju Form A13. Klik BERITA menuju Form A14. Klik BUKU TAMU menuju Form A15. Klik LOGOUTI keluar dari page administrator dan menuju Form P01. Header Admin A30 HOME ADMIN MEREK KATEGORI PRODUK MEMBER PROVINSI KOTA TRANSAKSI LAPORAN BERITA BUKU TAMU LOGOUT Edit Kota SIMPAN BATAL Nama Kota xxxx Provinsi Kab Kota Pilih Kab kota v Pilih provinsi v Ongkos xxxx Gambar 3. 89Tampilan Antarmuka Halaman Edit Kota

3.8.2.3 Perancangan Prosedural

Perancangan prosedural ini digunakan sebagai algoritma dasar dalam mengkodekan prosedur yang ada. Berikut adalah perancangan prosedural dalam aplikasi eCommerce di Distro Garsy Bandung. 1. Prosedur Login Mulai E-mail dan Password Cek E-mail dan Password Valid Login Valid Masuk Form Menu Selesai Tampilkan Pesan Invalid Gambar 3. 90Prosedur login 2. Prosedur Registrasi Start Input data registrasi Daftar Valid ? Registrasi berhasil Finish Ya Tidak Gambar 3. 91Prosedur Registrasi 3. Prosedur Input Data Login Mulai Input Email dan password Valid ? Login berhasil Selesai Ya Tidak Gambar 3. 92Prosedur Input Data Login 4. Prosedur Edit Data Member Mulai Input data member yang akan di ubah Ubah Valid ? Pengubahan berhasil Selesai Ya Tidak Gambar 3. 93Prosedur Edit Data Member 5. Prosedur Edit Data Admin Mulai Input data Admin yang akan di ubah Ubah Valid ? Pengubahan berhasil Selesai Ya Tidak Gambar 3. 94Prosedur Edit Data Admin 6. Prodedur Pembelian Mulai Valid ? Ya Tidak Pilih produk Simpan id_produk Pilih produk untuk pembelian Checkout login Login berhasil Bayar Selesai Gambar 3. 95Prosedur Pembelian 7. Prosedur Tambah Produk Mulai Input data produk yang akan ditambah Tambah Valid ? Penambahan Produk berhasil Selesai Ya Tidak Gambar 3. 96 Prosedur Tambah Produk 8. Prosedur Tambah Merek Mulai Input data merek yang akan ditambah Tambah Valid ? Penambahan berhasil Selesai Ya Tidak Gambar 3. 97 Prosedur Tambah Merek 9. Prosedur Tambah Kategori Mulai Input data kategori yang akan ditambah Tambah Valid ? Penambahan berhasil Selesai Ya Tidak Gambar 3. 98Prosedur Tambah Kategori 10. Prosedur Tambah Provinsi Mulai Input data provinsi yang akan ditambah Tambah Valid ? Penambahan berhasil Finish Ya Tidak Gambar 3. 99 Prosedur Tambah Provinsi 11. Prosedur Tambah Kota Mulai Input data Kota yang akan ditambah Tambah Valid ? Penambahan berhasil Finish Ya Tidak Gambar 3. 100 Prosedur Tambah kota 173

BAB IV IMPLEMENTASI DAN PENGUJIAN SISTEM

4.1 Implementasi Sistem

Implementasi merupakan kelanjutan dari kegiatanperancangan sistem dan dapat dipandang sebagai usaha untuk mewujudkan sistem yang dirancang. Langkah-langkah dari proses implementasi adalah urutan dari kegiatan awal sampai kegiatan akhir yang harus dilakukan dalam mewujudkan sistem yang dirancang. Hasil dari tahapan implementasi ini adalah suatu sistem pengolahan data yang sudah dapat berjalan dengan baik.

4.1.1 Perangkat keras yang digunakan

Spesifikasi perangkat keras yang digunakan adalah sebagai berikut: 1. ProcessorAMD Turion X22,2 GHz 2. RAM sebesar 1GB 3. Kapasitas free Hardisk 80 GB 4. Monitor VGA dengan revolusi 1280 x 800 5. Perangkat untuk akses jaringan internet. 6. Mouse, keyboard

4.1.2 Perangkat Lunak yang digunakan

Spesifikasi perangkat lunak Software yang dipasang pada sistem komputer yang digunakan untuk penerapan AplikasiE-commerce adalahsebagai berikut : 1. Sistem Operasi Window XP Professional Service Pack II 2. MysQLuntukdatabase. 3. WebServer 4. Web browserMozila FireFox

4.2 Implementasi Basis Data

Pembuatan basis data dilakukan dengan mengunakan aplikasi pemrograman MySQL. Implementasi basis data dalam bahasa SQL adalah sebagai berikut :

1. Pembuatan Database

CREATE DATABASE `dbgarsy` ;

2. Tabel admin

CREATE TABLE `admin` `username` varchar15 NOT NULL, `password` varchar50 NOT NULL, `email` varchar50 NOT NULL, `verification` varbinary40 NOT NULL, PRIMARY KEY `username` ENGINE=InnoDB DEFAULT CHARSET=latin1;

3. Tabel Merek

CREATE TABLE `merek` `id_merek` int11 NOT NULL auto_increment, `merek` varchar20 NOT NULL, PRIMARY KEY `id_merek` ENGINE=InnoDB DEFAULT CHARSET=latin1 AUTO_INCREMENT=3 ;

4. Tabel Kategori

CREATE TABLE `kategori` `id_kategori` int11 NOT NULL auto_increment, `kategori` varchar40 NOT NULL, PRIMARY KEY `id_kategori` ENGINE=InnoDB DEFAULT CHARSET=latin1 AUTO_INCREMENT=17;

5. Tabel Produk

CREATE TABLE `produk` `id_produk` int8 NOT NULL, `id_merek` int11 NOT NULL, `id_kategori` int11 NOT NULL, `produk` varchar30 NOT NULL, `detail` text NOT NULL, `diskon` int3 default NULL, `image` varchar100 NOT NULL, `harga` int20 NOT NULL, `berat` int11 NOT NULL, `tgl_input` timestamp default CURRENT_TIMESTAMP, PRIMARY KEY `id_produk`, UNIQUE KEY `produk` `produk` KEY `merek_FK` `id_merek`, KEY `kategori_FK` `id_kategori` ENGINE=InnoDB DEFAULT CHARSET=latin1; ALTER TABLE `produk` ADD CONSTRAINT `merek_FK` FOREIGN KEY `id_merek` REFERENCES `merek` `id_merek`, ADD CONSTRAINT `kategori_FK` FOREIGN KEY `id_kategori` REFERENCES `kategori` `id_kategori`;

6. Tabel Detail Produk

CREATE TABLE `detail_produk` `id_produk` int8 NOT NULL, `size` varchar12 NOT NULL, `stok` int11 NOT NULL, KEY `idproduk_FK` `id_produk`, KEY `size` `size` ENGINE=InnoDB DEFAULT CHARSET=latin1; ALTER TABLE `detail_produk` ADD CONSTRAINT `idproduk_FK` FOREIGN KEY `id_produk` REFERENCES `produk` `id_produk`;

7. Tabel Temp. Pemesanan

CREATE TABLE `temp_pemesanan` `id_temp` int11 NOT NULL auto_increment, `idproduk` int8 NOT NULL, `session_id` varchar32 NOT NULL, `qty` int11 NOT NULL, `temp_size` varchar9 NOT NULL, `temp_hargadiskon` int20 NOT NULL, `tanggal_pesan` date NOT NULL, PRIMARY KEY `id_temp` KEY `produk_FK` `idproduk` ENGINE=InnoDB DEFAULT CHARSET=latin1 AUTO_INCREMENT=1; ALTER TABLE `temp_pemesanan` ADD CONSTRAINT `produk_FK` FOREIGN KEY `idproduk` REFERENCES `produk` `id_produk`;

8. Tabel Pembelian

CREATE TABLE `pembelian` `id_pembelian` int11 NOT NULL auto_increment, `session_id` varchar32 NOT NULL, `tgl_beli` datetime NOT NULL, `tgl_bayar` datetime NOT NULL, `status` enumpesan,bayar,konfirmasi,kirim,selesai NOT NULL, `id_member` int11 NOT NULL, `pembayaran` enumrekening,paypal,cod NOT NULL, `kirim_nama` varchar50 NOT NULL, `kirim_alamat` text NOT NULL, `kirim_telp` varchar12 NOT NULL, `kirim_kota` int11 NOT NULL, `kirim_kdpos` varchar6 NOT NULL, `kirim_ongkos` int32 NOT NULL, `kirim_resi` varchar15 NOT NULL, `transfer_bank` varchar20 NOT NULL, `transfer_rekening` varchar30 NOT NULL, `transfer_jumlah` double NOT NULL, `transfer_tgl` date NOT NULL, `penerima_bank` varchar15 NOT NULL, `penerima_rekening` varchar30 NOT NULL, `totalbayar` double NOT NULL, PRIMARY KEY `id_pembelian` KEY `kota_FK` `kirim_kota`, KEY `member_FK` `id_member` ENGINE=InnoDB DEFAULT CHARSET=latin1 AUTO_INCREMENT=40; ALTER TABLE `pembelian` ADD CONSTRAINT `member_FK` FOREIGN KEY `id_member` REFERENCES `member` `id_member`, ADD CONSTRAINT `kota_FK` FOREIGN KEY `kirim_kota` REFERENCES `t_kabkota` `id_kabkota`;

9. Tabel Detail Pembelian

CREATE TABLE `detail_pembelian` `idpembelian` int11 NOT NULL, `hargabeli` int20 NOT NULL, `idproduk` int8 NOT NULL, `size` varchar20 NOT NULL, `qty` int11 NOT NULL, `diskon` int11 NOT NULL, `retur_qty` int11 NOT NULL, `status_produk` varchar10, KEY `pembelian_FK` `idpembelian`, KEY `produk_id_FK` `idproduk`