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 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 order Pembayaran Barang lelang 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 admin user 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
- 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. - 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 - Klik Logout untuk keluar dari akun dan mengkahiri akses. - 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 - Klik Lelang barang untuk melihat serta memberikan komentar baran yang di posting admin serta user. - 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 - Klik Lelang barang untuk melihat serta memberikan komentar baran yang di posting admin serta user. - 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 - Klik Tawar untuk menawar barang yang dilelang oleh adnin serta user. - 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 - Peta alamat admin tinggal - Pelanggan juga bisa melihat email admin. - Pelanggan bisa melihat nomer Hp admin 7. Register Gambar 3.10 LKT halaman Register
- Klik Register untuk memyimpan dan membuat akun baru. - 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 - 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 - Klik Hapus untuk menghapus akun dari database. - Admin dapat menghapus akun Pelanggan yang sudah tidak digunakan lagi oleh Pelanggan.
10. Daftar Barang Gambar 3.13 LKT halaman Daftar Barang - Klik Hapus untuk menghapus produk dari database. - Klik + Lelang untuk menambah produk baru. - 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 - Klik Simpan untuk memosting barang. - Klik telusuri untuk memilih gambar produk yang akan digunakan. - 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.