Diberdayakan oleh Blogger.
RSS

Langkah langkah membuat buku tamu dengan dream weaver

Langkah-Langkah membuat buku tamu dengan dream weaver

a.    Membuat database buku tamu
Agar data-data buku tamu dari pengunjung bisa diubah, dihapus, diberi masukan baru dsb, maka diperlukan suatu database. Untuk membuat database, pada browser tadi masuklah ke link PHPMyAdmin / MySql.
Akan muncul form untuk memasukkan username dan password, secara default usernamenya adalah: root dan tanpa password, kemudian tekan tombol [ENTER] pada keyboard.

Setelah itu Anda akan masuk ke halaman utama PHPMyAdmin, buat database baru dengan nama pantai kemudian klik Create. Setelah database bukutamu berhasil dibuat, pada kolom sebelah kiri terdapat box database, pilih database bukutamu, Anda akan masuk ke bagian database pantai. Setelah membuat database, yang dilakukan selanjutnya adalah membuat tabel pada databe tersebut, caranya ketik bukutamu pada kotak Name, dan pada kotak Number of Fields ketik 5
Beri input pada masing-masing field dengan ketentuan seperti ini
Field    Type    Lebar    Keterangan
id    int    5    Auto Increment, primary key
Nama    Varchar    30   
Email    Varchar    40   
Alamat    Varchar    40   
Komentar    Text       
Sekarang Anda telah memiliki database dengan nama pantai dan tabel dengan nama bukutamu
a.    Koneksi database dengan file web
Agar file web buku tamu yang kita buat bisa mengakses database pantai pada tabel bukutamu, maka antara database dan file web perlu untuk disambungkan atau dikoneksikan, cara menyambungnya adalah pada panel sebelah kiri bagian Application, klik tab Database kemudian klik ikon + untuk membuat MySQL Connection

Setelah itu akan tampil konfigurasi MySql Connection, isikan nama koneksi, nama MySql server, username database, password database dan pilih database dengan cara menekan tombol Select. Sesudah itu klik OK

c. Membuat Recordset
Kegunaan recordset adalah untuk menampilkan field-field tabel database pada halaman web yang dibuat. Untuk membuat recordset, pada bagian panel Application, pindah ke tab Binding, kemudian klik ikon + Add recordset, isikan nama recordset, nama koneksi, nama tabelnya seperti gambar di bawah ini:


d. Menampilkan tabel dinamis bukutamu
Untuk menampilkan data-data isian buku tamu nantinya, perlu dibuat tabel bukutamu. Pada panel Insert, klik tab Application, pilih ikon Dynamic Tabel kemudian akan tampil jendela Dynamic Tabel, isilah seperti gambar di bawah ini:

Setelah itu, pada bagian editable region akan muncul tabel bukutamu dengan sendirinya. Ubahlah tampilannya sesuai dengan kebutuhan dan simpan filenya dengan nama misalnya: bukutamu.php
a.    Membuat form input buku tamu
Agar pengunjung bisa mengisi buku tamu, maka perlu disediakan form buku tamu , buatlah file baru dari template tadi dan beri nama dengan : isi_bukutamu.php kemudian buat recordset seperti cara di atas.
Setelah itu, buat area form untuk input buku tamu dengan cara masuk ke tab Forms pada panel Insert kemudian klik ikon form. Sesudah membuat area form, untuk mempermudah membuat input form, buat dulu sebuah tabel dengan rincian rows = 5, columns = 2, width = 450 pixel , border = 0, cellpadding = 2, cellspacing = 2.
Pada kolom sebelah kiri, untuk masing-masing sel isikan teks sebagai berikut:
Nama, Email, Alamat, Komentar.
Pada kolom sebelah kanan, isikan kotak form untuk masing-masing field dengan cara klik ikon text field pada tab Form untuk field Nama, Email, Alamat dan ikon text area pada field komentar. Ikon Button pada sel tabel paling bawah

Hasil dari pembuatan input form seperti di bawah ini:


Kemudian pada masing-masing input form beri nama pada panel property sesuai dengan namanya

f. Memasukkan input form ke bukutamu
Untuk memasukkan data yang dimasukkan user ke dalam table bukutamu database pantai, caranya adalah pada panel Application sebelah kanan, masuk ke tab Server Behaviours. Klik pada ikon + kemudian pilih insert record dan sesuaikan data seperti gambar di bawah ini:
oiya, jangan lupa juga, simpan nama file tersebut misalnya isi_bukutamu.php
Ya...gitu aja....mudah kan?....Semoga bermanfaat ya

  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • RSS

0 komentar:

Posting Komentar