Senin, 01 April 2013

Contoh Program Penjualan Sederhana Dengan PHP



  • Buka DreamWeaver atau Notepad Anda
  • Buatlah file baru
  • Kemudian Copy dan Paste kode berikut ini ke Notepad atauDreamWeaver Anda
  • Klik View Plain agar lebih mudah mengcopynya.
  • Setelah tercopy, simpan dengan nama index.php 

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
  2. <html xmlns="http://www.w3.org/1999/xhtml">  
  3. <head>  
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
  5. <title>Untitled Document</title>  
  6. <style type="text/css">  
  7. .putih {  
  8.  color: #FFF;  
  9. }  
  10. </style>  
  11. </head>  
  12.   
  13. <body>  
  14. <div align="center">  
  15.   <form id="form1" name="form1" method="post" action="proses.php">  
  16.     <p>&nbsp;</p>  
  17.     <table width="383" height="201" border="1">  
  18.       <tr>  
  19.         <td colspan="2" bgcolor="#666666"><div align="center" class="putih"><strong>PENJUALAN</strong></div></td>  
  20.       </tr>  
  21.       <tr>  
  22.         <td width="124" bgcolor="#CCCCCC">Nama Barang </td>  
  23.         <td width="243" bgcolor="#CCCCCC">&nbsp;<input name="nama_barang" type="text" /></td>  
  24.       </tr>  
  25.       <tr>  
  26.         <td bgcolor="#CCCCCC">Harga</td>  
  27.         <td bgcolor="#CCCCCC">&nbsp;<input name="harga" type="text" /></td>  
  28.       </tr>  
  29.       <tr>  
  30.         <td bgcolor="#CCCCCC">Quantity</td>  
  31.         <td bgcolor="#CCCCCC">&nbsp;<input name="jumlah" type="text" /></td>  
  32.       </tr>  
  33.       <tr>  
  34.         <td bgcolor="#CCCCCC">Status</td>  
  35.         <td bgcolor="#CCCCCC"><p>  
  36.           <label>  
  37.             <input type="radio" name="status" value="Pelanggan" id="status_0" />  
  38.             Pelanggan</label>  
  39.           <label>  
  40.             <input type="radio" name="status" value="Bukan pelanggan" id="status_1" />  
  41.             Bukan pelanggan</label>  
  42.             
  43.   
  44.       </p></td>  
  45.       </tr>  
  46.       <tr>  
  47.         <td bgcolor="#CCCCCC">Kota</td>  
  48.         <td bgcolor="#CCCCCC"><select name="kota">  
  49.           <option>Jakarta</option>  
  50.           <option>Bandung</option>  
  51.           <option>Surabaya</option>  
  52.         </select>&nbsp;</td>  
  53.       </tr>  
  54.       <tr>  
  55.         <td height="28" bgcolor="#CCCCCC">&nbsp;</td>  
  56.         <td bgcolor="#CCCCCC"><input name="" type="submit" value="Hitung" />&nbsp;<input name="" type="reset" value="Hapus" /></td>  
  57.       </tr>  
  58.     </table>  
  59.   </form>  
  60. </div>  
  61. </body>  
  62. </html>  



  • Simpan di directory seperti biasa, C:/xampp/htdocs/NamaFolderAnda
  • Buatlah satu file lagi dengan nama proses.php
  • Lalu Paste kode berikut : 

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"   
  2.   
  3. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
  4. <html xmlns="http://www.w3.org/1999/xhtml">  
  5. <head>  
  6. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
  7. <title>Untitled Document</title>  
  8. <style type="text/css">  
  9. .putih {  
  10.  color: #FFF;  
  11. }  
  12. </style>  
  13. </head>  
  14.   
  15. <body>  
  16.   
  17. <?php   
  18. $nama_barang = $_POST['nama_barang'];  
  19. $harga = $_POST['harga'];  
  20. $jumlah = $_POST['jumlah'];  
  21. $status = $_POST['status'];  
  22. $kota = $_POST['kota'];  
  23.   
  24.   
  25.   
  26. $subtotal = $harga * $jumlah ;  
  27.   
  28. switch ($status){  
  29.  case "Pelanggan":  
  30.   $diskon = $subtotal * 0.1;  
  31.  break;  
  32.  }  
  33.   
  34. if($kota == "Jakarta" ){  
  35.  $ongkos = 20000;  
  36.  }  
  37. else if($kota == "Bandung" ){  
  38.  $ongkos = 10000;  
  39.  }  
  40. else if($kota == "Surabaya" ){  
  41.  $ongkos = 30000;  
  42.  }  
  43. $total = $subtotal - $diskon + $ongkos;  
  44. ?>  
  45.   
  46.   
  47. <div align="center">  
  48.   <table width="297" border="1">  
  49.     <tr>  
  50.       <td colspan="2" bgcolor="#666666"><div align="center" class="putih"><strong>HASIL   
  51.   
  52. PERHITUNGAN</strong></div></td>  
  53.     </tr>  
  54.     <tr>  
  55.       <td width="116" bgcolor="#CCCCCC">Nama Barang</td>  
  56.       <td width="165" bgcolor="#CCCCCC">&nbsp;<?php echo "$nama_barang"; ?></td>  
  57.     </tr>  
  58.     <tr>  
  59.       <td bgcolor="#CCCCCC">Harga</td>  
  60.       <td bgcolor="#CCCCCC">&nbsp;<?php echo "Rp. ".number_format($harga); ?></td>  
  61.     </tr>  
  62.     <tr>  
  63.       <td bgcolor="#CCCCCC">Quantity</td>  
  64.       <td bgcolor="#CCCCCC">&nbsp;<?php echo "$jumlah"; ?></td>  
  65.     </tr>  
  66.     <tr>  
  67.       <td bgcolor="#CCCCCC">Subtotal</td>  
  68.       <td bgcolor="#CCCCCC">&nbsp;<?php echo "Rp. ".number_format($subtotal); ?></td>  
  69.     </tr>  
  70.     <tr>  
  71.       <td bgcolor="#CCCCCC">Status</td>  
  72.       <td bgcolor="#CCCCCC">&nbsp;<?php echo "$status"; ?></td>  
  73.     </tr>  
  74.     <tr>  
  75.       <td bgcolor="#CCCCCC">Diskon</td>  
  76.       <td bgcolor="#CCCCCC">&nbsp;<?php echo "Rp. ".number_format($diskon); ?></td>  
  77.     </tr>  
  78.     <tr>  
  79.       <td bgcolor="#CCCCCC">Ongkos Kirim</td>  
  80.       <td bgcolor="#CCCCCC">&nbsp;<?php echo "Rp. ".number_format($ongkos)?> <?php echo "(   
  81.   
  82. $kota )";  ?></td>  
  83.     </tr>  
  84.     <tr>  
  85.       <td bgcolor="#666666" class="putih"><strong>Total</strong></td>  
  86.       <td bgcolor="#666666">&nbsp;<?php echo "Rp. ".number_format($total); ?></td>  
  87.     </tr>  
  88.   </table>  
  89. </div>  
  90. </body>  
  91. </html>  



  • Simpan dalam folder yang sama dengan file index.php tadi
  • Lokasinya C:/xampp/htdocs/NamaFolderAnda


  • Simpan kedua file tersebut dalam satu folder, kai ini saya simpan di folder dengan nama belajar


  • Lalu coba ketikkan alamat berikut di browser Anda http://localhost/belajar/
  • Penampakannya kurang lebih seperti ini


  • Lalu akan muncul form input seperti ini



  •  Kemudian coba Anda inputkan seperti ini :



  •  Setelah sudah anda isi semua formnya, coba Anda klik Hitung
  • Maka akan muncul halaman proses.php yang menampilkan inputan kita dan hasil perhitungannya, yang kurang lebih seperti ini.


  • Seperti biasa warna bisa Anda buat sesuai selera.
  • Jika ada yang perlu ditanyakan bisa dengan cara berkomentar di bawah postingan ini, atau bisa juga dengan menghubungi kami di facebook fans page blog ini https://www.facebook.com/SerandalBlog.
  • sekian dan terima kasih \(^_^)/.

1 komentar: