Perancangan output Perancangan Antar Muka

e. Perancangan input tambah kota Pada halaman ini untuk penginputan kota yang bertujuan untuk penambahan kota yang disediakan untuk menginputkan ongkos pengiriman berdasarkan provinsi. Kota Harga Tambah Kota Provinsi XXXXX XXXXX Simpan Batal XXXXX Gambar 4.43 Perancangan Input Kota

4.2.4.2 Perancangan output

Perancangan output ini didasarkan pada kebutuhan informasi yang diperlukan oleh para user pemakai. Rancangan output ini dapat dilihat pada gambar berikut ini : 1. Output Anggota a. Perancangan output produk Dihalaman produk ini ditampilkan keseluruhan produk yang tersedia di Website CV, Barokah Mandiri. Transaksi Produk Kategori Cap sarung Dus sarung Plastik Untuk pemesanan dengan desain sendiri, klik teks link desain sendiri dibawah gambar foto XXXXX Rp. XXX Desain Sendiri foto XXXXX Rp. XXX Desain Sendiri foto XXXXX Rp. XXX Desain Sendiri foto XXXXX Rp. XXX Desain Sendiri foto XXXXX Rp. XXX Desain Sendiri foto XXXXX Rp. XXX Desain Sendiri XX XX Gambar 4.44 Perancangan Output Daftar Produk b. Perancangan output pesanan produk Pada halaman pemesanan produk, ini berfungsi untuk menampilkan transaksi pemesanan produk yang telah di lakukan oleh anggota. Pesanan Produk Kategori Nama Produk Harga Jumlah Aksi XXXX XXXX XXXX XXXX Rp Tanggal Pesan No. Pesanan Nama Pesanan : XXXXXX : : XXXXXX XXXXXX Kodi Ubah Batal Lanjut Gambar 4.45 Perancangan Output Pesanan Produk c. Perancangan output validasi pesanan Pada halaman ini berfungsi untuk menampilkan hasil semua total pembayaran yang harus dibayar oleh anggota, dan untuk menyetujui hasil pemesanan. Validasi Pesanan Nama Produk Ukuran Warna Harga Jumlah XXXX XXXX Rp XXXX,- XXXX Kodi Kota Tujuan : XXXXXX Ongkos Kirim provinsi XXXX Setuju Total XXXXXX Rp XXXX,- Rp XXXX,- Batal Kota tujuan XXXX Total Pembayaran Rp XXXX,- Gambar 4.46 Perancangan Output Validasi Pesanan 2. Output Petugas a. Perancangan output kategori produk Pada Halaman output katagori produk, petugas dapat melihat daftar katagori produk yang telah di inputkan Kategori Produk Kode Kategori Nama Kategori Aksi XXXXXX Kota | Produk | + tambah kategori + XXXXXX Ubah | hapus XX . Gambar 4.47 Perancangan Output Kategori Produk b. Perancangan Output Produk Pada halaman produk, petugas dapat melihat daftar produk yang telah di inputkan. Produk Kategori Kode Produk Aksi XXXXXX | kategori produk | kota +tambah produk+ | +cetak laporan+ XXXXXX Detil XX Nama Produk XXXXXX Gambar 4.48 Perancangan Output Produk c. Perancangan output detil produk Pada halaman detail produk, petugas dapat melihat daftar Detil Produk pada website CV. Barokah Mandiri. Detil Produk Foto Ukuran Warna Harga Stock XXXX XXXX Rp XXXX XXXX Kategori Produk Kode Produk Nama Produk : XXXXXX : : XXXXXX XXXXXX ubah hapus + tambah produk + Aksi Foto XX Gambar 4.49 Perancangan Output Detil Produk d. Perancangan output kota Pada halaman ini petugas dapat melihat daftar kota yang telah diinputkan. Kota Provinsi Kota Aksi XXXXXX Kategori produk | Produk | + tambah kota + XXXXXX Ubah | hapus XX Harga Rp XXXXX,- Gambar 4.50 Perancangan Output Kota e. Perancangan output pemesanan Pada halaman ini petugas dapat melihat daftar pemesanan yang belum melakukan konfirmasi pembayaran oleh anggota. XX Pemesanan No. Pesanan Kode Produk Nama Produk ukuran warna XXXXX XXXXX XXXXX XXXXKodi | konfirmasi | penjualan | Jumlah XXXXX XXXXX XX XX XX Tanggal Awal Cari XX XX XX Tanggal Akhir Gambar 4.51 Perancangan Output Pemesanan f. Perancangan output daftar konfirmasi Pada halaman ini petugas dapat melihat pemesanan yang telah dikonfirmasi oleh anggota. Daftar Konfirmasi No. Pesanan Jenis Pesanan Nama Anggota Nama Penerima Nama Pengirim XXXXX XXXXX XXXXX XXXX detil | penjualan | pemesanan | Status xx Aksi XXXXX XXXXX Gambar 4.52 Perancangan Output Daftar Konfirmasi g. Perancangan output setuju konfirmasi Pada halaman ini petugas melihat daftar pemesanan yang akan di Setujui oleh petugas. No. Pesanan No. Transfer Tanggal Pembayaran Tanggal Konfirmasi Pembayaran Nama Anggota Nama Pengirim Provinsi Tujuan Kota Tujuan Alamat Tujuan Kode Pos Tujuan Telepon Tujuan Total Pembayaran Setuju Konfirmasi Pembayaran Kode Produk Nama Produk Ukuran Warna Harga XXXXX RpXXXX,- XXXXX XXXXKodi Jumlah XXXXX XXXXX XXXXX XXXXXX XXXXXX XXXXXX XXXXX XXXXXX XXXXXXX XXXXXX XXXXXXXXX XXXXX XXXXX Total RpXXXX,- RpXXXX,- Total Pembayaran Rp XXXX,- Setuju Batal Kota Tujuan XXXX Ongkos Kirim Provinsi XXXX Gambar 4.53 Perancangan Output Setuju konfirmasi Pembayaran Pesanan h. Perancangan Output Faktur Pegiriman Setelah anggota melakukan konfirmasi pembayaran, petugas akan melihat didaftar konfirmasi dan langsung disetujui pesanan angota. Setelah setujui akan tampil faktur tujuan pengiriman pesanan yang nantinya untuk informasi tujuan pengiriman. Logo BAROKAH MANDIRI Jl. Sukamanah No. 1 RTRW 0107 , Ds. Suakamanah Kec. Paseh – Majalaya Tlp. 022 85961880, Hp. 08122066908 Surat Jalan : Kami kirimkan barang-barang tersebut dibawah ini, harap diterima dengan baik No. Pesanan : Nama tujuan : Provinsi Tujuan : Kota Tujuan : Alamat Tujuan : Kode Pos Tujuan : Telepon Tujuan : Tanggal................,20.... Tanda Terima, Hormat Kami, xxxxx xxxxxxx xxxxx xxxxx xxxxx xxxxx xxxxx xxxxx xxxxx Gambar 4.54 Perancangan Output Faktur Pengiriman Pesanan i. Perancangan output detil pesanan Pada halaman ini petugas dapat melihat detil pesanan anggota. No. Pesanan No. Transfer Tanggal Pembayaran Tanggal Konfirmasi Pembayaran Nama Anggota Nama Pengirim Provinsi Tujuan Kota Tujuan Alamat Tujuan Kode Pos Tujuan Telepon Tujuan Total Pembayaran Detil Pesanan Foto Kode Produk XXXXX XXXXX Nama Produk XXXXX XXXXX XXXXX XXXXXX XXXXXX XXXXXX XXXXX XXXXXX XXXXXXX XXXXXX XXXXXXXXX XXXXX XXXXX Warna Ukuran Foto Gambar 4.55 Perancangan Output Detil Pesanan j. Perancangan output penjualan Pada halaman ini petugas dapat melihat daftar penjualan yang telah disetujui oleh petugas. Penjualan No. Pesanan Kode Produk Nama Produk ukuran warna XXXXX XXXXX XXXXX XXXXKodi | konfirmasi | pemesanan | Jumlah XXXXX XXXXX Kota Tujuan Aksi xx hapus Detil XX XX XX Tanggal Awal Tanggal Akhir Cari XX XX XX Gambar 4.56 Perancangan Output Penjualan 98

