Fans Page

Cara Membuat Form Login Di Dreamweaver

Armansyah 21:58:00

membuat form login di dreamweaver

Berikut Cara-cara nya :
  1.  Aktifkan Xampp.
  2. Buka Internet Explorer/firefox dan ketikan localhost/phpmyadmin.
  3. Buat Database dengan nama balajar (Creat New Database).
  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, caranya :
    - Klik “New” > “PHP” > “Create”
    -     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.
loading...
Tags:

Post a comment

42 Comments

  1. Unknown29 April 2014 at 09:31

    sangat bagus

    ReplyDelete
  2. Unknown21 May 2014 at 15:55

    bagai mana cara untuk membuat form registrasi ?

    ReplyDelete
  3. Armansyah27 May 2014 at 12:19

    #Ryan : sebenarnya cara dan konsep pembuatan form registrasi sama dengan form tambah. hanya saja anda hrs menambahkan beberapa field seperti nama, alamat jenis kelamin dll.
    tapi nnti saya buat deh postingan tentang form registrasi.

    #redaksi : makasih udah mampir di blog saya ini mas.

    ReplyDelete
  4. Unknown3 July 2014 at 17:32

    Masih kurang ngerti mas

    ReplyDelete
    Replies
    1. Armansyah5 July 2014 at 11:38

      kurang ngertinya di tahapan mana nya mas ? terimakasih.

      Delete
  5. runkirun22 November 2014 at 17:14

    mas, kalo DW itu bisa di gabungin dengan plugin bootstrap gak yah? saya browsing nemunya cuma cara menggunakan bootstrap, tapi cara menggabungkan DW dengan bootstrap gak nemu nemu. barangkali ada refrensinya mas, tolong emailkan ke irwandi.rudiawan@gmail.com

    trims yah..

    ReplyDelete
    Replies
    1. Armansyah24 November 2014 at 19:06

      cara memasukan plugin bootstrap sm aja dengan memasukan plugin lainnya di DW, coba anda copy code pluginnya lalu di tampilan designnya arahkan cursor di tabel atau form yang ingin anda letak,,lalu buka tampilan codenya coba pasekan za,
      biasa ditampila desig akan berantakan tpi bila dijalankan akan sesuai dengan tmpat yg kita inginkan.

      Delete
  6. Unknown5 December 2014 at 14:20

    Sanagat membantu.makasih bg.

    ReplyDelete
  7. Instant Website8 July 2015 at 17:24

    kolomnya dibuat lebih itu, ada ngubah yang lainnya ndak ya min?

    ReplyDelete
    Replies
    1. Armansyah8 July 2015 at 17:46

      tuk kolom sesuai dengan kebutuhan, kalau pun ada ditambahi misalnya tambah 1 tidak akan mempengaruhi. makasih.

      Delete
  8. bagus cahyo12 August 2015 at 14:46

    mas botton loginnya enggak jalan

    ReplyDelete
    Replies
    1. Armansyah12 August 2015 at 15:04

      @mas cahyo :untuk "if login succes, go to" sudah diarahkan enggak ke halaman login berhasil/halaman tujuannya? seperti misalnya ke halaman berhasil.php yang kita buat baru lagi. atau deteil enggak jalannya dimana mas, mgkn bisa saya bantu.

      Thanks.

      Delete
  9. Unknown17 September 2015 at 21:53

    bang tuh id pass nya apaan dah gua gak ngerti tolong bantu

    ReplyDelete
  10. Armansyah17 September 2015 at 22:10

    @ipan: no 13 itu maksudnya jika xampp kamu database nya dipassword kamu isikan passwordnya disitu. Biasanya waktu penginstalan xamppnya dikosongkan. Coba dikosongkan saja. terimakasih.

    ReplyDelete
  11. Unknown22 November 2015 at 22:31

    Gan mau tanya kalo mau ngilangin tabelnya aja gimana? tapi isinya masih ada . Tabelnya cuma mau buat ngeratain aja . Terima Kasih

    ReplyDelete
    Replies
    1. Armansyah24 November 2015 at 09:20

      di properties tabel, border isi dengan nilai 0 gan.jd garis tabelnya bakalan tidak nampak. caranya klik tabelnya, nanti bagian properties ada dibagian bawah lmbar kerja DM.

      kl sama sekali tdk mw pakai tabel langsung aja tanpa tabel bs kok, lgsg maen enter za untuk baris kebawahnya.tp jgn lupa form hrs tetap pakai gan.thnks

      Delete
  12. Unknown3 December 2015 at 10:51

    makasih gan, sangat membantu

    ReplyDelete
  13. Unknown19 January 2016 at 10:07

    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

    ReplyDelete
  14. katiputka25 January 2016 at 12:16

    maf mau tanya,misalnya ada halaman menu utama.kalo kita mau masuk halaman menu utama tetapi harus melalu menu login,proes pembuatannya sama ya? mohon penceraannya bang...

    ReplyDelete
    Replies
    1. Armansyah3 February 2016 at 10:48

      pembuatannya sama gan, hrs melalui login dulu, tetapi agar user tidak bs langsung masuk ke menu utama.agan harus membuat session.gmn caranya agan cr za di google cr memasang code session, krn sy blm sempat membuat tutorialnnya disini. smg membantu.thx

      Delete
  15. sunnug89@gmail.com24 February 2016 at 14:51

    Gan, Pas saya klik Application ko ga muncul Mysql nya?

    ReplyDelete
    Replies
    1. Armansyah25 February 2016 at 09:16

      klik "Aplication" terus tanda "+" terus Mysql Connection" gan.

      Delete
    2. Lutfi15 March 2016 at 09:53

      sama kaya kasus ku,ttp gak muncul

      Delete
    3. Armansyah15 March 2016 at 10:52

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

      Delete
  16. Unknown11 April 2016 at 19:34

    ka langkah 14 ko ga bisa ya -__-

    ReplyDelete
    Replies
    1. Armansyah16 June 2016 at 20:59

      cb aktifkan dl databasesnya di windows>databases. thanks.

      Delete
  17. Armansyah16 June 2016 at 20:59

    Mungkin bgi agan2 yang gak muncul mysql connection nya, hrs dimunculkan dl dari "windows > "Databases" (diceklisya) biar aktif. thanks.

    ReplyDelete
  18. Armansyah3 November 2016 at 21:20

    apakah halaman succes loginnya sudah terkoneksi ke tabel login mas?
    halaman login berhasil harus terkoneksi ke database dan tabelnya.
    cb mas cek mulai dari pembuatan database dan tabel, koneksi tabel ke hubung dbnya. terimakasi

    ReplyDelete
  19. Unknown17 November 2016 at 20:42

    pinter bngt anda mas

    ReplyDelete
  20. Alan Lionheart13 January 2017 at 11:34

    Hebat ... Tks

    ReplyDelete
  21. Unknown13 January 2017 at 22:05

    izin share pak

    ReplyDelete
    Replies
    1. Armansyah30 March 2017 at 20:28

      ok lanjutkan, tp jgn lupa mencantumkan sumbernya ya. trimakasih sdh mampir ke blogsy ini.

      Delete
  22. NmTorner9 April 2017 at 10:48

    Pak skalian posting buat reset pasword kalo swaktu-waktu admin lupa paswordnya. Jadi bisa di reset.. makasih pak postingannya sangat bermanfaat.

    ReplyDelete
  23. bahrowi purbowaseso10 April 2017 at 09:37

    trims infonya mas sangat berguna bagi saya pemula yang ingin belajar

    ReplyDelete
  24. Unknown11 July 2017 at 22:34

    Waktu mau atur textfield kok tampilan menunya lain ya pak? Ada yg salah atau versi softwarenya yg beda pak? Terimakasih

    ReplyDelete
  25. Firdaus Panggabean3 September 2017 at 22:46

    Knapa pas di langkah no 14 tidak bisa diklik username field
    Password field

    ReplyDelete
  26. Dawuh geboy25 February 2018 at 10:21

    Mas kenapa di langkah no.12 tanda + nya gk bisa di klik

    ReplyDelete
  27. Yohanes Stefanus Ola26 June 2018 at 15:26

    skalian posting buat reset pasword kalo swaktu-waktu admin lupa paswordnya. Jadi bisa di reset.. makasih pak postingannya sangat bermanfaat.

    ReplyDelete
  28. Unknown7 January 2019 at 14:57

    Bagus dan mudah dimengerti btw utk menengahkan form di tengah halaman caranya gimana ya thx

    ReplyDelete