pertam tama, buka netbeans, dan buat file baru berbentuk PHP, beri nama validator.php , kemudian letakkan script di bawah ini diatas tag <html> :
<?php
if(isset($_POST['submit'])){
$nama=$_REQUEST['nama'];
if(isset($_POST['gender'])){
$gender=$_REQUEST['gender'];
}
else{
$gender='';
}
$cek='';
}
else{
$nama='';
$gender='';
$cek="Harus diisi lengkap!";
}
?>
Kemudian letakkan coding berikut diatas tag </head> :
<style type="text/css">
<style type="text/css">
#form-wrap {
background: #666;
padding: 20px;
overflow: hidden;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
background: -moz-radial-gradient(center 10% 20deg, circle cover, #444 20%, #000000 50%);
background: -webkit-gradient(radial, 430 50, 0, 430 50, 312, from(#444), to(#000));
}
#beautiful {
width: 300px;
margin: 20px auto;
background: #FFF;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
box-shadow: 0 0 7px 0px #000 inset, 0 0 16px 0px #000;
-moz-box-shadow: 0 0 7px 0px #000 inset, 0 0 16px 0px #000;
-webkit-box-shadow: 0 0 7px 0px #000 inset, 0 0 16px 0px #000;
background: -webkit-gradient(
linear,
left bottom,
left top,
color-stop(0, rgb(255,255,255)),
color-stop(0.41, rgb(217,217,217)),
color-stop(1, rgb(255,255,255))
);
background: -moz-linear-gradient(
center bottom,
rgb(255,255,255) 0%,
rgb(217,217,217) 41%,
rgb(255,255,255) 100%
);
-webkit-box-reflect: below 10px
-webkit-gradient(linear, left top, left bottom,
from(transparent), to(rgba(255, 255, 255, 0.2)));
}
#submit {
width: 100px;
cursor: pointer;
box-shadow: 0 0 4px 0 #666;
-moz-box-shadow: 0 0 4px 0 #666;
-webkit-box-shadow: 0 0 4px 0 #666;
background: -webkit-gradient(
linear,
left bottom,
left top,
color-stop(0, rgb(237,237,237)),
color-stop(0.41, rgb(217,217,217)),
color-stop(1, rgb(255,255,255))
);
background: -moz-linear-gradient(
center bottom,
rgb(237,237,237) 0%,
rgb(217,217,217) 41%,
rgb(255,255,255) 100%
);
}
#submit:hover {
background: -webkit-gradient(
linear,
left bottom,
left top,
color-stop(0, rgb(232,114,198)),
color-stop(0.41, rgb(230,71,185)),
color-stop(1, rgb(235,176,218))
);
background: -moz-linear-gradient(
center bottom,
rgb(232,114,198) 0%,
rgb(230,71,185) 41%,
rgb(235,176,218) 100%
);
}
</style>
Letakkan coding di bawah ini diatas tag </head> :
<style type="text/css">
<style type="text/css">
#form-wrap {
background: #666;
padding: 20px;
overflow: hidden;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
background: -moz-radial-gradient(center 10% 20deg, circle cover, #444 20%, #000000 50%);
background: -webkit-gradient(radial, 430 50, 0, 430 50, 312, from(#444), to(#000));
}
#beautiful {
width: 300px;
margin: 20px auto;
background: #FFF;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
box-shadow: 0 0 7px 0px #000 inset, 0 0 16px 0px #000;
-moz-box-shadow: 0 0 7px 0px #000 inset, 0 0 16px 0px #000;
-webkit-box-shadow: 0 0 7px 0px #000 inset, 0 0 16px 0px #000;
background: -webkit-gradient(
linear,
left bottom,
left top,
color-stop(0, rgb(255,255,255)),
color-stop(0.41, rgb(217,217,217)),
color-stop(1, rgb(255,255,255))
);
background: -moz-linear-gradient(
center bottom,
rgb(255,255,255) 0%,
rgb(217,217,217) 41%,
rgb(255,255,255) 100%
);
-webkit-box-reflect: below 10px
-webkit-gradient(linear, left top, left bottom,
from(transparent), to(rgba(255, 255, 255, 0.2)));
}
#submit {
width: 100px;
cursor: pointer;
box-shadow: 0 0 4px 0 #666;
-moz-box-shadow: 0 0 4px 0 #666;
-webkit-box-shadow: 0 0 4px 0 #666;
background: -webkit-gradient(
linear,
left bottom,
left top,
color-stop(0, rgb(237,237,237)),
color-stop(0.41, rgb(217,217,217)),
color-stop(1, rgb(255,255,255))
);
background: -moz-linear-gradient(
center bottom,
rgb(237,237,237) 0%,
rgb(217,217,217) 41%,
rgb(255,255,255) 100%
);
}
#submit:hover {
background: -webkit-gradient(
linear,
left bottom,
left top,
color-stop(0, rgb(232,114,198)),
color-stop(0.41, rgb(230,71,185)),
color-stop(1, rgb(235,176,218))
);
background: -moz-linear-gradient(
center bottom,
rgb(232,114,198) 0%,
rgb(230,71,185) 41%,
rgb(235,176,218) 100%
);
}
</style>
Letakkan codng berikut di bawah tag </head> :
<body id="form-wrap">
<center>
<font face="BeanTown" color="white" size="5"><b><h1>
<?php echo $cek ?></h1>
</b></br></font></center>
<form action="Konversi.php" method="post" name="form1" id="beautiful">
<font face="AvantGarde Md BT"><p>
Nama : <input type="text" placeholder="nama" name="nama" value="<?php echo $nama ?>"/></p>
<p>
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</p>
<center>
<input type="submit" name="submit" value="Submit" id="submit"/></center>
</font>
</form>
<?php
if(isset($_POST['submit'])){ //apakah data ter-submit?
/*membuat variabel untuk menyimpan data yan dikirim*/
$nama=$_REQUEST['nama'];
if(isset($_POST['gender'])){
$gender=$_REQUEST['gender'];
}
else{
$gender='';
}
//cek apakah data yang dikirim tidak kosong
if($nama=='' || $gender==''){
echo '<h2>
Maaf Data Kurang Lengkap</h2>
';
}else{
/*cek jenis kelamin*/
if($gender=='L'){
echo '<h2>
Selamat Datang Bro, '.$nama.' !!</h2>
';
}else{
echo '<h2>
Selamat Datang Sis, '.$nama.' !!</h2>
';
}
}
}
?>
</body>
</html>
</center>
Kita sudah bisa membuat file validator, sekarang kita akan membuat file konversi, dimana nantinya jika kita sudah mengisi data data di file validator, maka kita akan meluncur ke file konversi. berikut langkah langkahnya :
1. buat file baru dengan nama konversi.php
2. Letakkan coding berikut diatas tag <html> :
<?php
if(isset($_POST['submit1'])){
$decimal=$_REQUEST['decimal'];
if(isset($_POST['pilih'])){
$pilih=$_REQUEST['pilih'];
}
else{
$pilih='';
}
}
else{
$decimal='';
$pilih='';
}
?>
3. Letkkan coding berikut diatas tag </head> :
<style type="text/css">
#form-wrap {
background: #666;
padding: 20px;
overflow: hidden;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
background: -moz-radial-gradient(center 10% 20deg, circle cover, #444 20%, #000000 50%);
background: -webkit-gradient(radial, 430 50, 0, 430 50, 312, from(#444), to(#000));
}
#beautiful {
width: 300px;
margin: 20px auto;
background: #FFF;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
box-shadow: 0 0 7px 0px #000 inset, 0 0 16px 0px #000;
-moz-box-shadow: 0 0 7px 0px #000 inset, 0 0 16px 0px #000;
-webkit-box-shadow: 0 0 7px 0px #000 inset, 0 0 16px 0px #000;
background: -webkit-gradient(
linear,
left bottom,
left top,
color-stop(0, rgb(255,255,255)),
color-stop(0.41, rgb(217,217,217)),
color-stop(1, rgb(255,255,255))
);
background: -moz-linear-gradient(
center bottom,
rgb(255,255,255) 0%,
rgb(217,217,217) 41%,
rgb(255,255,255) 100%
);
-webkit-box-reflect: below 10px
-webkit-gradient(linear, left top, left bottom,
from(transparent), to(rgba(255, 255, 255, 0.2)));
}
#submit {
width: 100px;
cursor: pointer;
box-shadow: 0 0 4px 0 #666;
-moz-box-shadow: 0 0 4px 0 #666;
-webkit-box-shadow: 0 0 4px 0 #666;
background: -webkit-gradient(
linear,
left bottom,
left top,
color-stop(0, rgb(237,237,237)),
color-stop(0.41, rgb(217,217,217)),
color-stop(1, rgb(255,255,255))
);
background: -moz-linear-gradient(
center bottom,
rgb(237,237,237) 0%,
rgb(217,217,217) 41%,
rgb(255,255,255) 100%
);
}
#submit:hover {
background: -webkit-gradient(
linear,
left bottom,
left top,
color-stop(0, rgb(232,114,198)),
color-stop(0.41, rgb(230,71,185)),
color-stop(1, rgb(235,176,218))
);
background: -moz-linear-gradient(
center bottom,
rgb(232,114,198) 0%,
rgb(230,71,185) 41%,
rgb(235,176,218) 100%
);
}
</style>
4. Kemudian letakkan coding berikut dibawah tag </head>
<body id="form-wrap">
<center>
<font face="BeanTown" color="white" size="5"><b><h1 class="b">
Konversi Bilangan !</h1>
</b></font></center>
<tr>
<td align ="center">
<!-- Proses Pilih Gender dari file Validator.php -->
<center>
<font face="AvantGarde Md BT" color="white"><?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='Validator.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.
}
}
?>
</font></center>
<!-- End proses pilih Gender -->
<p>
<form action="<?php echo $_SERVER['PHP_SELF']; ?>
"
method="POST" name="form1" id="beautiful">
<center>
<font face="AvantGarde Md BT"><h2>
Tuliskan nilai bilangan Desimal nya : </h2>
<input placeholder="bilangan desimal" 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>
<center>
<input type="submit" name="submit1" value="Konversikan" id="submit"></center>
<br></font>
</form>
</center>
<!-- Proses Konversi -->
<center>
<font face="AvantGarde Md BT" color="white"><?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('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 dikonversikan dalam 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 dikonversikan dalam 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 dikonversikan dalam 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='Konversi.php'>RESET</a></h2>
<br><br>";
?></font></center>
<!-- End proses Konversi -->
</body>
</html>
5. Tekan Shift + F6, dan lihat hasilnya
Langganan:
Posting Komentar (Atom)
0 komentar:
Posting Komentar