#27 Intermediate Web | Web Programming Tutorial ~ Angga Gemilang Blog

Assalamualaikum wr, wb

Pada kesempatan ini saya Angga Gemilang dari kelas XI - RPL 1 akan menjelaskan seluk beluk tentang materi percabngan di php. materi sekarang akan rada flashback ke beberapa minggu ke belakang, karena ada kesalahan dari pihak guru sehingga menybebabkan tugas ini terhapus, sehinnga pada postingan kali ini saya akan menjelaskannya disini. Pokoknya pantengin terus, Check This Out...

DIbawah ini ada 6 bab yang akan kita pelajari, yaitu:

SK1 (Menentukan hari)
SK2 (Menentukan nilai rapor)
SK3 (Menentukan jumlah hari)
SK4 (Menentukan nilai akhir)
SK5 (Penilaian Kampus)
SK6 (Menentukan I/O Pos/Neg)

Tanpa langsung berlama-lama. silahkan disimak penjelasan-penjelasan saya dibawah ini :

SK1 (Menentukan hari)
Penjelasannya...

menentukan hari.php

<!DOCTYPE html>
<html>
<head>
 <title></title>
 <style type="text/css"> 
  body
  {
   background: url('bg.jpg');
   background-size: cover;
   font-family: arial;
  }
  label
  {
   width: 30%;
   float: left;
   margin-top: 13px;
  }
  input[type="text"]
  {
   border: none;
   border-bottom: 1px solid grey;
   width: 60%;
   font-size: 15pt;
   text-align: center;
   margin-bottom : 10px;
  }
  input[type="text"]:focus
  {
   border-bottom: 1px solid #000;
  }
  .container
  {
   width: auto;
   height: auto;
   background: #fff;
   position: absolute;
   top: 44%;
   z-index: 1;
   padding: 20px 30px;
   left: 51%;
   transform: translate(-50%, -50%);
   border-radius: 10px;
   box-shadow: 0 10px 40px #000;
  }
  .cont
  {
   position: absolute;
   transform: translate(-50%, -50%);
   top: 60%;
   z-index: 1;
   left: 51%;
   font-family: arial;
   font-weight: bold;
   background: #000;
   color: #fff;
   padding: 20px 50px;
  }
  input[type='submit']
  {
   position: relative;
   bottom: -20px;
   left: 50%;
   transition: .5s;
   transform: translate(-50%, -50%);
   border: none;
   padding: 10px 20px;
   background-color: salmon;
   cursor: pointer;
   font-weight: bold;
   color: #fff;
   text-transform: uppercase;
  }
  input[type="submit"]:hover
  {
   box-shadow: 0 5px 15px rgba(0,0,0,.5);
  }
 </style>
</head>
<body>
 <div class="container">
 <form method="get" name="form input">
  <label>Hari</label> :
  <input type="text" name="hari" id="hari" required="required"><br>

  <label>Tanggal</label> :
  <input type="text" name="tanggal" id="tanggal" required="required"><br>

  <input type="submit" name="submit" value="Submit">
 </form>
 </div>

 <?php

if (isset($_GET['hari']) AND isset($_GET['tanggal']))
{

 $hari=$_GET['hari'];
    $tanggal=$_GET['tanggal'];

    echo "<div class='cont'>";
    if (!empty($tanggal) || !empty($hari))
 {
    if($hari == "minggu" || $hari == "sabtu"){
  if($tanggal<=10){
   echo "Sekarang anda berada pada tanggal $tanggal hari $hari <br /> Selamat berakhir pekan pada tanggal muda ";
  } else{
   echo "Sekarang anda berada pada tanggal $tanggal hari $hari <br /> Selamat berakhir pekan pada tanggal tua dan tetap semangat";
  }
 } else {
  echo "Sekarang anda berada pada tanggal $tanggal hari $hari <br /> Semoga hari anda menyenangkan <br />";
  echo "sampai jumpa diakhir pekan";
 }

 }

 else
 {
    die("Maaf, anda harus mengisi terlebih dahulu form di atas");
 }
 echo "</div>";
}

 ?>
 <body>
