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.
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
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.
start Cek username dan
password benar
login
Daftar barang lelang
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.
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 importdatabase.
3.1.1 LKT Home
Perancangan antarmuka website Lelang Online
digambarkan seperti ini :
1. Home sebelum login
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.
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.
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.
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.
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.
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
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.
- 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
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
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
