SchoolBlog: 2019

Minggu, 10 November 2019

Pertemuan Ke31

Assalamualaikum Wr. Wb.

Kembali lagi bersama saya Syahrul di SchoolBlog. Sudah 2minggu saya tidak mengupload atau lebih tepatnya minggu kemarin saya tdak mengupload. Nah, untuk pertemuan kali ini saya akan membahas tentang Searching dan Ordering.

Seperti biasa saya akan membuat langkah demi langkah cara pembuatannya. Dont forget to aktifkan mysql dan apache nya di xampp atau apk lainnya yang kalian gunakan yaaa. Oke langsung aja kita ke langkah yang pertama..

1. Step One

Tambahkan kodingan seperti dibawah ini pada file v_index.php!

ket : kodingan di atas digunakan untuk membuat form yang aksinya mengarah ke index.php dan ketika form tsb disubmin, maka akan memngirim data search.

Hasilnya :

2. Step Two

Buka file index.php dan tambahkan kodingan berikut :

Ket : Kodingan diatas digunakan untuk menangkap data dengan nama search yang dikirim dari form, dengan metode GET.

Hasilnya :

sebelum dicari

sesudah dicari

3. Step Three

Tamabahkan intput seperti di bawah pada v_index.php

Ket : Untuk button tag ordering nanti.

Hasilnya :

4. Step Four

Tambahkan tag ordering seperti dibawah pada index.php

Ket : Untuk mengurutkan berdasarkan huruf atau angka pada setiap kolom.

Hasilnya :
sebelum

sesudah

5. Step Five

Menambahkan kodingan dibawah pada tag v_index.php

Ket : Untuk mereset yang telah dicari atau diurut kan agar kembali ke tampilan awal

Hasilnya :
sebelum di reset

sesudah direset

Alhamdulilah beres...

Sekian dulu untuk postingan di pertemuan kali ini. Semoga bermanfaat, dan mohon maaf bila ada kekurang atau kesalahan. Terimakasih..

Wassalamualaikum Wr. Wb.

Minggu, 27 Oktober 2019

Pertemuan Ke30

M. Syahrul Ramadhan
XI-RPL3

Assalamualaikum Wr. Wb.
Untuk pertemuan kali ini saya akan kembali melanjutkan tentang database. Nah.. untuk sekarang saya akan membahas tentang delete. Seperti biasa saya akan membuat langkah-langkah untuk membuat delete ini.

1. Step Satu
Buat kodingan delete dengan tag button pada file v_index.php. Saya telah membuat contohnya dibawah ini!

2. Step dua
Buat file delete.php, dengan format seperti ini :

Pertemuan Ke29

M. Syahrul Ramadhan
XI-RPL3

Assalamualaikum Wr. Wb.
Kembali lagi di SchoolBlog. Untuk postingan pertemuan kali ini saya akan membahas Edit Database. Saya akan memberikan step by step untuk membuat 'edit' di tampilan web database.

1. Step Satu
Buka file v_index.php yang telah di buat pada postingan pertemuan kemarin, lalu tambahkan th+aksi dan edit dengan tag button Seperti contoh di bawah ini!

2. Step Dua
Buat file edit, dengan format seperti ini :

<?php
    include 'lib/library.php';

    if ($_SERVER['REQUEST_METHOD'] == 'POST') {
      $nis = $_POST ['nis'];
      $nama_lengkap = $_POST ['nama_lengkap'];
      $jenis_kelamin = $_POST ['jenis_kelamin'];
      $kelas = $_POST ['kelas'];
      $jurusan = $_POST ['jurusan'];
      $alamat = $_POST ['alamat'];
      $golongan_darah = $_POST ['golongan_darah'];
      $nama_ibu_kandung = $_POST ['nama_ibu_kandung'];

      $sql = "UPDATE siswa SET nis = '$nis',
                    nama_lengkap = '$nama_lengkap',
                    jenis_kelamin = '$jenis_kelamin',
                    kelas = '$kelas',
                    jurusan = '$jurusan',
                    alamat = '$alamat',
                    golongan_darah = '$golongan_darah',
                    nama_ibu_kandung = '$nama_ibu_kandung' WHERE nis = '$nis' ";

      $mysqli->query($sql) or die ($mysqli->error);

      header('location: index.php');
    }

    $nis = $_GET['nis'];
    if (empty($nis) ) header('location: index.php');

    $sql = "SELECT * FROM siswa WHERE nis = '$nis' ";
    $query = $mysqli->query($sql);
    $siswa = $query->fetch_array();

    if (empty($siswa) ) header('location: index.php');
    include 'views/v_tambah.php';
 ?>