<html>

Hasil Dari Pengerjaan SK1 (Menentukan Hari):

SK2 (Menentukan Nilai Rapor)
Penjelasannya...

v.index

 <!DOCTYPE html>
<html>
<head>
 <title></title>
 <style type="text/css">
  body
  {
   background: url('bg.jpg');
   background-size: cover;
  }
  .container
  {
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   background: #fff;
   width: auto;
   height: auto;
   border-radius: 15px;
   padding: 30px 30px;
   box-shadow: 0 10px 30px rgba(0,0,0,.5);
  }
  label{
   float: left;
   width: 55%;
   font-size: 13pt;
   text-transform: uppercase;
  }
  input[type='text']
  {
   margin-bottom: 20px;
   height: 25px;
   font-size: 15pt;
   text-align: center;
   border: none;
   border-bottom: 1px solid grey;
   width: 43%;
  }
  input[type='text']:focus
  {
   border-bottom: 1px solid #000;
   border: none;
  }
  input[type='submit']
  {
   position: relative;
   bottom: -20px;
   left: 50%;
   transition: .5s;
   transform: translate(-50%, -50%);
   border: none;
   padding: 10px 20px;
   background-color: salmon;
   cursor: pointer;
   font-weight: bold;
   color: #fff;
   text-transform: uppercase;
  }
  input[type="submit"]:hover
  {
   box-shadow: 0 5px 15px rgba(0,0,0,.5);
  }
  h1
  {
   text-transform: uppercase;
   font-weight: bold;
   text-align: center;
   margin-top: -5px;
   font-family: arial;
  }
 </style> 
 </style>
</head>
<body>
 <div class="container">
 <h1>Nilai Raport</h1>
 <form method="post" name="form nilai" action="menentukannilairaportdanindexhasil.php">
 <label>Nama</label>
 : <input type="text" name="nm" id="nm"><br>

 <label>Nilai Tugas</label>
 : <input type="text" name="nt" id="nt"><br>

 <label>Nilai Ulangan Harian</label>
 : <input type="text" name="nuh" id="nuh"><br>

 <label>Nilai UTS</label>
 : <input type="text" name="nuts" id="nuts"><br>

 <label>Nilai UAS</label>
 : <input type="text" name=nuas id="nuas"><br>

 <input type="submit" name="submit" value="Hitung">
</form>
</div>
 <body>
<html>

v.hasil

<!DOCTYPE html>
<html>
<head>
 <style type="text/css">
  body
  {
   font-size: 20pt;
  }
  .container
  {
   width: auto;
   height: auto;
   background: #fff;
   position: absolute;
   top: 50%;
   z-index: 1;
   padding: 50px 80px;
   left: 51%;
   transform: translate(-50%, -50%);
   border-radius: 15px;
   box-shadow: 0 10px 40px #000;
  }
  .cont
  {
   position: absolute;
   background: #000;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   color: #fff;
   font-weight: bold;
   font-family: arial;
   padding: 30px 50px;
  }
  h1
  {
   text-transform: uppercase;
   font-weight: bold;
   text-align: center;
   margin-top: -5px;
   font-family: arial;
  }
 </style>
 <title></title>
