9. Membuat Halaman Transaksi Penjualan

Transkripsi

1 9. Membuat Halaman Transaksi Penjualan Pada proses permintaan data pada web dinamik, diperlukan aplikasi database server yang akan memproses permintaan dari aplikasi webserver untuk menghubungkan pada database. Struktur proses pada web dinamic, urutannya dapat dilihat pada gambar berikut: Keterangan 1. Web browser meminta halaman dynamic. 2. Web server mencari melewatkan pada application server. 3. Application server membaca halaman instruksi (query). 4. Application server mengirim query pada database driver. 5. Driver executes query pada database. 6. Recordset mengembalikan hasil query pada driver. 7. Driver melewatkan recordset pada application server 8. Application server inserts data pada halaman dan melewatkan halaman pada web server 9. Web servermengirim hasil pada reques browser Membuat Database dan tabel Pada database penjualan, buatlah tabel jual dan tabel header_jual pada mysql seperti di bawah ini menggunakan phpmyadmin, kemudian pada tabel tersebut akan dibuat program untuk menampilkan katalog produk, memilih produk yang akan dibeli, dan persetujuan pembayaran menggunakan dreamweaver.

2 Id_user User_name password nama alamat Kode_brg Nama Jenis Jumlah Harga Kode_jual tanggal status total Id_user Id_jual Kode_jual Kode_brg Jumlah Harga home.html login.php katalogbrg.php konfirbrg.php konfirbeli.php validasibeli.php hapusbeli.php menampilkan menu belanja menampilkan halaman login menampilkan daftar barang yang akan dibeli menampilkan barang dan isi jumlah barang menampilkan barang dan isi jumlah barang menampilkan transaki pembayaran menghapus jumlah beli barang Database: Penjualan Tabel : users Database: Penjualan Tabel : Barang, jenis_brg Database: Penjualan Tabel : barang Database: Penjualan Tabel : jual Database: Penjualan Tabel : Header_jual Untuk pembuatan halaman belanja diperlukan database penjualan dengan tabel barang, tabel jenis_brg, tabel user, tabel jual,dan tabel header_jual. Untuk membuat tabel tesebut dapat menggunakan aplikasi phpmyadmin seperti gambar berikut: Tabel Barang

3 Tabel jenis_brg Tabel users Tabel jual Tabel header_jual

4 Isi Tabel barang Isi tabel jenis_brg Isi tabel jual Isi tabel header_jual

5 9.2. Membuat Halaman Home Halaman home sama dengan halaman home pada web statik yang ditambahkan menu Belanja dan Login Admin. Halaman home dapat dibuat seperti gambar berikut: 9.3. Membuat Halaman Login Halaman login berguna untuk mengetahui siapa saja yang telah membuka halaman website dan untuk menentukan siapa saja yang berhak mengakses halaman yang ditentukan. Halaman Login ini dapat dibuka/ link dari menu Belanja pada halaman home.html. Untuk membuat halaman login langkah-langkahnya sebagai berikut: 1. Sebelum membuat halaman login ini, terlebih dahulu harus sudah disetting site dan koneksi database agar dapat digunakan pada halaman login ini. 2. Bukalah halaman home.html sebelumnya kemudian pada menu file>save As kemudian simpan pada folder belanja dengan nama file login.php. 3. Hapuslah dan ubah isi pada bagian tengah untuk menambahkan login seperti gambar berikut:

6 4. Pada Draw AP Div bagian tengah masukkan form dari menu form > form, kemudian masukkan 2 textfield yaitu username, password, dan 2 button login, reset dari menu form seperti gambar berikut: 5. Pada panel Database buatlah koneksi pada Mysql seperti gambar di bawah ini: 6. Pada panel Server behaviours klik tombol plus (+), kemudian pilih User Authentication > Log In User seperti gambar di bawah ini:

7 7. Maka akan tampil dialog seperti berikut: 8. Isilah settingnya seperti gambar di atas. Pada If login succeeds, go to, Browse kefile katalogbrg.php seperti berikut:

