TUTORIAL DREAMWEAVER CS5 PART3 MEMBUAT HALAMAN LOGIN | TUTORIAL DREAMWEAVER CS5 PART3 MAKE PAGE LOGIN
Halaman login difungsikan untuk membatasi user dalam mengelola atau menggunakan suatu website. Misalnya halaman Admin yang berisi file atau data-data yang tidak boleh diketahui oleh user lain. Halaman login dilindingi dengan username dan password. Jika username dan password terisi dengan benar maka halaman akan di alihkan kehalan selanjutnya.Berikut langkah membuat halaman login.
Hal pertama yang harus di lakukan :
Buat database "dwcs5"
Buat tabel "users"
CREATE TABLE IF NOT EXISTS `users` (
`ID` INT(10) NOT NULL AUTO_INCREMENT,
`name` VARCHAR(64) NOT NULL,
`username` VARCHAR(64) NOT NULL,
`password` VARCHAR(64) NOT NULL,
`updated` TIMESTAMP NOT NULL DEFAULT CURRENT_TIMESTAMP ON UPDATE CURRENT_TIMESTAMP,
PRIMARY KEY (`ID`)
) ENGINE=MYISAM DEFAULT CHARSET=latin1 AUTO_INCREMENT=1 ;
INSERT INTO users VALUES("","indra","admin","admin","")
Langkah selanjutnya buatlah file php sebagai berikut : index.php, admin.php dan login.php
index.php
MEMBUAT LOG OUT USER
Sampai tahap ini akhirnya selesai juga Halaman login yang kita buat. sudah di uji coba dan berhasil untuk script lengkapnya silahkan download dibawah ini
Semoga bermanfaat,,,selamat mencoba..!!!
Buat tabel "users"
CREATE TABLE IF NOT EXISTS `users` (
`ID` INT(10) NOT NULL AUTO_INCREMENT,
`name` VARCHAR(64) NOT NULL,
`username` VARCHAR(64) NOT NULL,
`password` VARCHAR(64) NOT NULL,
`updated` TIMESTAMP NOT NULL DEFAULT CURRENT_TIMESTAMP ON UPDATE CURRENT_TIMESTAMP,
PRIMARY KEY (`ID`)
) ENGINE=MYISAM DEFAULT CHARSET=latin1 AUTO_INCREMENT=1 ;
INSERT INTO users VALUES("","indra","admin","admin","")
Langkah selanjutnya buatlah file php sebagai berikut : index.php, admin.php dan login.php
index.php
MEMBUAT HALAMAN ADMIN
admin.php
Pada halaman "admin" inilah kita akan melakukan pengaturan di dreamweaver
- Pastikan anda masih berada di halaman admin.php
- Buka menu insert > Data Object > User Authentication > Restrict Access to Page
- Restrict Base on : Username and Password
- If access denied, go to : login.php (klik Browse arahkan ke file login.php). Maksudnya ialah jika halaman admin ingin diakses maka akan dialihkan terlebih dahulu ke halaman login.
- Klik Ok
MEMBUAT HALAMAN LOGIN
Login.php
- Buka menu Insert > Form > Form
- Insert > Spry > Spry Validation Text Fied. Isikan ID : username, Label : Username.Klik OK, letakkan kursor Anda setelah password field, tekan ENTER
- Insert > Spry > Spry Validation Password. Isikan ID : password, Label : Password.Klik OK, letakkan kursor Anda setelah password field, tekan ENTER
- Insert > Form > Button.
- ID: submit, Label : Login Klik OK
- Buka menu Insert > Data Object > User Authentication > Log In Use. Nanti akan muncul sebuah form isikan data sebagai berikut
- Get input from form: form1
- Username field: username
- Password field: password
- Validate using connection: Koneksiku, 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 admin.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 LOG OUT USER
- Buka halaman admin.php
- Cari Tulisan Log Out
- Blog tulisan tersebut kemudian buka menu Insert > > Data Object > User Authentication > Log Out User. Akan muncul form.
- Ikuti Gambar dibawah ini.
Sampai tahap ini akhirnya selesai juga Halaman login yang kita buat. sudah di uji coba dan berhasil untuk script lengkapnya silahkan download dibawah ini
Semoga bermanfaat,,,selamat mencoba..!!!