3.Step Tiga

Buka file v_tambah.php, tambahkan kodinga seperti yang sudah saya buat dibawah ini!

<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <title>M Syahrul R</title>
  </head>
  <body>
    <style type="text/css">
      table{
        background-color: silver;
     border: 1.5px gray outset;
     border-radius: 10px;
     box-shadow: 7px 7px 10px black;
        margin-top: 20px;
      }
      body{
        background-color: ghostwhite;
      }
    </style>
    <?php
      $action = "tambah.php";
      if (!empty($siswa)) $action = "edit.php";
     ?>
    <form class="" action="<?= $action ?>
" method="POST" autocomplete="off">
      <table>
<tr>
          <td>NIS</td><td><input type="text" name="nis" value="<?= @$siswa['nis'] ?>"></td>
        </tr>
<tr>
          <td>Nama Lengkap</td> <td><input type="text" name="nama_lengkap" value="<?= @$siswa['nama_lengkap'] ?>"></td>
        </tr>
<tr>
          <td>Jenis Kelamin</td>
          <td><input type="radio" name="jenis_kelamin" value="L" <?= @$siswa['jenis_kelamin'] == 'L' ? 'checked' : '' ?>>Laki-Laki
          <input type="radio" name="jenis_kelamin" value="P" <?= @$siswa['jenis_kelamin'] == 'P' ? 'checked' : '' ?>>Perempuan</td>
        </tr>
<tr>
          <td>Kelas</td>
          <td><select class="" name="kelas">
            <option value="XII-RPL1" <?= @$siswa['jenis_kelamin'] == 'XII-RPL1' ? 'selected' : '' ?>>XII-RPL1</option>
            <option value="XII-RPL2" <?= @$siswa['jenis_kelamin'] == 'XII-RPL2' ? 'selected' : '' ?>>XII-RPL2</option>
            <option value="XII-RPL3" <?= @$siswa['jenis_kelamin'] == 'XII-RPL3' ? 'selected' : '' ?>>XII-RPL3</option>
          </select></td>
        </tr>
<tr>
          <td>Jurusan</td>
          <td><input type="text" name="jurusan" value="<?= @$siswa['jurusan'] ?>"></td>
        </tr>
<tr>
          <td>Alamat</td>
          <td><input type="text" name="alamat" value="<?= @$siswa['alamat'] ?>"> </td>
        </tr>
<tr>
          <td>Golongan Darah</td>
          <td><select class="" name="golongan_darah">
            <option value="A" <?= @$siswa['golongan_darah'] == 'A' ? 'selected' : '' ?>>A</option>
            <option value="B" <?= @$siswa['golongan_darah'] == 'B' ? 'selected' : '' ?>>B</option>
            <option value="AB" <?= @$siswa['golongan_darah'] == 'AB' ? 'selected' : '' ?>>AB</option>
            <option value="O" <?= @$siswa['golongan_darah'] == 'O' ? 'selected' : '' ?>>O</option>
          </select> </td>
<tr>
            <td>Nama Ibu Kandung</td>
            <td><input type="text" name="nama_ibu_kandung" value="<?= @$siswa['nama_ibu_kandung'] ?>"> </td>
          </tr>
</tr>
<tr>
          <th>
          <input type="submit" name="" value="Simpan">
          </th>
        </tr>