8 9. Kemudian klik tombol Parameters, kemudian pada dialog parameters isilah name : jenis dan value: 01 (kode jenis pada tabel jenis_brg). 10. Kemudian klik Ok pada dialog Parameters, klik OK pada dialog Select File, dan klik OK pada dialog Log In User Membuat Halaman Katalog Produk 1. Bukalah halaman login.php kemudian pilih menu file > Save As dan simpan pada folder belanja dengan nama file katalogbrg.php. Hapuslah Draw AP Div bagian tengah sehingga tampilannya menjadi seperti gambar berikut: 2. Masukan form dari menu insert > form > form, kemudian masukkan tabel dengan 2 baris 1 kolom sehingga tampilannya menjadi seperti berikut:

9 3. Buatlah recordset : jenis_brg pada panel Server Behaviours dengan menekan tombol plus (+) maka akan tampil dialog seperti berikut: 4. Pada dialog Recordset isilah: Name : jenis_brg Connection : Penjualan Table : jenis_brg Columns : All Filter : None Sort : kode_jenis : Ascending 5. Kemudian klik OK

10 6. Tempatkan kursor pada tabel baris kedua, kemudian buka panel BINDINGS dan pilih field nama_jenis, kemudian klik tombol Insert maka akan tampil seperti berikut: 7. Klik tag <tr> pada tabel, kemudian buka panel Server Behaviours, klik tombol plus (+), pilih Repeat Region untuk menampilkan seluruh data pada tabel jenis_brg. 8. Hasil tampilannya seperti gambar berikut:

11 9. Buka lagi halaman katalogbrg.php, kemudian tempatkan blok sel jenis_brg.nama_jenis tersebut kemudian buatlah link ke halaman sendiri yaitu katalogbrg.php. 10. Pada Select File, pilih nama file katalogbrg.php, kemudian klik tombol parameters.

12 11. Pada dialog Parameters isi Name : jenis, dan pada Value klik tombol highlight. 12. Pada dialog Dynamic Data pilih Recordset(jenis_brg) > kode_jenis, kemudian klik OK. 13. Pada dialog Parameters, klik OK. 14. Pada dialog Select File, klik OK.

13 15. Pada Ap draw Dip bagian tengah, masukkan tabel 2 baris dan 6 kolom seperti gambar berikut: 16. Buatlah recordset : barang pada panel Server Behaviours seperti berikut: 17. Kemudian pada masing-masing kolom baris ke 2 masukkan BINDING dari masing-masing record yang sesuai seperti gambar berikut:

14 18. Klik tag <tr> pada bagian bawah kemudian buatlah Repeat Region pada panel Server Behaviours untuk menampilkan semua record. 19. Setelah selesai klik OK, kemudian save halaman katalogbrg.php dan hasilnya dapat dilihat seperti berikut:

15 9.5. Membuat Halaman Konfirmasi Pemilihan Barang Halaman konfirmasi Pemilihan Barang merupakan halaman persetujuan produk dan memasukan jumlah yang akan dibeli. Untuk membuat halaman konfirmasi pemilihan barang, langkah-langkahnya sebagai berikut: 1. Buatlah halaman konfirbrg.php seperti berikut: 2. Pada Draw Ap Div bagian tengah masukkan form dari menu Insert > Form > form, kemudian masukkan tabel dan textfield: kodebrg : textfield namabrg: textfield jenis: textfield harga: textfield jumlah: Spry Validation Text Field Beli : button Hasilnya seperti gambar berikut: 3. Klik pada isian jumlah, kemudian set Propertiesnya sebagai berikut:

16 4. Pada Text Field kodebrg, namabrg, jenis, dan harga, propertiesnya Read Only-nya di 5. Buatla Recordset : barang pada panel Server Behaviours seperti gambar berikut:

