JonCode1990 - Kumpulan Tutorial

Hallo sahabat bloger, bagaimana kabarnya? Semoga baik-baik saja ya sobat! J . Ok, kali ini saya akan membagikan tutorial “Pemrograman Web PHP - Program Penjualan Sederhana part4 (Membuat Form Update)”. Dimana tutorial ini adalah lanjutan dari tutorial saya sebelumnya yaitu tentang “Pemrograman WebPHP - Program Penjualan Sederhana part3 (Menampilkan Database MySQL)”. Untuk media pengkodingannya, disini saya masih menggunakan aplikasi “Sublime Text”. Ok, tanpa basa basi lagi, berikut tutorialnya :

1. Pastikan anda sudah membaca artikel sebelumnya, yaitu “Pemrograman Web PHP - Program Penjualan Sederhana part3 (Menampilkan Database MySQL)”.

2. Kemudian, silahkan anda buka file “laporan_penjualan.php” yang sudah saya jelaskan sebelumnya di tutorial saya sebelumnya, yaitu tentang “Pemrograman Web PHP - Program Penjualan Sederhana part3 (Menampilkan Database MySQL)”. Kemudian pada file “laporan_penjualan.php”, pastikan anda sudah menambahkan kodingnya seperi berikut :

Pastikan pada file “laporan_penjualan.php” anda sudah menambahkan kodingya pada baris ke 45, seperti pada gambar di atas.

Dan berikut penjelasan koding pada gambar diatas :

1) Koding yang dilingkari garis biru pada baris ke 23 dan pada baris 45, itu adalah koding untuk inisial/variabel sebagai primary key untuk tabel di database MySQL.

2) Koding yang dilingkari garis kuning pada baris ke 45, itu adalah inisial untuk dipanggil($_GET) ke file “form_update.php” yang akan kita buat nanti. Dimana itu akan mewakili sebagai primary key pada file “form_update” yang akan kita buat nanti.

3) Koding pada baris ke 45 yang bergaris kotak merah, itu adalah koding untuk membuat sebuah menu/tombol untuk menuju ke form_update.

3. Jika langkah 2 sudah anda lakukan, kemudian silahkan anda buka media pengkodingan anda, kemudian silahakn ada buat file baru, dan silahkan anda simpan file baru anda tersebut di “C:\xampp\htdocs\program_penjualan” dengan nama “form_update.php”.

4. Kemudian, pada file “form_update.php”, silahkan anda ketikkan koding berikut :

<?php
 include "koneksiDB.php";
 $no = $_GET['no'];
 $sql = mysql_query("select * from tabel_penjualan where no='$no'");
 while ($data = mysql_fetch_array($sql)) {
  $no    = $data['no'];
  $nama_barang  = $data['nama_barang'];
  $jenis_barang  = $data['jenis_barang'];
  $harga_satuan = $data['harga_satuan'];
  $jumlah_beli = $data['jumlah_beli'];
  $total_harga  = $data['total_harga'];
  $diskon   = $data['diskon'];
  $setelah_diskon = $data['setelah_diskon'];
  $bayar    = $data['bayar'];
  $kembalian   = $data['kembalian'];
 }
?>
<form method="POST" action="update_penjualan.php ?no=<?php echo $no;?>
">
 <table border="0" align="center">
<tr>
   <td colspan="3" align="center"><h2>
Form Update</h2>
</td>
  </tr>
<tr>
   <td>Nama barang</td>
   <td>:</td>
   <td><input type="text" name="nama_barang" id="nama_barang" value="<?php echo $nama_barang; ?>" /></td>
  </tr>
<tr>
   <td>Jenis Barang</td>
   <td>:</td>
   <td><input type="text" name="jenis_barang" id="jenis_barang" value="<?php echo $jenis_barang;?>"/></td>
  </tr>
<tr>
   <td>Harga Satuan</td>
   <td>:</td>
   <td><input type="text" name="harga_satuan" id="harga_satuan" value="<?php echo $harga_satuan;?>" onfocus="mulaiHitung()" onblur="berhentiHitung()" /></td>
  </tr>
<tr>
   <td>Jumlah Beli</td>
   <td>:</td>
   <td><input type="text" name="jumlah_beli" id="jumlah_beli" value="<?php echo $jumlah_beli;?>" onfocus="mulaiHitung()" onblur="berhentiHitung()" /></td>
  </tr>
