Thursday 16 October 2014

Membuat Form Input dan Output Sederhana dengan PHP dan MySql berbasis OOP

Notebook / Laptop Hybrid Intel Core i5
Kali ini saya akan coba berbagi sedikit pengetahuan saya buat temen-temen yang lagi belajar programming, postingan kali ini agak mirip dengan postingan sebelumnya yang bahas tentang Cara Membuat Form Pendaftaran Anggota Dengan PHP & MySql, sebenarnya logika programnya sama, cuman struktur kodenya beda, kali ini kita akan buat dengan yang sudah berbasis OOP (Object Oriented Programming). Untk mempersingkat waktu kita langsung ketopik yah, simak langkah-langkah berikut.

Pertama Kita harus buat databasenya dulu, pada postingan kali ini databasenya saya kasi nama "dtms", selanjutnya kita buat tabel didalam database "dtmhs" tadi, untuk penamaan tabel kali ini saya kasi nama "mhs"kalian bisa saja pake nama yang lain, tapi kalo ngga pengen bingung gonta-ganti kode koneksinya saya sarankan mengikuti nama yang ini.

Struktur tabel
Langkah selanjtnya membuat file inputnya untuk design input yang saya buat kali ini bisa dilihat dari screenshoot dibawah ini.

Form Input
Untuk membuat design seperti diatas silahkan copy dan simpan script dibawah ini dengan nama "inputmhs.php", oiya pada form input kali ini beda dengan yang sebelumnya, karena pada postingan ini form yang saya gunakan sudah menggunakan HTML5, jadi dengan HTML5 form kita tidak butuh javascript validation, soalnya form dengan HTML5 ini sudah mempunyai validasi sendiri, kemudian simpan dalam satu folder.

inputmhs.php

<style>
#input_form{
background:#transparent;
border:1px solid #ccc;
margin:auto;
width:510px;
padding:6px;
border-radius:3px;
border-bottom:4px solid #444;
}
.texbox{
height:30px;
border:1px solid #ccc;
}
</style>

<script type="text/javascript">
function HanyaAngka(evt)
{
var charCode = (evt.which) ? evt.which : event.keyCode
if (charCode > 31 && (charCode < 48 || charCode > 57))
return false;
return true;
}
</script>

<div id="input_form">
<h3 align="center">INPUT DATA MAHASISWA</h3>
<form action="simpan_mhs.php" method="POST">
<table>
<tr><td>Nim :</td><td><input type="text" name="nim" id="nim" class="texbox" size="25px" placeholder="Masukkan Nim" required="required" ></td></tr>
<tr><td>Nama :</td><td><input type="text" name="nama" id="nama" class="texbox" size="25px" placeholder="Masukkan Nama" required="required"></td></tr>
<tr><td>Alamat :</td><td><textarea cols="45" rows="7" name="alamat" class="texarea" id="alamat" size="15px" placeholder="Masukkan Alamat" required="required"></textarea></td></tr>
<tr><td>Telepon :</td><td><input type="text" name="notelp" id="telp" class="texbox" size="25px" placeholder="No Telepon" required="required" maxlength="12" onKeyPress="return HanyaAngka(event)"></td></tr>
<tr><td>Jenis Kelamin :<td colspan="2"><input type="radio" name="jekel" id="jekel" class="" value="pria" required="required">Pria <input type="radio" name="jekel" value="wanita">Wanita</td></tr>
<tr><td>Agama :<td><select placeholder="Pilih Agama" name="agama" id="agama">
<option selected="selected">--PILIH AGAMA--</option>
<option value="kristen">KRISTEN</option>
<option value="islam">ISLAM</option>
<option value="hindu">HINDU</option>
<option value="buddha">BUDDHA</option>
<option value="konghucu">KONGHUCU</option>
</td></tr></select>
<tr><td colspan="2"><input type="submit" name="simpan" value="SIMPAN"><input type="reset" name="reset" value="BATAL"></td></tr>
</table>
</form>
</div>


Kemudian kita buat file koneksinya, file ini nanti fungsinya untuk menghubungkan ke database yang sudah dibuat, silah copy script dibawah ini dengan nama "koneksi.php" dan simpan satu folder dengan file sebelumnya.

koneksi.php
<?php

error_reporting(E_ALL ^ (E_NOTICE | E_WARNING));

class database {

    private $host="localhost";

    private $user="root";

    private $pswd="";

    private $db="dtmhs";

    var $koneksi;

 

           function koneksiMysql()

           {

              $this->koneksi=@mysql_connect($this->host, $this->user, $this->pswd);

              mysql_select_db($this->db) or die ("Database Tidak Ditemukan");



    }

}

?>

Selanjutnya kita harus buat prosesnya, karena kali ini bahsanya sudah berbasis OOP disini kita akan menggunakan fungsi class, dimana nanti semua proses akan diarahkan ke file ini, mulai dari input, edit, delete dan sebagainya, kelebihan menggunakan class adalah pada tahap pengembangannya nanti, selain struktur kodenya lebih rapi ini juga akan memudahkan programmer lain untuk mengcustom script sesuai kebutuhan jika nanti mengerjakan project besar. Silahkan copy dan simpan script dibawah dalam satu folder dengan file sebelumnya, simpan dengan nama "cMhs.php", perhatikan hurup besar kecilnya, jangan dibedakan karena itu sangat sensitif.

