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.