Konversi Bilangan Hexa,Biner,Oktal dengan PHP

Asalamualaikum Wr.Wb,
Alhamdullilah di sini asaya akan memmbagi ilmu tentang cara membuat aplikasi Konverter sederhana  dengan PHP,
Sebelumya saya akan menjelashan cara kerja ataupun Aplikasi ini di jalankan,Jadi kita harus Login/ mengisi Form pengunjung dimana bila Data kita belum lengkap maka aplikasinya tidak akan berjalan. Baru bila sudah lengkap kita baru bisa memasuki aplikasi konverternya, tpi di sini kita juga wajib memasukan data sesuai ketentuan..


Kalau masih bingung,Langsung saja kita Praktekan..
Disini saya memakai Script : HTML,PHP,Java Script


1.buka Netbeeans,Atau aplikasi lainya yang supoort dg PHP..


 Buat file, beri nama :validator_bil.php
2.Masukan Script Berikut di atas tag <HTML>


<?php
        if(isset ($_POST['submit'])){//fungsi isset adalah pada saat form di tekan
            $name=$_REQUEST['nama'];
            if(isset ($_POST['gender'])){
                    $gender=$_REQUEST[$gender];
         }
         else {
             $gender='';
         }
         $cek='';        
         }
 else {
        $nama='';
        $gender='';
        $cek ='FORM ID PENGGUNA';
   
}     
 ?>

3.selanjutnya tambahkan script css berikut diantara tag<Head>, untuk mempercantik tampilan:

 <style type="text/css">
            
            
             body{background:url('wod.jpg') repeat;}
             .atas{width:1600px;
            height:20px;
            background-color:#000;
            margin-top:-10px;
            margin-left:-10px;   
            color:#FFF;
            font-family:"Comic Sans MS", cursive;
            font-size:12px;
            padding:5px;}
            .input{
                margin-left:550px;
                margin-top:30px;
                background-image:url(clean.jpg);
                background-repeat:no-repeat;
                font-family:"Comic Sans MS", cursive;
                width:289px;
                height:300px;
                color:#000;
                font-size:20px;
                box-shadow:3px 3px 3px 3px  #999999;
                -webkit-transition:0.3s;
                -moz-transition: 0.3s;
                text-shadow: 3px #FF0000;
                opacity:0.8;
               
                   
               
       
               
                   
                }
                .input:hover{
                margin-left:550px;
                margin-top:30px;
                background-image:url(clean.jpg);
                background-repeat:no-repeat;
                font-family:"Comic Sans MS", cursive;
                width:289px;
                height:300px;
                color:#000;
                font-size:20px;
                box-shadow:3px 3px 3px 3px  #999999;
                    -webkit-transition:0.3s;
                    -moz-transition: 0.3s;
                    opacity: 0.9;
                    opacity: 0.9;
       
               
                   
                }
            h1{
                    color:#000000;
                    font-family:"Comic Sans MS", cursive;
                    font-size:50px;
                    margin-left:450px;
                    margin-top:50px;
                   
                       
                }          
           .posisi {-webkit-transition:0.3s;
                    -moz-transition: 0.3s;
                      margin-left:100px;
                   
                   
                   
               }
        .posisi:hover {
                      margin-left:100px;
                    box-shadow:3px 3px 3px   #000000;
                    -webkit-transition:0.3s;
                    -moz-transition: 0.3s;
               }
                   
     
            
               form input.highlight{
                  margin-top:40px;
                   margin-left:30px;
                background:#FFF;               
                border-radius:5px;
                padding: 5px;
            }
            form input.highlight:focus {               
                background: whitesmoke;
                border-radius:5px;
                box-shadow:2px 2px 5px  #000000;
            }
            
           .per{
                  margin-left:136px;
               } 
            .u{margin-right:-10px;
                text-align:right;
                              
                              
                           }
                          
        </style>
4. Tambahkan juga script berikut pada diantara tad <body>:

 <div class="atas">Aplikasi Converter bilangan : Dhitta hananda/ <u><?php printf(" Tgl. sekarang : %s ", date ("d F Y")); ?></u> </div>
             <h1 ><?php echo $cek ?></h1>
       <br>
          <div class="input">
       <form action="konversi_biil.php" method="POST" name="form1">
          <div class="border">
           nama: <input class="highlight" placeholder="Masukan nama kamu di sini "
                        required="required" type="text" name="nama" size="20"
                        value="<?php echo $nama?>"/><br><br>
         
            jenis kelamin : <input type="radio" name="gender" value="L"
                                 <?php ($gender=="L")? print 'checked=" "' : print'';?>/>
                             Laki-Laki<br>
                             <span class="per"><input type="radio" name="gender" value="P"
                                    <?php ($gender=="P")? print 'checked=" "' : print '';?>/> 
                                   Perempuan<br></span>
                               </div>
                       <span class="posisi"> <input type="submit" value="Masuk" name="submit"></span>
                      