17 6. Masukkan record dari BINDINGS pada Text Field yang sesuai seperti gambar berikut: 7. Untuk membuat link dari halaman katalogbrg.php, bukalah halaman katalogbrg.php kemudian blok teks Beli seperti gambar berikut: 8. Pada gambar di atas klik link, maka akan muncul dialog seperti berikut:

18 9. Klik tombol Parameters untuk membuka dialog Parameters untuk mengirim variabel. 10. Klik tombol Highlight, kemudian pada dialog Dynamic Data pilih field kode_brg pada Recordset : barang. 11. Klik OK pada dialog Dynamic Data.

19 12. Klik Ok pada dialog Parameters. 13. Klik OK pada dialog Select File. 14. Save halaman katalogbrg.php, kemudian untuk melihat hasil halaman tersebut dengan menekan tombol Preview. 15. Hasil tampilannya seperti berikut:

20 9.6. Membuat Halaman Konfirmasi Pembelian Pada halaman Konfirmasi pembelian berfungsi untuk persetujuan barang yang dimasukkan pada tabel jual. Langkah-langkah untuk membuat halaman konfirmasi pembelian adalah sebagai berikut: 1. Buatlah halaman konfirbeli.php seperti gambar berikut: 2. Pada bagian tengah masukkan: form Tabel : 2 kolom baris no : Text Field kode_jual : Text Field kode_brg : Text Field harga : Text Field jumlah : Text Field total_harga : Text Field Beli : button 3. Buatlah Recordset : No_Jual dengan setting seperti berikut:

21 4. Setelah klik OK, kemudian masukkan Text Field No : BINDINGS pada Field No : Recordset No_Jual. 5. Buatlah Recordset : Kode_Jual dengan setting seperti berikut: 6. Setelah klik OK, kemudian masukkan Text Field Kode_jual : BINDINGS pada Field kode_jual : Recordset Kode_Jual. 7. Klik pada Text Field kode_jual, kemudian tambahkan +1 pada Init Val berikut: <?php echo $row_kode_jual['kode_jual']+1;?>

22 8. Buatlah Recordset : barang dengan setting seperti berikut: 9. Setelah klik OK, kemudian masukkan Text Field Kode_brg : BINDINGS pada Field kode_brg dan harga : Recordset barang. 10. Untuk Text Field jumlah masukkan valuenya dengan script : <?php echo $_POST['jumlah'];?> seperti gambar berikut:

23 11. Untuk Text Field total_harga masukkan properties Valuenya seperti berikut: <?php echo $row_barang['harga']*$_post['jumlah'] ;?> 12. Pada panel Behaviours klik tombol plus (+), kemudian pilin Insert Record seperti berikut: 13. Maka akan tampil dialog Insert Record berikut:

24 14. Pada dialog di atas, Columns adalah field yang akan disimpan pada tabel jual di database. Value adalah isi dari Text Field yang akan disimpan pada tabel jual. Pastikan isi pada Columns sesuai dengan pada Value. 15. Kemudian klik tombol Browse untuk memilih file halaman yang akan dibuka setelah melakukan Insert data, maka akan tampil dialog berikut: 16. Pilihlah file validasibeli.php kemudian klik tombol Parameters, makan akan tampil dialog berikut: 17. Pada dialog Parameters, masukkan Name: kode_jual dan klik Hihglight pada Value, maka akan muncul dialog berikut:

25 18. Pilih field kode_jual pada Recordset (Kode_jual), kemudian klik OK. 19. Klik OK pada dialog Parameters.

26 20. Klik OK pada dialog Select a redirect file. 21. Klik OK pada dialog Insert Record. 22. Bukaah View Code kemudian carilah Script baris 43 di bawah ini, kemudian blok dan Copy. 23. Kemudian Replace script tersebut pada bari 50, hasilnya seperti berikut: 24. Save halaman di atas.

