Senin, 07 Desember 2015

PHP - mengkonversi tanggal dan waktu di database ke php

format di database untuk tanggal otomatis



tampilan di database setelah di gunakan



tampilan yang di inginkan seperti ini :




ini penggalan scriptnya :
$res_tbl ='select create_date from tbl_comments';
while($table =mysql_fetch_array($res_tbl))
{
  echo date('d F, Y h:mA', strtotime($table['tanggal']));
  echo "<br>";
}


Rabu, 02 Desember 2015

PHP - Membuat Simulasi Kredit dengan sistem bunga flat



dengan ketentuan lama peminjaman dan bunga pertahunnya sebagai berikut :

lama peminjaman 12 bulan = bunga pertahun 10.56%
lama peminjaman 24 bulan = bunga pertahun 12%
lama peminjaman 36 bulan = bunga pertahun 14.40%
lama peminjaman 48 bulan = bunga pertahun 14.40%
lama peminjaman 60 bulan = bunga pertahun 15.36%
lama peminjaman 72 bulan = bunga pertahun 15.36%
lama peminjaman 84 bulan = bunga pertahun 15.36%

berikut isi script nya
========================================================


<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Simulai Kredit</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<style>
.zebra-table{
box-shadow: 0 2px 3px 1px #ddd;
overflow:hidden;
border:10px solid #fff;
border-collapse: collapse;
}

.zebra-table th,.zebra-table td{
vertical-align: top;
padding: 8px 5px;
text-align: left;
margin: 0;
}
.zebra-table tbody th{
background: #34495E;
color: #fff;

}
.zebra-table tbody tr:nth-child(odd){
  background:#DADFE1;
}
</style>
</head>
<body>
<?php
function buatrp($angka){
$jadi ="Rp. " .number_format($angka,2,',','.');
return $jadi;
}
?>

<div class="container">
<h2 class="section-title"><span>Simulasi Kredit</span></h2>
<form action="" method="POST">
<b>Jumlah Pinjaman : </b>
<select name="jumlah" id="" class="form-control" required>
<option value="">-Pilih-</option>
<option value="10000000"><?php echo buatrp(10000000);?></option>
<option value="15000000"><?php echo buatrp(15000000);?></option>
<option value="20000000"><?php echo buatrp(20000000);?></option>
<option value="25000000"><?php echo buatrp(25000000);?></option>
<option value="30000000"><?php echo buatrp(30000000);?></option>
<option value="35000000"><?php echo buatrp(35000000);?></option>
<option value="40000000"><?php echo buatrp(40000000);?></option>
<option value="45000000"><?php echo buatrp(45000000);?></option>
<option value="50000000"><?php echo buatrp(50000000);?></option>
<option value="55000000"><?php echo buatrp(55000000);?></option>
<option value="60000000"><?php echo buatrp(60000000);?></option>
<option value="65000000"><?php echo buatrp(65000000);?></option>
<option value="70000000"><?php echo buatrp(70000000);?></option>
<option value="75000000"><?php echo buatrp(75000000);?></option>
<option value="80000000"><?php echo buatrp(80000000);?></option>
<option value="85000000"><?php echo buatrp(85000000);?></option>
<option value="90000000"><?php echo buatrp(90000000);?></option>
<option value="95000000"><?php echo buatrp(95000000);?></option>
<option value="100000000"><?php echo buatrp(100000000);?></option>
</select>
<br>
<b>Lama Peminjaman : </b>
<select name="lama" id="myPinjam" onchange="myFunction()" class="form-control" required>
<option value="">-Pilih-</option>
<option value="12">12 Bulan</option>
<option value="24">24 Bulan</option>
<option value="36">36 Bulan</option>
<option value="48">48 Bulan</option>
<option value="60">60 Bulan</option>
<option value="72">72 Bulan</option>
<option value="84">84 Bulan</option>
</select><br>
<input type="submit" name="btn-kalkulasi" class="btn btn-ku" value="Kalkulasi">

