Membuat Halaman Login Menggunakan PHP dan MySQL Tanpa Pesan Error ~ Tutorial Web Development Indonesia

Kalian ingin menguasai bahasa pemograman, disini saya sebagai orang yang telah berpengalaman dalam pembuatan bahasa pemograman seperti C++, C#, JSP, PHP & CI dan sekarang kerja di Perusahaan terbesar di Indonesia posisi Web Development Feature E-Commerce No 1 Indonesia wajib menguasai bahasa ASP & VB.Net. Yah benar sekali dua bahasa yang dioperasikan pada sistem Microsoft.

Tapi kali ini saya tidak akan membahas itu, mungkin Next Time If You Have Mastered The Language PHP and MySQL, maka saya baru akan membahas bahasa pemograman lainnya.

Disini saya akan menjelaskan untuk pertama kali tanpa basa basi membuat login secara detail dimana Function dan Syntax semua bakal Working untuk dijalankan, yang perlu dipersiapkan adalah template seperti gambar di bawah ini.

Gambar. Halaman login index

Saya telah menyiapkan template untuk anda sama persis seperti gambar diatas & semua download-an free buat anda karna ilmu wajib di share di kamus saya, karna saya tahu betapa susahnya belajar
otodidak dan ingin serba instant.

Klik link download berikut : http://www.4shared.com/rar/QN_PMMLmce/aspxinformation__1_.html

Setelah anda download lalu anda extract file tersebut, nama folder yang saya berikan adalah ‘aspxinformation’ jika nama berbeda maka berarti anda salah download hehe. Lalu Setelah anda masukan ke tempat penyimpanan anda, jika masih belum tahu cara akses file php di local baca artikel saya dibawah ini.

- Cara Menginstall XAMPP di Windows

- Cara Menjalankan File PHP dengan XAMPP

- Cara Mengatasi Apache Tidak Bisa Running di XAMPP

Setelah paham semuanya dari awal sampai benar-benar paham maka kita lanjut kelangkah pemograman/code. Kita harus perioritaskan di awal apa yang harus kita kerjakan untuk pertama kali, kebanyakan programmer pemula terlalu antusias atau semberono dalam pembuatan code ini itu di comot-comot copy paste dan seterusnya. Disini saya anjurkan untuk kalian semua yang baru terjun ke dunia ini harus paham untuk mengenai pembuatan code, seperti saya berikan folder kepada anda tadi, saya menyusun dengan rapi, dimana letak CSS, IMG, dan file PHP nya sendiri itu baru template belum jadi keseluruhan.

Ok langsung saja, buka file “index.php” pada folder aspinformation bisa menggunakan Notepad++ atau Dreamweaver, Saya menyarankan Anda untuk menggunakan Notepad++ dan memulai code dengan ketikan dengan tangan anda sendiri biar sekalian menghafal syntax dan mengerti apa yang anda buat dan ingat jika anda beneran ingin bisa menguasai bahasa pemograman jangan kebanyakan copy paste usahakan ketik dari awal.

Setelah anda buka maka langsung menuju ke sintak ini.

Disitu saya mengarahkan ke file baru yaitu “web_login.php” yang mana di syntax inilah kita akan memainkan keseluruhan code php untuk akses login. Jadi langkah selanjutnya anda membuat file baru berformat PHP. Jika anda masih belum tahu cara membuat file PHP sangat gampang. Bisa secara manual atau dalam Application Dreamweaver lihat artikel dibawah ini:

- Membuat file baru berformat PHP

Jika telah dibuat file tersebut kita akan mulai coding. Saya telah buatkan codingannya anda dapat copy atau seperti saran saya bisa mencoba mengetiknya dari awal sebagai bahan belajar Anda.

