Cara Membuat Input Data Pada Web Dreamweaver CS6.

Untuk mengawalinya, kita akan memulai dengan Input Data.

Apa sih input data?  Bagai mana cara membuatanya? susah gak ya? kalo nanti gak berhasil bagaimana? 

Jawabannya simple. “Gak  Ada Yang Gak Mungkin”.


Input data merupakan suatu proses penginputan data kedalam form yang disimpan dalam sebuah database dan digunakan untuk keperluan informasi.

Dreamweaver CS6 adalah salah satu aplikasi yang memudahkan dalam pembuatan Website. Disini tidak harus mahir dalam pengkodean, karena sudah disediakan kemudahan-kemudahan dalam pemakaiannya. Baik dalam proses  input data, menampilkan data, menghapus data ataupun mengelola data dan ditampilkan kedalam bentuk website.


Baiklah,  tanpa panjang lebar, kita mulai tutorialnya.

Yang akan kita lakukan ialah membuat form input  terhadap data yang kita sediakan. Untuk itu yang harus disiapkan ialah  menyediakan database dan mengatur site definition pada DW CS6-nya.

Buat folder “latihan_web” pada C:\xampp\htdocs\latihan_web. Kemudian  jalankan Dreamweaver, XAMPP dan Browsernya terlebih dahulu.


1). Buat nama koneksi dengan cara berikut : pada panel Database > Klik tanda + > MySQL Connection. Isi formnya seperti gambar dibawah ini. Sebelum klik OK, Silahkan di Test terlebih dahulu. Jika Sukses, maka bisa dilanjutkan.

 2). Buat file input_mhs.php. dan atur halamannya seperti ini :

3). Pada menu Insert, Klik Data Object > Insert Record > Record Insertion From Wizard.

 4). Pada form Record Insertion, Atur seperti ini :

 5). Setelah di klik OK, maka tampilannya seperti gambar berikut.

 6). Buka tab baru pada Browser, Ketik localhost/latihan_web/input_mhs.php > Enter

 7). Ketika tombol INPUT ditekan, maka otomatis  data tersebut telah tersimpan di database. Silahkan cek di PhpMyAdmin.

 Bagaimana?  masih bingung?
Jika belum puas dengan panduan gambar diatas. Kami sediakan videonya.  Cekidottt    !!!

Sekian dulu.
Terima kasih sudah berkunjung  ^_^.

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s