Anda di halaman 1dari 5

PROGRAM GAJI DENGAN

PHP AJAX
Posted on July 26, 2012 by ghantexs16

Rate This
iseng iseng di suatu grup ada yang ngasih tantangan logika pemrograman
dengan kriteria membuat program gaji, kurang lebih pertanyaan seperti
berikut :

karyawan di perusahaan commit tegal di gaji berdasarkan jumlah jam


kerjanya selama 1 hari dan jumlah jam kerjanya adalah 8 jam.

1. golongan eksekutif : 10000/hari


2. golongan bisnis : 7000/hari
3. golongan ekonomi : 5000/hari
sedangkan upah lemburnya di hitung sama tiap golongan yaitu 7000/jam

buatlah form untuk memasukan jumlah jam kerja selama sehari seorang
karyawan Commit dan buatlah combobox untuk memilih golongannya.
setalah di submit akan tampil upah bayaran yang di trima serta jumlah jam
lembur karyawan tersebut serta jenis golongannya.

Langsung saya q coba Jawab :

1. Pastikan kita memiliki file Jquery.js, bagi yang belum bisa di download
di Jqury.com
2. Butlah file dengan nama index.html
<!DOCTYPE html>
<html>
<head>
<title>Program Gaji</title>
<script src=jquery.js></script>
<script>
$(document).ready(function(){
$(#hitung).click(function(){
var nama=$(#nama).val();
var lembur=$(#lembur).val();
var golongan=$(#golongan).val();
$.ajax({
type:post,
url:proses.php,
data:nama=+nama+&lembur=+lembur+&golongan=+golongan,
success:function(html){
$(#hasil).html(html);
}
});
});
});
</script>
</head>
<body>
<table width=30%>
<colgroup>
<col style=background: green; span=1>
<col style=background: yellow;>
</colgroup>
<tr>
<td colspan=2><h1 align=center>Aplikasi Gaji</h1></td>
</tr>
<tr>
<td>Nama</td>
<td> : <input type=text id=nama name=nama required></td>
</tr>
<tr>
<td>Golongan</td>
<td> : <select name=golongan id=golongan>
<option value=A>Golongan A</option>
<option value=B>Golongan B</option>
<option value=C>Golongan C</option>
</select></td>
</tr>
<tr>
<td>Lembur</td>
<td> : <input type=text name=lembur id=lembur required>
/Jam</td>
</tr>
<tr>
<td></td>
<td><input type=submit value=Hitung id=hitung></td>
</tr>
</table>
<div id=hasil></div>
</body>
</html>

3.Buat lagi sebuah file dengan nama Proses.php


<?php
$nama=$_POST[nama];
$golongan=$_POST[golongan];
$lembur=$_POST[lembur];
if ($nama== && $lembur==)
{
echo Data Tidak Boleh Kosong;
}
elseif($golongan==A)
{
$a=10000;
$b=7000*$lembur;
$c=$a+$b;
echo
===========================================
<br>;
echo Nama Pegawai : $nama <br>;
echo Jumlah Gaji : $a <br>;
echo Jumlah Lembur : $b <br>;
echo
===========================================
<br>;
echo Total Bayaran : $c <br>;
echo
===========================================
<br>;
}
elseif ($golongan==B)
{
$a=7000;
$b=7000*$lembur;
$c=$a+$b;
echo
===========================================
<br>;
echo Nama Pegawai : $nama <br>;
echo Jumlah Gaji : $a <br>;
echo Jumlah Lembur : $b <br>;
echo
===========================================
<br>;
echo Total Bayaran : $c <br>;
echo
===========================================;
}
elseif ($golongan==C)
{
$a=5000;
$b=7000*$lembur;
$c=$a+$b;
echo
===========================================
<br>;
echo Nama Pegawai : $nama <br>;
echo Jumlah Gaji : $a <br>;
echo Jumlah Lembur : $b <br>;
echo
===========================================
<br>;
echo Total Bayaran : $c <br>;
echo
===========================================;
}
else
{
echo Data Masih Kosong;
}
?>

Kemudian Hasilnya akan seperti Berikut :


bagi yang penasaran bisa
download file project nya disini

Anda mungkin juga menyukai