9. Membuat Halaman Transaksi Penjualan

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.

9.1.

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.

Id_user

User_name

Kode_jual

password

tanggal

status

nama

total

alamat

login.php

katalogbrg.php

menampilkan menu belanja

menampilkan halaman login

menampilkan daftar barang yang akan dibeli

Database: Penjualan Tabel : users

Database: Penjualan Tabel : Barang, jenis_brg

Nama

Jenis

Jumlah

Harga

Jumlah

Harga

Id_user

Id_jual

home.html

Kode_brg

Kode_jual

Kode_brg

konfirbrg.php

konfirbeli.php

validasibeli.php

hapusbeli.php

menampilkan barang dan isi jumlah barang

menampilkan barang dan isi jumlah barang

menampilkan transaki pembayaran

menghapus jumlah beli barang

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



Tabel jenis_brg



Tabel users



Tabel jual



Tabel header_jual



Isi Tabel barang



Isi tabel jenis_brg



Isi tabel jual



Isi tabel header_jual

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. 2. 3.

Sebelum membuat halaman login ini, terlebih dahulu harus sudah disetting site dan koneksi database agar dapat digunakan pada halaman login ini. Bukalah halaman home.html sebelumnya kemudian pada menu file>Save As kemudian simpan pada folder belanja dengan nama file login.php. Hapuslah dan ubah isi pada bagian tengah untuk menambahkan login seperti gambar berikut:

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.

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:

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. 9.4. 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:

3.

4.

5.

Buatlah recordset : jenis_brg pada panel Server Behaviours dengan menekan tombol plus (+) maka akan tampil dialog seperti berikut:

Pada dialog Recordset isilah:  Name : jenis_brg  Connection : Penjualan  Table : jenis_brg  Columns : All  Filter : None  Sort : kode_jenis : Ascending Kemudian klik OK

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 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:

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.

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.

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:

18. Klik tag 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:

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.

3.

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:

Klik pada isian jumlah, kemudian set Propertiesnya sebagai berikut:

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:

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:

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.

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:

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:

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:

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 : seperti gambar berikut:

11. Untuk Text Field total_harga masukkan properties Valuenya seperti berikut:

12. Pada panel Behaviours klik tombol plus (+), kemudian pilin Insert Record seperti berikut:

13. Maka akan tampil dialog Insert Record berikut:

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:

18. Pilih field kode_jual pada Recordset (Kode_jual), kemudian klik OK.

19. Klik OK pada dialog Parameters.

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.

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. 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.

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

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:

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 kemudian buat Repeat Region pada panel Server Behaviours.

39. Pada dialog Repeat Region setting-nya seperti berikut:

40. Kemudian klik OK. 41. Untuk Text Field tanggal masukkan Value : menampilkan tanggal dari sistem.


echo

date("Y-m-d");

42. Untuk semua Text Field, Cek Read-only pada Propertiesnya.

43. Untuk mengisi Text Field total_bayar, buatlah Recordset : Total_bayar seperti berikut:

?> untuk

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:

46. Untuk Text Field status, masukkan Value: bayar seperti berikut:

47. Untuk Text Field : username, masukkan Value pada Propertiesnya dengan teks :

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:

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 01. 53. Kemudian klik OK.

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.

59. Pilih katalogbrg.php, kemudian klik tombol Parameters.

60. Klik OK, OK, dan OK. 9.8. 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:

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:

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.

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:

15. Klik Ok, kemudian pada panel Server Behaviours klik tombol plus(+), pilih Delete Record.

16. Hasilnya akan muncul dialog Delete Record berikut:

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:

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.

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:

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. 9.9. 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.

2.

Setelah di klik akan tampil kotak dialog sebagai berikut:

3. 4.

Pada kotak dialog Restrict Access to Page, pada Restrict based on: pilih username and password. Pada "If access denied, go to" masukkan file login.php. Kotak tersebut akan memanggil ke halaman login.php apabila belum login. Kemudian klik OK dan save katalog.php. Ulangi langkah di atas untuk halaman-halaman yang perlu di tutup aksesnya seperti konfirbrg.php, konfigbeli.php, validasibeli.php, konfirhapusbeli.php, dan hapusbeli.php.

5. 6.

TUGAS Buatlah halaman untuk menambah user baru!