Kode Program PHP: Menghitung Luas dan Keliling Persegi

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

Soal Menghitung Keliling dan Luas Persegi

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

Berikut contoh tampilan akhir yang diinginkan (1) :

Kode Program PHP - Keliling dan Luas Persegi
============================================

Panjang sisi persegi = 5
Keliling persegi = (4 x 5) = 20
Luas persegi = (5 x 5) = 25

Berikut contoh tampilan akhir yang diinginkan (2) :

Kode Program PHP - Keliling dan Luas Persegi
============================================

Panjang sisi persegi = 12.5
Keliling persegi = (4 x 12.5) = 50
Luas persegi = (12.5 x 12.5) = 156.25

Silahkan coba sebentar membuat kode program ini.

Tips Membuat Kode Program Menghitung Keliling dan Luas Persegi

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

Dikutip dari wikipedia, persegi atau bujur sangkar adalah bangun datar dua dimensi yang dibentuk oleh empat buah rusuk yang sama panjang dan memiliki empat buah sudut yang kesemuanya adalah sudut siku-siku.

Rumus untuk menghitung keliling persegi adalah 4 x sisi, sedangkan rumus untuk menghitung luas persegi adalah sisi x sisi.

Kode Program PHP Menghitung Keliling dan Luas Persegi

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

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

  $sisi = 12.5;

  $keliling_persegi = 4 * $sisi;
  $luas_persegi = $sisi * $sisi;
  
  echo "Panjang sisi persegi = $sisi <br>";
  echo "Keliling persegi = (4 x $sisi) = $keliling_persegi <br>";
  echo "Luas persegi = ($sisi x $sisi) = $luas_persegi <br>";
?>

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 terdapat deklarasi variabel $sisi untuk menampung panjang sisi persegi. Dalam contoh ini, variabel $sisi langsung saya isi dengan nilai 12.5.

Di baris 7-8, kita bisa menghitung keliling persegi dengan rumus 4 * $sisi, serta luas persegi dengan rumus $sisi * $sisi. Hasilnya ditampung oleh variabel $keliling_persegi dan $luas_persegi.

Terakhir, nilai variabel $sisi serta hasil perhitungan keliling dan luas persegi ditampilkan dengan perintah echo di baris 10-12.

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

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

  $sisi = 12.5;

  echo "Panjang sisi persegi = $sisi <br>";
  echo "Keliling persegi = (4 x $sisi) = ". 4 * $sisi . "<br>";
  echo "Luas persegi = ($sisi x $sisi) = ". $sisi * $sisi." <br>";
?>

Perhitungan keliling dan luas persegi langsung ditulis ke dalam perintah echo di baris 8 dan 9. 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 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 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</h1>
  <hr>
  <form action="" method="post">
    <div>
      Panjang Sisi Persegi: <input type="text" name="sisi" size="1">
      <input type="submit" name="submit">
    </div>
  </form>
  
    <?php
      if (isset($_POST['submit'])) {
        $sisi = $_POST['sisi'];

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

        echo "<p>Keliling persegi = (4 x $sisi) = $keliling_persegi </p>";
        echo "<p>Luas persegi = ($sisi x $sisi) = $luas_persegi </p>";
        echo "</div>";
      }
    ?>
  
</body>
</html>

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-33. Di dalamnya terdapat tag <input> untuk menampung nilai input sisi, serta tag <input type="submit" name="submit"> untuk membuat tombol "Submit".

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

Agar lebih praktis, nilai form yang tersimpan di global variable $_POST['sisi'] dipindahkan ke variabel $sisi pada baris 37.

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

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

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

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