Ini ini postingan baru lagi ciaa, akhirnya selesai juga. Ehem prolog dulu nih, ini tugas bikin project tentang Konversi Tiga Bilangan (Biner, Hexa, Octal) menggunakan PHP yg dipadukan dengan CSS. Disini CSS-nya berfungsi buat aksesoris aja, kaya buat nambahin background, ngedit font, bikin button dengan hover active yg macem-macem gitu, dkk dsb dll. Awal jadinya project ini sebelum ada CSS apapun sederhana banget, kaya gini contohnya
Langkah pertama : Buat new PHP Web Page, beri nama validator.php lalu ketikkan coding dibawah ini
<?php
if(isset($_POST['submit'])){
$nama=$_REQUEST['nama'];
if(isset($_POST['gender'])){
$gender=$_REQUEST['gender'];
}
else{
$gender='';
}
$cek='';
}
else{
$nama='';
$gender='';
$cek="DI ISI DULU YAA ☺ "; // tulisan atas
}
?>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title> Convert Decimal Number </title>
<style type="text/css">
body {
background: url(11.gif);
}
.x{
font-family: Elizajane;
color: purple;
text-align: center;
}
.y{
font-family: Segoe Print;
color: purple;
text-align: center;
}
form input.highlight{
background: white;
pandding: 5px;
}
form input.highlight:focus{
background: white;
}
</style>
<script language="JavaScript">
window.alert("Selamat Datang ~(˘.˘~) ~(˘.˘)~ (~˘.˘)~");
</script>
</head>
<body>
<center>
<font face="Elizajane" color="Purple" size="5"><b><h1 class='x'><?php echo $cek ?></h1></b></font>
<br>
<form action=" menu.php" method="post" name="form">
<p> <h3 class='y'>
Nama : <input class='highlight' placeholder="Masukkan nama anda disini" required="required" type="text" name="nama" value=" <?php echo $nama ?>"/></h3></p>
<h3 class='y'>
<p> Jenis Kelamin : <input type="radio" name="gender" value="L"
<?php ($gender=="L")? print 'checked=""': print''; ?>/> Laki-Laki
<input type="radio" name="gender" value="P"
<?php ($gender=="P")? print 'checked=""': print''; ?>/> Perempuan
</h3>
</p>
<center><input type="submit" name="submit" value="Submit" /></center>
</form>
</center>
</body>
</html>
<?php
if(isset($_POST['submit'])){
// apakah data tersubmit?
/*membaut variabel untuk menyimpan data yang 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 "<br><h3 class='a'>
Selamat Datang bro, '.$nama.'!!</h3>";
}else{
echo "<h3 class='a'>Selamat datang sis, '.$nama.'!!</h3>";
}
}
echo "<a href='".$_SERVER['PHP_SELF']."'>Reset</a>";//hasil
}
?>
</body>
</html>
Langkah kedua : Buat new PHP Web Page lagi, beri nama menu.php lalu ketikkan coding dibawah ini
<?php
if(isset($_POST['submit1'])){
$desimal=$_REQUEST['decimal'];
if(isset($_POST['pilihan'])){
$pilihan=$_REQUEST['pilihan'];
}
else{
$pilihan='';
}
}
else{
$desimal='';
$pilihan='';
}
?>
<html>
<head>
<style type="text/css">
body{
background: url(11.gif);
}
.b{
color: purple;
}
.z{
font-family: Segoe Print;
font-weight:bold;
color:purple;
}
.a{
font-family: Elizajane;
color: purple;
}
form input.highlight{
background: fixed;
border-radius:5px;
padding: 5px;
}
form input.highlight:focus {
border: solid 1px #D9AD00;
border-radius:5px;
box-shadow:2px 2px 5px burlywood;
}
.c{
font-family: Segoe Print;
color: purple;
text-align: center;
}
</style>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title></title>
</head>
<body>
<table border="0" width="900px" heigh="900px" align ="center">
<tr>
<td align ="center" >
<!-- Proses pemilihan 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 yang anda masukkan kurang lengkap');
document.location.href='validator.php';
</script>"; //javascript
}
else{
//cek jenis kelamin
if($gender=="L"){
echo"<br><h1 class='c'>
Selamat Datang bro $nama !!</h1>
";
}
else{
echo"<br> <h1 class='c'>
Selamat Datang sist $nama !!</h1>
";
}
}
}
?>
<!-- End proses pilih Gender -->
</td>
</tr>
</table>
<table border="0" width="900px" heigh="900px" align ="center" class='z'>
<tr>
<td align ="center">
<p>
<form action="<?php echo $_SERVER['PHP_SELF']; ?>
"
method="POST" name="form1">
<h2>
Masukkan angka Desimal : </h2>
<input class='highlight' type="text" name="decimal" size ="25" value="<?php echo $decimal ?>"/><br>
<h2>
Pilih salah satu Konversi dibawah ini : <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="Konversikan"><br>
</form>
<!-- Proses Konversi bilangan -->
<?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 terlebih dahulu konversi yang ada..')</script>";//menggunakan javascript
}
else{
if($pilih=='B'){
//Konversi ke Biner
if (isset($_POST['decimal']))
if (isset($_POST['decimal'])) {
$decimal = $_POST['decimal'];
$original = $_POST['decimal'];
$binary = '';
if (preg_match('/[^0-9]/',$decimal)) {
die ("Maaf Yang anda inputkan salah.. inputkan 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>
Bilangan decimal : $original Biner 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 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>
Bilangan decimal : $original Oktalnya adalah $result.</h2>
";
}
else{
}
}
}
}
}
echo "<br><h2>
<a href='validator.php'>kembali ke awal ☺ </a></h2>
<br><br>";
?>
<!-- End proses Konversi -->
</td>
</tr>
</table>
</body>
</html>
Kenapa kita bikin dua PHP Web Page disini? Jadi gini PHP Web Page yg pertama, yg validator.php itu isinya hanya peng-inputan nama dan gender saja. Dan ketika meng-klik "submit" halaman akan berpindah ke menu.php yg berisi Konversi Bilangan itu sendiri. Hasilnya seperti yg dibawah ini
Ini hasil run yg pertama kali keluar, kaya Messages Box gitu, ini pakai JavaScript
Klik OK maka akan tampil seperti ini, ini masih di dalam validator.php
Apabila kita tidak menginputkan nama dan gender maka akan keluar message box alert seperti diatas ini
Ini yg benar. Inputkan nama dan gender, lalu tekan Submit
Nah halaman ini sudah masuk di menu.php yg berisi Konversi Bilangan. Karna sebelumnya kita pilih gendernya adalah "perempuan" maka yg keluar disini menggunakan "sist" kalau gender yg diinputkan laki-laki maka keluarnya "bro"
Apabila kita tidak meng-inputkan angka dan tidak memilih salah satu konversi, akan muncul Messages Box Alert seperti diatas ini
Ini yg benar. Inputkan angka dan pilih salah satu konversi
Tekan "Konversikan" Maka akan muncul hasilnya seperti gambar diatas
Setelah sudah, coba klik "Kembali ke awal" maka halaman akan kembali ke tampilan awal, ke validator.php
Syudah :D ciaaa, semoga bermanfaat, Sincerely~