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