5.Buat file baru dengan nama :konversi_biil.php
 Tambahkan script berikut di atas <HTML>

<?php
if(isset($_POST['submit1'])){
$decimal=$_REQUEST['decimal'];
    if(isset($_POST['pilih'])){
        $pilih=$_REQUEST['pilih'];
    }
    else{
        $pilih='';
    }
}
else{
    $decimal='';
    $pilih='';
}
?>

6.Tambahkan juga script Css berikut di antara Tag<HEAD>:
 <head>
            
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title></title>
        
       <style type="text/css">
             
             
             body{background:url('wod.jpg') repeat;
                 font-family:"Comic Sans MS", cursive;
                }
             .atas{width:1600px;
                  height:20px;
                background-color:#000;
                margin-top:-10px;
                margin-left:-10px;    
                color:#FFF;
                font-family:"Comic Sans MS", cursive;
                font-size:12px;
             }
            .bg{background:url('hide.png') repeat;
                height:400px;
                width:900px;
                             margin-left:200px;
                             text-align: center;
                         
                
                }
            
            .text{    font-size:24px;
                
                }
                         .u{ margin-left:300px;
                                }
                          .atas{width:1600px;
            height:20px;
            background-color:#000;
            margin-top:-10px;
            margin-left:-10px;    
            color:#FFF;
            font-family:"Comic Sans MS", cursive;
            font-size:12px;
            padding:5px;
                          
                          }
                          h2{
                              text-align: center;
                              
                          }
            
                          h3{margin-left: 200px;
                               
                              
                          }
                       
       </style>

6.Tambahkan script berikut di antara tag <Body>:

<div class="atas">Aplikasi Converter bilangan : Dhitta hananda/ <u><?php printf(" Tgl. sekarang : %s ", date ("d F Y")); ?></u> </div>
             <h1 ><?php echo $cek ?></h1> 
    <h1 class="b">
<center>Selamat Datang Di aplikasi  Konversi bilangan</center></h1>

<tr>
    <td align ="center">
    <!-- Proses Pilih Gender dari file Validator.php -->
    <?php
        if(isset ($_POST['submit'])){
            $nama=$_REQUEST['nama'];
            if(isset($_POST['gender'])){
                $gender=$_REQUEST['gender'];
            }
            else{
                $gender='';
            }
        }
        if(isset ($_POST['submit'])){
        if($nama==''|| $gender==''){// tanda || : OR
            echo"<script>
                 alert('Maaf,Pilih Gender anda Dahulu');
                 document.location.href='validator_bil.php';
                 </script>";//menggunakan javascript
        }
        else{
            //cek jenis kelamin
            //yang ini pakek petik dua
            if($gender=='L'){
                echo"<br><h3>
Selamat Datang bro, $nama !!</h3>
";
               
            }
            else{
                echo"<br><h1>
Selamat Datang Sis, $nama !!</h1>
";
            }
        }
        }
    ?>
    <!-- End proses pilih Gender -->
    </td>
    </tr>
</table>                       
    <div class="bg">
<tr>
    <td align ="center">
    <p>
<form action="<?php echo $_SERVER['PHP_SELF']; ?>
"
          method="POST" name="form1">
      <font class="u">  <h2>
 Tuliskan nilai bilangan Desimal nya : </h2>
<input class='highlight' placeholder="Masukkan Bilangan Desimal disini" required type="text" name="decimal" size ="25" value="<?php echo $decimal ?>"/><br>
        <h2>
 Pilih salah satu Konversi : <br>
        <input type="radio" name="pilih" value="B"
               <?php ($pilih=="B")? print 'checked=""' : print ''; ?>/>
        Biner<br>
        <input type="radio" name="pilih" value="H"
               <?php ($pilih=="H")? print 'checked=""' : print ''; ?>/>
        Hexa<br>
         <input type="radio" name="pilih" value="O"
               <?php ($pilih=="O")? print 'checked=""' : print ''; ?>/>
        Oktal<br>
        </h2>
<input type="submit" name="submit1" value="Konverikan"><br>
    </font>
         
