TNY

Cara membuat form login dengan Macromedia Dreamweaver

Berikut Cara-cara nya :

1.      Aktifkan Xampp

2.      Buka Internet Explorer/firefox dan ketikan http://localhost/phpmyadmin/

3.      Buat Database dengan nama balajar (Creat New Database), lalu

4.      Buat tabel baru dengan name : login dan field : 2 lalu klik “Go” (Baca cara membuat database dan tabel Disini )

5.    Saya anggap anda sudah bisa membuat database dan tabel loginnya dengan membaca cara membuat databes diatas,

6.        Buka Macromedia Dreamweaver
7.    Buat Site Baca Disini.  Gunanya agar web yang kita buat disimpan di folder tersendiri.
8.    Buat Halaman Baru

a.    Klik “New” > “PHP” > “Create”

b.    Halaman Kosong (halaman seperti gbr berikut) :

 

9.   Buat Form dengan mengklik : Insert > Form > form

10. Buat tabel dengan 3 kolom dan 3 baris (cloum=3 dan rows = 3)

      Caranya klik Insert > table
    

11. Isi tabel tersebut seperti dibawah ini :

     

   kolom I = username (diketik)
   kolom II = titik dua (diketik)
   kolom III = textfield caranya klik insert > form > text field
   untuk textfield username : tuser

 

    untuk textfield password = tpass

   

   Baris ke III kolom I = button login caranya klik insert > form > button beri nama "login" pada properties  label.

  

12. Setelah selesai kita akan menghubungkannya ke database dan tabel loginnya (membuat halaman connection ).
      caranya : Pada tab Application klik  Databases > "+" > MySQL Connection
     

13. Isi seperti gabar dibawah ini 

    

   Ket :

   Connection name = hubungdb (nama koneksinya)

   MySQL server = localhost

   User name = root

   passwor = bosarman (terserah)

   Database Select = belajar (sesuai dengan nama database anda)

14. Selanjutnya klik tab Server Behaviours > "+" > User Authentication > Log In User

    

   Akan muncul kolom seperti ini :
  

   Ket :
   Get input from form = form1
   Username field = tuser
   Password field = tpass
   Validate using connection = hubungdb
   Table = login
   Username coloumn = username
   Password coloumn = password
   If login succeeds, go to = loginberhasil.php (ketikan) karna kita belum membuat halaman loginberhasil.php
   If login fals, go to = gagallogin.php (ketikan)

15. Lalu klik OK dan save dengan nama ="login.php"
16. Membuat halaman baru dengan nama "loginberhasil.php"

      caranya klik file > New > Php > Creat
17. Ketikan di lembar kerja "Hore..Login ku Berhasil
18. Save dengan nama "loginberhasil.php di C//:Xammp/htdocts/belajar (halaman loginberhasil anda selesai)
19. Buat halaman "gagallogin seperti langkah diatas, dan ketikan" Maaf Login Anda Salah"
    

20. Sekarang jalankan halaman login.php dengan menekan tombol "F12" hasilnya sbb :
    

Selesai.


 Nih gan buat yang butuh XAMPP bisa langsung dowload disini

Tony

20.06

0 response

Read More