</table>
</form>
</body>
</html>

Hasilnya :

tampilan awal :

setelah di klik edit :

*saya mencoba mengedit nama ibu kandung

setelah di edit :

Alhamdulillah udah beres. Cukup sekian untuk Postingan Pertemuan kali ini. Semoga bermanfaat.

Wassalamualaikum Wr. Wb.

Minggu, 20 Oktober 2019

Pertemuan Ke28

Muhamad Syahrul Ramadhan

XI-RPL3

Assalamualaikum Wr. Wb.

Kembali lagi dengan SchoolBlog ini. Dipostingan pertemuan kali ini saya akan melanjutkan materi dari postingan kemarin yaitu database.

Saya akan menambahkan beberapa data lagi pada database table siswa, untuk tugas pertemuan kali ini. Dengan menambahkan alamat, golongan darah, dan nama ibu kandung. Untuk itu tambahkan data tersebut pada database terlebih dahulu ya!

Saya juga akan menambahkan fitur untuk menambahkan data siswa pada jendela web, dengan langkah-langkah di bawah ini :

Step 1

Menambahkan codingan di V_index.php dengan format ini :

Ket : untuk menuju ke link tambah.php

Step 2

Membuat file V_tambah.php pada folder views. Ini contohnya :

<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <title>M Syahrul R</title>
  </head>
  <body>
    <form class="" action="tambah.php" method="post">
      <table>
<tr>
          <td>NIS</td><td><input type="text" name="nis" value=""></td>
        </tr>
<tr>
          <td>Nama Lengkap</td> <td><input type="text" name="nama_lengkap" value=""></td>
        </tr>
<tr>
          <td>Jenis Kelamin</td>
          <td><input type="radio" name="jenis_kelamin" value="L">Laki-Laki
          <input type="radio" name="jenis_kelamin" value="P">Perempuan</td>
        </tr>
<tr>
          <td>Kelas</td>
          <td><select class="" name="kelas">
            <option value="XII-RPL1">XII-RPL1</option>
            <option value="XII-RPL2">XII-RPL2</option>
            <option value="XII-RPL3">XII-RPL3</option>
          </select></td>
        </tr>
<tr>
          <td>Jurusan</td>
          <td><input type="text" name="jurusan" value=""></td>
        </tr>
<tr>
          <td>Alamat</td>
          <td><input type="text" name="alamat" value=""> </td>
        </tr>
<tr>
          <td>Golongan Darah</td>
          <td><select class="" name="golongan_darah">
            <option value="A">A</option>
            <option value="B">B</option>
            <option value="AB">AB</option>
            <option value="O">O</option>
          </select> </td>
<tr>
            <td>Nama Ibu Kandung</td>
            <td><input type="text" name="nama_ibu_kandung" value=""> </td>
          </tr>
</tr>
<tr>
          <th>
          <input type="submit" name="" value="Simpan">
          <th>
        </tr>
</table>
</form>
</body>
</html>

Membuat file tambah.php pada folder pwpb19. seperti contoh dibawah ini :

<?php
  include 'lib/library.php';

  if($_SERVER ['REQUEST_METHOD'] == 'POST') {
    $nis = $_POST ['nis'];
    $nama_lengkap = $_POST ['nama_lengkap'];
    $jenis_kelamin = $_POST ['jenis_kelamin'];
    $kelas = $_POST ['kelas'];
    $jurusan = $_POST ['jurusan'];
    $alamat = $_POST ['alamat'];
    $golongan_darah = $_POST ['golongan_darah'];
    $nama_ibu_kandung = $_POST ['nama_ibu_kandung'];

    $sql = "INSERT INTO siswa (nis, nama_lengkap, jenis_kelamin, kelas, jurusan, alamat, golongan_darah, nama_ibu_kandung) VALUES
              ('$nis','$nama_lengkap','$jenis_kelamin','$kelas','$jurusan','$alamat','$golongan_darah','$nama_ibu_kandung')";

    $mysqli->query($sql) or die ($mysqli->error);

    header('location: index.php');
  }
  include 'views/v_tambah.php';
 ?>

