Latihan Kode Program PHP: Menghitung Keliling dan Luas Persegi Panjang

Latihan algoritma kode program PHP kali ini akan membahas cara menghitung keliling dan luas persegi panjang. Materi ini berhubungan dengan logika matematika dan menguji pemahaman operator aritmatika.


Soal Menghitung Keliling dan Luas Persegi panjang

Buatlah kode program PHP untuk menghitung keliling dan luas persegi panjang. Sebagai bonus, buat juga sebuah form untuk menginput panjang dan lebar persegi.

Berikut contoh tampilan akhir yang diinginkan (1) :

Kode Program PHP - Keliling dan Luas Persegi Panjang
====================================================
Panjang persegi = 15
Lebar persegi = 30

Keliling persegi panjang = (2 * 15) + (2 * 30) = 90
Luas persegi panjang = 15 * 30 = 450

Berikut contoh tampilan akhir yang diinginkan (2) :

Kode Program PHP - Keliling dan Luas Persegi Panjang
====================================================
Panjang persegi = 7.5
Lebar persegi = 9.25

Keliling persegi panjang = (2 * 7.5) + (2 * 9.25) = 33.5
Luas persegi panjang = 7.5 * 9.25 = 69.375

Silahkan coba sebentar membuat kode program ini.


Tips Membuat Kode Program Menghitung Keliling dan Luas Persegi panjang

Soal ini melatih pemahaman terkait logika matematika dan penggunaan operator aritmatika. Berikut tutorial pendahuluan yang bisa diikuti:

Dikutip dari wikipedia, persegi panjang (rectangle) adalah bangun datar dua dimensi yang dibentuk oleh dua pasang sisi yang masing-masing sama panjang dan sejajar dengan pasangannya, dan memiliki empat buah sudut yang kesemuanya adalah sudut siku-siku.

Rumus untuk menghitung keliling persegi panjang adalah (2 x panjang) + (2 x lebar), sedangkan rumus untuk menghitung luas persegi panjang adalah panjang * lebar.


Kode Program PHP Menghitung Keliling dan Luas Persegi panjang

Berikut salah satu konsep dasar dari cara menghitung keliling dan luas persegi panjang menggunakan bahasa pemrograman PHP:

<?php
  echo "Kode Program PHP - Keliling dan Luas Persegi Panjang";
  echo "<hr>";

  $panjang = 7.5;
  $lebar = 9.25;

  $keliling_persegi_panjang = (2 * $panjang) + (2 * $lebar); 
  $luas_persegi_panjang = $panjang * $lebar;

  echo "Panjang persegi = $panjang <br>";
  echo "Lebar persegi = $lebar <br>";

  echo "<br>";

  echo "Keliling persegi panjang = (2 * $panjang) + (2 * $lebar) 
        = $keliling_persegi_panjang <br>";

  echo "Luas persegi panjang = $panjang * $lebar 
        = $luas_persegi_panjang <br>";
?>

Latihan Kode Program PHP - Menghitung Keliling dan Luas Persegi Panjang

Kode program diawali dengan perintah echo untuk menampilkan tag <h1> yang berisi judul program, serta tag <hr> untuk membuat garis pembatas agar terlihat lebih rapi.

Kemudian di baris 5-6 terdapat deklarasi variabel $panjang dan $lebar untuk menampung panjang dan lebar persegi. Dalam contoh ini, variabel $panjang langsung saya isi dengan nilai 15 dan variabel $lebar dengan nilai 30.

Di baris 8-9, kita bisa menghitung keliling persegi panjang dengan rumus (2 * $panjang) + (2 * $lebar), serta luas persegi panjang dengan rumus $panjang * $lebar. Hasilnya ditampung oleh variabel $keliling_persegi_panjang dan $luas_persegi_panjang.

Terakhir, nilai variabel $panjang dan $lebar serta hasil perhitungan keliling dan luas persegi panjang ditampilkan dengan perintah echo di baris 16-20.

Proses perhitungan luas persegi panjang sebenarnya juga bisa langsung dilakukan ke dalam perintah echo, tidak harus ditampung ke variabel $keliling_persegi_panjang dan $luas_persegi_panjang terlebih dahulu. Berikut contoh yang dimaksud:

<?php
  echo "Kode Program PHP - Keliling dan Luas Persegi Panjang";
  echo "<hr>";

  $panjang = 15;
  $lebar = 30;

  echo "Panjang persegi = $panjang <br>";
  echo "Lebar persegi = $lebar <br>";

  echo "<br>";

  echo "Keliling persegi panjang = (2 * $panjang) + (2 * $lebar) 
        = ".(2 * $panjang) + (2 * $lebar)." <br>";

  echo "Luas persegi panjang = $panjang * $lebar 
        = ".$panjang * $lebar." <br>";