27 25. Untuk membuat link dari halaman konfirbrg.php, maka bukalah halaman konfirbrg.php, kemudian klik garis form kemudian pada Properties link, pada Action klik tombol pilih folder berikut: 26. Setelah di klik akan tampil dialog Select File berikut: 27. Pilihlah file konfirbeli.php, kemudian klik tombol Parameters, maka akan tampil dialog berikut:

28 28. Pada Name masukkan : kode_brg, kemudian klik highlight, maka akan tampil dialog berikut: 29. Pada Recordset barang, pilihlah field : kode_brg, kemudian klik OK. 30. Pada dialog Parameters klik OK.

29 31. Pada dialog Select File, klik OK. 32. Simpanlah file konfirbrg.php dan hasil preview dibuka dari halaman katalog.php seperti berikut:

30 9.7. Membuat Halaman Validasi Pembelian Pada halaman Validasi pembelian berfungsi untuk persetujuan jumlah barang dan jumlah pembayaran yang akan dilakukan oleh pelanggan. Langkah-langkah untuk membuat halaman validasi pembelian adalah sebagai berikut: 33. Buatlah halaman validasibeli.php seperti gambar berikut: 34. Pada bagian tengah masukkan: Teks Katalog : teks untuk link ke halaman katalogbrg.php Teks : Transaksi Pembayaran Barang Form - Tabel1 : Kode_jual : Text Field Tanggal : Text Field Username : Text Field - Tabel2 : field (No, Kode Barang, Jumlah, TotalHarga, dan Aksi) - Tabel3: totalbayar : Text Field, status : Text Field, Button : bayar 35. Buatlah Recordset : jual dengan isian parameter sebagai berikut:

31 36. Setelah klik OK, kemudian Masukkan record pada tabel sesuai dengan isi tabel seperti berikut: 37. Masukkan field record dari BINDINGS pada halaman yaitu: - Text Field kode_jual : Recordset(jual)- kode_jual - Kolom No : Recordset(jual)- no - Kolom Kode Barang : Recordset(jual)- kode_brg - Kolom Jumlah : Recordset(jual)- jumlah - Kolom Total Harga : Recordset(jual)- total_harga 38. Klik pada tag <tr> kemudian buat Repeat Region pada panel Server Behaviours. 39. Pada dialog Repeat Region setting-nya seperti berikut:

32 40. Kemudian klik OK. 41. Untuk Text Field tanggal masukkan Value : <?php echo date("y-m-d");?> untuk menampilkan tanggal dari sistem. 42. Untuk semua Text Field, Cek Read-only pada Propertiesnya. 43. Untuk mengisi Text Field total_bayar, buatlah Recordset : Total_bayar seperti berikut:

33 44. Klik tombol Advanced, kemudian ubahlah SQL menjadi berikut: 45. Klik OK, kemudian pada Text Field total_bayar masukkan BINDINGS dari Recordset(Total_bayar): totalbayar seperti berikut:

34 46. Untuk Text Field status, masukkan Value: bayar seperti berikut: 47. Untuk Text Field : username, masukkan Value pada Propertiesnya dengan teks : <?php echo $_SESSION['MM_Username'];?> 48. Save halaman tersebut. 49. Untuk menyimpan data pada tabel header_jual, maka pada panel Server Behaviours, klik tombol plus (+), kemudian pilih Insert Record seperti gambar berikut:

35 50. Pada dialog Insert Record, pastikan isinya sesuai dengan gambar di atas, kemudian klik tombol Browse, maka akan tampil dialog berikut: 51. Pada dialog Select a redirect file, pilih file katalogbrg.php, kemudian kli tombol Parameters, maka akan tampil dialog berikut: 52. Pada dialog Parameters, Isilah Name: jenis dan Value Kemudian klik OK.

36 54. Pada dialog Select a redirect file, klik OK. 55. Pada dialog Insert Record, klik OK. 56. Save halaman tersebut. 57. Blok teks Katalog untuk link ke halaman katalogbrg.php. 58. Klik link.

