LANGKAH I
PERSIAPAN PEMBUATAN TABEL
Mulai Dari tutorial ini akan dijelaskan bagaimana cara Membuat Website Dinamis
Menggunakan Dreamweaver.
Untuk lebih mudahnya anda bisa menginstall XAMPP yang sudah berisi Apache,
PHP, dan MySQL dalam satu paket. Dan XAMPP ini bisa didownload gratis. Cara
menginstall dan Menggunakan XAMPP bisa ada lihat di install xampp.
Sebelum melagkah lebih jauh, perlu kita batasi dahulu, bahwa website dinamis yang
akan kita buat adalah website berita yang menampilkan berita secara up to date dilengkapi
halaman administrator untuk input berita.
Membuat Database
Langkah pertama yang perlu kita lakukan adalah membuat database di MySQL
menggunakan tool PHPMyAdmin. Tabel yang kita perlukan hanya table kategori, table
berita dan table user saja, berikut struktur tabelnya.
Tabel kategori
Tabel berita
Tabel User
Setelah database dan table yang kita rancang dibuat di phpmyadmin, langkah
selanjutnya menyiapkan website dinamis di Dreamweaver 8.
LANGKAH II
Menyiapkan Pembuatan Site Yang Bertugas Sebagai Server Local
Klik menu Site New Site, sehingga akan muncul jendela sebagai berikut:
Isikan nama site pada bagian Site Name, folder menyimpan file pada bagian Local
root folder, folder untuk menyimpan gambar pada bagian Default images folder, dan
alamat http pada HTTP Address seperti pada gambar diatas.
Klik pada Category Remote Info, lalu isikan pada bagian-bagian seperti pada
gambar berikut:
Klik pada Category Testing Server, lalu isikan pada bagian seperti pada gambar
berikut:
Klik tombol OK. Setelah persiapan website dinamis selesai, maka pada panel Files
akan tampak seperti berikut.
LANGKAH III
MEMBUAT KONEKSI PHP DAN MYSQL DI DREAMWEAVER
Connection Name : Diisi dengan nama koneksi, akan lebih baik bila disesuikan
: dengan nama project
MYSQL Server : localhost
User Name : root (sesuai dengan user database MYSQL anda)
Password : Password anda
Databases : Pilih database-nya
4. Nah sampai pada langkah ini anda berhasil membuat konfigurasi koneksi dengan database
MYSQL, untuk lebih meyakinkan klik tombol Test, kalau muncul Connection was made
succesfully. berarti koneksi sudah berhasil, tapi kalau tidak berarti ada kesalahan dalam
settingan databasenya. Kemudian klik OK. Nama koneksi yang anda buat akan muncul dalam
Databases (seperti gambar di bawah).
LANGKAH IV
MEMBUAT FORM LOGIN
Setelah kita membuat koneksi PHP ke MySQL, langkah selanjutnya kita akan membuat form
login untukadmin, dimana apabila admin ingin mengisikan berita, maka dia harus melakukan login
terdahulu. Untuklebih amannya proses login ini, maka kita akan menambahkan teknik session, yaitu
teknik penyimpananvariable di server.
3. Buat file adminhome.php yang akan berfungsi sebagai tujuan apabila proses login berhasil.
4. Kembali ke file index.php untuk mengaktifkan form ini agar berfungsi dengan baik.
5. Pada panel Application, klik tab Server Behavior lalu klik tombol + (plus) untuk menambahkan
7. Kemudian Klik OK
8. Kita perlu membuat beberapa perubahan kode pada form login. Ubah skrip berikut
$password=$_POST['password'];
Pada baris 45 menjadi seperti berikut:
$password=md5($_POST['password']);
Hal ini bertujuan untuk mengirim password yang terenkripsi menggunakan md5 hashing.
9. Simpan perubahannya. Sekarang kita dapat mengujinya di browser.
LANGKAH V
MEMBUAT HALAMAN ADMINISTRATOR
Setelah form login selesai dibuat, langkah selanjutnya membuat halaman administrator.
Berikut sketsa halaman administrator yang akan kita buat.
HEADER
HOME KATEGORI BERITA BERITA BUKU TAMU LOGOUT
CONTENT
FOOTER
Lakukan proteksi terhadap file adminhome.php, karena halaman administrator hanya bisa
diakses olehuser terdaftar apabila username dan password pada form login benar. Langkah-langkah
proteksi file adminhome.php sebagai berikut:
1. Buka file adminhome.php
2. Klik Panel Application Server Behavior, lalu klik tombol +
3. Pilih User Authentication Restrict Access To Page
LANGKAH VI
MEMBUAT LINK UNTUK MENU LOGOUT
1. Blok teks menu Logout, pada panel Application Server Behavior, lalu klik tombol +
LANGKAH VII
MEMBUAT HALAMAN KATEGORI
File kategori.php berfungsi sebagai fasilitas untuk manajemen kategori berita.Tahap pertama kita
akan membuat link untuk menambahkan kategori baru dalam database, kita akan menggunakan Record
Insertion Form Wizard untuk melakukan hal tersebut.
1. Buka file adminhome.php, lalu simpan ulang [ klik menu File Save as ] dengan nama
kategori.php
2. Berikanlah link baru untuk menuju halaman penambahan kategori baru.Link-nya adalah
newkategori.php, selanjutnya buat file baru newkategori.php.
3. Beralihlah ke file newkategori.php.
4. Pada panel Application, binding table kategori pada database dinamis dengan langkah sbb:
5. Setelah binding table selesai, selanjutnya membuat record insertion form wizard.
Kemudian klik tombol OK, maka form untuk tambah data kategori sudah jadi.
LANGKAH VIII
MENAMPILKAN DATA PADA TABEL KATEGORI
1. Buka kembali file kategori.php, kemudian lakukan binding pada table kategori.
Dynamic Table
Sekarang silahkan coba untuk mengisikan sebuah kategori baru, maka secara otomatis
tercipta kategori baru dalam database, dam kategori tersebut akan ditampilkan pada halaman
kategori.php.
3. Selanjutnya buat sebuah form untuk update kategori. Caranya klik menu Insert Application
Maka akan tampil kotak dialog, isikan seperti pada gambar berikut Klik OK
1. Langkah selanjutnya kita akan membuat url parameter id yang akan kita cocokkan.
2. Kembali ke file kategori.php, buat sebuah kolom baru untuk menampilkan teks Edit
3. Pada teks edit berikan link ke editkategori.php dan berikan parameter.Pada parameter Name isikan
id dan pada Value pilih field id_kategori pada recordset yang memuat table kategori. Lihat gambar
berikut:
Kemudian klik OK