Assalamualaikum. :D
Ya kesempatan kali ini saya ingin share tentang program untuk mengkonversi bilangan tetapi dengan login terlebih dahulu :D di posting sebelumnya saya telah menjabarkan program ini tapi menggunakan bahasa JAVA.. kali ini saya akan mnjabarkan menggunakan PHP.. :D
Oke, pertama kita buat satu 'PHP Web Page' dan beri nama Login.php
setelah itu masukkan source code di bawah ini diatas syntax <html>
<?php if (isset($_POST['submit'])) {//isset : penekanan form $name = $_REQUEST['nama']; if (isset($_POST['gnder'])) { $gender = $_REQUEST['gnder']; } else { $gender = ''; } $cek = ''; } else { $name = ''; $gender = ''; $cek = 'Dipunisi Rumiyin Nggih :D<br/> (Diisi Terlebih Dahulu)'; } ?> |
kemudian code di bawah ini merupakan code untuk mendesain tampilan web, kita bisa mengubahnya sesuai selera . letakkan antara syntax <head> </head>.
<style type=text/css> body{ background: url(asda.jpg); padding-top:100px; } h1{ font-family: Calligraph421 BT; color: Red; text-shadow:1px 1px 3px white; } .table{ box-shadow: 2px 2px 5px 4px gray; font-family: Cataneo BT; font-size: 17px; color:white; text-shadow: 1px 1px 5px #3697fb; } </style> |
Sebelum menginjak langkah selanjutnya, buat File PHP Web Page baru dengan nama KonversiBil.php
selanjutnya letakkan code di bawah ini di antara syntax <body></body> .
<center><h1><?php echo $cek ?></h1></center> <form action="KonversiBil.php" method="post" name="form1"> <table align="center" border="0" class="table" style="padding:8px 8px 8px 8px;"> <p> <tr> <td align="center"> <h3> Nama : <input placeholder="Nama" required="required" type="text" name="nama" size ="30" value="<?php echo $name ?>"/></h3> </td> </tr> </p> <p> <tr> <td align="center" style="padding:0px 0px 0px 0px; margin: 0px 0px 0px 0px;" valign="top"> <h3> Jenis Kelamin : </h3> </td> </tr> <tr> <td align="center" style="color:#f5f5f5; text-shadow: 1px 1px 5px #007eff;"> <input type="radio" name="gender" value="L" <?php ($gender == "L") ? print 'checked=""' : print ''; ?>/> <b>Laki-Laki</b> </td> </tr> <tr> <td align="center" style="color:#f5f5f5; text-shadow: 1px 1px 5px #007eff;"> <input type="radio" name="gender" value="P" <?php ($gender == "P") ? print 'checked=""' : print ''; ?>/> <b>Perempuan</b> </td> </tr> </p> <tr> <td align="center" style="padding-top: 15px;"> <input type="submit" name="submit" value="Masuk"> </td> </tr> </table> </form> |
Oke kegunaan kita membuat file baru terlebih dahulu ialah, pada syntax di atas tadi tepatnya pada source code :
<form action="KonversiBil.php" method="post" name="form1"> |
Maksud dari action ialah, form yg kita isi nanti akan mengarah kemana dia? Jelas dengan ini form kita akan melaksanakan aksi menuju 'KonversiBil.php' dan proses ini akan terjadi saat kita meng-klik button "Sign In".
Kemudian kita masuk file KonversiBil.php karena coding pada file Login.php telah selesai. Letakkan code berikut seperti sebelumnya yaitu diatas syntax <html> .
| <?php if (isset($_POST['submit1'])) { $decimal = $_REQUEST['decimal']; if (isset($_POST['pilih'])) { $pilih = $_REQUEST['pilih']; } else { $pilih = ''; } } else { $decimal = ''; $pilih = ''; } ?> |
Setelah itu letakkan code berikut di antara syntax <head></head>. Syntax ini hanya digunakan untuk memperindah halaman web kita. Bisa kita atur sesuai selera.
<style type="text/css"> body{ background-image: url('gambar.jpg'); } a { width: 230px; border: 5px solid green; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; font:18px Times; font-weight: bold; color: #0000CC; margin: 20px; text-align: center; padding: 10px; border-radius: 12px; -moz-border-radius: 12px; -webkit-border-radius: 12px; background: #FFFF99; text-decoration: none; text-shadow: none; } a:hover{ background: #FF00FF; } a:active{ color: #990000; } .b{ color: red; text-shadow:4px 0px 7px black; font-family:Calibri; font-weight:bold; } .bayangan{ text-shadow:4px 0px 7px red; font-family:Calibri; font-weight:bold; color:#E3941D } .bayangan1{ text-shadow:4px 0px 7px black; box-shadow:0px 10px 30px yellow; font-family:Calibri; font-weight:bold; color:#CCFF66; } form input.highlight{ background: aquamarine; borurder: solid 1px #CCCCCC; border-radius:5px; padding: 5px; } form input.highlight:focus { border: solid 1px #D9AD00; background: graytext; border-radius:5px; box-shadow:2px 2px 5px yellow; } </style> |
Oke, kemudian lanjut ke code di bawah ini. Fungsinya untuk memproses apa yang telah kita inputkan sebelumnya pada file Login.php .
<center><h1 class="b"> Konversi Bilangan</h1></center> <table border="0" width="900px" heigh="900px" align ="center"> <tr> <td align ="center"> <!-- Proses Pilih Gender dari file Login.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 data kurang lengkap'); document.location.href='Login.php'; </script>"; //menggunakan javascript } else { //cek jenis kelamin //yang ini pakek petik dua if ($gender == 'L') { echo"<br><h1 class='bayangan'> WELCOME Abang $nama </h1>"; } else { echo"<br><h1 class='bayangan'> WELCOME Eneng $nama </h1>"; } } } ?> <!-- End proses pilih Gender --> </td> </tr> </table> |
Lanjut lagi hehe, tinggal sedikit kok code nya.. Sabar :D
Code di bawah ini berfungsi untuk menampilkan lembar form dan menu konversi.
<table border="0" 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> Inputkan Bilangan Desimal: </h2> <input class='highlight' placeholder="bilangan" required="required" type="text" name="decimal" size ="25" value="<?php echo $decimal ?>"/><br> <h2> Menu Konversi : <br> </br> <input type="radio" name="pilih" value="B" <?php ($pilih == "B") ? print 'checked=""' : print ''; ?>/> To Biner <input type="radio" name="pilih" value="H" <?php ($pilih == "H") ? print 'checked=""' : print ''; ?>/> To Hexa <input type="radio" name="pilih" value="O" <?php ($pilih == "O") ? print 'checked=""' : print ''; ?>/> To Octal<br><br/> </h2> <input type="submit" name="submit1" value="Konversikan"/><br> </form> |
Bagaimana dengan 'action'nya ? pada code di atas tertulis bahwa :
<form action="<?php echo $_SERVER['PHP_SELF']; ?> |
Artinya, form tersebut akan memproses dirinya sendiri.
Yak, ini code terakhir hehe, code ini berfungsi untuk memproses konversi bilangannya. Letakkan tepat di bawah code di atas / sebelumnya.
<!-- 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('Sorry, Isi nilai Desimal dan pilih Menu 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("<br/><h2>Maaf, Inputan bukan berupa angka...</h2>"); } 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 if ($pilih == 'H') { //Konversi ke Hexa if (isset($_POST['decimal'])) { $des = $_POST['decimal']; $original = $_POST['decimal']; $hex = ''; if (preg_match('/[^0-9]/', $decimal)) { die("<br/><h2>Maaf, Inputan bukan berupa angka...</h2>"); } else { 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 Hexa hasilnya adalah $result.</h2>"; } } } else { //Konversi ke Oktal if (isset($_POST['decimal'])) { $des = $_POST['decimal']; $original = $_POST['decimal']; $octal = ''; if (preg_match('/[^0-9]/', $decimal)) { die("<br/><h2>Maaf, Inputan bukan berupa angka...</h2>"); } else { 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"; &nbrp; 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> "; } } } } } echo "<br><h2> <a href='Login.php'>RESET</a></h2> <br><br>"; ?> </td> </tr> </table> |
Alhamdulillah selesai :D hehe. Hasil akhirnya seperti ini
(Klik Gambar Untuk Perbesar, kemudian Klik kanan 'View Image')
 | ||||
| Tampilan Awal |
 |
| Alert Jika Anda Belum Memasukkan Data dengan Lengkap |
 |
| Halaman Ketika Anda Telah Sukses Login. |
Maka Akan Tampil Seperti Ini
 | |||
| Tampilan Ketika Memasukkan Inputan Bukan Berupa Angka |
Coba Kita Ganti Inputan Dengan Angka '152'.
 |
| Inputan Diganti Angka |
 |
| Hasil Konversi |
 |
| Belum Lengkap |
 |
| Menu Konversi Belum Dipilih. |
 |
| Input Belum Diisi |
 | |
| Inputan Diganti Angka |
Yak, Alhamdulillah Selesai :D Terima Kasih sudah menyimak, Semoga Bermanfaat. Wassalamualaikum..
Maaf Jika Ada Kesalahan :)
0 komentar:
Posting Komentar