Cara Membuat Form Tombol Pencarian Data Dengan Dreamweaver CS6.

ProjekWebKu : Selamat datang. Di tutorial Extra kali ini kita akan membahas mengenai cara membuat tombol pencarian data dengan menggunakan Dreamweaver CS6.  Bagi yang ketinggalan, silahkan pelejari dahulu Cara Membuat Form Penghapusan Data. Karena ini adalah kelanjutan dari tutorial lainnya.

Sistem informasi sangat dibutuhkan untuk banyak hal. Penyediaan data yang informatif sangat membantu dalam berbagai pemenuhan aktifitas seorang user. Untuk itu, pencarian data kerap kali dilakukan.

Itulah yang mendasari tutorial ini dibuat. Tombol pencarian yang tersedia pada sebuah program aplikasi atau website sangat membantu pengguna dalam mengakses sebuah data. Tombol ini dibuat untuk mempercepat proses pencarian sehingga bisa efisien dalam pemanfaatan waktu.

Pada tutorial ini akan membahas cara membuat tombol pencarian terhadap data yang telah dibuat pada tutorial sebelumnya. 

Jika sudah tidak sabar lagi. kita langsung ke TKP.

Jangan lupa aktifkan Dreamweaver, XAMPP dan Browser nya terlebih dahulu. 

1). Pada Dreamweaver, Buatlah file cari_mhs.php dan simpan di folder C:\xampp\htdocs\latihan_web

 2). Tambahkan aksesoris seperti gambar berikut. ( semoga gambarnya jelas .)

 3). Sehingga tampilannya seperti ini. Blok From nya dan ganti Method POST > GET  pada panel Properties yang biasanya ada di bawah layar .

 4). Pada menu Insert. pilih Data Object > Dynamic Data > Dynamic Table.

5). Akan muncul form seperti ini, Pada nomor 4 tidak tercentang. Hal ini menandakan bahwa kita belum membuat Recordset nya. Klik pada link nya untuk pengaturan. 

 6). Setting seperti gambar dibawah ini.

 7), Atur juga untuk tabel yang akan digunakan nantinya untuk menampilkan data .

 8). Maka Recordset akan tercentang.

 9). Ini adalah tampilan pada halaman cari_mhs.php.

 10). Sebagai tambahan. kita akan menyembunyikan tampilan tabel data dan akan muncul sesuai dengan data yang hendak dicari. untuk itu kita menggunakan fitur Show If Record Not Empty. Pertama blok tabel data.

 11). Selanjutnya pada menu Insert, pilih Data Object > Show Region > Show If Record Not Empty.

 12). Setelah itu, tentukan Recordset nya.

 13. Jika sudah, silahkan jalankan Browser nya dan buka file cari_mhs.php.  Karena kita hanya mencari data nama, maka ketiklah nama saja. kemudian tekan tombol CARI.

Sampai disini ada pertanyaan? 

Silahkan sampaikan di bagian komentar.

Simak juga tutorial versi videonya berikut ini.

Sekian dan terima kasih  ^_^.