2. Rancangan Input Tampilan Form Pendaftaran Konsumen
Gudang Login
Username Password
Submit
Gambar 4.18 Perancangan Input Login Bag.Gudang
Keterangan : a. Mengisi Username dan Password terlebih dahulu.
b. Kemudian klik tombol “ ENTER “ jika username dan password
benar.
3. Rancangan Input Tampilan Login Konsumen
Customer Login
Username Password
Submit
Gambar 4.18 Perancangan Input Login Konsumen
Keterangan : c. Mengisi Username dan Password terlebih dahulu.
d. Kemudian klik tombol “ ENTER “ jika username dan password
benar.
4. Rancangan Input Tampilan Form Pendaftaran Konsumen
Nama lenkap :
TTl :
Email :
No. Telepon :
Alamat lengkap :
Provinsi :
Kota :
Kode Pos :
Username :
Password :
Form Pendaftaran
Daftar Hapus
Gambar 4.19 Perancangan Input Formulir Pendaftaran Konsumen
Keterangan : a. Mengisi Form data Konsumen dengan identitas pribadi seperti
Nama Lengkap, Tempat Tanggal Lahir, Email, No. Telepon, Alamat Lengkap, Provinsi, Kota, Kodepos, Username dan
Password. b.
Lalu klik tombol “Daftar”.
5. Rancangan Input Tampilan Form Data Pengiriman
Nama lenkap :
Aamat lengkap :
Provinsi :
Kota :
Kode Pos :
No. Telepon :
Form Data Pengiriman
Order Reset
Gambar 4.20 Perancangan Input Form Data Pengiriman
Keterangan : a. Mengisi Form data pengiriman dengan data barang yang akan
dikirimkan seperti Nama Lengkap, Alamat Lengkap, Provinsi, Kota, Kodepos dan No Telepon.
b. Lalu klik tombol “Order”.
6. Rancangan Input Tampilan Form Data Produk
FORM DATA PRODUK
Gambar Nama Produk
Stok Harga
Ukuran Kategori
Pilih File Simpan
Reset
Gambar 4.21 Perancangan Input Form Data Produk
Keterangan : a. Setelah
menginputkan data
kategori kemudian
admin menginputkan data produk yaitu Jenis Kategori, Nama Produk,
Stok, Harga, Ukuran dan Gambar. b.
Lalu klik tombol “Simpan”.
7. Rancangan Input Tampilan Form Data Tambah Stok
Form Data Tambah Stok Kategori
Simpan Batal
Produk Stok Terakhir
1 Tambah Stok
9 Stok Terbaru
10
Gambar 4.22 Perancangan Input Form Data Tambah Stok
Keterangan : a. Memilih data produk yang akan di tambahkan stok barangnya.
b. lalu tambahkan jumlah stok barang tersebut. c.
Lalu klik tombol “Simpan”.
8. Rancangan Input Tampilan Form Data Konfirmasi Pembayaran
Form Konfirmasi Pembayaran
Kode Pesanan Nama Bank Anda
No.Rekening Anda No.Rekening Tujuan
Tanggal Pembayaran Jumlah Pembayaran
Gambar Bukti Transfer Browser
No File Selected Simpan
Konfirmasi
Gambar 4.23 Perancangan Input Form Data Konfirmasi Pembayaran
Keterangan : a. Setelah memilih order lalu konsumen melakukan pengisian form
konfirmasi pembayaran. b.
Lalu klik tombol “simpan”.
9. Rancangan Input Tampilan Form Ubah Data Produk
Form Ubah Data Produk
Nama Produk Stock
Warna Ukuran
Bahan Berat
Garansi Browser
No File Selected Update
Harga Gambar
Gambar 4.24 Perancangan Input Form Data Ubah Data Produk
Keterangan : a. Jika ingin merubah keterangan tentang produk, admin bisa
merubahnya d dalam menu produk. b. Lalu pilih tombol edit untuk mengedit data tersebut.
c. Lalu klik tombol “update”.
4.2.5.3 Perancangan Output
1. Rancangan Output Tampilan Data Konsumen
DATA KONSUMEN
No No
1 1
Nama Nama
Tempat, Tanggal Lahir Tempat, Tanggal Lahir
02 Februari 1988 02 Februari 1988
Email Email
Ferry_KHyahoo.com Ferry_KHyahoo.com
Alamat Alamat
Jl.Setra sari no 14 Jl.Setra sari no 14
Provinsi Provinsi
Jawa Barat Jawa Barat
kota kota
Bandung Bandung
Kode Pos Kode Pos
40163 40163
Hapus Hapus
X X
01 01
Gambar 4.25 Perancangan Output Data Konsumen
2. Rancangan Output Tampilan Data Transaksi
Kategori : Belum Lunas
Belum Lunas Februari
Februari Bulan
Tahun 1988
1988 Cari
Cari
DATA TRANSAKSI
No No
1 1
Kode Pemesana Kode Pemesana
Tanggal Tanggal
02 Februari 2013 02 Februari 2013
ID Member ID Member
Ferry KH Ferry KH
Nama Penerima Nama Penerima
Rina MD Rina MD
Alamat Kirim Alamat Kirim
Jl. Jamika N0 23, Bandung Jl. Jamika N0 23, Bandung
Total Bayar Total Bayar
2.500.000 2.500.000
Keterangan Keterangan
Lunas Lunas
Aksi Aksi
detail detail
X X
V V
01 01
Gambar 4.26 Perancangan Output Data Transaksi
3. Rancangan Output Tampilan Laporan Penjualan
Tanggal S.D
Cari Cari
Cetak Cetak
LAPORAN PENJUALAN
No No
1 1
Kode Pesan Kode Pesan
Tanggal Pesan Tanggal Pesan
Tanggal Bayar Tanggal Bayar
Pemesan Pemesan
Barang Pesanan Barang Pesanan
Total Belanja Total Belanja
01 01
02022013 02022013
03022013 03022013
Ferry Kurnia Ferry Kurnia
Red Devil Pro Red Devil Pro
2.500.000 2.500.000
2.500.000 2.500.000
Total : Rp
Gambar 4.27 Perancangan Output Laporan Penjualan
4. Rancangan Output Tampilan Laporan Stok Barang
Barang Cari
Cari Cetak
Cetak
LAPORAN STOK BARANG
No No
1 1
Kategori Kategori
Nama Produk Nama Produk
Stok Awal Stok Awal
Barang Masuk Barang Masuk
Barang Terjual Barang Terjual
Stok Akhir Stok Akhir
BIKE BIKE
Kate Bike LP P Kate Bike LP P
2 2
Ferry Kurnia Ferry Kurnia
Red Devil Pro Red Devil Pro
2.500.000 2.500.000
Edit Edit
Edit Edit
Gambar 4.28 Perancangan Output Laporan Stok Barang
5. Rancangan Output Tampilan Data Produk
PRODUK
Gambar Nama barang
Edit Hapus
back Next
Tambah Produk Gambar
Nama barang Edit
Hapus Gambar
Edit Hapus
Nama barang
Gambar 4.29 Perancangan Output Data Produk
6. Rancangan Output Tampilan Data Barang Yang Dipesan
Barang Pemesanan Anda
Konfirmasi
Gambar Nama Produk
Kate bike pro Total : Rp. 4.000.000
Jumlah 1
Harga Rp. 4.000.000
Sub-Total
Rp. 4.000.000
Gambar 4.30 Perancangan Output Data Barang Yang Dipesan
4.2.6 Rancangan arsitektur jaringan
Gambar 4.31 Arsitektur Jaringan Yang Diusulkan
Berdasarkan gambar 4.31 dapat dilihat admin dan server mengirimkan informasi berupa aplikasi web ke internet, dan untuk para user
terhubung dengan sebuah media penghubung yang dikenal dengan modem, dimana modem tersebut biasanya berupa lewat saluran telepon yang telah
terkoneksi dengan internet.
81
BAB V IMPLEMENTASI DAN PENGUJIAN SISTEM
5.1 Implementasi
Implementasi atau tahapan penerapan adalah suatu bentuk kegiatan yang merupakan rangkaian lanjutan dari kegiatan perancangan perangkat lunak.
Implementasi dimaksudkan sebagai usaha untuk mewujudkan hasil dari perancangan Perangkat lunak. Hasil ini berarti hasil dari kegiatan rangkaian
implementasi perancangan Perangkat lunak adalah proses aplikasi yang telah dibuat dan sudah dapat digunakan serta berfungsi dengan baik.
Jadi secara garis besar implementasi merupakan proses penerapan rancangan program yang telah dibuat pada bab sebelumnya atau aplikasi dalam
melaksanakan sistem informasi pemograman yang dibuat.
5.1.1 Batasan Implementasi optional
Disini penulis akan menjelaskan batasan implementasi pada sistem yang telah dibuat, yaitu:
1. Pada sistem ini user bisa melihat produk, dan cara pembelian yang ada di website BDGBMX tanpa harus login terlebih dahulu, tetapi user
tidak bisa melakukan transaksi, dikarenakan pada sistem ini diwajibkan mempunyai akun konsumen terlebih dahulu untuk
melakukan login. 2. Sistem ini tidak menangani tentang laporan keuangan dan retur
pengembalian barang.