Labels

Minggu, 27 Mei 2012

TUTORIAL DREAMWEAVER CS5 PART3 MEMBUAT HALAMAN LOGIN

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 :
  1. Membuat Site Definition
  2. Membuat Koneksi database
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 HALAMAN ADMIN

admin.php 
Pada halaman "admin" inilah kita akan melakukan pengaturan di dreamweaver
  1. Pastikan anda masih berada di halaman admin.php
  2. Buka menu insert > Data Object > User Authentication > Restrict Access to Page
  3. Restrict Base on : Username and Password
  4. 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.
  5. Klik Ok

MEMBUAT HALAMAN LOGIN

Login.php
  1. Buka menu Insert > Form > Form
  2. Insert > Spry > Spry Validation Text Fied. Isikan ID : username,  Label : Username.Klik OK, letakkan kursor Anda setelah password field, tekan ENTER
  3. Insert > Spry > Spry Validation Password. Isikan  ID : password,  Label : Password.Klik OK, letakkan kursor Anda setelah password field, tekan ENTER
  4. Insert > Form > Button.
  5. ID: submitLabel : Login Klik OK
 Langkah selanjutnya yaitu :

  1. Buka menu Insert > Data Object > User Authentication > Log In Use.  Nanti akan muncul sebuah form isikan data sebagai berikut
  2. Get input from form: form1
  3. Username field: username
  4. Password field: password
  5. Validate using connection: Koneksiku, klik pop-up menu untuk memilihnya
  6. Table: users
  7. Username column: username
  8. Password column: password
  9. 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
  10. Beri tanda checked/centang pada pilihan Go to previous URL (If exists)
  11. If login fails, go to: login.php. Ini artinya ketika proses login Anda mengalami kegagalan, Anda akan dikembalikan ke halaman login.
  12. Klik OK untuk menyelesaiakannya. Simpan  kembali pekerjaan Anda.
  13. Halaman login telah berhasil Anda selesaikan. Jika muncul jendela peringantan Copy Dependent File, klik OK saja

MEMBUAT LOG OUT USER
  1. Buka halaman admin.php
  2. Cari Tulisan Log Out
  3. Blog tulisan tersebut kemudian buka menu Insert > > Data Object > User Authentication > Log Out User. Akan muncul form.
  4. 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..!!!
Related Posts Plugin for WordPress, Blogger...