BAB III
PERANCANGAN SISTEM
3.1 Ruang Lingkup Website
Berdasarkan kebutuhan daripengguna,
pembuatan website ini ditujukan kepada masyarakat yang
membutuhkan media atau sarana dalam mempromosikan
informasi secara cepat dan praktis mengenai barang
lelang pada website ini. Penulis juga menyertakan
bagaimana cara melelang barang melalui website yang
dibuat ini.
3.2 DFD ( Data Flow Diagram)
1.2.1 Data Flow Diagram Level 0
Gambar 3.2.1 DFD tingkat 0 lelang online
Keterangan:
Data yang mengalir dari atau ke Pelanggan :
1. Username dan password.
2. Data konfirmasi login.
3. Info produk.
Data yang mengalir dari atau ke Admin :
4. Username dan password.
5. Data identitas pelanggan.
6. Data pemesanan barang
7. Daftar barang dan stok barang
8. Input produk
1.2.2 Data Flow Diagram Level 1
pembeli
order
pemilik
admin
Pemesanan
barang
pembayaran
Pengiriman
barang
Pembayaran
Barang lelang
Data barang
Pembayaran via ATM
Cek pembayaran
Pengiriman barang
Membuat bukti pembayaran
Terima bukti pembayaran
Terima barang
Laporan pelelangan barang
Laporan pemesanan barang
Gambar 3.2.2 DFD tingkat 1 lelang online
Pada gambar 3.2.2 DFD tingkat 1 menjelaskan tentang
proses pemesanan barang, order barang, pembelian barang
dan proses pengiriman barang yang dilakukan oleh pembeli.
3.3 Flowchart
startCek username dan
passwordbenarlogin
Daftar barang
lelang
register
ya
Pilih barang
Komentar
Barang lelang
adminuser
Gambar 3.3 flowchart lelang online
Jika login akun Member tidak sesuai dengan data
akun maka akan kembali ke halaman home.
Jika login berhasil Member dapat memilih produk
dan mengetahui info produk yang akan dibeli.
Jika Member telah menyelesaikan transaksi maka
berikutnya barang yang dipesan akan dikonfirmasi
dan dikirim.
3.4 Lembar Kerja Tampilan
Perancangan web ini menggunakan
aplikasi bantuan WampServer Version 2.0 secara offline
untuk membuat koneksi secara lokal dan bahasa yang
digunakan pengkodean web ini menggunakan PHP.
Susunan LKT di bawah ini terdiri atas :
- Koding membuat web.
- Cara membuat koneksi ke PhpMyAdmin.
- Cara membuat database.
- Cara Export dan import database.
3.1.1 LKT Home
Perancangan antarmuka website Lelang Online
digambarkan seperti ini :
1. Home sebelum login
Gambar 3.4 LKT halaman Home atau halaman utama
Navigasi:
- Klik Login untuk dapat mengakses belanja
selanjutnya,jika user belum mempunyai
Username harus melakukan Register
terlebih dahulu dengan klik Register.
- Klik Aktivitas untuk melihat produk yang di
lelang.
- Klik Abaut us untuk melihat contak web
lelang online.
Keterangan:
- Pada tampilan halaman home, user akan
dihadapkan pada deskripsi tentang lelang
online.
- Barang yang telah dilelang oleh admin serta
user pada halaman Ativitas.
2. Home Sesudah login
Gambar 3.5 LKT halaman Home setelah login
Navigasi:
- Klik Logout untuk keluar dari akun dan
mengkahiri akses.
Keterangan:
- Pada tampilan halaman home setelah login,
user akan dihadapkan pada deskripsi
tentang Lelang Online.
- Barang yang telah di pasang oleh admin
atupun user pada halaman Aktivitas.
3. Aktivitas sebelum login
Gambar 3.6 LKT halaman Aktivitas sebelum login
Navigasi:
- Klik Lelang barang untuk melihat serta
memberikan komentar baran yang di
posting admin serta user.
Keterangan:
- Pada halaman berisi barang-barang yang
telah diperbaharui oleh admin dan yang
telah di posting user.
- Pelanggan tidak bisa melihat serta menawar
apabila belum login.
- Pelanggan juga tidak dapat memosting
barang yang ingin di lelang di halaman
+barang sebelum login.
4. Aktivitas setelah login
Gambar 3.7 LKT halaman Aktivitas
Navigasi:
- Klik Lelang barang untuk melihat serta
memberikan komentar baran yang di
posting admin serta user.
Keterangan:
- Pada halaman berisi barang-barang yang
telah diperbaharui oleh admin dan yang
telah di posting user.
- Pelanggan tidak bisa melihat serta menawar
setelah login.
- Pelanggan juga dapat memosting barang
yang ingin di lelang di halaman +barang
sesudah login.
5. Detail barang
Gambar 3.8 LKT halaman Detail Produk
Navigasi:
- Klik Tawar untuk menawar barang yang
dilelang oleh adnin serta user.
Keterangan:
- Setelah klik selengkapnya pelanggan bisa
memilih harga dan pemilik barang yang
telah di lelang.
- Pelanggan juga bisa menawar serta
mengomentari barang yang telah diposting.
6. Abau us
Gambar 3.9 LKT halaman About / Tentang
Keterangan:
- Peta alamat admin tinggal
- Pelanggan juga bisa melihat email admin.
- Pelanggan bisa melihat nomer Hp admin
7. Register
Gambar 3.10 LKT halaman Register
Navigasi:
- Klik Register untuk memyimpan dan
membuat akun baru.
Keterangan:
- Pelanggan yang belum mempunyai akun
harus membuat akun dengan mengisi data
diri lengkap pada kolom yang disediakan
untuk mempermudah transaksi pelelangan
barang.
8. Admin
Gambar 3.11 LKT halaman Admin
Navigasi:
- Klik Logout untuk keluar dari akun admin
dan mengakhiri akses.
Keterangan:
- Admin dapat mengetahui segala
pemberitahuan tentang website, seperti
jumlah user, jumlah produk, barang lelang,
dan jumlah user yang sedang online.
- Diagram digunakan sebagai gambaran
mengenai informasi website saat ini.
9. Daftar Akun
Gambar 3.12 LKT halaman Daftar Akun
Navigasi:
- Klik Hapus untuk menghapus akun dari
database.
Keterangan:
- Admin dapat menghapus akun Pelanggan
yang sudah tidak digunakan lagi oleh
Pelanggan.
10. Daftar Barang
Gambar 3.13 LKT halaman Daftar Barang
Navigasi:
- Klik Hapus untuk menghapus produk dari
database.
- Klik + Lelang untuk menambah produk
baru.
Keterangan:
- Halaman ini berfungsi sebagai halaman
untuk mengatur barang yang di lelang.
- Admin dapat menghapus produk dari
website.
- Admin dapat menambah produk baru yang
belum ditampilkan pada website. Setelah
klik tambah produk maka akan diarahkan ke
halaman tambah produk.
11. Lelang Barang
Gambar 3.14 LKT halaman Lelang Barang
Navigasi:
- Klik Simpan untuk memosting barang.
- Klik telusuri untuk memilih gambar produk
yang akan digunakan.
Keterangan:
- Admin serta user dapat memasukan produk
baru ke website dengan cara memasukan
segala informasi tentang produk beserta
dengan gambar produk sesuai dengan
kolom yang telah disediakan.
- Setelah klik simpan maka tampilan halaman
utama akan otomatis diperbarui sesuai
dengan produk yang telah dimasukan.