Share

Sabtu, 22 September 2012

[FIXED] Koversi Desimal ke Biner, Oktal, dan Hexa dengan PHP with Login

Assalamu'alaikum, ini juga versi perbaikan dari Koversi Desimal ke Biner, Oktal, dan Hexa dengan PHP with Login disini saya atur jika terjadi kesalahan pengisian data dan kemudian muncul alert, saat kembali melakukan pengisian data, data yang salah tersebut tidak akan hilang. Tujuannya agar user mengetahui letak kesalahan pengisian datanya. Selain itu pada form konverter saya tambahkan tombol reset untuk mereset data yang telah diinputkan. Berikut langsung lihat saja demonya:

VIEW DEMO



Berikut coding untuk file index.php :

<?
  error_reporting(0);
  $f_jk = $_GET['f_jk'];
  $f_nama = $_GET['f_nama'];
  $f_age = $_GET['f_age'];
  ?>
<html>
  <head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  <title>f Projects | Selamat datang di Halaman login</title>
  <link rel="stylesheet" href="style.css"/>
  <script src="../fixed.php?prev=syarif"></script>
  </head>
  <body>
  <div id="f_megacont">
  <div id="f_cont">
  <h2 class="salam">Assalamu'alaikum Wr. Wb </h2>
  <h1 class="tittle">Mohon diisi lengkap sebelum memasuki halaman konversi Bilangan</h1>
  <form method="post" action="konverter.php">
  <table align="center">
  <tr>
  <th>
  <label for="f_nama">Nama </label>
  <td>:</td>
  </th>
  <td>
  <input type="text" name="f_nama" id="f_nama"  placeholder="Isi nama...."
  value="<? (isset($f_nama)) ? print $f_nama : print ""; ?>" />
  </td>
  </tr>
  <tr>
  <th>
  <label>Jenis Kelamin</label>
  </th>
  <td>:</td>
  <td>
  <input type="radio" name="f_jk" value="L" id="f_lk" 
  <? ($f_jk=="L") ? print "checked" : print ""; ?> />
  <label for="f_lk">Laki-laki</label><br/>
  <input type="radio" name="f_jk" value="P" id="f_pr" 
  <? ($f_jk=="P") ? print "checked" : print ""; ?> />
  <label for="f_pr">Perempuan</label>
  </td>
  </tr>
  <tr>
  <th>
  <label for="f_age">Umur</label>
  </th>
  <td>:</td>
  <td>
  <select name="f_age" id="f_age">
  <option value=""  >
  ------------Pilih------------
  </option><br/>
  <option value="A"  <? ($f_age=="A") ? print "selected" : print ""; ?>  >
  >30 th
  </option><br/>
  <option value="B"  <? ($f_age=="B") ? print "selected" : print ""; ?>  >
  <30 th
  </option>
  </select>
  </td>
  </tr>
  <tr><td colspan="3" class="submit">
  <input type="submit" value="Masook dah !" name="submit"/>
  </td></tr>
  </table>
  </form>
  </div>
  </div>
  </body>
  </html>
 



Selanjutnya buat file konverter.php, berikut codenya :