Nah dari kodingan-kodingan diatas akan menjadi seperti ini :

Dan dengan mengklik Tambah.Data , akan langsung ke jendela tambah data seperti dibawah ini:

Setelah mengklik simpan maka data akan menambah di tampilan web, maupun di databas. Seperti gambar ini :

Alhamdulilah sudah selesai. Hanya itu yang dapat saya sampaikan, Semoga bermanfaat. Mohon maaf bila ada kesalahan.

Wassalamualaikum Wr. Wb.

Pertemuan Ke27

Muhamad Syahrul Ramadhan
XI-RPL3

Assalamualiakum Wr. Wb.
Kembali lagi bersama saya syahrul di SchoolBlog. Dipostingan pertemuan kali ini, saya akan membahas tentang bagaimana cara membuat database di tampilan web.

Dalam membuat database ada beberapa hal yang harus kalian buat. Untuk step-stepnya kalian bisa mengikuti step yang akan saya buat dibawah ini.

Step 1
Membuat struktur folder seperti contoh dibawah ini :

Step 2
Membuat database di phpmyadmin dengan format seperti contoh ini :

Selanjutnya membuat table siswa seperti ini :

Lengkapi table dengan nis dan nama siapa saja yang kalian inginkan
*ini hanya contoh yang saya buat :

Step 3
Membuat sebuah kodingan library.php pada folder lib yang tadi kalian buat, seperti pada gambar dibawah :

Ket : session_start() digunakan untuk menyimpan state pada servernya.
$mysqli perintah untuk melakukan koneksi dari database dengan konfigurasi yang sudah kita atur sebelumnya.

Step 4
Membuat kodingan V_index.php pada folder index yang telah kalian buat, seperti ini :

Step 5
Membuat index.php di folder pwpb19 nya, seperti ini :

Ket : $sql variable untuk menyimpan query yang dibuat. Ingat! Query yang dibuat harus mengikuti kaidah penulisan SQL.
Melakukan query ke database dengan $msqli yang didapat dari library.

Step 6
Dan yang terakhir, tambahkan tag seperti dibawah ini pada kodingan V_index.php :

Ket : fetch_array() untuk mendapatkan data dalam bentuk array kemudikan dilakukan literasi sejumlah data yang ada dari hasil query.
$siswa[' '] digunakan untuk mendapatkan data NIS pada database table siswa.

*nama array assosiatif yang kalian panggil harus sesuai dengan nama field pada database table yang kalian buat!

Hasil :

Untuk pertemuan kali ini cukup segitu dulu ya. Dipertemuan selanjutnya akan saya perdalam lagi pembahasan tentang database ini. Semoga berguna bagi kalian semua, mohon maaf bila ada kesalahan.
Wassalamualaikum Wr. Wb.

Minggu, 13 Oktober 2019

Pertemuan Keduapuluhenam

M. Syahrul Ramadhan
XI-RPL3

Assalamualaikum Wr.Wb.
Kembali lagi bersama saya di SchoolBlog. Di postingan pertemuan kali ini saya akan membahas tentang Fungsi pada PHP.

Fungsi adalah kumpulan dari beberapa statement yang dibuat denga tujuan untuk menyelesaikan tugas tertentu. Fungsi juga digunakan untuk mecegah script dieksekusi pada saat halaman web di load. Jika ingin mengeksekusi, kita harus memanggil fungsi tersebut.

Pembuatan Fungsi :

Pemanggilan Fungsi
Untuk pemanggilan fungsi kelean bisa menggunakan sintax include. Untuk lebih jelasnya bisa lihat contoh kodingan di bawah ini!
Contoh 1
Pembuatan :