<a href='validator_bil.php'>kembali <br><img src="home.png"></a></h3>
<br><br>
     </div>
    <!-- Proses Konversi -->
        <?php
        if(isset($_POST['submit1'])){//isset : penekanan form
        $decimal=$_REQUEST['decimal'];
            if(isset($_POST['pilih'])){
                $pilih=$_REQUEST['pilih'];
            }  
            else{
                $pilih='';
            }
        }
        else{
            $decimal='';
            $pilih='';
        }
        if(isset ($_POST['submit1'])){
        if($decimal==''|| $pilih==''){
            echo"<script>alert('Silahkan pilih dahulu konversi apa yang akan anda lakukan..')</script>";//menggunakan javascript
        }
        else{
            if($pilih=='B'){
            //Konversi ke Biner
            if (isset($_POST['decimal'])) {
                $decimal = $_POST['decimal'];
                $original = $_POST['decimal'];
                $binary = '';
                if (preg_match('/[^0-9]/',$decimal)) {
                            echo"Maaf input yang anda masukan salah masukan bialngan decimal ..
                                  
<script>alert('Masukan bilangan decimal')</script>";
                              
                }
                else {
                    while ($decimal > 0) {
                        if ($decimal%2 == 0) {
                            $binary .= 0;
                            $decimal /= 2;
                        }
                        else {
                            $binary .= 1;
                            $decimal = ($decimal/2)-0.5;
                        }
                    }
                    $result = strrev($binary);
                    echo "<br><h2>
Bilangan decimal : $original jika dijadikan Biner hasilnya adalah $result.</h2>
";
                    }
                }
                else {

                }
            }
            else{
                    if($pilih=='H'){
                    //Konversi ke Hexa
                        if(isset($_POST['decimal'])){
                        $des=$_POST['decimal'];
                        $original=$_POST['decimal'];
                        $hex='';
                        while ($des>0){
                        $hasil=$des%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($des/16==0){
                                $sisa=($des%16);
                                $des=$sisa;
                                }
                                    else{
                                    $sisa=($des/16);
                                    $des=$sisa%16;
                                    }}
                                    $result = strrev($hex);
                                    echo "<br><h2>
Bilangan decimal : $original jika dijadikan Hexadecimal hasilnya adalah $result.</h2>
";
                        }
                    }
                    else{
                        //Konversi ke Oktal
                         if(isset($_POST['decimal'])){
                         $des=$_POST['decimal'];
                         $original=$_POST['decimal'];
                         $octal='';
                         while ($des>0){
                         $hasil=$des%8;
                         switch($hasil){
                         case 0 : $octal.="0"; break;
                         case 1 : $octal.="1"; break;
                         case 2 : $octal.="2"; break;
                         case 3 : $octal.="3"; break;
                         case 4 : $octal.="4"; break;
                         case 5 : $octal.="5"; break;
                         case 6 : $octal.="6"; break;
                         case 7 : $octal.="7";
                         default:break;
                         }
                         if($des/8>0){
                            $sisa=($des/8);
                            $des=$sisa%8;
                            }
                            else{
                            $sisa=($des%8);
                            $des=$sisa;
                            }}
                            $result = strrev($octal);
                            echo "<br><h2>
Bilangan decimal : $original jika dijadikan Oktal hasilnya adalah $result.</h2>
";
                            }
                            else{

                            }
                    }
            }
        }
        }

        ?>
    <!-- End proses Konversi -->
    </td>
    </tr>
</table>
Nha,setelah selesai siap di jalankan..
Bila teman-teman mau langsung lihat hasilnya,bisa di lihat di bawah ini..

 Ini adalah Tampilah awal/utam Aplikasi konversi bilangan
di sina terdapat Form nama dan Jenis kelamin diman keduanya harus di isi ..
 

Bila nama tidak di isi /Kosong maka form aka memberi pemberitauhan kepada user seperti di bawah ini:

 

Begitu juga pada gender, bila tejadi pengosongan form maka akan muncul seperti di bawah ini



Form harus di isi agar bisa masuk pada aplikasi konverter

 Ini adalah tampilan pada aplikasi konverter bilangan itu sendiri:

 

Bila form nama tidak di isi maka akan muncul seperti di bawah ini :


Begitu juga dengan pemilihan konversi , Type konversi juga harus di pilih baik itu Hexa,Binner dan Octal

Bila yang di inputkan bukan bilangan maka akan terjadi kesalahan ,Seperti di bawah ini :
Setelah Semua terisi sesuai procedur maka Aplikasi ini sudah dapat di gunakan ,Seperti di bawah ini:









 nha, itu adalah sedikit ilmu dari saya semoga bisa bermanfaat bagi teman-teman semua... 

maaf bila masih ada kesalahan dalam tampilan maupun coding..
Wasalamualaikum W.r W.b








This entry was posted on Sabtu, 08 September 2012 and is filed under . You can follow any responses to this entry through the RSS 2.0. You can leave a response.

Leave a Reply