</head>
<body>
 <?php  

 if(isset($_POST['nm']) && isset($_POST['nt']) && isset($_POST['nuh']) && isset($_POST['nuts']) && isset($_POST['nuas']))
 {

 $nm = $_POST['nm'];
 $nt = $_POST['nt'];
 $nuh = $_POST['nuh'];
 $nuts = $_POST['nuts'];
 $nuas = $_POST['nuas'];

 if(!empty($nm) || !empty($nt) || !empty($nuh) || !empty($nuts) || !empty($nuas) || !empty($nilai_akhir) )
 {

 $nilai_akhir = ($nt + $nuh + $nuts + $nuas) / 4;

  if($nilai_akhir <= 100 && $nilai_akhir >= 80){
   echo "<style> body {background: url('bg.jpg'); z-index: 2; background-size: cover;} .container {color: #fff; background: green;} </style>";
   echo $index = "A";
  }else if ($nilai_akhir <=79 && $nilai_akhir >= 70) {
   echo "<style> body {background: url('bg.jpg'); z-index: 2; background-size: cover;} .container {color: #fff; background: blue; </style>";
   echo $index = "B";
  }else if($nilai_akhir <=69 && $nilai_akhir >= 60){
   echo "<style> body {background: url('bg.jpg'); z-index: 2; background-size: cover;} .container {color: #000; background: yellow;</style>";   
   echo $index = "C";
  }else if($nilai_akhir <=59 && $nilai_akhir >= 50){
   echo "<style> body {background: url('bg.jpg'); z-index: 2; background-size: cover;} .container {color: #000; background: orange; </style>";
   echo $index = "D";
  }else{
   echo "<style> body {background: url('bg.jpg'); z-index: 2; background-size: cover;} .container {color: #fff; background: red;</style>";
   echo $index = "E";
  } 
 } else
 {
  echo "<style> body {background: url('bg.jpg'); z-index: 2; background-size: cover;} </style>";
  echo "<div class='cont'>";
  die("Mohon diisi lengkap terlebih dahulu form diatas");
  echo "</div>";
 }
 
 } 
 ?>
 
 <div class="container">
  <h1>Nilai Raport</h1>
  <table>
   <tr>
    <td>Nama Anda</td>
    <td>: <?php echo "$nm"; ?></td>
   </tr>
   <tr>
    <td>Nilai Tugas</td>
    <td>: <?php echo "$nt"; ?></td>
   </tr>
   <tr>
    <td>Nilai Ulangan Harian</td>
    <td>: <?php echo "$nuh"; ?></td>
   </tr>
   <tr>
    <td>Nilai UAS</td>
    <td>: <?php echo "$nuas"; ?></td>
   </tr>
   <tr>
    <td>Nilai UTS</td>
    <td>: <?php echo "$nuts"; ?></td>
   </tr>
   <tr>
    <td>Nilai Akhir</td>
    <td>: <?php echo "$nilai_akhir" ?></td>
   </tr>
   <tr>
    <td>Index</td>
    <td>: <?php echo "$index"; ?></td>
   </tr>   
  </table>
 </div>
 <body>
<html>

Hasil Dari Pengerjaan SK2 (Menentukan Nilai Rapor) :

SK3 (Menentukan hari)
Penjelasannya...

menghitungjumlahhari.php

<!DOCTYPE html>
<html>
<head>
 <title></title>
 <style type="text/css">
  body
  {
   background: url('bg.jpg');
   background-size: cover;
  }
  .container
  {
   position: absolute;
   top: 45%;
   border-radius: 15px;
   width: auto;
   height: auto;
   left: 50%;
   transform: translate(-50%, -50%);
   background: #fff;
   padding: 20px 40px;
   box-shadow: 0 10px 30px rgba(0,0,0,.5);
  }
  label{
   float: left;
   width: 30%;
   font-size: 13pt;
   text-transform: uppercase;
  }
  input[type='number']
  {
   margin-bottom: 20px;
   border: none;
   font-size: 15pt;
   text-align: center;
   width: 65%;
   border-bottom: 1px solid grey;
  }
  input[type='number']:focus
  {
   border-bottom: 1px solid #000;
   border: none;
  }
  input[type='submit']
  {
   position: relative;
   bottom: -5px;
   left: 35%;
   border: none;
   transition: .5s;
   padding: 10px 20px;
   background-color: salmon;
   cursor: pointer;
   font-weight: bold;
   color: #fff;
   text-transform: uppercase;
  }
  input[type="submit"]:hover
  {
   box-shadow: 0 5px 15px rgba(0,0,0,.5);
  }
  .cont
  {
   position: absolute;
   background: #000;
   top: 65%;
   left: 50%;
   transform: translate(-50%, -50%);
   color: #fff;
   font-weight: bold;
   font-family: arial;
   padding: 30px 50px;
  }
 </style>