<?php
 echo "Ini format tanggal Indonesia : ";
 echo date("d F Y"). '<br/>';
 echo "Ini format tanggal System : ";
 echo date("I, F d, Y"). '<br/>';
 echo "Ini Format date database : ";
 echo date("Y-m-d"). '<br/>';
 echo "Ini format waktu System : ";
 echo date("g:i A"). '<br/>';
 echo "Ini format waktu Indonesia : ";
 echo date("G:i"). '<br/>';
?>

Ini hasilnya :

Studi Kasus :

Kodingannya :

<!DOCTYPE html>
<html>
<head>
 <title>Studi Kasus M Syahrul R</title>
 <style type="text/css">
  body{
   color: silver;
   margin-top: 3%;
   border: 2px red;
   background-color: red;
  }
  h1, h2{
   width: 60%;
   font-family: News706 BT;
   background-color: hotPINK;
   border-radius: 20px;
  }
  h2{
   width: 40%;
  }
  table{
   background-color: gold;
   text-align: center;
   border: 1.5px gray outset;
   border-radius: 10px;
   box-shadow: 7px 7px 10px black;
  }
  th{
   background-color: PINK ;
  }
  th, td{
   border-radius: 7px;
  }
  input, select{
   border: 1.5px black outset;
  }
  input.submit{
   color: Red;
   background: ghostwhite;
   border: 2px black outset;
  }
  input.submit:hover{
   color: red;
   transition: .3s;
   font-size: 14px;
   cursor: pointer;
  }
 </style>
</head>
<body>
 <center>
  <form method="post" action="">
  <h1>
MONEY CHANGER</h1>
<table border="1" cellspacing="5" cellpadding="5">
<tr>
    <th>Mata Uang Asing</th>
    <th>Mata Uang Indonesia</th>
   </tr>
<tr>
    <td>Dollar Amerika</td>
    <td>14000</td>
   </tr>
<tr>
    <td>Dollar Singapur</td>
    <td>10000</td>
   </tr>
<tr>
    <td>Yen</td>
    <td>130</td>
   </tr>
<tr>
    <td>Won</td>
    <td>11</td>
   </tr>
</table>
<h2>
TRANSAKSI</h2>
<label>Uang Dalam Rupiah Rp.</label>
  <input type="number" name="a" autocomplete="off" max="1000000000000">
  <select name="matauang">
   <option value="1">Dollar Amerika</option>
   <option value="2">Dollar Singapura</option>
   <option value="3">Yen</option>
   <option value="4">Won</option>
  </select>
   <input type="submit" name="submit" class="submit" value="Konversi">

   <br><br>

  <?php
   if (isset($_POST['submit'])) {
    $a = $_POST['a'];
    $matauang = $_POST['matauang'];
    include 'RumusSus.php';
    Konversi($a, $matauang);
   }
   ?>
   </form>
</center>
</body>
</html>

Rumus untuk melengkapi kodingan diatas :

Sabtu, 12 Oktober 2019

Pertemuan Keduapuluhlima

M. Syahrul R.
XI-RPL3

Assalamualaikum Wr, Wb.
Kembali lagi dengan saya di SchoolBlog. Untuk postingan di pertemuan kali saya akan membahas tentang Array Asosiatif dan Media Query.

Array Asosiatif
Array yang setiap elmentnya tidak menggunakan index atau nomor element, akan tetapi menggunakan string dan key(kunci). Si kunci inilah yang akan membuat setiap element data berpasangan. Namun jika kita menentukan kunci dari array tsb, maka kuncinya akan otomatis menjadi angka. Untuk lebih jelas kalian bisa melihat kodingan dibawah ini

1. Latihan Array Asosiatif

<!DOCTYPE html>
<html>
<head>
	<title>M Syahrul R XI-RPL3 Sus1</title>
	<style type="text/css">
		h1{
			font-family: News706 BT;
		}
		th{
			width: 20%;
			border-radius: 5px;
			background-color: Salmon;
		}
	</style>
</head>
<body>
	<center>
		<h1>
DATA SISWA MIF</h1>
<table border="1" cellspacing="0" cellpadding="3">
<tr>
				<th>NIS</th>
				<th>Nama</th>
				<th>Kelas</th>
				<th>Jurusan</th>
			</tr>
