Namun kali ini prosesnya itu kita harus terlebih dahulu mengisikan nama beserta jenis kelamin di halaman browser Login dimana bila kita tidak mengisinya dengan lengkap (ada salah satu yg belum diisi misal nama/jenis kelamin) maka ada perintah yang mengharuskan kita mengisi lengkap data tersebut . Baru setelah itu kita masuk ke halaman browser area konversi dimana kita juga harus mengisikan lengkap data bilangan agar bilangan yang kita inputkan bisa dikonversikan .
Disini kita akan menggunakan 4bahasa : HTML, CSS, JavaScript dan PHP dimana javascriptnya tidak terlalu menonjol .
oke berikut langkah-langkahnya :
1.Buka NetBeans, buat New PHP Web Page , beri nama "Validator.php"
2.tuliskan coding berikut diatas tag <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='Sebelum Masuk, Isi ini dulu yaa :)';
}
?>
3.Selanjutnya kita akan mendesain tampilannnya saat dijalankan dibrowsher nanti , sebelumnya tuliskan judul "Login" diantara tag <tittle></tittle> :
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Login</title>
<style type="text/css"> // ini untuk mendesain tampilan
.a{
text-shadow:4px 0px 7px red;
font-family:Calibri;
font-weight:bold;
color:#E3941D;
}
.b{
text-shadow:4px 0px 7px red;
font-family:Calibri;
font-weight:bold;
color:greenyellow;
}
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>
</head>
<body>
4.Kemudian tuliskan code berikut , namun sebelumnya anda buat terlebih dahulu New PHP Web Page dengan nama file "KonversiBilangan.php" (letakkan code dalam tag <body></body> :
<h1 class='a'>
<?php echo $cek ?></h1>
<br>
<form action="KonversiBilangan.php" method="post" name="form1"> //berfungsi untuk menunjukkan kemana aksi daari form tersebut dijalankan , proses ini terjadi ketika kita menekan tombol masuk , jadi secara otomatis "Validator.php" akan langsung berganti menjadi file "KonversiBilangan.php"
<p>
<h3 class='b'>
Nama : <input class='highlight' placeholder="Nama" required="required" type="text" name="nama" size ="30" value="<?php echo $nama ?>"/></h3>
</p>
<p>
<h3 class='b'>
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>
<input type="submit" name="submit" value="Masuk">
</form>
</body>
</html>
5.Sekarang kita beralih ke "KonversiBilangan.php" , tuliskan code berikut diatas tag <html> :
<?php
if(isset($_POST['submit1'])){
$decimal=$_REQUEST['decimal'];
if(isset($_POST['pilih'])){
$pilih=$_REQUEST['pilih'];
}
else{
$pilih='';
}
}
else{
$decimal='';
$pilih='';
}
?>
6.Tuliskan code css berikut diantara <head></head> , beri judul "Konversi Bilangan" :
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title></title>
<style type="text/css">
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>
</head>
7.Selanjutnya tuliskan code html dan php berikut ini , fungsinya code php-nya untuk memproses apa yang kita lakukan di "Validator.php" :
<body>
<h1 class="b">
Area Konversi Bilangan !!</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('Maaf data kurang lengkap ? Isi Nama dan Jenis Kelamin');
document.location.href='Validatorkonversi.php';
</script>";//menggunakan javascript
}
else{
//cek jenis kelamin
//yang ini pakek petik dua
if($gender=='L'){
echo"<br><h1 class='bayangan'>
Selamat Datang Bro, $nama !!</h1>
";
}
else{
echo"<br><h1 class='bayangan'>
Selamat Datang Sis, $nama !!</h1>
";
}
//yang ini pakek petik satu
//if($gender=='L'){
// echo '<h2>Selamat Datang Bro, '.$nama.' !!</h2>';
//}
//else{
// echo '<h2>Selamat Datang Sis, '.$nama.' !!</h2>';
//}
//antar petik satu dan dua, model penulisan/script beda, tapi hasilnya sama. Petik dua, gak perlu membedakan antara String dengan Variabel.
}
}
?>
<!-- End proses pilih Gender -->
</td>
</tr>
</table>
8.Dan tuliskan code berikut ini juga :
<table border="1" width="900px" heigh="900px" align ="center" class='bayangan1'>
<tr>
<td align ="center">
<p>
<form action="<?php echo $_SERVER['PHP_SELF']; ?> //maksudnya ini akan diproses dalam file KonversiBilangan.php itu sendiri
"
method="POST" name="form1">
<h2>
Tuliskan nilai bilangan Desimal nya : </h2>
<input class='highlight' placeholder="nama" required="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>
</form>
9.Yang terakhir ini code untuk konversi bilangannya sendiri :
<!-- 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('Waw, kesalahan! Isi nilai Desimal dan pilih Konversi !!')</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 ("Maaf. Inputan salah...");
}
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{
}
}
}
//yang ini pakek petik satu
//if($gender=='L'){
//echo '<h2>Selamat Datang Bro, '.$nama.' !!</h2>';
//}
//else{
//echo '<h2>Selamat Datang Sis, '.$nama.' !!</h2>';
//}
//antar petik satu dan dua, model penulisan/script beda, tapi hasilnya sama. Petik dua, gak perlu membedakan antara String dengan Variabel.
}
}
echo "<br><h2>
<a href='konversibilangan.php'>RESET</a></h2>
<br><br>";
?>
<!-- End proses Konversi -->
</td>
</tr>
</table>
</body>
</html>
Oke selamat mencoba teman :) maaf jika ada kesalahan , saling share lah ;)
0 komentar:
Posting Komentar