</head>
<body>
 <div class="container">
 <h1>Menghitung Jumlah Hari</h1>
 <form method="post" name="form nilai">
 <label>Bulan</label>
 : <input type="number" name="choose" id="choose" required="required"><br>

 <label>Tahun</label>
 : <input type="number" name="tahun" id="tahun" required="required"><br>

 <input type="submit" name="submit" value="Hitung">
 </form>
 </div>

 <?php 

 if (isset($_POST['choose']) && isset($_POST['tahun'])) {

  $choose = $_POST['choose'];
  $tahun = $_POST['tahun'];

  echo "<div class='cont'>";
  if (!empty($choose) || !empty($tahun)) {

   if ($choose == 1) {
    $nama_bulan = "Januari";
    $hasil = $bulan = 31 + $tahun * 365;
   } else if ($choose == 2){
    $nama_bulan = "Februari";
    $hasil = $bulan = 28 + $tahun * 365;
   } else if ($choose == 3){
    $nama_bulan = "Maret";
    $hasil = $bulan = 31 + $tahun * 365;    
   }else if ($choose == 4){
    $nama_bulan = "April";
    $hasil = $bulan = 30 + $tahun * 365;
   }else if ($choose == 5){
    $nama_bulan = "Mei";
    $hasil = $bulan = 31 + $tahun * 365;    
   }else if ($choose == 6){
    $nama_bulan = "Juni";
    $hasil = $bulan = 30 + $tahun * 365;
   }else if ($choose == 7){
    $nama_bulan = "Juli";
    $hasil = $bulan = 31 + $tahun * 365;    
   }else if ($choose == 8){
    $nama_bulan = "Agustus";
    $hasil = $bulan = 31 + $tahun * 365;
   }else if ($choose == 9){
    $nama_bulan = "September";
    $hasil = $bulan = 30 + $tahun * 365;
   }else if ($choose == 10){
    $nama_bulan = "Oktober";
    $hasil = $bulan = 31 + $tahun * 365;
   }else if ($choose == 11){
    $nama_bulan = "November";    
    $hasil = $bulan = 30 + $tahun * 365;
   }else if ($choose == 12){
    $nama_bulan = "Desember";    
    $hasil = $bulan = 31 + $tahun * 365;
   }else
   {
    echo "Masukkan Bulan Yang Benar";
    echo $nama_bulan = "";
    echo $hasil = "<br />";
   }
  echo "bulan $choose ($nama_bulan) ditambah $tahun tahun menjadi, $hasil hari";

  }else{
   die("Mohon Isi lengkap terlebih dahulu form diatas");
  }
  echo "</div>";
 }
 ?>
 <body>
<html>

Hasil Dari Pengerjaan Menghitung Jumlah Hari:

SK4 (Menentukan Nilai Akhir)
Penjelasannya...

v.nilaiakhir.php

<!DOCTYPE html>
<html>
<head>
 <title></title>
 <style type="text/css">
  body
  {
   background: url('bg.jpg');
   background-size: cover;
   font-family: arial;
  }
  h1, h3
  {
   text-align: center;
  }
  label
  {
   float: left;
   width: 40%;
  }
  input[type="text"]{
   width: 55%;
   border: none;
   font-size: 15pt;
   text-align: center;
   border-bottom: 1px solid grey;
   margin-bottom: 14px;
  }
  .container
  {
   width: auto;
   height: auto; 
   border-radius: 20px;
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   background: #fff;
   width: 23%;
   padding: 30px 30px;
   box-shadow: 0 10px 30px rgba(0,0,0,.5);
  }
  input[type='submit']
  {
   position: relative;
   bottom: -10px;
   left: 38%;
   transition: .5s;
   border: none;
   padding: 10px 20px;
   background-color: salmon;
   cursor: pointer;
   font-weight: bold;
   color: #fff;
   text-transform: uppercase;
  }
  input[type="submit"]:hover
  {
   box-shadow: 0 5px 15px rgba(0,0,0,.5);
  }
 </style>
</head>
<body>
 <div class="container">
 <h1>DAFTAR NILAI UN SISWA</h1>
 <h3>SMKN 4 Bandung</h3>