<?php
			$siswa = array(
				'1314115690' => array("nama"=>"Bruce", "kelas"=>"MIF 1", "jurusan"=>"MIF"),
				'1314115692' => array("nama"=>"Strange", "kelas"=>"MIF 2", "jurusan"=>"MIF"),
				'1314115693' => array("nama"=>"Matt", "kelas"=>"MIF 3", "jurusan"=>"MIF"),
				'1314115699' => array("nama"=>"Peter", "kelas"=>"MIF 1", "jurusan"=>"MIF"),
			);

			foreach ($siswa as $nis => $a) {
				echo "
<tr>";
				echo "<td>".$nis."</td>";
				echo "<td>".$a['nama']."</td>";
				echo "<td>".$a['kelas']."</td>";
				echo "<td>".$a['jurusan']."</td>";
				echo "</tr>
";
			}
		 ?>
		 </table>
</center>
</body>
</html>

Ini hasilnya:

CSS Media Query

Untuk membuat tampilan web menyesuaikan sistemnya, sehingga dengan otomatis menyesuaikan dengan tampilan web di dekstop, tablet, dan handphone. Agar lebih jelasnya bisa lihat contoh kodingan di bawah ini!

Kodingannya:

<!DOCTYPE html>
<html>
<head>
	<meta name="viewport" content="width=device-width, initial-scale=1" >
	<title>M Syahrul R XI-RPL3 CSSmedQuery</title>
	<style type="text/css">
		body{
			background: ghost;
			font-family: 'Segoe UI', serif;
		}
		header{
			text-align: center;
		}
		header h1{
			padding: 0;
			margin: 0;
		}
		nav{
			margin-top: 10px;
			display: inline-block;
		}
		nav ul{
			list-style: none;
			display: inline-block;
			padding: 0;
			margin: 0;
		}
		nav ul li{
			display: inline-block;
			margin-right: 10px;
			font-size: 24px;
		}
		nav a{
			transition: .3s;
			color: #666;
			text-decoration: none;
		}
		nav a:hover{
			transition: .3s;
			font-weight: bold;
		}
		@media (max-width: 320px){
			nav{
				width: 100%;
			}
			nav ul, nav ul li{
				display: block;
			}
			nav ul li{
				margin-bottom: 10px;
				border-bottom: 1px solid #ddd;
				width: 100%
			}
			nav a{
				font-size: 12px;
			}
		}
	</style>
</head>
<body>
	<header>
		<h1>
Brand Name</h1>
<nav>
			<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About Us</a></li>
<li><a href="#">Product</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Testimonial</a></li>
<li><a href="#">Favorite</a></li>
<li><a href="#">Promo</a></li>
<li><a href="#">Deals</a></li>
<li><a href="#">Contact Us</a></li>
<li><a href="#">Location</a></li>
</ul>
</nav>
	</header>
</body>
</html>

Ini hasilnya

tampilan dekstop:

tampilan handphone:

Alhamdulilah hirobil'alamin, telah sampai di akhir postingan. Semoga apa yang saya bahas di postingan kali ini bermanfaat bagi kalian. Mohon maaf bila ada kesalahan kata atau typo. Bila ada yang ingin di tambahkan bisa langsung komen aja okei!

Assalamualaikum Wr. Wb.

Jumat, 04 Oktober 2019

Pertemuan Keduapuluhempat

Assalamualaikum Wr, Wb.
Di postingan kali ini saya Syahrul Ramadhan akan membagikan kodingan tentang Nested dan Array. Sebelum itu jangan lupa untuk terus mengikuti setiap postingan saya yaa. Langsung aja ke topik pembahasan.

POLA LOOPING :

1. Nested Looping
Kodingannya :