37 59. Pilih katalogbrg.php, kemudian klik tombol Parameters. 60. Klik OK, OK, dan OK Membuat Halaman Hapus Pembelian Untuk menghapus keranjang beli, langkah-langkahnya adalah sebagi berikut: 1. Buatlah halaman php baru dan simpan dengan nama file konfirhapusbeli.php, kemudian buatlah halamannya seperti gambar berikut: 2. Buatlah Recordset : Jual seperti gambar berikut:

38 3. Klik Ok, kemudian masukkan Semua Text Field yang sesuai field pada panel BINDINGS. 4. Blok teks Kembali kemudian buatlah link ke halaman validasibeli.php seperti berikut: 5. Pada kotak Select File, pilih validasibeli.php. 6. Klik tombol Parameters, maka akan tampil dialog berikut:

39 7. Pada dialog Parameters, masukkan Name: kode_jual, kemudian klik highlight pada Value. 8. Pilihlah kode_jual pada Recordset (Jual), kemudian klik OK. 9. Klik OK pada dialog Parameters.

40 10. Klik Ok pada dialog Select File. 11. Simpanlah halaman tersebut dengan nama file konfirhapusbeli.php. 12. Untuk menghapus data beli buatlah halaman php baru, kemudian save dengan nama hapusbeli.php 13. Pada panel Server Behaviours klik tombol Plus (+), kemudian Recordset : Jual 14. Maka akan tampil dialog Recordset seperti berikut:

41 15. Klik Ok, kemudian pada panel Server Behaviours klik tombol plus(+), pilih Delete Record. 16. Hasilnya akan muncul dialog Delete Record berikut:

42 17. Pada dialog Delete Record, klik tombol Browse, maka akan tampil dialog berikut: 18. Pada dialog Select a redirect file, klik tombol Parameters, maka akan tampil dialog berikut: 19. Pada dialog Parameters, islah Name : kode_jual, kemudian pada Value klik highlight, maka akan tampil dialog berikut:

43 20. Pada dialog Dynamic Data, pilihlah field kode_jual pada Recordset(Kode_jual), kemudian klik OK. 21. Pada dialog Parameters, klik OK. 22. Pada dialog Select a redirect file, klik OK.

44 23. Pada dialog Delete Record, Klik OK. Kemudi save halaman tersebut. 24. Bukalah halaman konfirhapusbeli.php untuk membuat link-nya. 25. Klik tombol folder pada Action, maka akan tampil dialog berikut: 26. Pada dialog Select File, pilih file hapusbeli.php, kemudian klik tombol Parameters, makan akan tampil dialog berikut:

45 27. Pada dialog Parameters, masukan: - Name : No Value: (pilih field no pada Recordset(Jual)) - Name : Kode_jual Value: (pilih field kode_jual pada Recordset(Jual)) 28. Klik OK, kemudian save file tersebut Membuat Restricting access pada halaman yang perlu login Menentukan halaman-halaman yang perlu login, diperlukan variabel session untuk mengakses halamanhalaman tersebut. Variabel session menyiapkan informasi pada user secara spesifik. Agar login dari user dapat berlaku pada semua halaman, maka diperlukan penambahan session pada setiap halaman. Langkah-langkah untuk penambahan session adalah sebagai berikut: 1. Bukalah halaman katalog.php, kemudian klik tombol plus (+) pada kiri atas panel Server Behaviors, dan pilih User Authentication > Restrict Access to Page.

46 2. Setelah di klik akan tampil kotak dialog sebagai berikut: 3. Pada kotak dialog Restrict Access to Page, pada Restrict based on: pilih username and password. 4. Pada "If access denied, go to" masukkan file login.php. Kotak tersebut akan memanggil ke halaman login.php apabila belum login. 5. Kemudian klik OK dan save katalog.php. 6. Ulangi langkah di atas untuk halaman-halaman yang perlu di tutup aksesnya seperti konfirbrg.php, konfigbeli.php, validasibeli.php, konfirhapusbeli.php, dan hapusbeli.php. TUGAS Buatlah halaman untuk menambah user baru!