BAB V IMPLEMENTASI DAN PENGUJIAN SISTEM

5.1. Implementasi

Tahap ini merupakan kelanjutan dari tahap perancangan sistem yang telah dirancang dan dibangun, implementasi e-commerce perlengkapan kain sarung di CV. Barokah Mandiri dilakukan dengan menggunakan bahasa pemogaman PHP, dengan menggunakan basis data MySQL server. Aplikasi PHP tersebut dapat dijalankan pada berbagai platform sistem operasi dan perangkat keras, tetapi implementasi dan pengujian sepenuhnya hanya dilakukan pada perangkat keras PC Personal Computer dengan sistem operasi Microsoft Windows 7.

5.1.1 Batasan Implementasi

Dalam mengimplementasikan perangkat lunak dan pengendalian perangkat lunak ini ada beberapa hal yang menjadi batasan implementasi, yaitu : 1. Tidak semua kebutuhan sistem informasi e-commerce Perlengkapan kain sarung di CV. Barokah Mandiri dapat dikerjakan secara online, tetapi hanya subsistem-subsistem yang mendukung khususnya dalam pemesanan perlengkapan kain sarung dan beberapa aplikasi pendukung lainnya seperti: pengelolaan data produk, pengelolaan data pemesanan, laporan penjualan, laporan pemesanan, laporan persediaan produk dan laporan tujuan pengiriman serta berita yang berhubungan dengan penjualan perlengkapan kain sarung.