<?php
include("connection.php");
$user = $_POST['usernames'];
$pass = md5($_POST['passwords']);
if($user == '')
{
header("location:index.php?error=Nama pengguna harus diisi");
}else if($pass == '')
{
header("location:index.php?error=Kata sandi harus diisi");
}else
{
$a = "select * from all_user where Username = '$user' and Password = '$pass' and block = 'N' ";
$b = mysql_query($a);
$ketemu=mysql_num_rows($b);
if($rows = mysql_fetch_array($b))
{
if ($ketemu > 0){
session_start();
$_SESSION['usernames'];
$_SESSION["passuser"];
$_SESSION["leveluser"];
$_SESSION[usernames] = $rows[Username];
$_SESSION[passuser] = $rows[Password];
$_SESSION[leveluser] = $rows[level];
$_SESSION['id_all_admin'] = $rows['id_user'];
header("location:dashboard/");
}
}
else
{
header("location:index.php?error=Nama pengguna atau kata sandi anda salah.
Silahkan mencoba kembali");
}
}
?>

Code diatas cukup sederhana saya bilang karna masih ada pembuatan menggunakan bahasa PHP lebih expert lagi, jadi ini pun bisa anda gunakan untuk materi pembuatan website anda. Inti dari code diatas adalah pemvalidasikan apakah username dan password inputannya kosong, lalu apakah yang diinput ada pada database apa tidak jika tidak maka akan muncul pesan error. Dan ingat pada code “$_POST.....” itu mengambil dari syntax inputan yang ada di awal index.php karna dengan mangambil name inputan html akan mendapatkan nilai nya value yang diisi tinggal deklarasikan seterusnya untuk validasi dan pencocokan dalam database dengan menggunakan Query SQL Select * From. Saya menggunakan Session berguna untuk menampilkan Nama setelah login nanti dan untuk memblok hak akses yang mana User tidak boleh langsung menembak URL file php sebelum langkah awal login Contoh kita langsung menembak link “dashboard.php” yang mana file tersebut berisi data setelah login. Boleh dibuat boleh tidak tapi belum saya aljabarkan di artikel ini mungkin selanjutnya.

Langkah selanjutnya membuat database untuk bisa mengakses login, database yang kita gunakan disini adalah MySql jika kalian masih belum mengerti menggunakan MySql baca artikel berikut dibawah ini:

- Membuat database menggunakan MySql di Phpmyadmin localhost.

Kita buat dulu database baru dengan nama db_aspxinformation setelah buat pilih new buat table dengan nama “user_web” usahakan dengan huruf kecil semua yang mana berisi field sebagai berikut:

- id_user int(11) Primary Key

- Username varchar(100)

- Password varchar(100)

- Email varchar(100)

- DateIn datetime

- level varchar(20)

- block varchar(20)

Setelah selesai membuat databasenya anda setting dulu secara manual di bagian Menu INSERT otomatis akan ada kolom-kolom untuk mengisi isi field yang anda inginkan disini kita contohkan input sesuai user login kita, contoh penginputan.

Id_user : 1

Usernames : anggacaem

Passwords : qwert1234
(Disini harap ganti pada kolom Function di sebelah Type kosong menjadi MD5)

Email : anggacaem@information.com

Datein : 2016/03/03

Level : User

Block : N

Setelah mengisi anda save maka inputan data sukses secara manual. Lanjut ke dalam PHP, setelah file HTML awal untuk template jadi, lalu buat syntax PHP, database baru lanjut ke dalam langkah selanjutnya adalah membuat connection untuk menghubungkan file PHP dengan database kita dengan nama file "connection.php" letak didalamnya codenya cukup gampang lihat code dibawah ini.

<?php

$host = "localhost";

$pass = "";

$user = "root";

$db = "db_aspxinformation";

$connect = mysql_connect($host,$user,$pass);

If(!$connect) { echo "Gagal Melakukan Koneksi Karena : ".mysql_error(); }

Else { mysql_select_db($db); }

Jika anda belum mengerti dengan penjelasan diatas, silahkan baca artikel saya berikut:

- Cara menghubungkan PHP dengan Mysql

Setelah semua selesai maka kita coba membuka di browser ketikan “localhost/aspxinformation/” jika jalan tampil seperti gambar diatas paling awal otomatis anda berhasil download semua code dan menjalankan semua perintah saya dari awal tanpa ada kesalahan pada bagian ini. Lalu anda coba test validasinya untuk inputan kosong dan test juga inputan salah, jika pesan error muncul berarti anda telah berhasil menjalankan validasi di syntax PHP kita buat tadi. Baru langkah terakhir anda test untuk masuk sesuai username dengan password yang anda input manual tadi di MySql. Jika berhasil direct ke halaman “dashboard/” berarti anda sukses menjalankan sesuai JUDUL saya diatas dan isi dalam artikel saya keseluruhan.

Ok sampai sini saja jika masih ada yang belum jelas anda bisa menanyakan di Comment bawah insyaallah saya akan menjawab dengan cepat jika ada waktu dan tunggu pembelajaran dari saya tentang PHP Full Detail tanpa basa basi dan rumit lainnya. Karna saya telah mengalami nya sendiri dengan secara Otodidak ampe masuk ke perusahaan yang saya Idamkan. See you later guys.

Jangan lupa mampir ke channel Youtube saya. “Angga Alp” . ^_^ Happy Coding.