Rabu, 05 Oktober 2016

Selamat malam sobat sharing semua.. Mohon maaf admin lama ngga muncul karena memang vakum dari mengurus blog ini *kebiasan, baru mulai dah curcol.. skip. Nah lanjut, pada kesempatan kali ini saya akan share mengenai pemrograman nih khusunya pemrograman berbasis web.

Nggak kerasa kuliah sudah mulai menginjak semester 7 dan itu artinya kemungkinan sekitar satu semester lagi bakal masuk semester 8 *masasiiiih paaak masaaa :v skip. Oke, di semester 7 ini akhirnya saya dipertemukan dengan mata kuliah pemrograman web 2 dan karena ini jilid 2, tentunya akan lebih sering berjumpa dengan php dan mysql. Seperti judul tulisan ini, kita akan coba membuat program sederhana untuk melakukan pengolahan nilai dari dua buah bilangan menggunakan operator aritmatika yang ada pada php. Seperti apa? Kayamana? Bijimana? yuk kita mulai, hhehe... Selamat membaca, eh praktek :)

Membuat Form Input Bilangan

Pertama-tama kita buat form dengan dua buah textfield, satu buah select/listmenu dan satu buah tombol submit seperti pada gambar dibawah ini :

Operasi dua bilangan dengan php - Form input bilangan

Silahkan buat file baru dan ketikkan source html dibawah ini untuk membuat form input bilangan seperti pada gambar diatas :

bilangan_input.php
<html>
  <head>
    <title>Operasi Dua Bilangan dengan PHP</title>
  </head>
  <body>
    <h2>Operasi Dua Bilangan dengan PHP</h2>
    <form action="bilangan_view.php" method="post">
      <table width="50%" border=0>
        <tr>
          <td align="center"><font color="red" size=5>Nilai I</font></td>
          <td></td>
          <td align="center"><font color="red" size=5>Nilai II</font></td>
          <td></td>
        </tr>
        <tr>
          <td><input type="text" name="nilai1"></td>
          <td>
            <select name="operator">
              <option value="tambah">+</option>
              <option value="kurang">-</option>
              <option value="kali">*</option>
              <option value="bagi">/</option>
              <option value="modulus">%</option>
              <option value="pangkat">^</option>
            </select>
          </td>
          <td><input type="text" name="nilai2"></td>
          <td><input type="submit" name="hitung" value="hitung"></td>
        </tr>
      </table>
    </form>
  </body>
</html>

Simpan file tersebut dengan nama bilangan_input.php, untuk menyimpannya silahkan buat folder baru di htdocs dengan nama latihanphpku kemudian simpan file bilangan_input.php tadi di dalam folder tersebut.

# Penjelasan :
  • * form -> action="bilangan_view.php" : bilangan_view.php merupakan nama file yang akan menjadi tujuan setelah kita menekan tombol submit
  • * input (text) -> name="nilai1" : merupakan nama textfield untuk memasukkan bilangan ke-1
  • * input (text) -> name="nilai2" : merupakan nama textfield untuk memasukkan bilangan ke-2
  • * select (listmenu) -> name="operator" : merupakan nama dari listmenu/pilihan operasi yang akan dilakukan pada dua bilangan yang sudah diinput
  • * option -> value="tambah/kurang/kali/bagi/modulus/pangkat" : merupakan pilihan dengan nilai masing-masing untuk menentukan operasi dari dua bilangan (nilai1 dan nilai2)

Membuat File Aksi

Seperti yang sudah di jelaskan sebelumnya bahwa file bilangan_view.php merupakan file aksi atau tujuan yang akan memproses nilai yang kita masukkan ke form input dan mencetak keluaran/output berupa hasil dari operasi yang di lakukan terhadap nilai-nilai tersebut. Untuk membuatnya silahkan buat file baru lagi dan ketikkan source php berikut ini :