</form>
<hr>
<?php
if (isset($_POST['btn-kalkulasi'])) {
$jumlah_pinjaman = $_POST['jumlah'];
$lama_pinjaman = $_POST['lama'];

if($lama_pinjaman==12){
$bunga_pertahun=10.56;
}elseif ($lama_pinjaman==24) {
$bunga_pertahun=12;
}elseif ($lama_pinjaman==36) {
$bunga_pertahun=14.40;
}elseif ($lama_pinjaman==48) {
$bunga_pertahun=14.40;
}elseif ($lama_pinjaman==60) {
$bunga_pertahun=15.36;
}elseif ($lama_pinjaman==72) {
$bunga_thn=15.36;
}elseif ($lama_pinjaman==84) {
$bunga_pertahun=15.36;
}

$bunga_perbulan=$bunga_pertahun/12;
$bunga_rp = $jumlah_pinjaman/$bunga_pertahun;
$angsuran_bunga=$jumlah_pinjaman*$bunga_perbulan/100;
$angsuran_pokok = $jumlah_pinjaman/$lama_pinjaman;
$jumlah = $angsuran_pokok+$angsuran_bunga;

echo "<pre>";
echo "Jumlah Pinjaman          = "."<b>".buatrp($jumlah_pinjaman)."</b>"."<br>";
echo "Lama Pinjaman            = "."<b>".$lama_pinjaman." Bulan"."</b>"."<br>";
echo "Bunga per tahun          = "."<b>".$bunga_pertahun.' %'."</b>"."<br>";
echo "Bunga per bulan          = "."<b>".$bunga_perbulan.' %'."</b>".'<br>';
echo "<br>";
echo "Angsuran Pokok Per Bulan = "."<b>".buatrp($angsuran_pokok)."</b>"."<br>";
echo "Angsuran Bunga Per Bulan = "."<b>".buatrp($angsuran_bunga)."</b>"."<br>";
echo "                           _____________________ ( + )<br>";
echo "Total Angsuran Per Bulan = "."<b>".buatrp($jumlah)."</b>";
echo "</pre>";

$row=$jumlah_pinjaman;
$no=1;
?>
<table class="table zebra-table">
<tr>
<th>Angsuran ke -</th>
<th>Angsuran Pokok</th>
<th>Angsuran Bunga</th>
<th>Total Angsuran</th>
<th>Baki Debet</th>
</tr>
<tr>
<td>0</td>
<td>0</td>
<td>0</td>
<td>0</td>
<td><b><?php echo buatrp($jumlah_pinjaman);?></b></td>
</tr>

<?php while ( $row > 1) { $row=$row-$angsuran_pokok; ?>

<tr>
<td><?php echo $no++;?></td>
<td><?php echo buatrp($angsuran_pokok);?></td>
<td><?php echo buatrp($angsuran_bunga);?></td>
<td><?php echo buatrp($jumlah);?></td>
<td><?php echo buatrp($row);?></td>
</tr>

<?php }
$tot_ang_pokok=$angsuran_pokok*$lama_pinjaman;
$tot_ang_bunga=$angsuran_bunga*$lama_pinjaman;
$tot_jumlah=$jumlah*$lama_pinjaman;
?>

<tr>
<td></td>
<td><b><?php echo buatrp($tot_ang_pokok);?></b></td>
<td><b><?php echo buatrp($tot_ang_bunga);?></b></td>
<td><b><?php echo buatrp($tot_jumlah);?></b></td>
<td></td>
</tr>
</table>
</div>
<div class="container"><br></div>
<?php } ?>

</body>
</html>

Selasa, 01 Desember 2015

Senin, 26 Oktober 2015

CSS - Membuat Layout Sederhana Toko Kue dengan CSS



Membuat Layout Sederhana Toko Kue Menggunakan CSS

script layout.php


<!DOCTYPE html>

<html lang="en">

<head>

 <meta charset="UTF-8">

 <title>Layout Sederhana</title>

 <link rel="stylesheet" href="style.css">

</head>

