BAB III
Setelah user memilih produk yang akan dibeli maka user/calon member diharuskan untuk login terlebih dahulu. Member yang sudah memiliki user dan password bisa langsung melakukan login tetapi untuk member belum memiliki username dan password diharuskan terlebih dahulu untuk mengisi form setelah itu member tersebut baru bisa memesan produk dan mengisi buku tamu yang secara otomatis tersimpan dalam database. Admin betugas mengelola semua aktivitas member juga diharuskan login terlebih dahulu. Setelah masuk ke dalam halaman admin, admin bertugas untuk memperbarui barang yang ditawarkan, melihat semua member, melihat dan melakukan validasi terhadap pesanan member. Admin juga bertugas mengelola buku tamu yang telah diisi member.Gambar 3.1Flowchart Daftar Member
Gambar 3.3Flowchart Admin
3.2 Context Diagram
data pelanggan, laporan buku tamu dan laporan validasi pesanan.
Gambar 3.4Context DiagramWebsite Penjualan
3.3 DFD (Data Flow Diagram)
• Member mengisi data diri member dalam proses pengolahan data member dan tersimpan otomatis ke database member, dari data member dikirim ke proses pembuatan laporan data member yang dikirim ke halaman admin.
• Dari proses pengolahan data member, member mendapatkan username dan passwor untuk login pada haaman masing-masing member.
• Admin bertugas untuk menambahkan data produk pada proses pengolahan data produk yang secara otomatis tersimpan ke database produk dan dikirim pada proses pembuatan laporan data produk ke halaman admin dan memberikan informasi produk ke halaman member.
3.4 DFD Level 1
3.4.1 DFD Level 1 Pengolahan Produk
Admin bertugas untuk menambah produk, melakukanupdate produk, dan menghapus produk yang langsung tersimpan ke dalam database produk. Database produk mengirimkan ke proses tampil produk. Data produk tersebut ditampilkan ke halaman member dan admin
Gambar 3.6 DFD Level 1 Pengolahan Produk
3.4.2 DFD Level 1 Pengolahan Data Pesanan
database dikirim ke proses tampil pesanan yang dikirim ke halaman admin. Admin bertugas untuk melakukan validasi pesanan pada proses validasi pesanan setelah dilakukan validasi, data tersebut ditampilkan ke halaman admin.
Gambar 3.7DFD Level 1 Pengolahan Data Pesanan
3.4.3 DFD Level 1 Pengolahan Buku Tamu
pantas untuk ditampilkan, maka admin berhak untuk melakukan hapus buku tamu pada proses hapus buku tamu. Data yang terhapus otomatis tersimpan didatabase dan tidak bisa ditampilkan lagi.
Gambar 3.8DFD Level 1 Pengolahan Data Buku Tamu
3.4.4 DFD Level 1 Pengolahan Data Member
member pada proses hapus member. Data yang terhapus otomatis tersimpan didatabase dan tidak bisa ditampilkan lagi.
Gambar 3.9DFD Level 1 Pengolahan Data Member
3.4.5 DFD Level 1 Laporan
• Member dapat melihat produk yang di tampilkan oleh admin pada data produk dan juga ditampilkan di halaman admin untuk di proses dalam pembuatan laporan data produk yang tampil dihalaman admin
dikirim langsung ke halaman admin. Admin bertugas untuk melakukan validasi pesanan dan membuat laporan validasi pesanan yang otomatis tersimpan di database dan tampil pada halaman admin
• Member mengisi buku tamu dan langsung tersimpan di database buku tamu. Data buku tamu diproses pada laporan buku tamu dan ditampilkan pada halaman user.
• Member mengisi data diri member dan langsung tersimpan di database member. Data member diproses pada laporan member dan ditampilkan pada halaman user.
3.5 ERD (Entity Relationship Diagram)
• Entitas member memiliki atribut id member yang digunakan sebagai primary key, user, password, nama, email, alamat dan nomer telepon.
• Member memiliki relasi ke entitas barang. Satu member memesan banyak barang. Barang memiliki atribut id barang yang digunakan sebagaiprimary key, nama barang, harga, gambar dan pesanan. Barang yang dipesan oleh member disimpan ke entitas pemesanan.
3.6 Tabel dan Relasi
• Tabel barang mempunyai field (id_barang, nama_barang, harga, gambar, keterangan). Tabel member mempunyai field (id_member, user, pass, nama, email, alamat,no_tlp).
• Tabel pesanan mempunyai field (id_pesanan, id_barang, id_member, ukuran, banyak, tanggal, validasi).
• Tabel barang dengan field id_barang sebagai primary key mempunyai relasi ke tabel pesanan dengan id_barang sebagai foreign key di tabel pesanan. Sehingga data
id_barang yang terdapat di tabel pemesanan mengambil data dari id_barang pada tabel barang.
• Tabel member dengan field id_member sebagai primary keymempunyai relasi ke tabel pesanan dengan id_member sebagai foreign key di tabel pesanan. Sehingga data id_member yang terdapat di tabel pemesanan mengambil data dari id_member pada tabel member.
Gambar 3.12Relasi Website Penjualan
3.7 Jaringan Semantik Tampilan
lingkaran berisi nomor yang mewakili form yang akan dibuat dan tanda huruf mewakili pemicu yang menghubungkannya.
Gambar 3.13Jaringan Semantik Tampilan Produk Pada Admin
Gambar 3.13 diatas dapat dijelaskan seperti berikut:
a. T1 mengakses T2 dengan klik tombol“login”. b. T2 mengakses T1 dengan klik tombol “Keluar”. c. T2 mengakses T3 dengan klik tombol“Produk”. d. T2 mengakses T3 dengan klik tombol “Keluar”. e. T3 mengakses T4dengan klik tombol “tambah”. f. T4 mengakses T3 dengan klik tombol “Produk”. g. T3 mengakses T4 dengan klik tombol “tambah”.
h. T4 mengakses T3 dengan klik tombol “Produk”.
i. T3 mengakses T5 dengan klik tombol “Delete”.
j. T5 mengakses T3 dengan klik tombol “Produk”.
k. T3 mengakses T6 dengan klik tombol “Edit”.
Gambar 3.14Jaringan Semantik Tampilan Pesanan Pada Admin
Gambar 3.14 diatas dapat dijelaskan seperti berikut:
a. T1 mengakses T2 dengan klik tombol “login”. b. T2 mengakses T1dengan klik tombol “Keluar”. c. T2 mengakses T3 dengan klik tombol
“Pesanan”.
d. T3 mengakses T2 dengan klik tombol “Keluar”. e. T3 mengakses T4 dengan klik tombol “Status
checkbox”.
f. T4 mengakses T3 dengan klik tombol “Pesanan”.
g. T3 mengakses T5 dengan klik tombol “Print”. h. T5 mengakses T3 dengan klik tombol
Gambar 3.15Jaringan Semantik Tampilan Member Pada Admin
Gambar 3.15 diatas dapat dijelaskan seperti berikut:
a. T1 mengakses T2 dengan klik tombol “login”. b. T2 mengakses T1 dengan klik tombol “Keluar”. c. T2 mengakses T3dengan klik tombol “Member”. d. T2 mengakses T3 dengan klik tombol “Keluar”. e. T3 mengakses T4 dengan klik tombol “Hapus
Member”.
f. T4 mengakses T3 dengan klik tombol “Member”.
Gambar 3.16 diatas dapat dijelaskan seperti berikut:
a. T1 mengakses T2 dengan klik tombol “login”. b. T2 mengakses T1 dengan klik tombol “Keluar”. c. T2 mengakses T3 dengan klik tombol
“Hubungi”.
d. T2 mengakses T3 dengan klik tombol “Keluar”. e. T3 mengakses T4dengan klik tombol “Hapus
Pesan”.
f. T4 mengakses T3 dengan klik tombol “Hubungi”.
Gambar 3.17Jaringan Semantik Tampilan Ganti Password Pada Admin
Gambar 3.17 diatas dapat dijelaskan seperti berikut:
a. T1 mengakses T2 denganklik tombol “login”. b. T2 mengakses T1 dengan klik tombol “Keluar”. c. T2 mengakses T3 dengan klik tombol
“Password”.
d. T2 mengakses T3 dengan klik tombol “Keluar”. e. T3 mengakses T4 dengan klik tombol “Ganti
Password”.
Gambar 3.18Jaringan Semantik Tampilan Produk Pada Member
Gambar 3.18 diatas dapat dijelaskan seperti berikut:
a. T1 mengakses T2 dengan klik tombol “login”. b. T2 mengakses T1 dengan klik tombol “Keluar”. c. T2 mengakses T3dengan klik tombol “Produk”. d. T2 mengakses T3 dengan klik tombol “Keluar”. e. T3 mengakses T4 dengan klik tombol “Review
Item”.
f. T4 mengakses T3 dengan klik tombol “Produk”. g. T3 mengakses T5dengan klik tombol “Buy This
Item”.
h. T5 mengakses T3 dengan klik tombol“Produk”. i. T5 mengakses T6 dengan klik tombol “Banyak”. j. T5 mengakses T7dengan klik tombol “Ukuran”. k. T5 mengakses T8dengan klik tombol “Simpan &
Gambar 3.19Jaringan Semantik Tampilan Hubungi Kami Pada Member
Gambar 3.19 diatas dapat dijelaskan seperti berikut:
a. T1 mengakses T2 dengan klik tombol “login”. b. T2 mengakses T1 dengan klik tombol “Keluar”. c. T2 mengakses T3 dengan klik tombol “Hubungi
Kami”.
d. T2 mengakses T3 dengan klik tombol “Keluar”. e. T3 mengakses T4 dengan klik tombol “Kirim
Pesan"
f. T4 mengakses T3 dengan klik tombol “Hubungi Kami”.
g. T3 mengakses T5 dengan klik tombol “Hapus”. h. T5 mengakses T3 dengan klik tombol “Hubungi
Kami”. 3.8 Lembar Kerja Tampilan
3.8.1 LKT Daftar Member Baru
Form LKT daftar member baru memiliki fungsi untuk :
• Mengisi nama member baru
• Mengisi email member baru
• Mengisi alamat member baru
• Mengisi nomer telepon mamber baru
Semua isian akan tersimpan ke dalam database dengan cara klik pada tombol daftar member. Data member yang telah diisi tersimpan di database member dan akan tampil di halaman admin.
Gambar 3.20Daftar Member Baru
Hasil input member dari form daftar member yang tampil pada halaman admin yang secara otomatis membuat format seperti tabel.
• Nama pesanan diambil dari pengisian nama member baru
• Email dimbil dari pengisian email member baru
• Alamat diambil dari pengisian alamat member baru
• No Telepon diambil dari pengisian nomer telepon mamber baru
• Action hapus memberdigunakan untuk menghapus member
Gambar 3.21Laporan Member
3.8.2 LKT Login Member
Gambar 3.22LoginMember
Hasil setelah login dengan username dan password adalah bisa masuk ke halaman masing-masing member. Terdapat username yang diambil dari input username member.
Gambar 3.23Halaman Member
3.8.3 LKT Pesan Barang Member
Form LKT Pesan Barang member memiliki fungsi :
• Memesan dari produk yang ada di website dengan memilih banyak barang ang akan dibeli dan ukuran dai baju tersebut.
• Tombol simpan & kirim digunakan setelah member memilih dan mengisi banyak dan ukuran baju. Hasil input pesanan langsung tersimpan di database pesanan.
Gambar 3.24Pesan Produk Member
Laporan hasil input pesan barang yang masuk ke halaman admin. Terdapat member, harga, keterangan, banyak dan ukuran dari produk yang dipesan.
Gambar
Gambar 3.25Laporan Pesan Produk Member
3.8.4 LKT Isi Buku Tamu
Form isi buku tamu digunakan untuk menulis pesan dengan mengisi nama, email, alamat dan pesan. Tombol kirim pesan digunakan untuk mengirim pesan yang ditulis oleh member. Tombol reset digunakan untuk menghapus pesan sebelum dikirim dan masuk ke halaman admin.
Gambar 3.26Isi buku tamumember
Laporan hasil input buku tamu yang masuk ke halaman admin. Admin mempunyai hak untuk menghapus pesan dari member.
Gambar 3.27Laporan Isi Buku TamuHapus Pesan
3.8.5 LKTLoginAdmin
Admin mengisi username dan password untuk mesuk dan mengelola semua aktivitas yang dilakukan oleh member.
3.8.6 LKT Tambah Barang
Admin mempunyai tugas untuk menambah barang dengan mengisi nama barang, harga, keterangan dan upload gambar. Jika ingin menambahkan barang pilih tombol tambah barang secara otomatis tersimpan ke dalam database dan masuk ke dalam direktori gambar sebagai folder penyimpan barang yang telah diupload.
Laporan tambah barang akan muncul dihalaman admin dan member. Tetapi member tidak bisa melakukan updatedan hapus.
Gambar 3.30HasilTambah Barang
3.8.7 LKT Ganti Password Admin
Admin mempunyai fasilitas untuk mengganti username admin yang baru dan password baru nya.
Gambar 3.31Ganti Password Admin