Posting ini adalah lanjutan dari Posting sebelumnya. Oleh karena itu sebelum membaca posting ini, pastikan Anda telah membaca dan mengikuti artikel-artikel sebelumnya:
- Membuat Site Definition di Dreamweaver CS5, dan
- Membuat koneksi database PHP MySQL dengan Dreamweaver CS5
- Membuat CMS PHP MySQL Menggunakan Dreamweaver CS5, CS4, CS3 (Part 1)
- Membuat CMS PHP MySQL Menggunakan Dreamweaver CS5, CS4, CS3 (Part 2)
- Mendownload Source Code Part 2. Silakan di download di link ini.
Melindungi halaman admin dengan Username dan Password
Halaman website yang tersimpan dalam folder admin sifatnya adalah rahasia. Semua halaman hanya dapat diakses jika seseorang telah melakukan login dengan username dan password. Oleh karena itu Anda harus melindungi halaman-halaman admin tersebut.
Setiap aktivitas membuka file di halaman admin yang tanpa melalui login dengan username dan password yang benar, maka Anda akan dialihkan ke halaman login. Berikut langkah-langkahnya:
- Buka file admin.php dengan Dreamweaver Anda
- Klik Insert > Data Objects > User Authentication > Restric Access To Page. Jendela ini akan keluar, lakukan beberapa setingan berikut ini
- Restric based on: Username and Password
- If access denied, go to: login.php. Klik Browse lalu pilih file login.php. Ini artinya ketika halaman admin.php ingin Anda buka dan Anda belum melakukan login dengan username dan password yang benar, maka Anda akan dialihkan ke halaman login.php.
- Klik OK untuk menyelesaikannya. Lalu simpan hasil pekerjaan Anda
Lakukan ke-5 langkah di atas untuk melindungi seluruh halaman website yang tersimpan di folder admin, kecuali halaman login.php. Anda tidak harus melindungi halaman login.php dengan username dan password.
Menambahkan dan mengaktifkan link Log Out
Langkah selanjutnya adalah mengaktifkan link Log Out yang ada di halaman admin.php. Berikut adalah langkah-langkahnya.
- Buka file admin.php
- Cari dan seleksi (blok) tulisan Log Out yang berada di sudut kiri bawah sidebar halaman website Anda. Gunakan Design View untuk melakukannya. Di sana Anda akan menemukan tulisan Log Out dengan gambar merah beserta link berisi tanda kres (#).
- Klik Insert > Data Objects > User Authentication > Log Out User. Jendela Log Out User akan keluar lalu lakukan konfigurasi.
- Log Out when: Link Clicked
- When done, go to: login.php. Klik Browse lalu cari file login.php, ini artinya ketika proses Log Out berhasil dilakukan Anda akan dialihkan ke halaman login.php
- Klik OK untuk menyelesaiaknnya. Simpan kembali file Anda.
Lakukan ke-6 langkah di atas untuk menambahkan link Log Out ke seluruh halaman website yang tersimpan di folder admin, kecuali halaman login.php. Anda tidak harus menambahkan link Log Out pada halaman login.php.
Membuat halaman login (login.php)
Anda telah berhasil melindungi semua halaman website yang tersimpan dalam folder admin dengan username dan password (kecuali halaman login.php). Langkah selanjutnya Anda akan membuat halaman login dan mengaktifkannya. Bagian ini akan terdiri dari dua tahap, yaitu:
- Membuat form login
- Mengaktifkan form login
Membuat form login:
- Buka halaman login.php melalui Dreamweaver Anda.
- Di sana Anda akan menemukan tulisan “Form login di sini”. Hapus tulisan tersebut, di sana Anda akan membuat form login tersebut
- Klik Insert > Form > Form
- Klik Insert > Spry > Spry Validation Text Field. Jendela Input Tag akan muncul, lalu isi dengan data berikut ini.
- ID: username, lalu Label: Username:<br>. Lalu klik OK. Letakkan kursor Anda setelah text field, lalu tekan ENTER
- Klik Insert > Spry > Spry Validation Password. Jendela Input Tag akan keluar. Lakukan konfigurasi berikut ini
- ID: password, lalu Label: Password:<br>. Klik OK, letakkan kursor Anda setelah password field, tekan ENTER
- Klik Insert > Form > Button
- ID: submit, biarkan Label-nya kosong. Klik OK
- Klik tombol Submit tersebut, lalu Copy, letakkan kursor Anda di samping kanan dari tombol tersebut, lalu Paste
- Klik tombol Submit yang baru saja Anda Paste tadi, lalu melalui panel Properties ubah menjadi Reset form
- Simpan kembali hasil pekerjaan Anda.
- Mengaktifkan form login
Mengaktifkan form login
Langkah selanjutnya adalah mengaktifkan form login sehingga dapat digunakan dengan baik. Berikut adalah langkah-langkahnya:
- Pastikan file login.php masih Anda buka
- Klik Insert > Data Objects > User Authentication > Log In User. Jendela Log In User akan muncul. Lakukan konfigurasi seperti di bawah ini.
- Get input from form: form1
- Username field: username
- Password field: password
- Validate using connection: cms_blog, klik pop-up menu untuk memilihnya
- Table: users
- Username column: username
- Password column: password
- If login succeds, go to: index.php, ini artinya jika proses login Anda sukses dan benar, maka Anda akan dialihkan ke halaman index.php. Anda dapat mengklik Browse untuk mencari file index.php
- Beri tanda checked/centang pada pilihan Go to previous URL (If exists)
- If login fails, go to: login.php. Ini artinya ketika proses login Anda mengalami kegagalan, Anda akan dikembalikan ke halaman login.
- Klik OK untuk menyelesaiakannya. Simpan kembali pekerjaan Anda.
- Halaman login telah berhasil Anda selesaikan. Jika muncul jendela peringantan Copy Dependent File, klik OK saja
Membuat form tambah berita dan mengaktifkannya (add-news.php)
Anda telah dapat melindungi halaman admin dengan username dan password. Anda juga telah dapat menambahkan dan mengaktifkan link Log Out. Langkah berikutnya adalah bagian utama dari tutorial ini, yaitu aplikasi berita. Akan ada 3 tahap dalam hal ini, yaitu:
- Menampilkan data login, sehingga nantinya siapa yang melakukan posting dan edit berita akan terekam secara otomatis
- Membuat form tambah berita
- Mengaktifkan form tambah berita
Menampilkan data login (siapa yang melakukan login dan menampilkan detailnya) ==> Materi $_SESSION Variable
- Buka file add-news.php
- Klik Insert > Data Objects > Recordset. Jendela Recordset akan muncul
- Name: rsSession (ubahlah defaultnya yang semula Recordset1 menjadi rsSession)
- Connection: cms_blog
- Table: users
- Columns: All
- Filter: username
- Ubah URL Parameter menjadi Session Variable
- Ubah tulisan username menjadi MM_Username (perhatikan besar kecil huruf)
- Klik OK untuk menyelesaikannya.
- Simpan kembali hasil pekerjaan Anda.
BERSAMBUNG
Note: Tema yang lebih Advanced terkait dengan proses membuat CMS ini diajarkan dalam Kursus yang diselenggarakan oleh Java Web Media. Segeralah mendaftar untuk membuat CMS sendiri dengan lebih baik.
wah tanggung gan lanjutin lg donk nice post nih
Iya mas, masih sibuk banget nih. Segera diposting Part 4 nya deh…
Part 4 sudah keluar (Part 4 berisi cara membuat form tambah berita dan mengaktifkannya). Silakan dibuka…
kalo ada bukunya ane mau beli gan…
tutor dari agan bener2 recommended buat pemula…
Hey, login formna ketinggalan di upload
email login formna aja ya ke fahmi_zaki31@yahoo.com
Login form bukan lupa diupload Mas.
File login.php memang kosong, dan tugas mas adalah membuat form login tersebut dengan mengikuti tutorial yang diberikan dalam blog ini.
hey, login formna belom diupload tuh
upload ulang
file login.php cara bikin nya gimana?! dan file ditaruh dimana ya?
Silakan download Part 4 atau Part 5 mas.
Sukses selalu ya, ilmunya sangat bermanfaat. Mudah-mudahan sy bisa gabung di Depok bos.
Terimakasih. Selamat bergabung Mas.
Mas, User Authentication cuma berhasil untuk masuk index.php selanjutnya otomatis masuk ke login.php untuk nulis username dan password lagi untuk masuk ke link lain
Blog yg mencerahkan.. saya ingin menanyakan. Bagaimana menyembunyikan tulisan “logout” jika si pengakses belum login?? ataukah saya ketinggalan didalam blog ini… maklum saya baru menemukan blog ini. Salam dari Surabaya
Gunakan IF.
if(isset($_SESSION[‘MM_Username’])) {
// Tampilkan link logout
}else{
// Jangan tampilkan logout
}
script “gunakan IF” ini di tulis lg pd login.php, apa diedit pd “$_SESSION[‘MM_Username’] = $loginUsername;” dan cara buat script Tampilkan/tidaknya link logout gimana mas.thx
codingan yg ini disertakan dimana ya mas?
kenapa gx di bukuin aja kak tutorials nya…..?
Mas pengen tanya donk, yang form Admin Page itu kok edit dengan delete sama aja ya? klo klik delete cm bedanya kyk form edit Admin tp kosong, sintaxnya kurang atau apa? terima kasih.
gan cara bikin login.php nya gmn?
Silakan dibaca pada tutorial Part 1, 2, 3 dan 4 yah
file donlotnya kok ekstensinya .exe mas,, bisa minta link donlotnya yg lain mas ..
mas kalau loginya bisa pake email atau username caranya gimana?
sama aja kok, tinggal ganti kolomnya..
yang ngasoh tutorial ga ikhlas gada petunjuk gambarnya percuma…
Haha…gambarnya ada yg kehapus. Nanti diupload ulang
mas pada Klik Insert > Data Objects > Recordset. Jendela Recordset akan muncul
apa benar Jendela Recordsetnya muncul seperti ini?
Name: rsSession (ubahlah defaultnya yang semula Recordset1 menjadi rsSession)
Connection: cms_blog
Table: users
Columns: All
Filter: username?
saya udah berpuluh2 kali ngulang tetep gk ada jendela kyk gitu… yang ada cuma Name, Connection, SQL, dll..
form login nya kagak ada bang ???????
HAHA…Mas musti bikin sendiri… Kalo yg sudah jadi, download Part 4 aja yah
HAHA…Mas musti bikin sendiri… Kalo yg sudah jadi, download Part 4 aja yah mas
saya mau tanya ne, saya kan memakai DW cc ne, tp ngak ada data objectnya..
kalau database saya ada…
kalau boleh tahu, gimana supaya ada data objectnya..
terima kasih.
Silakan baca tutorial ini yah: http://javawebmedia.com/blog/mengaktifkan-fitur-server-databases-bindings-dan-behaviors-di-dreamweaver-cc/
permisi gan mau tanya ini kan ada source code yg harus di download terlebih dahulu, itu source code nya di download semua dulu trus digabungin atau gimana ya ??
maaf saya bingung
Silakan download saja lalu ikuti tutorialnya step by step
Thx bwat tutorialnya bang
mas link downloadnya mati
1. Buka file add-news.php
2. Klik Insert > Data Objects > Recordset. Jendela Recordset akan muncul
3. Name: rsSession (ubahlah defaultnya yang semula Recordset1 menjadi rsSession)
4. Connection: cms_blog
5. Table: users
6. Columns: All
7. Filter: username
8. Ubah URL Parameter menjadi Session Variable
9. Ubah tulisan username menjadi MM_Username (perhatikan besar kecil huruf)
10. Klik OK untuk menyelesaikannya.
11. Simpan kembali hasil pekerjaan Anda.
PAS SAYA SAVE DAN LIHAT HASILNYA GADA NAMANYA MAS GIMANA YAH?
SAYA UDAH IKUTI TUTORIALNYA, PLEASE DONG PENCERAHANNYA
DAN KETIKA SAYA COBA LANJUTANNYA YANG INI
Buka file add-news.php
Dengan menggunakan fitur Design View, letakkan kursor Anda sebelum tulisan “Add News:” lalu tekan ENTER. Kemudian ketikkan tulisan “Hai Nama Kamu, Anda berhasil login” lalu melalui panel Properties ubah formatnya yang semula Heading 2 menjadi Paragraph. (Anda juga bisa mengubahnya melalui Code View yang semula Hai Nama Kamu, Anda berhasil loginmenjadi Hai Nama Kamu, Anda berhasil login)
Lalu pada tulisan “Nama Kamu” ubahlah menjadi kode PHP seperti ini:
Simpan kembali file Anda. Anda telah berhasil menampilkan data login admin
TETEP GA MUNCUL NAMA ORG YANG SEDANG LOGIN!!!!!!!!!!
Ada beberapa kemungkinan salah:
1. Mas belum membuat proteksi halaman
2. Recordset yang mas buat salah. Harusnya MM_Username (lihat besar kecil huruf yah)
Un alt folosite și poprawianym sunt routere Juniper că software-ul
nostru Junos Perioada da poziție sistem confortabil și context.
Configurare a acestor routereProiectdistribui un linkextremsimplu, eu totuși mă nu fi familiarizat lasfaturi instrument sau în site-ul site-ului.
At the least it’s more instructive than one of the reality Television stars, kim who?
Joey what?
ini gimana gan ,, javascrip
nya ada dimana?? pa buat sendiri
Kok admin.php saya ada deprecated: mysql . . . . koneksiku.php on line 9
Terimakasih, artikelnya bermanfaat banget …
Kamu butuh tutorial yang menggunakan bahasa Indonesia? Pusing cari dimana? Kunjungi Kumpulan Tutorial Gratis Tutorial berbahasa Indonesia, yang bisa membantu kamu melakukan aktivitas sehari-hari