Jun 29, 2015

Cara membuat kalkulator sederhana dengan php

cara membuat kalkulator sederhana dengan php
vbphotoshop.blogspot.com

Cara membuat kalkulator sederhana dengan php. Halo kawan, mampir lagi di blog saya.  Kali ini saya akan berbagi tutorial php. Yaitu cara membuat kalkulator dengan php. Oke kawan, tutorial iini merupakan tutorial php yang sangat mudah untuk diikuti karena merupakan program php yang paling dasar. Aplikasi kalkulator sederhana ini dibuat dengan oprator matematika seperti tambah, kurang, kali, bagi, dan modulus(hasil bagi). Sebelum mengikuti tutorial ini sobat harus punya aplikasi yang bernama xampp dan text editor seperti notepad atau yang lainnya.

Oke, saya anggap sobat sudah memiliki aplikasi xampp dan text editornya. Disini saya menggunakan text editor Sublime.

Dibawah ini tutorialnya dan insya Allah akan saya jelaskan sejelas mungkin...

1. Buka text editor milik sobat, kemudian buat file php baru.

2. Buat form untuk kalkulatornya dengan memasukan script berikut.

<!DOCTYPE html>
<html>
<head>
 <title>Kalkulator sederhana dengan php</title>
</head>
<body>
<h1>Kalkulator sederhana dengan php</h1>
<form action="kalkulator.php" method="POST">
 <table cellpadding="4">
  <tr>
   <td>Nilai 1 : <input type="text" name="nil1" size="5"></td>
  </tr>
  <tr>
   <td align="center" colspan="2"><select name="operasi">
    <option value="+">Ditambah</option>
    <option value="-">Dikurangi</option>
    <option value="/">Dibagi</option>
    <option value="*">Dikali</option>
    <option value="mod">Mod</option>
   </select></td>
  </tr>
  <tr>
   <td>Nilai 2 : <input type="text" name="nil2" size="5"></td>
  </tr>
 </table>Hasilnya adalah :
        <!-- Disini script phpnya -->


        <br><br>

<input type="submit" value="Hitung">
<input type="reset" value="Reset">

</form>
<br>
<em><a href="http://vbphotoshop.blogspot.com">vbphotoshop.blogspot.com</a></em>
</body>
</html>

Simpan pada directori c -> xampp -> htdoc. Simpan dengan nama kalkulator.php.

Untuk menjalankannya. Buka aplikasi xampp, kemudian klik start pada Apache. Buka browser kesayangan sobat, kemudian ketikan localhost/kalkulator.php pada addressbar browser kemudian klik enter. Maka akan terlihat tampilan seperti pada gambar berikut
kalkulator sederhana dengan php
form kalkulator sederhana dengan php

Script yang tadi telah kita ketik dan simpan belum menggunakan php, melainkan html. Akan sedikit saya jelaskan script di atas.
<form action="kalkulator.php" method="POST">. Merupakan pembuka form. action="kalkulator.php" merupakan file php tujuan setelah data dikirim. method="POST" merupakan metode yang digunakan untuk mengirim data.

<table cellpadding="4"><tr><td>. <table> merupakan tabel pembungkus supaya form lebih terlihat rapih, sedangkan <tr> dan <td> merupaka kolom dan baris pada tabel.

<input type="text" name="nil1" size="5">. Ini merupakan script untuk membuat kolom input berupa text. name wajib disertakan untuk digunakan saat membuat script php nanti. Size itu merupakan panjang dari kolom yang dibuat.

<select> dan <option> juga merupakan tag input   berupa drop down. Name pada select masih diperlukan pada tag select. sedangkan pada tag option yang harus ada adalah atribut value.

<input type="submit"> dan <input type="reset"> tag untuk membuat tombol.

Oke, mudah mudahan sudah cukup jelas untuk script diatas. Sekarang kita akan memasukan script phpnya.

3. Masukkan script php berikut dibawah <!-- Disini script phpnya -->.

 <?php
 $nilai1 = $_POST['nil1'];
 $nilai2 = $_POST['nil2'];
 $oprator = $_POST['operasi'];
 if ($oprator == "+")
 {
  echo $nilai1+$nilai2;
 }elseif ($oprator == "-")
 {
  echo $nilai1-$nilai2;
 }elseif ($oprator == "*")
 {
  echo $nilai1*$nilai2;
 }elseif ($oprator == "/")
 {
  echo $nilai1/$nilai2;
 }elseif ($oprator == "mod")
 {
  echo $nilai1%$nilai2;
 }else
 {
  echo "Tidak dikenal";
 }

 ?>