?>

Perhitungan keliling dan luas persegi panjang langsung ditulis ke dalam perintah echo di baris 14 dan 17. Tanda titik dipakai untuk memisahkan string dengan kode PHP, ini dikenal sebagai operator concatenation yang pernah kita bahas di Jenis-jenis Operator String Bahasa PHP.


Kode Program PHP Menghitung Keliling dan Luas Persegi panjang dengan Inputan Form

Jika ingin membuat kode program PHP yang bisa menerima nilai input dari user, maka butuh sebuah form HTML. Bahasan tentang cara memproses form lumayan panjang, jika butuh materi dasar bisa lanjut ke tutorial cara memproses form HTML dengan PHP.

Berikut kode program menghitung keliling dan luas persegi panjang dengan perpaduan kode HTML, CSS, JavaScript dan PHP:

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Latihan Soal Algoritma Bahasa PHP</title>
  <style>
    body   { text-align: center; font-family: "Trebuchet MS", serif; }
    h1,h2  { margin-bottom: 0; }
    hr     { width: 80%; }
    form   { margin-top: 2rem; }
    canvas { margin: 1.4rem; }
    p      { margin:0.1rem }
    .result {
      margin: 1rem auto; 
      padding: 0.25rem 0.25rem 1rem 0.25rem;
      background-color: ghostwhite;
      width: 50%;
      display: flex;
      flex-direction: column;
      align-items: center;
    }
  </style>
</head>
<body>
  <h1>Kode Program PHP - Keliling dan Luas Persegi Panjang</h1>
  <hr>
  <form action="" method="post">
    <div>
      Panjang Persegi: <input type="text" name="panjang" size="1">
      Lebar Persegi: <input type="text" name="lebar" size="1">
      <input type="submit" name="submit">
    </div>
  </form>
  
    <?php
      if (isset($_POST['submit'])) {
        $panjang = $_POST['panjang'];
        $lebar = $_POST['lebar'];

        echo "<div class='result'>";
        echo "<h2>Hasil Kode Program</h2>";
        echo "<span>(panjang: $panjang, lebar: $lebar)</span>";
    ?>
        <canvas id="myCanvas" width="200px" height="100px"></canvas>
        <script>
          var c = document.getElementById("myCanvas");
          var ctx = c.getContext("2d");
          ctx.beginPath();
          ctx.rect(0, 0, 200, 100);
          ctx.stroke();
        </script> 
    <?php
        $keliling_persegi_panjang = (2 * $panjang) + (2 * $lebar); 
        $luas_persegi_panjang = $panjang * $lebar;

        echo "<p>Keliling persegi panjang = (2 * $panjang) + (2 * $lebar) 
        = $keliling_persegi_panjang </p>";
        echo "<p>Luas persegi panjang = $panjang * $lebar 
        = $luas_persegi_panjang </p>";
        echo "</div>";
      }
    ?>
  
</body>
</html>

Latihan Kode Program PHP - Menghitung Keliling dan Luas Persegi Panjang dengan Form Input

Selain struktur dasar HTML, pada script ini juga terdapat kode CSS di dalam tag <style> untuk mempercantik tampilan halaman (baris 7-23).

Kode untuk membuat form HTML ada di baris 28-34. Di dalamnya terdapat tag <input> untuk menampung nilai input panjang dan lebar, serta tag <input type="submit" name="submit"> untuk membuat tombol "Submit".

Kode PHP sendiri ada di baris 36-44 serta 53-63. Kondisi if(isset($_POST['submit'])) di baris 37 berguna untuk memeriksa apakah form sudah di submit atau belum. Hanya jika kondisi ini terpenuhi, barulah blok kode PHP antara baris 38-62 akan di proses.

Agar lebih praktis, nilai form yang tersimpan di global variable $_POST['panjang'] dan $_POST['lebar'] dipindahkan ke variabel $panjang dan $lebar pada baris 38-39.

Perintah echo antara baris 41-43 berguna untuk membuat struktur HTML sebagai tempat dari hasil kode PHP.

Di baris 45-52, kode program "keluar" sebentar dari blok PHP untuk menampilkan tag <canvas> dan sedikit kode JavaScript. Ini sekedar membuat tampilan gambar persegi panjang untuk mempercantik halaman kita. Jika tidak ingin menampilkan gambar, seluruh kode ini boleh dihapus.

Setelah itu di baris 54 baru masuk kembali ke kode PHP untuk menghitung keliling dan luas persegi panjang seperti bahasan kita sebelumnya.


Demikian kode program menghitung keliling dan luas persegi panjang menggunakan bahasa pemrograman PHP. Semoga tutorial ini bisa bermanfaat.

Add Comment