<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <title>M Syahrul R XI-RPL3 buat tangga</title>
  <style type="text/css">
      .kotak{
          width: 30px;
          height: 30px;
          margin: 2px;
          display: inline-block;

      }
      .judul{
          font-size: 50px;
          padding-bottom: 50px;
          color: pink;
      }
      table{
          background: silver;
          border: 2px solid;
          margin: auto;
      }
      .submit{
          height: 25px;
          width: 100px;
          background-color: salmon;
          border-color: purple;
      }
      .submit:hover{
          background-color: purple;
          border-color: salmon;
      }
      .input{
          height: 25px;
      }
      td{
          padding-bottom: 15px;
      }
  </style>
</head>
<body>
  <form method="post">
      <table>
<tr>
              <th colspan="2" class="judul">Tangga Berwarna</th>
          </tr>
<tr>
              <td>Jumlah Anak Tangga</td>
              <td><input type="text" name="angka" id="angka" class="input"></td>
          </tr>
<tr>
              <td>Warna</td>
              <td><input type="radio" name="warna" id="warna" value="green"><font color="green">HIJAU</font>
                  <input type="radio" name="warna" id="warna" value="purple"><font color="purple">UNGU</font>
                  <input type="radio" name="warna" id="warna" value="yellow"><font color="yellow">YELLOW</font>
                  <input type="radio" name="warna" id="warna" value="blue"><font color="blue">BIRU</font>
                  <input type="radio" name="warna" id="warna" value="red"><font  color="red">MERAH</font>
              </td>
          </tr>
<tr>
              <td></td>
              <td><input type="submit" name="button" id="button" value="Buat Tangga" class="submit">
              </td>
          </tr>
</table>
<?php
      $angka = $_POST['angka'];
      $warna = $_POST['warna'];

      for ($i = 0; $i < $angka; $i++)
      {
          for ($j = 0; $j < $i; $j++)
          {
              echo "<div class = 'kotak' style='background-color: $warna'></div>
";
          }
          echo "<div class='kotak' style='background-color: $warna'>
  </div>
</br>";
      }
      ?>
  </form>
</body>
</html>

Hasilnya jadi bisa membuat tangga dengan kotak kotak yang di susun seperti pada gambar dibawah ini :

3. Array 2D dan Looping

Kodingannya :

<!DOCTYPE html>
<html>
<head>
 <title>M Syahrul R XI-RPL3 Array2D</title>
<style type="text/css">
 body{
  background: #FFF;
 }
 table{
  background: skyblue;
  margin: auto;
 }
</style>
</head>
<body>
<table>
<tr>
  <td>
<?php
 $siswa = array(array("1819117605","Stark","MIF1"),
  array("1819117605","Tony","MIF2"),
  array("1819117605","Banner","MIF3"));
 echo '<table border="1">
<tr>
     <th>NIS</th>
     <th>Nama</th>
     <th>Kelas</th>
    </tr>
';

 for ($i = 0; $i < 3; $i++) {
  echo '<tr>';
  for ( $j = 0; $j < 3; $j++) {
   echo '<td>'. $siswa[$i][$j].'</td>';
  }
  echo '</tr>
';
 }
 echo '</table>
';
 ?>
   </td>
  </tr>
</table>
</body>
</html>

Hasilnya jadi seperti ini :

Cukup segitu untuk postingan di pertemuan kali ini. Mohon maap bila ada kesalahan atau kekurangan, Semoga berguna atau bermanfaat.

Wassalamualaikum Wr, Wb.

Kamis, 03 Oktober 2019

Pertemuan Keduapuluhtiga

Assalamualaikum Wr, Wb.
Selamat datang di ScholBlog. Kembali lagi dengan saya Syahrul Ramadhan. Di postingan kali ini saya akan membahas tentang looping/pengulangan. Langsung cekidot!

Ada 2 jenis looping yang akan saya bahas di pertemuan kali ini, yaitu :
1.For
Bentuk umum for :

