Admin – Assalamualaikum wr wb
Pada kesempatan kali ini saya akan memberikan tutorial cara membuat CRUD untuk website dinamis di dreamweaver CS5. Pada dasarnya tehnik membuat sebuah website dinamis dengan menggunakan PHP & MYSQL adalah Create yang artinya membuat (input), Read yang artinya baca (tampil/baca), Update yang artinya (Edit), dan Delete yang artinya (hapus). Untuk kali ini saya akan berbagi tutorial dasar website dinamis dengan tehnik Create dan Read. Bagi teman – teman yang masih belajar dalam proses pembuatan CRUD dengan Adobe Dreamweaver bisa simak dan ikuti tutorial dibawah ini :
- Langkah pertama adalah buka dreamweaver CS5 Lalu tekan tombo “ctrl+N” yang artinya membuat dokumen baru. Untuk doctype gunakan HTML 5 seperti gambar di bawah ini lalu “create” kemudian tekan tombol “ctrl+s” simpan kembali dengan nama “input-berita.php”
- Lalu pilih menu “insert” -> “Data Objeck” -> lalu pilih “Record Insertion form Wizard” seperti gambar di bawah ini
- Maka akan tampil seperti dibawah ini dan pastikan conection name adalah “dbbelajar” lalu Table “berita”
Maka akan tampil seperti dibawah ini :
- Lalu pada “After Inserting, go to” ketikkan “tampil-berita.php”
- kemudian pada id pilih remove item dengan meng klik icon ‘-‘ seperti gambar di bawah ini
- Lalu pada Field “isi” rubah Display As menjadi “Text Area” sama persis dengan gambar dibawah ini. Kemudia pada field “tanggal” remove item, sama seperti field “id” lalu pilih Ok (pastikan sesuai dengan gambar di bawah ini)
- Maka akan tampil seperti dibawah ini jika sudah di OK
- Pastikan slalu menekan “CTRL+S” pada setiap langkah untuk menyimpan agar program aplikasi dreamweaver berjalan normal.
- Lihat Properties Rubah Value “submit” ganti dengan “tambah berita” lalu copikan di samping kanan “tambah berita” rubah yang kanan dengan nama “batal” tapi pada Action Pilih “Reset Form”
- Klik Tabel tekan ”CTRL+ALT+SHIFT+C” untuk merubah ke sisi tengah atau center.
- Lalu pada Field pada table “gambar” klik saja kemudian klik kanan maka akan tampil seperti gambar di bawah ini
- Pilih edit tag <input>
- Ubah Type ke dalam File sama persis dengan gambar di bawah ini lalu pilih OK
- Untuk menjalankan program tekan F12. Maka akan tampil seperti gambar di bawah ini dan isi dengan nama kalian
- Lalu pilih Tambah berita Jika setelah kalian pilih tampil seperti gambar di bawah ini berarti kalian sukses dalam tahap awal membuat CRUD dalam membuat website dinamis.
Jika sudah tampil seperti pada gambar diatas berarti sudah berhasil. Terimakasih, Semoga Artikel ini bermanfaat.
