Membuat Form Input Member dengan PHP dan MySQL

Contoh Kasus:

Saya ingin membuat Form Input Member seperti tampilan form dibawah ini:

Lalu setelah user selesai mengisi data dan menekan tombol Simpan maka data tersebut akan disimpan ke tabel member.

Pertanyaan:

Bagaimana membuatnya … ?

Jawaban:

Pembuatan Tabel

Buatlah satu tabel member dengan isi seperti dibawah ini:

Catatan:

Untuk pembuatan tabel diatas kamu bisa menggunakan phpMyAdmin selengkapnya kamu bisa baca artikel ini.

Pembuatan Form Input Member

Buatlah satu file HTML bernama form_input_member.html dengan isi seperti dibawah ini:

<table> 

<form  name=”ad_member” action=”insert_member.php” method=”post” enctype=”multipart/form-data”>
<tr>

<td>ID Member </td>    <td ><input name=”username”   type=”text”></td>

</tr>

<tr>

<td>Password</td>    <td><input type=”text”  name=”password”></td>

</tr>

<tr>

<td>Nama</td>    <td><input type=”text”  name=”nama”></td>

</tr>

<tr>

<td>Jenis Kelamin </td>   <td style=”text-align:center”><input type=”radio” name=”jkel” value=”L”>Pria<input type=”radio”  name=”jkel” value=”W”>wanita</td>

</tr>

<tr>

<td>E-mail</td>    <td><input type=”text”  name=”email”></td>  </tr>  <tr>    <td>No. Telpon </td>    <td><input type=”text”  name=”notelp”></td>

</tr>

<tr>

<td>Photo</td>    <td><input type=”file”   name=”photo”></td>  </tr>

<tr>

<td colspan=”2″ style=”text-align:center;”><input type=”submit” value=”Simpan” ></td>

</tr>

</form>

</table>

Keterangan:

  • <form name=”ad_member” action=”insert_member.php” method=”post” enctype=”multipart/form-data”>, Kode ini berarti saya akan mengirimkan data dari form ini ke file insert_member.php menggunakan metode post.
  • enctype=”multipart/form-data”, kode ini digunakan apabila dalam form tersebut kita akan mengupload file.

Membuat File Koneksi dari PHP ke MySQL

Buatlah satu file PHP bernama koneksi_mysql.php dengan isi seperti berikut ini:

<?php 

$server=”localhost”;
$user=”root”;
$password=””;
$database=”quiz”;

 

function koneksi_mysql(){

global $server, $user, $password, $database;

$koneksi_mysql=mysql_connect($server, $user, $password);

if(!$koneksi_mysql){

die(‘Koneksi ke Server MySQL gagal dikarenakan: ‘ . mysql_error());

}

$pilih_database=mysql_select_db($database, $koneksi_mysql);

if(!$pilih_database){

die(‘Pemilihan database gagal dilakukan karena: ‘ . mysql_error());

}

}

?>

Keterangan:

  • global $server, $user, $password, $database, Kode ini berarti saya membuat variabel $server, $user, $password dan $database bersifat global sehingga kita dapat mengambil nilainya dari dalam fungsi.
  • Untuk perintah mysql_connect() maka kamu bisa lihat detailnya disini.
  • Untuk perintah mysql_select_db() maka kamu bisa lihat detailnya disini.

 

Membuat File Penerima Data

Buatlah satu folder bernama ‘upload’ untuk menyimpan foto.

Buatlah satu file PHP bernama insert_member.php dengan isi seperti kode dibawah ini:

<?php 

include_once “koneksi_mysql.php”;

koneksi_mysql();

 

$username=$_POST[‘username’];

$password=$_POST[‘password’];

$nama=$_POST[‘nama’];

$jkel=$_POST[‘jkel’];

$email=$_POST[’email’];

$notelp=$_POST[‘notelp’];
$tgl= time();

$encrypt_password=md5($password);

if(isset($_FILES[‘photo’])){

if ( $_FILES[‘photo’][‘type’] == “image/jpeg” ) {

$source = $_FILES[‘photo’][‘tmp_name’];

$target = “./upload/”.$_FILES[‘photo’][‘name’];

move_uploaded_file( $source, $target );

$size = getImageSize( $target );

$imgstr = “<p><img width=\”$size[0]\” height=\”$size[1]\” “;

$imgstr .= “src=\”$target\” alt=\”uploaded image\” /></p>”;

}

}

 

 

$sql=”insert into member(id_member, password, nama, jenis_kel, email, notelp, lokasi_photo, tgl_input) values(‘$username’,’$encrypt_password’,’$nama’,’$jkel’,’$email’,’$notelp’,’$target’,’$tgl’)”;

$eksekusi_query=mysql_query($sql);

if(!$eksekusi_query){

die(“Query kamu salah dikarenakan:”. mysql_error());

}

?>

Keterangan:

  • $username=$_POST[‘username’]; Kode ini berarti saya menerima data kiriman dari form_input_member.html yaitu dari elemen form yang bernama ‘username’.
  • $tgl=time(); Kode ini berarti saya mengambil tanggal dalam satuan detik  dengan fungsi time().
  • $encrypt_password=md5($password); Kode ini mengenkripsi isi dari variabel $password menggunakan metode md5().
  • $_FILES[‘photo’], Kode ini digunakan untuk mengambil file yang diupload dari elemen form yang bernama ‘photo’, untuk keterangan lebih detail untuk mengupload file dalam PHP maka kamu bisa membacanya dalam artikel ini.
  • $_FILES[‘photo’][‘type’], Kode ini digunakan untuk melihat type dari file yang diupload.
  • $_FILES[‘photo’][‘tmp_name’], Kode ini digunakan untuk mengambil tempat file upload disimpan sementara.
  • $_FILES[‘photo’][‘name’], Kode ini digunakan untuk mengambil nama dari file yang diupload.
  • move_uploaded_file( $source, $target ), Kode ini berarti saya memindahkan file dari $source ke $target.
  • getImageSize( $target ), Kode ini digunakan untuk mengambil ukuran dari $target.

Hasil:

Buka file form_input_member.html melalui browsermu lalu isi datanya dan tekan tombol simpan maka tabel member akan terisi seperti terlihat pada gambar dibawah ini:

Jika tutorial ini bermanfaat silahkan katakan ‘Terima Kasih Fahmi Basya Kartapura‘.

You may also like...

1 Response

  1. dnluas says:

    Master, mohon copy yah… buat saya belajar…
    Masih NewBie…

    Terimakasih …
    ^_^

Leave a Reply

Your email address will not be published. Required fields are marked *