bilangan_view.php
<?php
  // ambil nilai dari form input
  $bil1 = $_POST['nilai1'];
  $bil2 = $_POST['nilai2'];
  $opr = $_POST['operator'];
  // proses
  switch($opr) {
    case "tambah":
      $hasil = $bil1 + $bil2;
      $tanda = "+";
      break;
    case "kurang":
      $hasil = $bil1 - $bil2;
      $tanda = "-";
      break;
    case "kali":
      $hasil = $bil1 * $bil2;
      $tanda = "*";
      break;
    case "bagi":
      $hasil = $bil1 / $bil2;
      $tanda = "/";
      break;
    case "modulus":
      $hasil = $bil1 % $bil2;
      $tanda = "%";
      break;
    case "pangkat":
      $hasil = pow($bil1, $bil2);
      $tanda = "^";
      break;
  }
  // output
  echo "<h3>Hasil Perhitungan : Operasi Dua Bilangan dengan PHP</h3>";
  echo "<b>$bil1</b> $tanda <b>$bil2</b> = <b>$hasil</b><br>";
  echo "<a href='bilangan_input.php'>hitung lagi</a>";
?>

Simpan file di atas dengan nama bilangan_view.php, pastikan file ini berada 1 folder dengan file bilangan_input.php.

# Penjelasan :
Pada program diatas terdapat 3 tahapan yaitu tahap membaca nilai masukkan (input), melakukan pengolahan nilai (proses) dan mencetak hasil (output).
  1. * Tahap input -> Pada tahap ini kita menyiapkan 3 variabel yang digunakan untuk menampung nilai yang di ambil dari form bilangan_input.php
    • ** $bil1 : menyimpan nilai dari textfield nilai1
    • ** $bil2 : menyimpan nilai dari textfield nilai2
    • ** $opr : menyimpan nilai dari listmenu operator, merupakan parameter yang menentukan operasi yang akan di lakukan pada nilai1 dan nilai2

  2. * Tahap proses -> Untuk tahap ini kita menggunakan struktur kontol Switch Case untuk menentukan hasil dari proses pengolahan kedua nilai yang dimasukkan
    • ** switch($opr) : membaca nilai variabel $opr sebagai penentu dari case-case yang telah disiapkan
    • ** case "tambah" : apabila variabel $opr bernilai == "tambah" maka operasi yang akan di jalankan adalah operasi penambahan ($hasil = $bil1 + $bil2)
    • ** case "kurang" : apabila variabel $opr bernilai == "kurang" maka operasi yang akan di jalankan adalah operasi pengurangan ($hasil = $bil1 - $bil2)
    • ** case "kali" : apabila variabel $opr bernilai == "kali" maka operasi yang akan di jalankan adalah operasi perkalian ($hasil = $bil1 * $bil2)
    • ** case "bagi" : apabila variabel $opr bernilai == "bagi" maka operasi yang akan di jalankan adalah operasi pmbagian ($hasil = $bil1 / $bil2)
    • ** case "modulus" : apabila variabel $opr bernilai == "modulus" maka operasi yang akan di jalankan adalah operasi mencari sisa hasil bagi/modulus ($hasil = $bil1 % $bil2)
    • ** case "pangkat" : apabila variabel $opr bernilai == "pangkat" maka operasi yang akan di jalankan adalah operasi bilangan1 pangkat bilangan2/pow ($hasil = pow($bil1, $bil2))
    • ** selain variabel $hasil ada juga variabel $tanda, variabel $tanda ini hanya di gunakan untuk keperluan output saja dan sebagai tempat menyimpan simbol operasi yang kita pilih sebelumnya (+, -, *, /, % dan ^)

  3. * Tahap output -> Pada tahapan ini kita akan menampilkan kedua bilangan yang telah kita masukkan beserta operasi yang kita pilih (ditampilkan dalam tanda) dan juga hasil dari operasi kedua bilangan tersebut.

