perpus.pdf
TRANSCRIPT
R.202 / BKY - Maret 2014
1
Web Programming II
1. Buat database dengan nama “dbperpus_nim masing2”
Contoh: dbperpus_12059626
2. Buat Tabel Anggota dengan struktur sbb:
3. Buat file php baru di Dreamweaver, simpan dengan nama inputanggota.php. Simpan di
htdocs/wp2/perpus. Dan buat tampilan form nya seperti berikut ini:
a. Buat Tag Form dengan cara klik:
b. Lalu buat table dengan cara klik:
R.202 / BKY - Maret 2014
2
c. Untuk menggabung kolom/baris klik disini
d. Untuk menambahkan textbox ke table, klik
Lalu pilih OK.
Atur Properties nya:
Untuk nama Anggota:
TextField : txtnm_anggota
Char width : 50
Max Chars : 25
e. Untuk menambahkan Textarea ke table, klik. Lalu pilih OK.
TextField : tarea
Char width : 45
Num Lines : 5
R.202 / BKY - Maret 2014
3
f. Untuk menambahkan Radio Group ke table, klik.
Lalu buat seperti berikut ini:
g. Untuk menambahkan menu ke table, klik: Lalu pilih OK.
Klik List Values untuk menambahkan pilihan ke Menu
h. Untuk menambahkan tombol, klik: Pilih OK
Button name : simpan Button name : bersih
Value : Proses Value : Bersih
Action : Submit Form Action : Reset Form
R.202 / BKY - Maret 2014
4
i. Sehingga tampilan akhirnya seperti berikut ini:
j. Ganti title menjadi
4. Buat file php baru, simpan dengan nama koneksidatabase.php. Lalu isi dengan skrip
berikut ini: <? $koneksi=mysql_connect("localhost","root",""); mysql_select_db("dbperpus_12059626",$koneksi); ?>
5. Buat file php baru, simpan dengan nama simpananggota.php. Lalu isi dengan skrip
berikut ini: <? include "koneksidatabase.php"; mysql_query("insert into anggota values ('$txtid_anggota','$txtnm_anggota','$tarea','$rkelamin','$mnkelas')"); //echo "<h1>Data berhasil disimpan ...... </h1>"; echo "<script>window.location='tampilanggota.php'</script>"; ?>
6. Klik area form yang ada di file inputanggota.php. Lalu klik
Klik Code
Isi action pada form dengan nama simpananggota.php
R.202 / BKY - Maret 2014
5
7. Buat file php baru, simpan dengan nama tampilanggota.php. Lalu buat table dengan
tampilan akhir seperti berikut ini:
8. Buat definisi site baru, karena di table tersebut kita akan menampilkan dynamic data
(Record) dari table anggota.
Di Menu pilih Site � New Site � pilih tab Advanced.
Di Local Info Isi sbb:
Site Name : Isi Apa Saja. Contoh: Website Pribados
Local Root Folder : pilih folder tempat menyimpan file2 php kita
HTTP address : http://localhost/WP2/perpus
Sesuaikan dengan nama folder masing2.
Di Testing Server Isi sbb:
Server Model : PHP MySQL
Access : Local/Network
URL Prefix : http://localhost/WP2/perpus
Selanjutnya Klik OK.
9. Koneksikan dreamweaver dengan Database yang telah kita buat. klik
R.202 / BKY - Maret 2014
6
10. Berikutnya buat recordset, untuk menampilkan record di table tersebut.
Di Menu pilih Insert � Application Objects � Recordset
11. Lalu Drag n Drop field tersebut ke kolom yang sudah disediakan
12. Sehingga hasil akhirnya seperti berikut ini:
13. Agar semua record bisa tampil pada table, maka buat dulu Repeated Regionnya.
Pertama, seleksi dulu semua field yang ada pada table.
Kedua, Klik Menu Insert � Appilcation Objects � Repeated Region