T0__BAB III Institutional Repository | Satya Wacana Christian University: Perancangan Aplikasi Lelang Online Berbasis Web T0 BAB III

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
Data barang
Pembayaran
Barang lelang

order

Pemesanan
barang

Terima bukti pembayaran
Terima barang

pembayaran

Pembayaran via ATM

Cek pembayaran
Pengiriman
barang

Pengiriman barang
Membuat bukti pembayaran

admin

Laporan pelelangan barang
Laporan pemesanan barang

pemilik

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

start

login

Cek username dan
password

benar

ya
register

Pilih barang

Daftar barang
lelang

Komentar
Barang lelang

user
admin



Gambar 3.3 flowchart lelang online

Jika login akun Member tidak sesuai dengan data



akun maka akan kembali ke halaman home.



dan mengetahui info produk yang akan dibeli.

Jika login berhasil Member dapat memilih produk

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.