Sampai disini mari kita anggap semua tahapannya sudah selesai dan saatnya mencoba program yang telah kita buat ^_^

Silahkan buka browser kesayangan lalu kemudian panggil file bilangan_input.php -> localhost/latihanphpku/bilangan_input.php.

Masukkan nilai pada kolom nilai1 dan nilai2 dan jangan lupa pilih operasinya, lalu klik tombol hitung. Taraaa.. hasilnya akan seperti pada gambar berikut ini :

Operasi dua bilangan dengan php - Input nilai

Operasi dua bilangan dengan php - Menampilkan hasil

Nah, berikutnya silahkan di coba satu per satu dengan operasi yang berbeda :)

Tambahan : Menggunakan IF

Selain menggunakan struktur kontrol switch case kita bisa juga menggunakan if, berikut adalah file bilangan_view.php setelah diubah dengan menggunakan if sebagai struktur kontrolnya :

bilangan_view.php
<?php
  // ambil nilai dari form input
  $bil1 = $_POST['nilai1'];
  $bil2 = $_POST['nilai2'];
  $opr = $_POST['operator'];
  // proses
  if($opr == "tambah") {
    $hasil = $bil1 + $bil2;
    $tanda = "+";
  }
  elseif($opr == "kurang") {
    $hasil = $bil1 - $bil2;
    $tanda = "-";
  }
  elseif($opr == "kali") {
    $hasil = $bil1 * $bil2;
    $tanda = "*";
  }
  elseif($opr == "bagi") {
    $hasil = $bil1 / $bil2;
    $tanda = "/";
  }
  elseif($opr == "modulus") {
    $hasil = $bil1 % $bil2;
    $tanda = "%";
  }
  else {
    $hasil = pow($bil1, $bil2);
    $tanda = "^";
  }
  // output
  echo "<h3>Hasil Perhitungan : Operasi Dua Bilangan dengan PHP</h3>";
  echo "<b>$bil1</b> $tanda <b>$bil2</b> = <b>$hasil</b><br>";
  echo "<a href='bilangan_input.php'>hitung lagi</a>";
?>

Kesimpulan & Catatan

Sadar nda sadar melalui program sederhana di atas kita sudah mempraktekkan penggunaan form html dengan elemen textfield dan listmenu serta menggunakan metode POST untuk melakukan pengiriman data ke file ACTION. Pada file action kita juga sudah mempraktekkan penggunaan variabel numerik dan variabel string serta menggunakan struktur control switch case dan juga if untuk melakukan pemilihan operasi.

Harapan saya mudah-mudahan apa yang telah kita praktekkan ini akan ada manfaatnya khususnya dalam mengembangkan kemampuan web programming sobat sharing sekalian. Silahkan di kembangkan lagi agar menjadi lebih baik, dan jangan pernah bosan untuk cari tahu, tambah wawasan dan yang terpenting jangan lupa untuk sering-sering praktek.

Oh iya, saran saya jangan biasakan melakukan copy-paste ketika mempelajari pemrograman, karena kalau sudah kebiasan kita akan sulit untuk mengenal si bahasa pemrograman itu sendiri. Lebih baik ngetik sendiri dan ketemu error kemudian penasaran dan cari tau cara untuk memperbaiki error tersebut daripada menyelesaikan program dengan ctrl+n, ctrl+c, ctrl+v dan ctrl+s. Karena disitulah kita belajar menemukan masalah, menghadapinnya dan menyelesaikannya :D

Yosh, mungkin sekian dulu dari saya, sekali lagi semoga topik di atas ada manfaatnya. Saya juga mohon maaf bila ada kata yang kurang berkenan dan sekiranya ada kritik dan saran yang membangun silahkan tinggalkan pesan melalui komentar yang tentunya akan dengan senang hati saya terima. Kurang dan lebihnya saya mohon maaf, terimakasih.

Tetap semangat dan happy coding all ^_^