Angga Gemilang

Nama Saya Angga Gemilang~~~
Kelas X-RPL 1

Saya adalah siswa di kelas X (10) - RPL 1 di SMK Negeri 4 Bandung.
SMK Negeri 4 Bandung

Saya Bersekolah di SMK Negeri 4 Bandung yaang beralamat di Jalan Kliningan No.6, Turangga, Lengkong, Turangga, Lengkong, Kota Bandung, Jawa Barat 40264
Blogger

Sublime better than CMS

Jumat, 30 November 2018

#27 Intermediate Web | Web Programming Tutorial

November 30, 2018 Angga Gemilang 1 comment Edit

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

Kamis, 01 November 2018

#26 Intermediate Web | Web Programmig Tutorial

November 01, 2018 Angga Gemilang 4 comments Edit

Assalamualaikum wr, wb

Pada kesempatan ini saya Angga Gemilang dari kelas XI - RPL 1 akan memperlihatkan kepada kalian salah satu kemapuan dari bahasa PHP di web development, yaitu menghitung karakter dan menyebutkan mana saja huruf yang termasuk kedalam huruf n. saksikan saja sesaat lagi, semoga kalian mengerti. Check It Out...

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

Penggunaan Array
Penjelasannya...

Jujur saja, ini merpakan salah satu tugas dari pelajaran produktif di sekolah saya. tugas saya hanyalah menggunakan array, dan menerapkannya di tabel dengan judul daftar siswa jurusan MIF, langung saja perhatikan kodingannya berikut ini :

HTML, dan PHP:

   <style type="text/css">
   body
   {
    font-family: arial;
   }
   h1
   {
    text-align: center;
    font-size: 30pt;
    font-family: arial;
    text-transform: uppercase;
   }
   table
   {
    font-size: 20pt;
    border-collapse: collapse;
    border: 4px solid #fff;
   }
   table tr td, table tr th
   {
    padding: 12px 8px;
   }
   table tr:nth-child(even)
   {
    background: #FFBD8F;
   }
   table tr:nth-child(even):hover
   {
    background: #FFAA6F;
   }
   table tr:nth-child(odd)
   {
    background: #FFAA6F;
   }
   table tr:nth-child(1)
   {
    background: #FF984F;
   }
  input[type="submit"]
  {
   border: none;
   background: #FF984F;
   padding: 5px 20px;
   margin-left: 10px; 
   color: #fff;
   text-transform: uppercase;
   cursor: pointer;
   transition: .5s;
  }
  input[type="submit"]:hover
  {
   box-shadow: 0 2px 10px rgba(0,0,0,.5);
  }
  select
  {
   border: none;
   background: #FF984F;
   color: #fff;
   margin-left: 10px;
   transition: .5s;
   padding: 5px 10px;
  }
  select:hover
  {
   box-shadow: 0 2px 10px rgba(0,0,0,.5);
  }
  option
  {
   background: #FFAA6F;
  }
  </style>

HTML, dan PHP:

<!DOCTYPE html>
<html>
<head>
 <title>MONEY CHANGER BY ANGGA</title>
</head>
<body>
 <h1>MONEY CHANGER</h1>
  <table border="1" align="center">
   <tr>
    <th width="400">Mata Uang Asing</th>
    <th width="400">Mata Uang Indonesia</th>
   </tr>
   <tr>
    <td>Dollar Amerika</td>
    <td>12.000</td>
   </tr>
   <tr>
    <td>Dollar Singapur</td>
    <td>7.000</td>
   </tr>
   <tr>
    <td>Yen</td>
    <td>4.000</td>
   </tr>
   <tr>
    <td>Won</td>
    <td>11</td>
   </tr>
  </table>
   <h1>TRANSAKSI</h1>
    <center>
   <form method="post">
    <label>Uang Dalam Rupiah Rp.</label>
    <input type="text" name="rupiah" required>
        
    <select name="currency">
     <option value="default">Mata Uang</option>
     <option value="usd">Dollar Amerika</option>
     <option value="sgd">Dollar Singapura</option>
     <option value="jpy">Yen</option>
     <option value="krw">Won</option>
    </select>
    
    <input type="submit" name="submit" value="KONVERSI">
   </center>
   </form>
  </center>
  <?php
 error_reporting(0);
  function konversiRupiah($rupiah,$asing)
  {
   return $rupiah/$asing;
  }
   $idr = $_POST['rupiah'];
  $tipe = $_POST['currency'];
  
  switch ($tipe) {
   case 'usd':
    $conv = 12000;
    break;
    case 'sgd':
    $conv = 7000;
    break;
    case 'jpy':
    $conv = 4000;
    break;
    case 'krw':
    $conv = 11;
    break;
   
   default:
    $conv = 0;
    break;
  }
  $hasil = konversiRupiah("$idr","$conv");
   if (isset($_POST['submit'])) {
   ?>
   <ul>
    <li><h1><center>HASIL KONVERSI (<?= $idr ?>IDR = <?= round($hasil, 2) . $tipe ?>)</center></h1></li>
   </ul>
   <?php
  }
  ?>
 <body>