<body>

 <div class="container">

  <div class="banner">

   <div class="logo"><img src="logo-kue.png" alt="logo" width="100%" height="70px"></div>

   <div class="title">QueQu.com<br>

   <div class="text-title">" QueQu Halal, Enak, Lezat, dan Bergizi "</div></div>

   <div class="alamat">

    Pondok Ungu Permai<br>

    Jl. Merseyside No.18 Rt.008/011<br>

    Kaliabang Tengah - Bekasi Utara<br>

    021-88730665

   </div>

  </div>

  <div class="content">

   <div class="content-kiri">

    <div class="navigation">

     <ul>

      <li><a href=".">Beranda</a></li>

      <li><a href=".">Produk</a></li>

      <li><a href=".">Resep</a>

       <ul>

        <li><a href=".">Resep Kue Kering</a></li>

        <li><a href=".">Resep Kue Basah</a></li>

        <li><a href=".">Resep Kue Ulang Tahin</a></li>

        <li><a href=".">Resep Kue Bolu</a>

         <ul class="sub">

          <li><a href=".">Resep Bolu Kukus</a></li>

          <li><a href=".">Resep Bolu Panggang</a></li>

          <li><a href=".">Resep Bolu Coklat</a></li>

          <li><a href=".">Resep Bolu Pandan</a></li> 

         </ul>

        </li> 

       </ul>

      </li>

      <li><a href=".">Tentang Kami</a></li>

      <li><a href=".">Kontak</a></li>

     </ul>

    </div>

    <div class="promo"><img src="kue1.jpg" alt="" width="100%" height="140px"></div>

    <div class="promo"><img src="kue2.jpg" alt="" width="100%" height="140px"></div>

    <div class="promo"><img src="kue1.jpg" alt="" width="100%" height="140px"></div>

   </div>

   <div class="iklan"><marquee behavior="alternate"> Selamat Datang Di Toko Kami </marquee></div>

   <div class="content-tengah">

    <div class="isi-content">

     <img src="kue1.jpg" alt="" width="100%" height="170px">

     <div class="text-content">Kue Kecubit</div>

    </div>

    <div class="isi-content">

     <img src="kue2.jpg" alt="" width="100%" height="170px">

     <div class="text-content">Kue Bulet</div>

    </div>

    <div class="isi-content">

     <img src="kue1.jpg" alt="" width="100%" height="170px">

     <div class="text-content">Kue Cubit</div>

    </div>

    <div class="isi-content">

     <img src="kue2.jpg" alt="" width="100%" height="170px">

     <div class="text-content">Kue Bosok</div>

    </div>

    <div class="isi-content">

     <img src="kue1.jpg" alt="" width="100%" height="170px">

     <div class="text-content">Kue Markarane</div>

    </div>

    <div class="isi-content">

     <img src="kue2.jpg" alt="" width="100%" height="170px">

     <div class="text-content">Kue Limpoo</div>

    </div>

    <div class="pagging">

     <div class="number">

      <div class="number1"> << </div>

      <div class="number1">1</div>

      <div class="number1">2</div>

      <div class="number1">3</div>

      <div class="number1"> >> </div>

     </div>

    </div>

   </div>

  </div>

  <div class="footer">Design by heeyriku &copy 2015</div>

 </div>

</body>

</html>

script style.css
body{
 padding: 0;
 margin: 0;
}

.container{
 width: 1000px;
 height:780px;
 margin: 0 auto;
}
.banner{
 width: 100%;
 height: 120px;
 background: #019875;
}
.logo{
 width: 70px;
 height: 70px;
 margin:40px 10px 0 20px; 
 float: left;
}
.title{
 margin:44px 20px 0 0; 
 float: left;
 font-size: 36px;
 text-shadow: 1px 3px 5px red;
 color: #fff;
}
.text-title{
 font-size: 13px;
 color: #fff;
 text-shadow: none;
}
.alamat{
 float: right;
 margin:20px;
 color: #fff;
}
.content{
 width: 100%;
 height: 450px;
}
.iklan{
 width: 800px;
 border-bottom:3px solid #019875;
 float: left;
 padding: 3px 0;
}
.content-kiri{
 width: 200px;
 height: 615px;
 float: left;
 background: #eee;
}
.content-kanan{
 width: 200px;
 height: 450px;
 float: left;
 background: #eee;
}
.content-tengah{
 width: 800px;
 height: 615px;
 float: left;
 background: #eee;
}
.isi-content{
 width: 200px;
 height: 220px;
 margin:10px 30px;
 float: left;
}
.text-content{
 text-align: center;
 margin: 2px 0;
 color: #019875;
 font-weight: bold;
}
.pagging{
 width: 760px;
 padding: 20px;
 float: left;
}
.number{
 width: 300px;
 height: 20px;
 margin:0 auto;
 color:#019875;
}
.number1{
 float: left;
 border: 1px solid #019875;
 padding: 10px 20px;
}
.footer{
 width: 1000px;
 padding: 20px 0;
 background: #019875;
 float: left;
 text-align: center;
 color: #fff;
}
.promo{
 width: 175px;
 padding: 10px;
 height: 143px;
 border:1px solid #019875;
}
.navigation ul {
 list-style-type: none;
 margin: 0;
 margin-left: -40px;
} 
.navigation ul a {
  text-decoration: none; 
  color: #fff;
 } 
 .navigation ul li { 
  padding:5px; 
  background: #019875; 
 border: 1px solid #fff;
 } 
 .navigation ul li:hover { 
  background: #26A65B; 
 } 
 .navigation li ul { 
  display:none; 
  position:absolute; 
 } 
 .navigation li:hover ul{ 
  display:block; 
  width: 200px;
  margin-top:-25px; 
  margin-left:155px; 
 } 
 .sub{
  display: none !important;
 }
.navigation ul li ul li:hover .sub{
 display: block !important;
}

source codenya bisa di download disini

Selamat mencoba, learning by doing :)