$nilai1 = $_POST['nil1']; $nilai2 = $_POST['nil2']; $oprator = $_POST['operasi'];.. Itu merupakan deklarasi variable. "Mengambil data yang dikirm dari form html tadi". Script php selalu di duka dengan <?php dan diakhiri dengan ?>

Script diatas menggunakan argumen if. logikanya jika pada tag <select> yang dipilih adalah option "Ditambah" valuenya adalah (+). Maka yang akan tejadi adalah nilai pertama($nilai1) di tambah nilai kedua($nilai2). Begitu juga dengan yang seterusnya.

Script akhirnya akan menjadi seperti berikut.

<!DOCTYPE html>
<html>
<head>
 <title>Kalkulator sederhana dengan php</title>
</head>
<body>
<h1>Kalkulator sederhana dengan php</h1>
<form action="kalkulator.php" method="POST">
 <table cellpadding="4">
  <tr>
   <td>Nilai 1 : <input type="text" name="nil1" size="5"></td>
  </tr>
  <tr>
   <td align="center" colspan="2"><select name="operasi">
    <option value="+">Ditambah</option>
    <option value="-">Dikurangi</option>
    <option value="/">Dibagi</option>
    <option value="*">Dikali</option>
    <option value="mod">Mod</option>
   </select></td>
  </tr>
  <tr>
   <td>Nilai 2 : <input type="text" name="nil2" size="5"></td>
  </tr>
 </table>Hasilnya adalah :
 <?php
 $nilai1 = $_POST['nil1'];
 $nilai2 = $_POST['nil2'];
 $oprator = $_POST['operasi'];
 if ($oprator == "+")
 {
  echo $nilai1+$nilai2;
 }elseif ($oprator == "-")
 {
  echo $nilai1-$nilai2;
 }elseif ($oprator == "*")
 {
  echo $nilai1*$nilai2;
 }elseif ($oprator == "/")
 {
  echo $nilai1/$nilai2;
 }elseif ($oprator == "mod")
 {
  echo $nilai1%$nilai2;
 }else
 {
  echo "Tidak dikenal";
 }

 ?><br><br>
<input type="submit" value="Hitung">
<input type="reset" value="Reset">

</form>
<br>
<em><a href="http://vbphotoshop.blogspot.com">vbphotoshop.blogspot.com</a></em>
</body>
</html>

Kemudian simpan dan buka kembali pada browser. Klik tombol demo dibawah ini untuk melihat hasilnya.

Sekian Cara membuat kalkulator sederhana dengan phpSemoga bermanfaat, terimakasih..

Heri Lesmana, seorang manusia biasa yang memiliki begitu banyak keterbatasan. Menyukai programing ( ngoding ) terutama PHP. Bermimpi ingin kuliah di Informatika ITB atau Ilkom Ui.

9 comments:

  1. This comment has been removed by a blog administrator.

    ReplyDelete
    Replies
    1. Maaf gan, komentarnya saya hapus.. Agan ga menghormati rules komentar di blog ini.. :)

      Delete
  2. Gan, saya minta contoh yang paling sederhana untuk mengambil data form input misal kita mengetikkan angka 1 maka outputnya akan keluar tulisan 1 pula. Dan formnya bisa dipasang di internet kayak contoh demo diatas. Thank gan

    ReplyDelete
    Replies
    1. untuk hasil maksimal Coba cari tutorial angular js gan..

      Ini untuk yang sederhana :

      <form action="" method="POST">
      <input type="text" name="angka" />
      <input type="submit" value="Coba" />
      </form>

      <?php

      if(isset($_POST['angka'])){
      echo $_POST['angka'];
      }

      ?>

      Delete
  3. Sangat bermanfaat postnya..
    Bisa riquest ga Mas??

    ReplyDelete
    Replies
    1. Silahkan mas, request aja,, kalau ada kesempatan insya Allah saya buat artikel pembahasannya.

      Delete
  4. This comment has been removed by the author.

    ReplyDelete
  5. Thanks.. tulisannya sangat bermanfaat..
    My blog
    My Campus

    ReplyDelete