Perancangan Output Pengunjung Perancangan Output Anggota Perancangan Output Petugas

1. Perancangan Output Pengunjung

Dihalaman kategori poduk ini ditampilkan kategori produk yang tersedia di Frenz Boutique and Accesories. Produk Cari Lihat berdasarkan Kategori produk : xxx xxx Foto xxx Foto xxx Foto xxx Gambar 4.44 Tampilan Halaman Kategori Produk

2. Perancangan Output Anggota

a. Halaman Daftar Pesanan Produk Pada halaman pesanan produk, produk dapat melihat daftar pesanan produk pada website Frenz Boutique Pesanan Produk No.Pesanan Kode Produk Nama Produk xxx xxx xxx Konfirmasi | Penjualan Ukuran Warna Harga Jumlah xxx xxx xxx Total Bayar Aksi xxx Rp. xxx Rp. xxx hapus | Cetak laporan | Gambar 4.45. Tampilan Halaman Daftar Pesanan Produk b. Halaman Daftar Validasi Pemesanan Pada halaman pesanan produk, produk dapat melihat daftar pesanan produk pada website Frenz Boutique Validasi Pesanan Setuju Nama Produk Berat Ukuran Berat Total Jumlah Harga Warna xxx xxx xxx xxx xxx xxx Total Total Ongkos Kirim kota xxx xxx Kg x Rp. xxx,- : xxx kg Rp. xxx Total Pembayaran Rp. xxx,- xxx xxx Rp. xxx Batal Gambar 4.46. Tampilan Halaman Validasi Pemesanan c. Halaman Daftar Pesanan Pada Halaman Daftar Pesanan, petugas dapat melihat daftar pesanan Produk pada web Frenz Boutique , dan dapat melakukan perubahan pada setiap Produk Pesanan No. Pesanan Provinsi Tujuan Penerima Total Kota Tujuan Aksi xxx xxx xxx xxx xxx x x xxx Gambar 4.47. Tampilan Halaman Form Pesanan

3. Perancangan Output Petugas

