PEMBUATAN LOGIN DENGAN WIZARD

Yudi m.kom

Muhammad fauzi m.kom

 PEMBUATAN LOGIN DENGAN WIZARD
Apliaksi yang digunakan adalah

Adobe dreamweaver cs 6 dan appserv 8.6(windows 10 64 bit) atau

appserv 2.5.9 (untuk windows 7 32 bit)

Pertama – tama siapkan php mysql (buka dari browser lalu ketik localhost) dan login terlebih
dahulu, kemudian buatlah 2 buah field yaitu username dan password seperti dibawah ini :

Username dan password dengan properti sebagai berikut:

Setelah itu buka dreamweaver cs 6 dan buatlah rootsite seperti dibawah ini
Jika sudah buat rootsite kita bisa lanjut untuk membuat loginnya, jika belum anda bisa buka
modul dari pembuatan rootsite

Jika sudah buat rootsite pilih PHP

Maka tampilannya seperti ini

ini adalah bagian coding didreamweaver untuk membangun interface login,sebelum

membangun login ada beberapa syarat yang harus dikerjakan, pertama perhatikan tab disebelah
kanan(1) disitu terdapat 3 tab yaitu database, binding dan server behavior. Sebelumnya saya
jelaskan apaitu database, binding dan server behavior

database dalam dreamweaver memiliki fungsi berbeda dari fungsi umunya, didalam
dreamweaver database ialah koneksi yang dibuat untuk mengkoneksikan aplikasi dreamweaver
dengan database php mysql.

Binding hamper serupa dengan database tapi lebih spesifik yaitu suatu koneksi yang
menghubungkan aplikasi dreamweaver dengan table database.

Berbeda lagi dengan server behavior yang lebih merujuk dalam satu hal yaitu, mengkoneksikan
kinerja aplikasi dengan kinerja table database, koneksi ini diperuntukkan sebagai pembuatan
suatu event tertentu dalam pembangunan website seperti login dengan restrict access to page,
perulangan field untuk edit data, untuk pencarian data dll.

Kita lanjutkan pembuatan login, sebelumnya pastikan syarat koneksi database telah aktif seperti
dibawah ini

Syaratnya adalah 3 point sudah tercentang, lalu klik tanda + lalu pilih mysql connection maka
akan keluar jendela seperti dibawah ini
Isi jendela tersebut seperti dibawah ini

Connection name memiliki syarat penamaan. Jika anda melakukan penamaan connection untuk
membangun database diphp mysql , dildatabase, binding dan pembuatan website memiliki syarat
yg sama (berbeda saat buat rootsite).

Syaratnya adalah

1. Nama tidak boleh sama dengan penamaan sebelumnya

2. Tidak boleh menggabungkan huruf dan angka ( huruf besar + huruf kecil cth: p0t3n51)
3. Tidak boleh ada tanda baca
4. Jang gunakan spasi
5. Jangan menggunakan istilah inggris karna akan dianggap coding oleh system
6. Buat nama dalam penamaan singkat saja dan diperbolehkan dibuat secara acak seperti yg
saya lakukan diatas.

Lalu klik select untuk memilih nama database yg kita buat diphp mysql tadi

Klik nama database lalu ok dan ok lagi maka akan terbuatlah koneksi databasenya seperti ini
Lalu pilih binding dan klik tanda + lalu pilih recordset query

Maka akan keluar jendela seperti ini

Lakukan hal yg sama seperti mengisi database tadi untuk penamaan dan yang lain akan saya beri
contoh

Catatan: dikarenakan table yg anda buat masih satu, otomatis table login sudah masuk kedalam,
jika table yang anda buat atau yang sudah ada lebih dari 1 maka lakukan pemilihan dalam table
yang digunakan, karena dalam 1 database kita bisa membuat banyak table database.

Lalu klik ok maka binding akan berubah seperti ini

Nah sekarang kembali ke layar kerja, kita akan buat interface login dengan menubar insert

Dalam login kita memerlukan 2 buah textfield dan 2 buah tombol, buatlah dalam sebuah form
untuk mengaktifkan session loginnya

Klik insert > form > textfield

Maka akan keluar jendela ini

Isi labelnya dengan username lalu klik ok, jika ada peringatan add form tag pilih yes

Seperti dibawah ini

Maka hasilnya seperti ini

Lakukan hal yg sama untuk membuat password, lakukan pembuatan textfield password didalam
form, berikut dengan tombolnya, hanya saja untuk tombol tidak ada yang perlu diisi langsung
saja klik ok

Untuk merubah tulisan submit di tombol lakukan dibagian

properties bawah, sama halnya untuk merubah tombol jadi
reset seperti gambar disamping
Lalu simpan halaman tersebut dengan nama index.php

Lalu block keseluruhan form dengan cara arahkan kursor dan klik bagian bawah form agar lebih
mudah,block harus dilakukan dengan cara yang benar agar session berfungsi dengan baik.

Lalu masuk ke server behavior, klik tanda + >user authentication dan pilih log in user

Lalu akan keluar jendela seperti berikut ini dan isilah sesuai intstruksi

Hal pertama yang harus dirubah adalah ubah validate using connection sesuai database, lalu
otomatis akan mengisi bagian lain seperti table, username dan password colomn, jika tidak
otomatis berisi atau isinya beda karena table lebih dari 1 maka ubah table sesuai yang akan
digunakan untuk login, lalu isi if login success dengan nama home.php yg berarti jika login
berhasil akan pindah ke halaman home, dan isi index.php dibagian if login fails agar jika gagal
dalam login maka akan tetap dihalaman index.php dan mereset form kembali kosong. Lalu klik
ok. (keterangan ini untuk gambar dibawah)
Lalu buatlah halaman baru dan simpan dengan nama home.php untuk halaman berhasil login dan
isikan selamat anda berhasil login dan buat tulisan logout didalam halamnnya

Lalu jangan lupa untuk selalu menekan tombol control + s untuk menyimpan semua perubahan
yang anda lakukan.

Lalu block tulisan logout dan masuk ke server behavior, klik tanda plus > user authentication>
logout user
Akan keluar jendela seperti ini

Maka klik tombol browse dan arahkan ke halaman index.php

Login sudah bias digunakan.

Dan ingat jangan lupa untuk menekan tombol control + s untuk selalu menyimpan perubahan
yang anda lakukan terhadap halaman index dan home.php.

Sekian modul ini dibuat jika ada pertanyaan silahkan hubungi saya.