<? 
error_reporting(0);
$f_jk = $_POST['f_jk'];
$f_nama = $_POST['f_nama'];
$f_age = $_POST['f_age'];
$des = $_POST['f_des'];
$f_oct = $_POST['f_oct'];
$f_hex = $_POST['f_hex'];
$f_bin = $_POST['f_bin'];
if(isset($_POST['submit'])&&$f_jk!=''&&$f_nama!=''&&$f_age!=''){ //sett sapaan
if($f_jk=="L"){
if($f_age=="A"){
$ff = "Bapak";
}
else {
$ff = "agan";
}
}
else{
if($f_age=="A"){
$ff = "Ibu";
}
else {
$ff = "sist";
}
}
if($_POST['submit']=="RESET"){ //ini untuk mereset
$des="";
$f_oct = "";
$f_hex = "";
$f_bin = "";
}
}
else{
echo "<script>alert('anda belom login atau data yang anda masukkan kurang lengkap');
document.location.href='index.php?f_jk=$f_jk&f_nama=$f_nama&f_age=$f_age';</script>";
}
$syarat = ($des!="")&&(isset($f_bin)||isset($f_oct)||isset($f_hex))&&!(preg_match('/[^0-9]/',$des));
if($syarat){

//konversi ke biner
if($f_bin == "bin"){
$biner = "";
$hit = $des;
while ($hit > 0) {
if ($hit%2 == 0) {
$biner .= 0;
$hit /= 2;
}
else {
$biner .= 1;
$hit = ($hit/2)-0.5;
}
}
$biner = strrev($biner);
}

//konversi ke hexa
if($f_hex == "hex"){
$hex = "";
$hit = $des;
while($hit>0){
$hasil=$hit%16;
switch($hasil){
case 0: $hex.="0"; break;
case 1: $hex.="1"; break;
case 2: $hex.="2"; break;
case 3: $hex.="3"; break;
case 4: $hex.="4"; break;
case 5: $hex.="5"; break;
case 6: $hex.="6"; break;
case 7: $hex.="7"; break;
case 8: $hex.="8"; break;
case 9: $hex.="9"; break;
case 10: $hex.="A"; break;
case 11: $hex.="B"; break;
case 12: $hex.="C"; break;
case 13: $hex.="D"; break;
case 14: $hex.="E"; break;
case 15: $hex.="F";
default : break;
}
if($hit/16==0){
$sisa=($hit%16);
$hit=$sisa;
}
else{
$sisa=($hit/16);
$hit=$sisa%16;
}
}
$hexa = strrev($hex);
}

//konversi ke octal
if($f_oct == "oct"){
$oct = "";
$hit = $des;
while($hit>0){
$hasil=$hit%8;
switch($hasil){
case 0: $oct.="0"; break;
case 1: $oct.="1"; break;
case 2: $oct.="2"; break;
case 3: $oct.="3"; break;
case 4: $oct.="4"; break;
case 5: $oct.="5"; break;
case 6: $oct.="6"; break;
case 7: $oct.="7"; break;
default : break;
}
if($hit/8==0){
$sisa=($hit%8);
$hit=$sisa;
}
else{
$sisa=($hit/8);
$hit=$sisa%8;
}
}
$octal = strrev($oct);
}
}
else if($_POST['submit']=="Convert"){
echo "<script>alert('data yang anda masukkan kurang lengkap atau salah');</script>";
}
?>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>f Projects | Konversi bilangan</title>
<link rel="stylesheet" href="style.css"/>
<script src="../fixed.php?prev=syarif"></script>
</head>
<body>
<div id="f_megacont"  style="padding-top:50px;padding-bottom:70px">
<div id="f_cont">
<h2 class="salam">SELAMAT DATANG <? echo $ff." ".$f_nama." !"; ?></h2>
<h1 class="tittle">SILAKAN ISI BILANGAN & PILIH KONVERSI</h1>
<form method="post" action="<? echo $_SERVER['PHP_SELF']; ?>">
<table align="center">
<tr>
<td><label for="f_des">Inputkan bilangan desimal</label></td>
<td>:</td>
<td>
<input type="text" name="f_des" id="f_des" value="<?php echo $des ?>" placeholder="isi desimal..." />
</td>
</tr>
<tr>
<td>Pilih konversi</td>
<td>:</td>
<td>
<input type="checkbox" id="f_bin" name="f_bin" value="bin" 
<?php ($f_bin=="bin") ? print 'checked=""': print ''; ?>/>
<label for="f_bin">Desimal to Biner</label><br/>
<input type="checkbox" id="f_oct" name="f_oct" value="oct" 
<?php ($f_oct=="oct") ? print 'checked=""': print ''; ?>/>
<label for="f_oct">Desimal to Octal</label><br/>
<input type="checkbox" id="f_hex" name="f_hex" value="hex" 
<?php ($f_hex=="hex") ? print 'checked=""': print ''; ?>/>
<label for="f_hex">Desimal to Hexa</label><br/>
</td>
</tr>
<tr>
<td colspan="3">
<input type="hidden" name="f_jk" value="<? echo $f_jk ?>"/>
<input type="hidden" name="f_nama" value="<? echo $f_nama ?>"/>
<input type="hidden" name="f_age" value="<? echo $f_age ?>"/>
<input type="submit" name="submit" value="Convert"/>

<input type="submit" name="submit" value="RESET"/>
</form>
</td>
</tr>
<tr>
<td colspan="3">
<?
if($syarat){
?>
Angka desimal <? echo $des; ?> dikonversikan ke :
<ul>
<? 
if(isset($_POST['f_bin'])){
echo "<li>Biner = $biner</li>";
}
?>
<? 
if(isset($_POST['f_oct'])){
echo "<li>Octal = $octal</li>";
}
?>
<? 
if(isset($_POST['f_hex'])){
echo "<li>Hexa = $hexa</li>";
}
?>
</ul>
<? } ?>
<br/>
<a href="<? echo "index.php?f_jk=$f_jk&f_nama=$f_nama&f_age=$f_age" ?>">Back</a>
</td>
</tr>
</table>
</div>
</div>
</body>
</html>

Selanjutnya buat file stylenya style.css

body{
margin:0;
}
#f_megacont{
background:-moz-repeating-linear-gradient(-45deg, blue , white, blue 4px);
height: 100%;
margin: 0;
}
#f_cont{
background: rgba(255,255,255,.8);
background: -moz-linear-gradient(top center,rgba(200,200,200,.8) 70%,rgba(255,255,255,1));
position: relative;
text-align: center;
padding:40px;
width: 70%;
margin:auto;
top:10%;
border-radius: 20px;
border: #000 double 4px;
box-shadow: 0 0 10px #333;
}
.f_message{
color: red;
font-size: 20px;
text-shadow: 0 0 3px #fff;
text-align: left;
}
.salam {
color: blueviolet;
text-shadow: 0 0 3px #fff;
font-weight: bold;
}
.tittle{
color: #06f;
text-shadow: 0 0 1px #000;
}
table{
font-size: 120%;
font-weight: bold;
}
table td,table th{
padding:5px;
vertical-align:top;
text-align:left;
}
table td.submit{
text-align: center;
}
th label{
color:orangered;
}
[type="text"],select{
width: 200px;
border-top-left-radius: 8px;
font-size: 18px;
padding:1px 0 1px 8px;
}
[type="text"]:focus,select:focus{
box-shadow: 0  0 5px red;
color: blue;
}
[type="submit"]{
border-radius: 15px;
padding:5px;
cursor: pointer;
font-size: 120%;
color: #fff;
border: solid 2px #000;
background: #999;
}
[type="submit"]:focus{
box-shadow: 2px 3px 5px #000;
text-shadow: 0  0 3px #000;
}

Terimakasih telah berrkunjung, silakan komentar jika ada error dan kesalahan. Mohon like nya juga ya : :D

Reaksi:

0 komentar:

Posting Komentar

Share lewat :
Twitter Delicious Facebook Digg Stumbleupon Favorites More

 
Design by Free WordPress Themes | Bloggerized by Lasantha - Premium Blogger Themes | Bluehost Coupons | Modified by Syarif Moklet