cMhs.php

<?php
require("koneksi.php");

class mahasiswa{

private $koneksi,$nim,$nama,$alamat,$notelp,$jekel,$agama;
private $insert, $update;

public function getNim()
{
return $this->nim;
}
public function setNim($nim)
{
$this->nim=$nim;
}

public function getNama()
{
return $this->nama;
}
public function setNama($nama)
{
$this->nama=$nama;
}


public function getAlamat()
{
return $this->alamat;
}
public function setAlamat($alamat)
{
$this->alamat=$alamat;
}

public function getNotelp()
{
return $this->notelp;
}
public function setNotelp($notelp)
{
$this->notelp=$notelp;
}

public function getJekel()
{
return $this->jekel;
}
public function setJekel($jekel)
{
$this->jekel=$jekel;
}

public function getAgama()
{
return $this->agama;
}
public function setAgama($agama)
{
$this->agama=$agama;
}
public function getTampil()
{
$sql="SELECT * FROM mhs order by nim asc";
$koneksi=new database();
$koneksi->koneksiMysql();
$query=mysql_query($sql) or die("koneksi gagal");
return $query;
}
public function getInsert(){
$insert=false;
$sql="INSERT into mhs values('".$this->getNim()."', '".$this->getNama()."', '".$this->getAlamat()."', '".$this->getNotelp()."', '".$this->getJekel()."', '".$this->getAgama()."')";
$koneksi=new database();
$koneksi->koneksiMysql();
$query=mysql_query($sql) or die("Koneksi Gagal");
if ($query){
$insert=true;
}
return $insert;
}

}
?>


Kemudian kita membuat file actionnya, filenya ini nanti fungsinya sebagai action dari form input yang kita buat tadi, copy script ini simpan dengan nama "simpan_mhs.php" dan simpan dalam folder yang sama.

simpan_mhs.php
<?php
require("cMhs.php");
$nim=$_POST['nim'];
$nama=$_POST['nama'];
$alamat=$_POST['alamat'];
$notelp=$_POST['notelp'];
$jekel=$_POST['jekel'];
$agama=$_POST['agama'];

$mhs=new mahasiswa();
$mhs->setNim($nim);
$mhs->setNama($nama);
$mhs->setAlamat($alamat);
$mhs->setNotelp($notelp);
$mhs->setJekel($jekel);
$mhs->setAgama($agama);

$hasil=$mhs->getInsert();
if($hasil){
echo'<script>alert("DATA TERASIMPAN");
document.location="tampil.php";</script>';
}
else{
echo'<script>alert("GAGAL");
document.location="inputmhs.php";</script>';
}
?>


Langkah terakhir adalah membuat file output atau tampilannya, untuk file opuput kali ini saya design sederhana saja seperti screenshoot dibawah ini.
Output


Silahkan copy script dibawah ini dan simpan dengan nama  "tampil.php" dan simpan dalam folder yang sama dengan file yang lain.

tampil.php
<style>

#anggota{

  background:#transparent;

  border:1px solid #ccc;

  margin:auto;

  width:610px;

  padding:4px;

  border-radius:3px;

}

.tabel{

    border:1px solid #ccc;

}

#tr{

    border:1px solid #ccc;

    background:#444;

    color:fff;

    padding:12px;

    text-align:center;

}

</style>



<div id="anggota">

<p align="center">&raquo;DAFTAR NAMA MAHASISWA&laquo;</p>

<?php

error_reporting(E_ALL ^ (E_NOTICE | E_WARNING));

require("cMhs.php");

echo"<table border='1px'>";

    echo"<tr id='tr'>";

         echo"<td>Nim</td>";

         echo"<td>Nama</td>";

         echo"<td>Alamat</td>";

         echo"<td>Nomor Telepon</td>";

         echo"<td>Jenis Kelamin</td>";

         echo"<td>Agama</td>";

         echo"<td colspan='2'>Aksi</td>";

    echo"</tr>";





$mhs=new mahasiswa;

$tampil=$mhs->getTampil();

while ($row = mysql_fetch_array($tampil))

        {



           echo "<tr>";

           echo"<td>".$row['nim']."</td>";

           echo"<td>".$row['nama']."</td>";

           echo"<td>".$row['alamat']."</td>";

           echo"<td>".$row['notelp']."</td>";

           echo"<td>".$row['jekel']."</td>";

           echo"<td>".$row['agama']."</td>";

?>
<td><a href="edit.php?nim=<?php echo $row['nim'];?>"' >EDIT</a></td>
<td><a href="hapus.php?nim=<?php echo $row['nim'];?>" onclick="return confirm ('Sure to Delete?')" " >HAPUS</a></td>

<?php

          echo"</tr>";

        }

echo"</table>";

?>

<br>

<center><a href="inputmhs.php">Form Input</a></center>

</div>

Untuk pross edit dan hapusnya silahkan lihat di postingan ini Function Edit dan Delete dengan PHP dan MySql berbasis OOP , semoga postingan ini berguna buat temen sekalian yang baru belajar programming, khususnya php atau temen yang kebetulan dapat tugas kuliah seperti ini.

salam


Previous Post
Next Post
Related Posts