Membuat Website Dinamis Menggunakan Dreamweaver 8 (4)

Membuat Form Login

Setelah kita membuat koneksi PHP ke MySQL, langkah selanjutnya kita akan membuat form login untuk
admin, dimana apabila admin ingin mengisikan berita, maka dia harus melakukan login terdahulu. Untuk
lebih amannya proses login ini, maka kita akan menambahkan teknik session, yaitu teknik penyimpanan
variable di server.

Untuk lebih jelasnya, buatlah folder admin.

1. Selanjutnya buat sebuah form terlebih dahulu, kemudian di dalam form buat sebuah table dengan
3 baris dan 2 kolom. Buat 2 buah textfield untuk username dan password dan satu buah tombol
submit. Hasilya dapat dilihat pada gambar berikut.

2. simpan dengan nama index.php

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
server behavior. Selanjutnya klik User Authentication  Log In User

6. Maka akan tampil kotak dialog sperti gambar berikut.

 Isikanlah seperti gambar diatas.
7. Bila sudah klik tombol 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.

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 oleh
user 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.
 4. maka akan tampil kotak dialog seperti berikut:

5. Isikan seperti gambar diatas, lalu klik OK.

Maksud dari gambar diatas adalah jika username dan password tidak ada atau salah, maka file akan
langsung dialihkan ke file form login (index.php)

Membuat Link Untuk Menu Logout

1. Blok teks menu Logout, pada panel Application  Server Behavior, lalu klik tombol +
 2. Pilih User Authentication  Log Out User.
3. maka akan tampil gambar berikut

4. isikanlah data seperti pada gambar diatas. Lalu klik OK.

Membuat Menu Halaman kategori.php

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:

Maka akan muncul kotak dialog berikut.

Isilah sesuai dengan gambar diatas, lalu kilk OK.
5. Setelah binding table selesai, selanjutnya membuat record insertion form wizard.

Lalu akan tampil kotak dialog, isikan seperti gambar berikut.

Kemudian klik tombol OK, maka form untuk tambah data kategori sudah jadi.
Sekarang kita akan menampilkan data yang ada pada table kategori. Caranya sebagai berikut.
1. Buka kembali file kategori.php, kemudian lakukan binding pada table kategori.

Maka akan mucul kotak dialog, isikan seperti gambar dibawah.

Klik OK.
2. Kemudian buat Dynamic Table.
Klik menu Insert  Application Objects  Dynamic Data  Dynamic Table
 Kemudian muncul kotak dialog, isikan seperti gambar berikut.

Klik OK.
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.

Langkah Selanjutnya, kita kan menambahkan halama untuk mengedit kategori.

1. buka kembali file adminhome.php kemudian Save as… dengan nama editkategori.php.
2. buat binding table kategori pada halaman editkategori.php dan lakukan filter berdasarkan id.
Maka akan mucul kotak dialog, isikan seperti gambar dibawah.

Klik OK.
3. Selanjutnya buat sebuah form untuk update kategori. Caranya klik menu Insert  Application
Objects  Update Record  Record Update Form Wizard
Maka akan tampil kotak dialognya, isikan seperti pada gambar berikut;

Klik tombol OK.

4. Langkah selanjutnya kita akan membuat url parameter id yang akan kita cocokkan.
5. kembali ke file kategori.php, buat sebuah kolom baru untuk menampilkan teks Edit
6. 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:
 Hasil dari parameter akan seperti gambar berikut.

Klik OK

Langkah selanjutnya kita akan membuat fasilitas untuk menghapus kategori.

1. buat halaman baru, simpan dengan nama hapuskategori.php
2. Klik menu Insert  Application Objects  Delete Records, maka akan tampil kotak dialognya

Isikan data seperti pada gambar diatas. Lalu klik OK.

3. Buka file kategori.php, pada table tambahkan teks Hapus
4. kemudian berikan link pada teks hapus menuju file hapuskategori.php dengan parameter.
Pada parameter Name isikan id dan pada Value pilih field id_kategori pada recordset yang memuat
table kategori. Lihat gambar berikut:
Klik OK, OK lagi…
5. Lakukan ujicoba melalui web browser