.:: Jasa Membuat Aplikasi Website,Desktop,Android Order Now..!! | | Order Now..!! Jasa Membuat Project Arduino,Robotic,Print 3D ::.

TUTORIAL DREAMWEAVER CS5 PART3 MEMBUAT HALAMAN LOGIN

0 komentar


بِسْــــــــــــــــمِ اﷲِالرَّحْمَنِ اارَّحِيم
bismillaahirrahmaanirrahiim

السَّلاَمُ عَلَيْكُمْ وَرَحْمَةُ اللهِ وَبَرَكَاتُهُ
Assalamu'alaikum warahmatullahi wabarakatuh

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..!!!

Update Contact :
No Wa/Telepon (puat) : 085267792168
No Wa/Telepon (fajar) : 085369237896
Email : Fajarudinsidik@gmail.com
NB :: Bila Sobat tertarik Ingin membuat software, membeli software, membeli source code, membeli hardware elektronika untuk kepentingan Perusahaan maupun Tugas Akhir (TA/SKRIPSI), Insyaallah Saya siap membantu, untuk Respon Cepat dapat menghubungi kami, melalui :

No Wa/Telepon (puat) : 085267792168
No Wa/Telepon (fajar) : 085369237896
Email: Fajarudinsidik@gmail.com


atau Kirimkan Private messanger melalui email dengan klik tombol order dibawah ini :

ٱلْحَمْدُ لِلَّهِ رَبِّ ٱلْعَٰلَمِين
Alhamdulilah hirobil alamin

وَ السَّلاَمُ عَلَيْكُمْ وَرَحْمَةُ اللهِ وَبَرَكَاتُهُ
wassalamualaikum warahmatullahi wabarakatuh


Artikel TUTORIAL DREAMWEAVER CS5 PART3 MEMBUAT HALAMAN LOGIN, Diterbitkan oleh sourcecodeaplikasi1 pada Minggu, 27 Mei 2012. Semoga artikel ini dapat menambah wawasan Anda. Website ini dipost dari beberapa sumber, bisa cek disini sumber, Sobat diperbolehkan mengcopy paste / menyebar luaskan artikel ini, karena segala yang dipost di public adalah milik public. Bila Sobat tertarik Ingin membuat software, membeli software, membeli source code ,Dengan Cara menghubungi saya Ke Email: Fajarudinsidik@gmail.com, atau No Hp/WA : (fajar) : 085369237896, (puat) : 085267792168.

Tawk.to