<html>

Hasil Dari Pengerjaan Converter Mata Uang :

Mungkin sekian saja yang dapat kami sampaikan pada kesempatan kali ini dalam post yang berjudul #19 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

Minggu, 28 Oktober 2018

#25 Intermediate Web | Web Programming Tutorial

Oktober 28, 2018 Angga Gemilang No comments Edit

Assalamualaikum wr, wb

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

Penggunaan Array
Penjelasannya...

CSS, HTML, dan PHP:

<!DOCTYPE html>
<html>
<head>
 <title>Array Asosiatif</title>
    <style type="text/css">
     body
     {
      font-family: arial;
     }
     h1 
     {
      text-align: center;
      text-transform: uppercase;
     }
      table
       {
      border-collapse: collapse;
      border: 1px solid #fff;
      text-align: center;
     }
     table tr:nth-child(even){
      background: #95C5E6;
     }

     table tr:nth-child(odd){
      background: #B3D6ED;
     }

     table tr:nth-child(odd):hover{
      background: #95C5E6;
     }
     table tr:nth-child(1){
       background: #59A5D8;
      }
 </style>
 <link rel="stylesheet" href="style.css">
</head>
<body>
 <div class="transparan">
 <center>
 <h1>Daftar Siswa MIF</h1>
 <table border="1" class="tabel">
  <tr>
   <th width="100">Nis</th>
   <th width="100">Nama</th>
   <th width="100">Kelas</th>
   <th width="100">Jurusan</th>
  </tr>
  <?php
   $siswa = array(
    array('nis' => '13144432323','nama' => 'Boni','kelas' => 'MIF1', 'jurusan' => 'MIF'),
    array('nis' => '7882980899','nama' => 'Laurent','kelas' => 'MIF2', 'jurusan' => 'MIF'),
    array('nis' => '8972983798','nama' => 'Nanang','kelas' => 'MIF3', 'jurusan' => 'MIF'),
    array('nis' => '18989828','nama' => 'Jaja','kelas' => 'MIF1', 'jurusan' => 'MIF')
   );
   foreach ($siswa as $biodata) :?>
    <tr>
     <td><?=$biodata['nis']?></td>
     <td><?=$biodata['nama']?></td>
     <td><?=$biodata['kelas']?></td>
     <td><?=$biodata['jurusan']?></td>
    </tr>
    <?php endforeach;?>
 </table>
</center>
</div>
 <body>
<html>

Hasil Dari Pengerjaan Penggunaan Array :

Wassalamualaikum wr, wb

Kamis, 25 Oktober 2018

#24 Intermediate Web | Web Programming Tutorial

Oktober 25, 2018 Angga Gemilang No comments Edit

Assalamualaikum wr, wb

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

Looping Membentuk Segitiga
Penjelasannya...

Jujur saja, ini merpakan salah satu tugas dari pelajaran produktif di sekolah saya, yaitu membuat pengulangan agar membentuk sebuah bentuk. tanpa berlama - lama langsung saja. Check It Out! : :