<form method="post" name="form nilai" action="mengitungnilaiakhirhasil.php">
 <label>Nama</label>
 : <input type="text" name="nm" id="nm"><br>

 <label>Nilai B. Indonesia</label>
 : <input type="text" name="ind" id="ind"><br>

 <label>Nilai Matematika</label>
 : <input type="text" name="mtk" id="mtk"><br>

 <label>Nilai B.Inggris</label>
 : <input type="text" name="ing" id="ing"><br>

 <label>Nilai Teori Jurusan</label>
 : <input type="text" name="jrs" id="jrs"><br>

 <input type="submit" name="submit" value="submit">
</form>
 </div>
 <body>
<html>

index.nilaiakhir.php

<!DOCTYPE html>
<html>
<head>
 <style type="text/css">
  body
  {
   background: url('bg.jpg');
   background-size: cover;
   font-size: 16pt;
  }
  .cont
  {
   position: absolute;
   width: auto;
   height: auto; 
   background: #fff;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   color: #000;
   font-weight: bold;
   border-radius: 10px;
   font-family: arial;
   box-shadow: 0 10px 20px rgba(0,0,0.5);
   padding: 40px 60px;
  }
  h1
  {
   text-transform: uppercase;
   font-weight: bold;
   text-align: center;
   margin-top: -5px;
   font-family: arial;
  }
 </style>
 <title></title>
</head>
<body>
 <?php 

 if (isset($_POST['nm']) && isset($_POST['ind']) && isset($_POST['mtk']) && isset($_POST['ing']) && isset($_POST['jrs'])) {

 $nm = $_POST['nm'];
 $ind = $_POST['ind'];
 $mtk = $_POST['mtk'];
 $ing = $_POST ['ing'];
 $jrs = $_POST ['jrs'];
 $hasil = $ind + $mtk + $ing + $jrs; 

 echo "<div class='cont'>";
 if (!empty($nm) || !empty($ind) || !empty($mtk) || !empty($ing) || !empty($jrs) || !empty($hasil)) {
  

  echo "<table>";
  echo "<h1>Nilai UN Anda</h1>";
  echo "<tr>";
  echo "<td>Nama</td>";
  echo "<td>: $nm </td>";
  echo "</tr>";
  echo "<tr>";
  echo "<td>Nilai B.Indonesia</td>";
  echo "<td>: $ind</td>";
  echo "</tr>";
  echo "<tr>";
  echo "<td>Nilai Matematika</td>";
  echo "<td>: $mtk</td>";
  echo "</tr>";
  echo "<tr>";
  echo "<td>Nilai B.Inggris</td>";
  echo "<td>: $ing</td>";
  echo "</tr> ";
  echo "<tr>";
  echo "<td>Nilai Teori Kejuruan</td>";
  echo "<td>: $jrs</td>";
  echo "</tr> ";
  echo "<tr>";
  echo "<td>Nilai Keseluruhan</td>";
  echo "<td>: $hasil</td>";
  echo "</tr>";
  echo "</table>";
 }else
 {
  die("Mohon Isi Dengan Lengkap Terlebih Dahulu Form Diatas");
 }
 echo "</div>";
 }
 ?>
 <body>
<html>

Hasil Dari Pengerjaan Menentukan Nilai Akhir:

SK5 (Penilaian Kampus)
Penjelasannya...

Nah, khusus untuk studi kasus ke 5 ini, pada pptnya kita disuruh untuk sebisa mungkin membuat sebuah program yang mirip dengan contoh, sehingga jadilah seperti ini :

view.penilaiankampus.php

<!DOCTYPE html>
<html>
<head>
 <style type="text/css">
  body
  {
   background: url('bg.jpg');
   background-size: cover;
  }
  table
  {
   border: none;
   border-color: red;
   background: #FFBFA0;
   position: absolute;
   top: 43%;
   left: 50%;
   transform: translate(-50%, -50%);

  }
  input[type='submit']
  {
   position: absolute;
   top: 60%;
   transform: translate(-50%, -50%);
   left: 50%;
   transition: .5s;
   border: none;
   padding: 10px 20px;
   background-color: #000;
   cursor: pointer;
   font-weight: bold;
   color: #fff;
   text-transform: uppercase;
  }
  input[type="submit"]:hover
  {
   background: salmon;
   box-shadow: 0 5px 15px rgba(0,0,0,.5);
  }
  input[type="text"]
  {
   font-size: 15pt;

  }
 </style>
 <title></title>