a. Halaman Daftar Kategori Produk Pada Halaman Daftar Kategori Produk, Pertugas dapat melihat daftar Kategori Produk pada website Frenz Boutique, dan dapat mencari daftar Kategori produk sesuai yang diinginkan Kategori Produk Kode Kategori Nama Kategori Aksi xxx xxx xxx | provinsi | onkos kirim | produk | | Tambah kategori| | ubah | hapus | Gambar 4.48. Tampilan Halaman Kategori Produk b. Halaman Daftar Produk Pada Halaman Daftar Produk, Pertugas dapat melihat Daftar Produk pada website Frenz Boutique, dan dapat mencari Daftar Produk sesuai yang diinginkan Produk Foto Kategori Kode Produk xxx xxx Detil xxx | kategori produk | Provimsi | ongkos kirim | Tambah Produk| cetak laporan Nama Produk Aksi Foto xxx Gambar 4.49. Tampilan Halaman Produk c. Halaman Daftar Detil Produk Pada Halaman Daftar Detil Produk, Pertugas dapat melihat Daftar Detil Produk pada website Frenz Boutique, Petugas dapat mengubah atau menghapus produk jika produk tersebut telah ready stock. Detil Produk Ukuran Warna Stock xxx xxx xxx | Tambah Produk| Berat Aksi xxx Foto Kategori Produk Kode Produk Nama Kalung Harga : : : : xxx xxx xxx xxx Ubah | Hapus xxx Gambar 4.50. Tampilan Halaman Detil Produk d. Halaman Daftar Pemesanan Produk Pada Halaman Daftar Pemesanan Produk, Pertugas dapat melihat Daftar Pemesananan pada website Frenz Boutique. Pemesanan Produk No.Pesanan Kode Produk Nama Produk xxx xxx xxx Konfirmasi | Penjualan Ukuran Warna Harga Jumlah xxx xxx xxx Total Bayar Aksi xxx Rp. xxx Rp. xxx hapus | Cetak laporan | Gambar 4.51. Tampilan Halaman Daftar Pemesanan Produk e. Halaman Daftar Konfirmasi Pembayaran Pada Halaman Daftar Konfirmasi Pembayaran, Pertugas dapat melihat anggota yang telah melakukan Transaksi Pemesanan Produk pada website Frenz Boutique, jika transaksi telah sesuai maka petugas akan melakukan ACC untuk melakukan transaksi selanjutnya. Konfirmasi Pembayaran No.Pesanan No. Transfer Nama Anggota xxx xxx ACC xxx Penjualan | Pemesanan Nama Penerima Nama Pengirim Status Aksi xxx xxx x xxx Gambar 4.52 Tampilan halaman konfirmasi pembayaran f. Halaman Daftar Konfirmasi Pembayaran Pesanan Pada Halaman Daftar Konfirmasi Pembayaran Pesanan, Pertugas dapat melakukan Daftar Konfirmasi Pembayaran Pesanan pada website Frenz Boutique setelah anggota melakukuan transaksi. Acc Konfirmasi Pembayaran Pesanan No. Pesanan No. Transfer Tanggal Pembayaran Tanggal Konfirmasi Pembayaran Nama Tujuan Kota Tujuan Provinsi Tujuan Batal Nama Pengirim Alamat Tujuan Kode Pos Tujuan Telepon Tujuan Kode Produk Berat Ukuran Nama Produk Berat Total Jumlah Harga Total xxx xxx xxx xxx Xxx Kg xxx xxx xxx : : : : : : : : : : : xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx Warna Total Pembayaran Rp. xxx,- Rp. xxx ACC Total xxx Xxx Kg Rp. xxx Total Ongkos Kirim kota xxx xxx Kg x Rp. xxx,- Rp. xxx Gambar 4.53. Tampilan halaman Acc Konfirmasi Petugas Pesanan g. Halaman Daftar Penjualan Produk Pada Halaman Daftar Penjualan Produk, Pertugas dapat melihat daftar Penjualan Produk pada website Frenz Boutique. Penjualan Produk No.Pesanan Kode Produk Nama Produk xxx xxx ACC xxx Konfirmasi | Pemesanan Ukuran Warna Jumlah Kota Tujuan xxx xxx xxx xxx Cetak Lapporan Gambar 4.54. Tampilan Halaman Penjualan Produk h. Halaman Daftar Provinsi Pada Halaman Daftar Provinsi, Pertugas dapat melihat Daftar provinsi pada website Frenz Boutique, dan dapat menambah, mengubah dan menghapus Provinsi. Text Provinsi Provinsi Kota Harga xxx xxx xxx Kategori | Produk | ongkos kirim Aksi xxx ubah | hapus | tambah kota | Gambar 4.55. Tampilan Halaman Daftar Provinsi i. Cetak Bukti Pengiriman Pada Halaman Cetak Bukti Pengiriman, Pertugas dapat Mencetakb Bukti pemngiriman untuk proses pengiriman kepada anggota. Info Pesanan Bukti Pengiriman Frenz Boutique and Acessories No. Pesanan Nama Penerima : : : : : : : : Info Tujuan Pengiriman Provinsi Tujuan Kota Tujuan Alamat Tujuan Kode Pos Tujuan Telepon Tujuan xxx xxx xxx xxx xxx xxx xxx Keterangan Gambar 4.56. Tampilan Cetak Bukti Pengiriman 98

BAB V IMPLEMENTASI DAN PENGUJIAN SISTEM

5.1 Implementasi

Implementasi prototype E-commerce pada Frenz Boutique and Accesories Bandung dilakukan menggunakan bahasa dan lingkungan pemrograman PHP, dengan basis data yang digunakan adalah MySQL, dengan versi 1.4 bahasa pemograman PHP tersebut dapat dijalankan pada berbagai platform sistem operasi dan perangkat keras, tetapi implementasi dan pengujian sepenuhnya hanya dilakukan di perangkat keras PC personal computer dengan sistem operasi Microsoft Windows XP. 5.1.1 Batasan Implementasi Dalam mengimplementasi perangkat lunak pemantau dan pengendalian aplikasi ini ada beberapa hal yang perlu menjadi batasan implementasi yaitu : 1. Basis data yang digunakan dalam pengimplementasian ini adalah MySQL 2. Tampilan untuk web menggunakan bahasa Indonesia

5.1.2 Implementasi Perangkat Lunak

Untuk implementasi perangkat lunak ini menggunakan Apachefriends Xampp 1.5 WIN 32, Dreamweaver 8 dan MySQL 1.4. Apachefriends Xampp 1.5 WIN 32 dipilih sebagai perangkat lunak untuk webserver karena faktor kecepatan, kinerja yang stabil, dan performansi. PHP dan dreamweaver 8 dipilih sebagai perangkat