<!DOCTYPE html>
<html>
<head>
 <title>M Syahrul R XI-RPL3 sus2</title>
 <style type="text/css">
  body{
   text-align: center;
   background-color: #DDD;
  }
  table{
   margin: auto;
   border-top: dashed pink;
   border-bottom: dotted pink;
   border-right: dashed red;
   border-left: dotted red;
   border-radius: 5px;
   background-color: skyblue;
   padding-top: 10px;
  }
  .submit{
   margin-top: 10px;
  }
</style>
</head>
<body>
 <h1>
DAFTAR JURUSAN SISWA</h1>
<h2>
SMKN 4 Bandung</h2>
<form method="post">
 Masukkan jumlah data
 <input type="number" name="no">
 <input type="submit" name="button">
</form>
<br><br>
<table>
 <?php
  if (isset($_POST['no'])):

  for ($i = 1; $i <= $_POST['no'] ; $i++):
 ?>
<tr>
 <form>
  <td>Nama : <input type="text" name="Nama"></td>
  <td>Jurusan :
   <input type="radio" name="jurusan"><font color="green">RPL</font></input>
   <input type="radio" name="jurusan"><font color="red">TKJ</font></input>
   <input type="radio" name="jurusan"><font color="purple">MM</font></input>
   <input type="radio" name="jurusan"><font color="yellow">AV</font></input>
   <input type="radio" name="jurusan"><font color="blue">TITL</font></input>
   <input type="radio" name="jurusan"><font color="grey">TOI</font></input>
  </td>
 </form>
</tr>
<?php
  endfor;
  endif;
 ?>
<tr>
   <td colspan="4"><input type="submit" name="submit" class="submit"></td>
 </tr>
</table>
</body>
</html>

Hasil kodingan diatas :

dan yang terakhir...

Studi Kasus 3

<html>
<head>
 <title>M Syahrul R XI-RPL3 sus3</title>
 <style type="text/css">
  body{
   background: Hotpink;
  }
 </style>
</head>
<body>
 <form id="" name="" method="post" action="">
  <p>
Menghitung Jumlah Huruf</p>
<p>
Masukkan kalimat nya
   <input type="text" name="kalimat">
   <input type="radio" name="huruf" value="a">a
   <input type="radio" name="huruf" value="i">i
   <input type="radio" name="huruf" value="u">u
   <input type="radio" name="huruf" value="e">e
   <input type="radio" name="huruf" value="o">o
   <input type="submit" name="submit" value="Hitung"></p>
</form>
<?php
  if (isset($_POST['submit'])) {
   # code...
   $kalimat = $_POST['kalimat'];
   $huruf = $_POST['huruf'];
   $leng = strlen($kalimat);

   switch ($huruf) {
    case 'a':
     echo 'Jumlah karakter '. $huruf. ' dari kalimat '.$kalimat.' adalah '.substr_count($kalimat,'a');
     break;
    case 'i':
     echo 'Jumlah karakter '. $huruf. ' dari kalimat '.$kalimat.' adalah '.substr_count($kalimat,'i');
     break;
    case 'u':
     echo 'Jumlah karakter '. $huruf. ' dari kalimat '.$kalimat.' adalah '.substr_count($kalimat,'u');
     break;
    case 'e':
     echo 'Jumlah karakter '. $huruf. ' dari kalimat '.$kalimat.' adalah '.substr_count($kalimat,'e');
     break;
    case 'o':
     echo 'Jumlah karakter '. $huruf. ' dari kalimat '.$kalimat.' adalah '.substr_count($kalimat,'o');
     break;
   }
  }
   ?>
</body>
</html>

Ini hasil kodingannya ya :

Yaah tidak terasa ya sudah sampai dipenghujung postingan, mungkin emang karena sedikit. Tapi insya allah bermanfaat. Terimakasih sudah melihat postingan blog kali ini.

Wassalamualaikum Wr, Wb.

inlinecss

Minggu, 10 November 2019

Minggu, 27 Oktober 2019

Minggu, 20 Oktober 2019

Minggu, 13 Oktober 2019

Sabtu, 12 Oktober 2019

Jumat, 04 Oktober 2019

Kamis, 03 Oktober 2019