<tr>
   <td>Total Bayar</td>
   <td>:</td>
   <td><input type="text" name="total_bayar" id="total_bayar" value="<?php echo $total_harga;?>"/></td>
  </tr>
<tr>
   <td>Diskon</td>
   <td>:</td>
   <td><input type="text" name="diskon" id="diskon" value="<?php echo $diskon;?>"/></td>
  </tr>
<tr>
   <td>Total Setelah Diskon</td>
   <td>:</td>
   <td><input type="text" name="setelah_diskon" id="setelah_diskon" value="<?php echo $setelah_diskon;?>"/></td>
  </tr>
<tr>
   <td>Bayar</td>
   <td>:</td>
   <td><input type="text" name="bayar" id="bayar" value="<?php echo $bayar;?>" onfocus="mulaiHitung()" onblur="berhentiHitung()"/></td>
  </tr>
<tr>
   <td>Kembalian</td>
   <td>:</td>
   <td><input type="text" name="kembalian" id="kembalian" value="<?php echo $kembalian;?>"/></td>
  </tr>
<script type="text/javascript">
   function mulaiHitung(){
    Interval = setInterval("hitung()",1);
   }
   function hitung(){
    harga_satuan = parseInt(document.getElementById("harga_satuan").value);
    jumlah_beli  = parseInt(document.getElementById("jumlah_beli").value);
    total_bayar  = harga_satuan * jumlah_beli;
    document.getElementById("total_bayar").value = total_bayar;

diskon = "";
    persen = "";
    if (total_bayar <= 100000) {
     diskon = (0/100)*total_bayar;
     persen = "0%";
    }
    else if (total_bayar > 100000 && total_bayar <= 200000) {
     diskon = (10/100)*total_bayar;
     persen = "10%";
    }
    else if (total_bayar > 200000 && total_bayar <= 300000) {
     diskon = (20/100)*total_bayar;
     persen = "20%";
    }
    else if (total_bayar > 300000) {
     diskon = (30/100)*total_bayar;
     persen = "30%";
    }
    document.getElementById("diskon").value = persen +"--> "+diskon;
    setelah_diskon = total_bayar - diskon;
    document.getElementById("setelah_diskon").value = setelah_diskon;
    bayar   = parseInt(document.getElementById("bayar").value);
    kembalian   = bayar - setelah_diskon;
    document.getElementById("kembalian").value = kembalian;
   }
   function berhentiHitung(){
    clearInterval(Interval);
   }
  </script>
<tr>
   <td></td>
   <td></td>
   <td><input type="submit" value="Update" /><input type="reset" value="Reset" /></td>
  </tr>
<tr>
   <td></td>
   <td></td>
   <td><a href="laporan_penjualan.php">Laporan</a></td>
  </tr>
</table>
</form>

Kurang lebih, berikut screenshot-nya :

5. Sekarang silahkan anda coba jalankan program anda di browser anda. Apabila anda buka file “laporan_penjualan.php” di browser anda, kemudian pada saat anda menjalankan program “laporan_penjualan.php”, nanti di sana pada bagian kolom "aksi" sudah ada menu/tombol “update”. Apabila anda klik menu update pada “laporan_penjualan” anda, apabila berhasil, maka nanti anda akan menuju ke form update.

6. Selesai.

Untuk program yang sudah jadinya, silhakan anda download disini.

Dan bagi anda yang masuh bingung, untuk lebih jelasnya, berikut saya sertakan video tutorial-nya :

MEMBUAT FORM UPADATE.

Itulah sedikit tentang “Pemrograman Web PHP - Program Penjualan Sederhana part4 (Membuat Form Update)”. Untuk melanjutkan tutorial tentang “CRUD dengan PHP datasbase MySQL”, silahkan anda baca artikel selanjutnya yaitu tentang “Pemrograman Web PHP - Program Penjualan Sederhana part5 (Membuat ProsesUpdate)”.

Sekian tutorial dari saya tentang "Pemrograman Web PHP - Program Penjualan Sederhana part4 (Membuat Form Update)", salah dan kurangnya dalam penulisan tutorial saya ini, saya minta ma'af, karna saya juga masih tahap belajar. Dan semoga bermanfaat.

Untuk membaca artikel lainnya tentang "Kumpulan Tutorial Pemrograman" silahkan klik disini.

dan bagi anda yang ingin diskusi tentang Pemrograman "Java"silahkan gabung di group FB "Forum Programer Java dan PHP Indonesia".

Salam Sikses.