CSS:

 <style type="text/css">
  body
  {
   font-family: arial;
  }
  h1
  {
   text-transform: uppercase;
  }
  label{
   width: 15%;
   float: left;
  }
  input[type="submit"]
  {
   border: none;
   background: salmon;
   padding: 5px 20px;
   margin-left: 10px; 
   color: #fff;
   text-transform: uppercase;
   cursor: pointer;
   transition: .5s;
  }
  input[type="submit"]:hover
  {
   box-shadow: 0 2px 10px rgba(0,0,0,.5);
  }
  .kotak{
   width: 25px;
   height: 25px;
   margin: 1px;
   display: inline-block;
  
 </style>

HTML:

<!DOCTYPE html>
<html>
<head>
 <title>Tangga Berwana</title>
</head>
<body>
 <h1>Tangga Berwarna</h1>
 <form method="post">
 <label>Jumlah Anak Tangga</label> 
 : <input type="text" name="jumlah" style="margin-bottom: 10px;" required="required" ><br/>
 
 <label>Warna</label>
 : <input type="radio" name="warna" value="green" required="required">Hijau
 <input type="radio" name="warna" value="purple" required="required">Ungu
 <input type="radio" name="warna" value="yellow" required="required">Kuning
 <input type="radio" name="warna" value="blue" required="required">Biru
 <input type="radio" name="warna" value="grey" required="required">Abu - Abu
 <input type="submit" name="" value="Buat Tangga">
 </form>
 <body>
<html>

PHP :

<?php 
 if (isset($_POST['warna']) && isset($_POST['jumlah'])) {
  $warna = $_POST['warna'];
  $jumlah = $_POST['jumlah'];
  if (!empty($warna) || !empty($jumlah)) {
    for ($i=0; $i <= $jumlah; $i++){ 
    for ($j = 0; $j < $i ; $j++) { 
    echo "<div class='kotak' style='background-color: $warna'></div>";
    } 
    echo "<br/>";
   }
  } else{
   die("Isi dengan lengkap form diatas");
  }
  } 
  ?>

Hasil Dari Pengerjaan Menghitung Karakter n Pada PHP :

Wassalamualaikum wr, wb

Sabtu, 20 Oktober 2018

#23 Intermediate Web | Web Programming Tutorial

Oktober 20, 2018 Angga Gemilang No comments Edit

Assalamualaikum wr, wb

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

Menghitung Karakter (IF)
Penjelasannya...

Jujur saja, ini merpakan salah satu tugas dari pelajaran [roduktif di sekolah saya. sebenrarnya dalam melakukan program ini saya disuruh untuk menggunakan pengulangan, namun untuk saat ini saya baru bisa menjalankannya menggunakan percabangan, namun tetap menggunakan salah satu fasilitas dari php itu sendiri seperti dibawah :

Berbeda halnya dengan single quoted string, double quoted string akan memunculkan nilai dari variabel dan mengeksekusi spesial karakter seperti \n, \r, dsb.

$jumlah_huruf = strlen($kalimat);

$jumlah_beberapa = substr_count($kalimat, "a");

CSS:

 <style type="text/css">
 h1{
  font-size: 25pt;
  text-transform: uppercase;
  font-family: arial;
 }
 label
 {
  width: 12%;
  float: left;
  font-size: 20pt;
 }
 span
 {
  font-size: 15pt;
  margin-left: 10px;
 }
 input[type="submit"]
 {
  border: none;
  background: salmon;
  padding: 10px 20px;
  margin-left: 10px;
  color: #fff;
  text-transform: uppercase;
  cursor: pointer;
  transition: .5s;
 }
 input[type="submit"]:hover
 {
  box-shadow: 0 3px 15px rgba(0,0,0,.5);
 } 
 </style>

HTML:

!DOCTYPE html>
<html>
<head>
 <title>studikasus3</title>
</head>
<body>
<h1>Hitung Jumlah Huruf</h1>

<form method="get" name="form input">
<label>Masukkan Kalimat</label>
: <input type="text" name="kalimat" id="kalimat" required="required">

<span>a</span> <input type="radio" name="vokal" value="ans1" required="required">
<span>i</span> <input type="radio" name="vokal" value="ans2" required="required">
<span>u</span> <input type="radio" name="vokal" value="ans3" required="required">
<span>e</span> <input type="radio" name="vokal" value="ans4" required="required">
<span>o</span> <input type="radio" name="vokal" value="ans5" required="required">

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

PHP :

<?php
if(isset($_GET['kalimat']) && isset($_GET['vokal'])){
 $kalimat = $_GET['kalimat'];
 $answer = $_GET['vokal'];
  if (!empty($kalimat) || !empty($answer)) {  
  if ($answer == "ans1") {
   $jumlah_huruf = strlen($kalimat);
   $jumlah_beberapa = substr_count($kalimat, "a");
   echo "jumlah huruf dari kalimat <span style='font-weight: bold;'>$kalimat</span> adalah $jumlah_huruf <br />";
   echo "Jumlah huruf a pada kalimat <span style='font-weight: bold;'>$kalimat</span> berjumlah $jumlah_beberapa";
  }elseif ($answer == "ans2") {
   $jumlah_huruf = strlen($kalimat);
   $jumlah_beberapa = substr_count($kalimat, "i");
   echo "jumlah huruf dari kalimat <span style='font-weight: bold;'>$kalimat</span> adalah $jumlah_huruf <br />";
   echo "Jumlah huruf i pada kalimat <span style='font-weight: bold;'>$kalimat</span> berjumlah $jumlah_beberapa";
  }elseif ($answer == "ans3") {
   $jumlah_huruf = strlen($kalimat);
   $jumlah_beberapa = substr_count($kalimat, "u");
   echo "jumlah huruf dari kalimat <span style='font-weight: bold;'>$kalimat</span> adalah $jumlah_huruf <br />";
   echo "Jumlah huruf u pada kalimat <span style='font-weight: bold;'>$kalimat</span> berjumlah $jumlah_beberapa";
  }elseif ($answer == "ans4") {
   $jumlah_huruf = strlen($kalimat);
   $jumlah_beberapa = substr_count($kalimat, "e");
   echo "jumlah huruf dari kalimat <span style='font-weight: bold;'>$kalimat</span> adalah $jumlah_huruf <br />";
   echo "Jumlah huruf e pada kalimat <span style='font-weight: bold;'>$kalimat</span> berjumlah $jumlah_beberapa";
  }elseif ($answer == "ans5") {
   $jumlah_huruf = strlen($kalimat);
   $jumlah_beberapa = substr_count($kalimat, "o");
   echo "jumlah huruf dari kalimat <span style='font-weight: bold;'>$kalimat</span> adalah $jumlah_huruf <br />";
   echo "Jumlah huruf o pada kalimat <span style='font-weight: bold;'>$kalimat</span> berjumlah $jumlah_beberapa";
  }
 }else{
  die("<div style='text-align: center;font-size: 15pt;text-transform: uppercase; font-weight: bold;'>Masukkan form jumlah diatas</div>");
 }
}
?>

Hasil Dari Pengerjaan Menghitung Karakter n Pada PHP :

Menghitung Karakter (While)
Penjelasannya...

$jumlah_huruf = strlen($kalimat);

$jumlah_beberapa = substr_count($kalimat, "a");

CSS:

 <style type="text/css">
 h1{
  font-size: 25pt;
  text-transform: uppercase;
  font-family: arial;
 }
 label
 {
  width: 12%;
  float: left;
  font-size: 20pt;
 }
 span
 {
  font-size: 15pt;
  margin-left: 10px;
 }
 input[type="submit"]
 {
  border: none;
  background: salmon;
  padding: 10px 20px;
  margin-left: 10px;
  color: #fff;
  text-transform: uppercase;
  cursor: pointer;
  transition: .5s;
 }
 input[type="submit"]:hover
 {
  box-shadow: 0 3px 15px rgba(0,0,0,.5);
 } 
 </style>

HTML:

!DOCTYPE html>
<html>
<head>
 <title>studikasus3</title>
</head>
<body>
<h1>Hitung Jumlah Huruf</h1>

<form method="get" name="form input">
<label>Masukkan Kalimat</label>
: <input type="text" name="kalimat" id="kalimat" required="required">

<span>a</span> <input type="radio" name="vokal" value="ans1" required="required">
<span>i</span> <input type="radio" name="vokal" value="ans2" required="required">
<span>u</span> <input type="radio" name="vokal" value="ans3" required="required">
<span>e</span> <input type="radio" name="vokal" value="ans4" required="required">
<span>o</span> <input type="radio" name="vokal" value="ans5" required="required">

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

PHP :

<?php 

 if (isset($_GET['kalimat']) && isset($_GET['vokal'])) {
 
 $kalimat = strtolower($_GET["kalimat"]);
 $vokal = $_GET["vokal"];
 $a = strlen($kalimat);
 $banyak_vokal = 0;


 $i = 0;
 while ($i < $a) {
  $banyak_huruf = substr($kalimat, $i, 1);
  if ($banyak_huruf == $vokal) {
   $banyak_vokal++;
  }
  $i++;
  
 }

 echo "<p>Jumlah Huruf <b>$vokal</b> pada kalimat <i><b> $kalimat </b></i> adalah $banyak_vokal <br /> dan jumlah huruf pada kalimat <b><i>$kalimat</b></i> adalah $a </p>";

 }

 ?>

Hasil Dari Pengerjaan Menghitung Karakter n Pada PHP :

Wassalamualaikum wr, wb

Sabtu, 13 Oktober 2018

#20 Intermediate Web | Web Programming Tutorial

Oktober 13, 2018 Angga Gemilang No comments Edit

Assalamualaikum wr, wb

Pada kesempatan ini saya Angga Gemilang dari kelas XI - RPL 1 akan menjelaskan seluk beluk tentang materi PHP, kita akan mulai dari 0, pada postingan ini mimin akan mengajarkan tentang bagaimana cara membuat form, perbedaan dari metode get dan juga post pada pembuatan form, dan lain sebagainya. oleh karena itu mudah-mudahan kalian bisa dan mudah mengerti dengan penjelasan - penjelasan yang saya sampaikan. Pokoknya pantengin terus, Check This Out...

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

Post dan Get
Contoh Penggunaan Form Dengan GET
Contoh Penggunaan Form Dengan POST
Quiz

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

Post dan Get
Penjelasannya...

Perbedaan POST dan GET

POST
Mempunyai pengertian bahwa metode ini digunakan untuk memparsing hasil inputan form untuk diolah lebih lanjut, tetapi tidak menampilkan query string pada address bar, sehingga lebih aman dibandingkan method GET yang akan terlihat pada address bar. Method POST akan sangat berguna penggunaannya untuk halaman-halaman yang membutuhkan keamanan lebih, karena data inputan kita tidak akan tampil pada address bar browser (disini kelebihan menggunakan Metode POST).

?> Pada contoh file form diatas nilai parsing tidak ditampilkan dalam address bar dan langsung di proses ketempat yang sudah dibuat. Sebenarnya nilai dari parshingan tetap ada tetapi tidak tampak didalam address bar karena valuenya bekerja dibelakang layar (backand). Disinilah keunggulan mengguanakan Method POST.

Perbedaan yang lain dari method POST (Difference of POST Method) adalah:

1. Method POST tidak pernah ter Cache dalam browser
2. Method POST tidak dapat di Bookmark
3. Method POST tidak mempunyai batasan jumlah panjang data

Get
Adalah metode pengiriman data mengguanakan query string atau menampilkan nilainya pada address bar. Jadi semua nilai pada form akan dikirim kesisi server yang kemudian diterima oleh file tertentu dengan ketentuan nilai form tersebut akan tampil didalam address bar browser/URL browser. Untuk suatu keamanan method POST lebih aman dari method GET.

Perbedaan yang lain dari method GET (Difference of GET Method) adalah:
1. Method GET dapat di cache dalam browser
2. Method GET dapat di bookmark
3. Method GET mempunyai batasan jumlah panjang data yaitu maksimal 2048 karakter
Nah untuk lebih jelasnya bisa dilihat di bawah ini :

Contoh Form Dengan Method GET
Penjelasannya...

CSS

 <style type="text/css"> 
  body
  {
   background: url('bg.jpg');
   background-size: cover;
   font-family: arial;
  }
  label
  {
   width: 30%;
   float: left;
  }
  input[type="text"]
  {
   border: none;
   border-bottom: 1px solid #000;
   width: 60%;
   font-size: 15pt;
   text-align: center;
   margin-bottom : 10px;
  }
  .container
  {
   width: 14.3%;
   height: 10%;
   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>

menentukan hari.php

<!DOCTYPE html>
<html>
<head>
 <title></title></head>
<body>
 <div class="container">
 <form method="get" name="form input">
  <label>Hari</label>
  : <input type="text" name="hari" id="hari"><br>

  <label>Tanggal</label>
  : <input type="text" name="tanggal" id="tanggal"><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 Form Dengan Method GET:

Contoh Form Dengan Method POST
Penjelasannya...

CSS

 <style type="text/css">
  body
  {
   background: url('bg.jpg');
   background-size: cover;
  }
  .container
  {
   position: absolute;
   top: 45%;
   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>

menghitungjumlahhari.php

<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
 <div class="container">
 <h1>Menghitung Jumlah Hari</h1>
 <form method="post" name="form nilai">
 <label>Bulan</label>
 : <input type="number" name="bulan" id="bulan"><br>

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

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

 <?php 

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

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

  echo "<div class='cont'>";
  if (!empty($bulan) || !empty($tahun)) {
  $hasil = 30 * $bulan + 365 * $tahun;
  echo "$bulan bulan ditambah $tahun tahun menjadi, $hasil hari";

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

Hasil Dari Pengerjaan Form dengan POST :

Perbedaaan Antara Penggunaan Method - Method :

Form Dengan Method GET

Form Dengan Method POST

QUIZ
Penjelasannya...

CSS

 <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: 30%;
   padding: 30px 30px;
   box-shadow: 0 10px 30px rgba(0,0,0,.5);
  }
  label{
   float: left;
   width: 45%;
   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="radio"]
  {
   margin-bottom: 20px;
   font-size: 15pt;
  }
  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>

registrasi.php

<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
 <div class="container">
 <h1>BIODATA</h1>
 <form method="post" name="form nilai" action="lihat.php">
 <label>Nama Depan</label>
 : <input type="text" name="nd" id="nd"><br>

 <label>Nama Belakang</label>
 : <input type="text" name="nb" id="nb"><br>

 <label>Alamat</label>
 : <input type="text" name="alamat" id="alamat"><br>

 <label>Jenis Kelamin</label>
 : <input type="radio" name="jk" id="jk" value="1"> <span style="font-size: 15pt;">Laki - Laki</span>  <input type="radio" name="jk" id="jk" value="2">  <span style="font-size: 15pt";>Perempuan</span><br>

 <label>Agama</label>
 : <input type="text" name="agama" id="agama"><br>

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

Hasil Dari Pengerjaan Quiz:

Mungkin sekian saja yang dapat kami sampaikan pada kesempatan kali ini dalam post yang berjudul #20 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

#19 Intermediate Web | Web Programming Tutorial

Oktober 13, 2018 Angga Gemilang No comments Edit

Assalamualaikum wr, wb

Pada kesempatan ini saya Angga Gemilang dari kelas XI - RPL 1 akan menjelaskan seluk beluk tentang materi PHP, kita akan mulai dari 0, maka dari itu mudah-mudahan kalian bisa dan mudah mengerti dengan penjelasan - penjelasan yang saya sampaikan. Pokoknya pantengin terus, Check This Out...

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

XAMPP
Latihan1.php
Boolean.php
Single dan Double Quoted
Heredoc

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

XAMPP
Penjelasannya...

Sebuah perbedaan website dinamis adalah kita menggunakan server ( untuk sementara kita bisa menggunakan server local ) untuk menjalankannya.
oleh Karena itu kita membuatuhkan XAMPP ini untuk membuat sebuah server localnya
file .php yang kita buat itu disimpan di direktori xampp-nya. Lebih tepatnya di htdocs
untuk defaultnya lokasi nya biasanya ada di C:\xampp\htdocs
Dan juga untuk menjalankannya, harus dibuka dulu XAMPP Control Panel

Hasilnya kurang - lebih akan seperti ini :

Latihan1.php
Penjelasannya...

latihan.php (Which is HTML + PHP + CSSnya nyatu) :

<?php 
	
	$nama      = "Angga Gemilang";
	$kelas          = "XI - RPL 1";
	$nis            = "1718117111";
	$umur           = 16;
	$berat_badan    = 60;
 
	echo "<style>body{background: salmon; font-family: arial;</style> ";
	echo ("<h2 style='text-transform: uppercase; font-family: arial;'>Nama saya $nama</h2>");
	echo "Sekarang saya kelas $kelas dan NIS saya $nis<br />";
	echo 'Umur saya sekarang adalah '. $umur .' tahun<br />';
	echo "Berat badan saya $berat_badan kg";

 ?>

Hasil Dari Pengerjaan Latihan1.php :

Boolean.php
Penjelasannya...

Boolean.php (which is HTML + PHP + CSSnya nyatu)

<?php  
	
	echo "<style>body{background: salmon; font-family: arial;</style> ";
	echo "<h2>Contoh Nilai Boolean</h2>";

	$a = TRUE;
	$b = FALSE;

	echo '$a = '. $a.'<br>';  
	echo '$b = 0 <br>';  

?>

Hasil Dari Pengerjaan Boolean :

Single and Double Quoted
Penjelasannya...

Walaupun sama - sama diciptakan untuk string pada PHP, namun kenyataannya penggunaanya berbeda loo...

Singel Quotes atau kutip tunggal (karakter ‘) adalah salah satu cara untuk menspesifikasikan string pada PHP. Dengan menggunakan single quote maka variable maupun spesial karakter akan diabaikan. Untuk menuliskan single quote di dalam Single Quoted String tambahkan backslash (\), berhubung backslash dianggap sebagai karakter untuk meng-escape single quote maka untuk menuliskan backslash kita hanya perlu membuatnya menjadi double backslash (\\).

Berbeda halnya dengan single quoted string, double quoted string akan memunculkan nilai dari variabel dan mengeksekusi spesial karakter seperti \n, \r, dsb.

SingleQuoted :

<?php  

	echo "<style>body{background: salmon; font-family: arial;</style> ";
	echo "<h2>Contoh Single Quoted</h2>";
	$tulisan = 'Menggunakan PHP';
	echo 'Ini adalah suatu string'.',<br>';
	echo 'Anda bisa menyisipkan baris baru dalam string, seperti ini.'.'<br>';
	echo 'Assalamu \'alaikum'.'<br>';
	echo 'Nama Saya Angga Gemilang'.'<br>';
	echo 'Saya senang belajar Web di SMKN 4 Bandung '.'<br>';
	echo $tulisan.'<br>';

?>

DoubleQuoted :

<?php  

	echo "<style>body{background: salmon; font-family: arial;</style> ";
	echo "<h2>Contoh Double Quoted</h2>";
	$tulisan = "Menggunakan PHP";
	echo "Ini adalah suatu string".",<br>";
	echo "Anda bisa menyisipkan baris baru dalam string, seperti ini."."<br>";
	echo "Assalamu 'alaikum"."<br>";
	echo "Nama Saya Angga Gemilang"."<br>";
	echo "Saya senang belajar Web di SMKN 4 Bandung "."<br>";
	echo "$tulisan"."<br>";


?>

Hasil Dari Pengerjaan Single dan Double Quoted :

heredoc.php
Penjelasannya...

heredoc.php

<?php

echo "<style>body{background: salmon; font-family: arial;</style> ";
echo "<h2>Contoh Penggunaan heredoc</h2>";
$tulisan = 'Menggunakan PHP';
$str = <<<LABEL_SAYA
Contoh penulisan heredoc pada PHP.
Menulis string tanpa escape (back slash) pada PHP.
Contoh kata Jum'at dengan satu tanda kutip atau
Jum"at dengan dua tanda kutip
LABEL_SAYA;

echo $str;
?>

Hasil Dari Pengerjaan heredoc :

Wassalamualaikum wr, wb

Jumat, 30 November 2018

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

Kamis, 01 November 2018

Assalamualaikum wr, wb

HTML, dan PHP:

HTML, dan PHP:

Minggu, 28 Oktober 2018

Assalamualaikum wr, wb

CSS, HTML, dan PHP:

Kamis, 25 Oktober 2018

Assalamualaikum wr, wb

CSS:

HTML:

PHP :

Sabtu, 20 Oktober 2018

Assalamualaikum wr, wb

CSS:

HTML:

PHP :

CSS:

HTML:

PHP :

Sabtu, 13 Oktober 2018

Assalamualaikum wr, wb

CSS

menentukan hari.php

CSS

menghitungjumlahhari.php

Perbedaaan Antara Penggunaan Method - Method :

Form Dengan Method GET

Form Dengan Method POST

CSS

registrasi.php

Assalamualaikum wr, wb

Hasilnya kurang - lebih akan seperti ini :

latihan.php (Which is HTML + PHP + CSSnya nyatu) :

Boolean.php (which is HTML + PHP + CSSnya nyatu)

SingleQuoted :

DoubleQuoted :

heredoc.php

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