Projek Web : Cara Membuat Halaman Form Login Admin Website Penjualan Dengan Dreamweaver CS6.

ProjekWebKu : Tutorial kali ini merupakan kelanjutan dari sebelumnya yang membahas tentang Cara Membuat Halaman Admin. Bagi yang belum tahu, sebaiknya dipelajari terlebih dahulu. 

Pada bagian ini kita akan membuat form login pada halaman admin. Apa sih fungsi form login ? seberapa penting form login bagi sebuah website ? jawabannya adalah sangat penting.

Yupss.. Form login merupakan sebuah gerbang masuk yang harus dilalui untuk bisa melihat isi dari sebuah website atau aplikasi.  Bagaikan sebuah rumah mewah yang terdapat barang-barang berharga didalamnya. bayangkan jika tidak ada gerbang pintu yang melindunginya. pasti akan mudah dimasuki oleh siapa saja. ya kan? Begitu juga dengan website.

Nah. itulah yang mendasari tutorial ini dibuat. Dengan menggunakan aplikasi pengolah website Dreamweaver. kita bisa dengan mudah membuat form login. 
Jika sudah siap. kita akan langsung ke TKP.
Sebelumnya aktifkan dulu Dreamweaver, XAMPP dan Browsernya.

1). Pada Dreamweaver, Buat sebuah file  php dengan nama index.php. dan simpan di folder : C:\xampp\htdocs\Projek_Web\admin
 2). Download source code nya DISINI , Dan tempatkan pada bagian yang sudah ditandai yaitu antara <body> dan </body>.
 3), Maka akan muncul hasilnya seperti ini.
 4). Buatlah file tambahan dengan nama login.php dan simpan di folder C:\xampp\htdocs\Projek_Web\admin
 5). Pada bagian halaman code. kosongkan dan ganti dengan source code BERIKUT.
6). Maka akan seperti ini hasilnya. Sebagai info,  file login.php ini akan dipanggil dan digunakan oleh form login untuk validasi data dengan database  sehinga bisa menentukan apakah cocok dengan database atau tidak.  jika cocok maka akan ke halaman admin, tetapi jika tidak, maka akan menampilkan halaman form login kembali. 
 7). Buat juga file tambahan lain. simpan dengan nama config.php dan tempatkan di folder : C:\xampp\htdocs\Projek_Web\admin. file config.php ini berfungsi sebagai tower koneksi dengan database. 
 8). Pada bagian code. kosongkan semua dan ganti dengan code BERIKUT.
 9). Buka tab baru di Browser. Ketik Localhost/projek_web/admin > Enter. Maka akan muncul halaman index admin yang menampilkan form login seperti ini.
10). Silahkan coba dengan username dan password sembarangan, jika muncul peringatan seperti ini, maka proses validasi berhasil, dan akses terhadap halaman admin ditolak. 

 11). Sekarang isi username dan password masing-masing dengan admin dan admin ( huruf kecil ) kemudian tekan tombol login. jika muncul seketika tulisan "sukses" . maka proses login berhasil dan halaman admin akan muncul

Jika masih bingung, kamisediakan tutorial versi videonya disini.  Cekidoottttt


Sekian dulu ya.  ^_^

Share this

Related Posts

Previous
Next Post »

8 komentar

komentar
28 Desember 2016 pukul 07.16 delete

bagus informasinya saya coba dulu ya bos
My blog

Reply
avatar
6 Januari 2017 pukul 01.04 delete

Gan saya coba kok login gagal ya? Sudah memasukan username dan pass nya "admin, admin"

Reply
avatar
6 Januari 2017 pukul 06.16 delete

Itu mungkin ga cocok sma database nya, liat tutorial yg sebelumnya ga? Karena ini lanjutan, ato nonton vidio nya biar jelas.

Reply
avatar
10 Februari 2017 pukul 01.52 delete Komentar ini telah dihapus oleh pengarang.
avatar
18 Februari 2017 pukul 02.22 delete

ada referensi untuk aplikasi bengkel mobil gak? mohon pencerahanya

Reply
avatar
19 April 2017 pukul 09.37 delete

om, tutorial pembuatan databasenya dimana om?

Reply
avatar
9 Juni 2017 pukul 02.37 delete

silahkan cek disini
http://projekwebku.blogspot.com/2015/12/bagian-2-cara-membuat-database-web.html#.WTpsGGjRWIo

Reply
avatar
11 Oktober 2018 pukul 21.17 delete

projek web cara membuat halamat form cukup mudah karena di sertai gambar di setiap caranya..thanks
Kunjungi website kampus saya http://www.atmaluhur.ac.id/

Kunjungi website saya https://hiko.mahasiswa.atmaluhur.ac.id

Reply
avatar