</head>
<body>
<form action="studikasus5hasil.php" method="get" name="form nilai">
 <table border="1">
  <tr>
   <td>NIM</td>
   <td>: <input type="text" name="NIM" id="NIM"></td>
  </tr>
  <tr>
   <td>Nama Siswa</td>
   <td>: <input type="text" name="nm" id="nm"></td>
  </tr>
  <tr>
   <td>Jurusan</td>
   <td>: <input type="text" name="jurusan" id="jurusan"></td>
  </tr>
  <tr>
   <td width="120px">Nilai Harian</td>
   <td>: <input type="text" name="nilaiharian" id="nilaiharian"></td>
  </tr>
  <tr>
   <td>Nilai Tugas</td>
   <td>: <input type="text" name="nilaitugas" id="nilaitugas"></td>
  </tr>
  <tr>
   <td>Nilai UAS</td>
   <td>: <input type="text" name="nilaiuas" id="nilaiuas"></td>
  </tr>
  <tr>
   <td>Nilai UTS</td>
   <td>: <input type="text" name="nilaiuts" id="nilaiuts"></td>
  </tr>
 </table>
 <td colspan="2"><input type="submit" name="submit" id="submit" value="Hitung"></td>
</form>
<body>
<html>

hasil.penilaiankampus.php

<!DOCTYPE html>
<html>
<head>
 <style type="text/css">
  body
  {
   background: url('bg.jpg');
   background-size: cover;
  }
  .cont
  {
   position: absolute;
   background: #fff;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   color: #000;
   font-weight: bold;
   border-radius: 10px;
   font-family: arial;
   box-shadow: 0 10px 20px rgba(0,0,0.5);
   padding: 30px 50px;
  }
  h1
  {
   text-transform: uppercase;
   font-weight: bold;
   text-align: center;
   margin-top: -5px;
   font-family: arial;
  }
 </style>
 <title></title>
</head>
<body>

 <?php 

 if (isset($_GET['NIM']) && isset($_GET['nm']) && isset($_GET['jurusan']) && isset($_GET['nilaiharian']) && isset($_GET['nilaitugas']) && isset($_GET['nilaiuas']) && isset($_GET['nilaiuts']) ) {

   $NIM = $_GET['NIM'];
   $nm = $_GET['nm'];
   $jurusan = $_GET['jurusan'];
   $nilaiharian = $_GET['nilaiharian'];
   $nilaitugas = $_GET['nilaitugas'];
   $nilaiuas = $_GET['nilaiuas'];
   $nilaiuts = $_GET['nilaiuts'];
   

  echo "<div class='cont'>";
 if (!empty($NIM) || !empty($nm) || !empty($jurusan) || !empty($nilaiharian) || !empty($nilaitugas) || !empty($nilaiuts) || !empty($nilaiuas))
 {
  $nilaiakhir = (0.2 * $nilaiharian) + (0.1 * $nilaitugas) + (0.3 * $nilaiuts) + (0.4 * $nilaiuas);
  echo "<table>";
  echo "<h1>Nilai UN Anda</h1>";
  echo "<tr>";
  echo "<td>Nomor Induk Mahasiswa</td>";
  echo "<td>: $NIM </td>";
  echo "</tr>";
  echo "<tr>";
  echo "<td width='200px'>Nama Mahasiswa</td>";
  echo "<td>: $nm</td>";
  echo "</tr>";
  echo "<tr>";
  echo "<td>Jurusan</td>";
  echo "<td>: $jurusan</td>";
  echo "</tr>";
  echo "<tr>";
  echo "<td>Nilai Harian</td>";
  echo "<td>: $nilaiharian</td>";
  echo "</tr> ";
  echo "<tr>";
  echo "<td>Nilai Tugas</td>";
  echo "<td>: $nilaitugas</td>";
  echo "</tr> ";
  echo "<tr>";
  echo "<td>Nilai UAS</td>";
  echo "<td>: $nilaiuas</td>";
  echo "</tr>";
  echo "<tr>";
  echo "<td>Nilai UTS</td>";
  echo "<td>: $nilaiuts</td>";
  echo "</tr>";
  echo "<tr>";
  echo "<td>Nilai Akhir</td>";
  echo "<td>: $nilaiakhir</td>";
  echo "</tr>";
  echo "</table>";
 }else
 {
  die("Mohon Isi Dengan Lengkap Terlebih Dahulu Form Diatas");
 }
 echo "</div>";
 }

 ?>
