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. ^_^
8 komentar
komentarbagus informasinya saya coba dulu ya bos
ReplyMy blog
Gan saya coba kok login gagal ya? Sudah memasukan username dan pass nya "admin, admin"
ReplyItu mungkin ga cocok sma database nya, liat tutorial yg sebelumnya ga? Karena ini lanjutan, ato nonton vidio nya biar jelas.
Replyada referensi untuk aplikasi bengkel mobil gak? mohon pencerahanya
Replyom, tutorial pembuatan databasenya dimana om?
Replysilahkan cek disini
Replyhttp://projekwebku.blogspot.com/2015/12/bagian-2-cara-membuat-database-web.html#.WTpsGGjRWIo
projek web cara membuat halamat form cukup mudah karena di sertai gambar di setiap caranya..thanks
ReplyKunjungi website kampus saya http://www.atmaluhur.ac.id/
Kunjungi website saya https://hiko.mahasiswa.atmaluhur.ac.id