Minggu, 09 September 2012

Konversi Bilangan with Log in


Buat posting yang kali ini saya bakalan bahas tentang Konversi bilangan yang menggunakan log in menggunakan PHP.
Kali ini tampilannya gak cuman bisa dilihat lewat cmd di netbeans saja, tapi kita tampilinnya di browser. Jadi dalam proses penyimpannanya kita juga menyimpannya gak lagi dengan php class  tapi kita simpan dengan cara new >> php web page, terus biar tamilannya di browser biar gak gitu-gitu saja,
kita bisa buat tampilannya semenarik mungkin menggunakan css (jadi kita paduin antar ilmu css sama ilmu pemrogeaman yaitu JAVA). Lets begin, kita tengok codingnya saja ::
1.       Kita harus buat halaman log innya dulu, halaman log ini, saya beri nama validator, ini codingnya :

<!DOCTYPE html>
<?php
if(isset($_POST['submit'])){//isset : penekanan form
$nama=$_REQUEST['nama'];
    if(isset($_POST['gender'])){
        $gender=$_REQUEST['gender'];
    }
    else{
        $gender='';
    }
$cek='';
}
else{
    $nama='';
    $gender='';
    $cek='Selamat datang di halaman konversi berikut<br>Masukkan nama anda di bawah ini';
}
?>

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Konversi Bilangan ke Biner,Oktal,Hexa</title>
                <style type="text/css">
            body{
                background: url('nini.jpg') no-repeat;
            }
            .a{
                padding-top: 25px;
                color:chartreuse;
                font-family: snap itc;
                text-align: center;
                text-shadow: 4px 0px 5px blue;
            }
            .b{               
                color:blue;
                text-align: center;
                font-family: Britannic Bold;
            }
            .c {
                color:steelblue;
                text-align: center;
                font-family: Imprint MT Shadow;
            }
            form input.highlight{
                background:lightgreen;                
                border-radius:4px;
                padding: 5px;
            }
            form input.highlight:focus {               
                background:snow;
                border-radius:2px;
                box-shadow:4px 4px 8px cyan ;
            }
        </style>
    </head>
    <body>
       <h1 class='a'><?php echo $cek ?></h1>
<br>
        <form action="Konversi_bilangana.php" method="post" name="form1">
            <p>
<h3 class='b'>
Nama : <input class='highlight' placeholder="Insert Your Name Here" required="required" type="text" name="nama" size ="30" value="<?php echo $nama ?>"/></h3>
</p>
<p>
<h3 class='c'>
Jenis Kelamin : <br>
                <input type="radio" name="gender" value="L"
                                <?php ($gender=="L")? print 'checked=""' : print ''; ?>/>
                Laki-Laki<br>
                <input type="radio" name="gender" value="P"
                                <?php ($gender=="P")? print 'checked=""' : print ''; ?>/>
                Perempuan
            </h3>
</p>
<center><input type="submit" name="submit" value="NEXT"></center>
        </form>
    </body>
</html>

Dari coding tersebuta maka akan tampil tampilan seperti berikut



(notifikasi seperti ini akan muncul apabila nama tidak diisi)
(Notofikasi ini akan muncul apabila jenis kelamu tidak diisi)

2.       Nah sekarang kita buat proses konversinya, jadi kita harus punya 2 php web page (1 sebagai validator, dan yang ini sebagai halaman proses konversinya). Pada page yang ini saya beri nama konversi bilangan, kita lihat codingnya saja:

<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE html>
<?php
if(isset($_POST['submit1'])){
$decimal=$_REQUEST['decimal'];
    if(isset($_POST['pilih'])){
        $pilih=$_REQUEST['pilih'];
    }
    else{
        $pilih='';
    }
}
else{
    $decimal='';
    $pilih='';
}
?>

<html>
    <head>
                <style type="text/css">
            body{
                background:url('nini.jpg');
            }
            a {
                width: 100px;
                border: 2px solid blue;               
                font:12px;
                font-weight: bold;
                color:honeydew;
                margin: 20px;
                text-align: center;
                padding: 10px;
                border-radius: 12px;               
                -webkit-border-radius: 12px;
                background: lightblue;               
            }
            a:hover{
                background:springgreen;
            }
            a:active{
                color: #990000;
            }
            .b{
                color: lightgreen;                               
            }
           
            .bayangan1{                              
                font-family:Calibri;
                font-weight:bold;
                color:blue;
            }
            form input.highlight{
                background: aquamarine;               
                border-radius:5px;
                padding: 5px;
            }
            form input.highlight:focus {
                border: solid 1px #D9AD00;               
                border-radius:5px;
                box-shadow:2px 2px 5px blue;
            }
        </style>

        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title></title>
    </head>
    <body>

    <h1 class="b">
<center>This page for "Konversi Bilangan"</center></h1>
<table border="0" width="900px" heigh="900px" align ="center">
<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('Isi Jenis Kelamin');
                 document.location.href='Validator.php';
                 </script>";//menggunakan javascript
        }
        else{
            //cek jenis kelamin
            //yang ini pakek petik dua
            if($gender=='L'){
                echo"<br><h1>
Hello My brother, $nama :)</h1>
";
               
            }
            else{
                echo"<br><h1>
Hello My sister, $nama :)</h1>
";
            }
        }
        }
    ?>
    <!-- End proses pilih Gender -->
    </td>
    </tr>
</table>                       
    <table border="10" width="900px" heigh="900px" align ="center" class='bayangan1'>
<tr>
    <td align ="center">
    <p>
<form action="<?php echo $_SERVER['PHP_SELF']; ?>"
          method="POST" name="form1">
        <h2>
 Insert decimal number here </h2>
<input class='highlight' placeholder="Desimal" required="required" type="text" name="decimal" size ="25" value="<?php echo $decimal ?>"/><br>
        <h2>
 Pilih Proses 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 ''; ?>/>
        Octal<br>
        </h2>
<input type="submit" name="submit1" value="KONVERSIKAN"><br>
    </form>
    <!-- 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('Pilih dahulu proses konversinya')</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)) {
                        die ("Silahkan hanya menginputkan bilangan desimal");
                }
                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>
                    Binernya 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>
                                    Hexanya 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>
                            Octalnya adalah $result.</h2>";
                            }
                            else{

                            }
                    }
            }
        }
        }
        echo "<br><h2>
<a href='Validator.php'>RESET</a></h2>
<br><br>";
        ?>
    <!-- End proses Konversi -->
    </td>
    </tr>
</table>

    </body>
</html>

Dari hasil coding tersebut kita bisa dapatkan tampilan seperti berikut ini

(Notifikasi ini akan muncul apabila kolom bilangan dan proses konversi tidak diisi)

(Notofikasi ini muncul apabila proses konversi tidak diisi)


(Hasil dari proses konversi)

Nah, itu tadi hasil dari proses konversi bilangan dengan menggunakan log in, semoga bermanfaat :)


0 komentar:

Posting Komentar

 
;