<body>
<html>

Hasil Dari Pengerjaan Penilaian Kampus:

SK6 (I/O Positif Negatif)
Penjelasannya...

Nah, khusus untuk studi kasus ke 5 ini, pada pptnya kita disuruh untuk sebisa mungkin membuat sebuah program yang mirip dengan contoh, sehingga jadilah seperti ini :

I/O_posneg.php

<!DOCTYPE html>
<html>
<head>
 <title></title>
 <style type="text/css">
  body
  {
   background: url('bg.jpg');
   background-size: cover;
  }
  .cont
  {
   position: absolute;
   background: #000;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   width: auto;
   height: auto;
   color: #fff;
   font-weight: bold;
   border-radius: 10px;
   font-family: arial;
   box-shadow: 0 10px 20px rgba(0,0,0.5);
   padding: 30px 50px;
  }
  .container
  {
   position: absolute;
   width: 30%;
   height: auto;
   border-radius: 15px;
   top: 37%;
   left: 50%;
   transform: translate(-50%, -50%);
   background: #fff;
   padding: 30px 25px;
   box-shadow: 0 10px 30px rgba(0,0,0,.5);
  }
  label
  {
   float: left;
   font-weight: bold;
   font-family: arial;
   width: 35%;
   font-size: 15pt;
   margin-top: 4px;
  }
  input[type="submit"]
  {
   margin-left: 30px;
   border: none;
   padding: 10px 20px;
   background-color: salmon;
   cursor: pointer;
   font-weight: bold;
   color: #fff;
   text-transform: uppercase;
  }
  input[type="number"]
  {
   width: 200px;
   font-size: 15pt;
   border: 1px solid grey;
  }
 </style>
</head>
<body>
 <div class="container">
 <form method="get" name="form input">
  <label>Masukkan Angka</label>
  : <input type="number" name="number" id="number">

  <input type="submit" name="submit" value="Tentukan">
 </form>
</div>
<body>
<html>
<?php 
 
 if(isset($_GET['number'])){
  $number = $_GET['number'];
  
  if(!empty($number)){
   $hasil = ($number<0 == 0 ? "positif" : "negatif");
   echo "<div class='cont'>";
   echo "Jadi, nomor $number yang anda masukan termasuk kedalam bilangan $hasil";
  }else{
   die("Mohon isi form number diatas untuk melakukan perintah program ini");
   echo "</div>";
  }
 }
 ?>

Hasil Dari Pengerjaan I/O Positif Negatif:

Mungkin sekian saja yang dapat kami sampaikan pada kesempatan kali ini dalam post yang berjudul #21 Intermediate Web | Web Programming Tutorial karena postingan juga sudah sangat panjang, pinggang kami juga kayaknya sudah encok, mata udah sangat lelah melihat codingan yang begitu panjang dan acak-acakan. saya cukupkan saja.

Wassalamualaikum wr, wb

Angga Gemilang Blog

Jumat, 30 November 2018

#27 Intermediate Web | Web Programming Tutorial

Assalamualaikum wr, wb

menentukan hari.php

v.index

v.hasil

menghitungjumlahhari.php

v.nilaiakhir.php

index.nilaiakhir.php

view.penilaiankampus.php

hasil.penilaiankampus.php

I/O_posneg.php

1 komentar:

Follow Me

Clock

Calendar

Popular Posts

Blog Archive

About Me

Sent Quick Message

Translate

Translator's Flag

SMK Negeri 4 Bandung

Pesan Dari Admin

About