Tutorial Membuat Kalkulator dengan PHP

13.18 |

Algoritma Membuat Aplikasi Kalkulator Sederhana Menggunakan PHP (Hypertext Preprocessor) dengan Pengkondisian If-Else

Dalam kesempatan ini, saya berbagi langkah-langkah membuat aplikasi kalkulator sederhana menggunakan PHP (Hypertext Preprocessor):

Siapkan software Xampp atau sejenisnya sebagai web server lokal yang berfungsi untuk menjalankan PHP (karena PHP berjalan di server side scripting). Di sini saya menggunakan Xampp karena dalam satu kali install, software ini telah sekaligus terinstall Apache Web Server, MySQL Database Server, PHP Support.

( jika belum memiliki, bisa download aplikasinya di : http://xampp.id.softonic.com/ )

kemudian install Xampp terlebih dahulu, (Tutorial Install Xammp ( untuk O.S Wndows )bisa dilihat di : http://tutorialinstallxamp.blogspot.com/ )
Buka software Xampp
Klik start pada button sebelah kanan Apache dan mySql
Siapkan Text Editor, seperti Notepad, Notepad++, Adobe Dreamweaver, dan sejenisnya
Buka Text Editor yang digunakan ( Saya menggunakan Notepad )
Buat form HTML nya. Sebelum mengetik script, buat folder baru di C:/xampp/htdocs dengan nama kalkulator-php. Ketikkan script seperti dalam gambar dibawah ini pada Notepad, kemudiansimpan filenya dengan nama index.php di C:/xampp/htocs/kalkulator-php. ( Disimpan di C:/xampp/htdocs juga bisa tetapi saya membuat folder lagi supaya filenya tidk acak-acakan ). (penamaan file bisa disesuaikan dengan selera masing-masing)

Jika ingin lebih cepat, silahkan copy-paste script dibawah ini ke Notepad

<html>

<head><title>Kalkulator khotimatus</title></head>

<marquee style="font-family: Segoe Script; font-size:24px; color:#00FFFF;"direction="right" behavior="alternate">

Simple Calculator - Created by Khotimatus Sa'adah</marquee>

<body bgcolor="black" background="worldmap.jpg" oncontextmenu="return false">

<center><form method="post" action="kalkulator.php"></center>

<center><table>

<center><tr>

<center><td><font color = '#FFFFFF'><b>Bilangan Pertama</b></font></td></center>

<center><td><font color = '#FFFFFF'>: </font><input type="text" name="bilang1" /></td><br></center>

</tr></center>

<center><tr>

<center><td><font color = '#FFFFFF'><b>Bilangan Kedua</b><font></td></center>

<center><td><font color = '#FFFFFF'>: </font><input type="text" name="bilang2" /></td></center>

</tr></center>

<center><tr>

<center><td colspan="2"><br>

<input type="submit" name="submit1" value="Tambah"/>

<input type="submit" name="submit2" value="Kurang"/>

<input type="submit" name="submit3" value="Kali"/>

<input type="submit" name="submit4" value="Bagi"/>

<input type="reset" name="reset" value="Reset">

</td>

</tr>

</table></center>

</form><br>

<hr>

<hr>

<center><FORM ACTION="kalkulator.php" METHOD="POST" NAME="input"></center>

<center><h3><font color = '#FFFFFF'> Kritik / Saran : </font></h3></center>

<center><textarea name="saran" cols="40"rows="5"></textarea><br></center><br>

<center><input type="submit" name="Proses" value="Submit"></center>

</FORM></center>

</body>

</html>

Jika ingin lebih menarik, silahkan modivikasi sesuai selera. Jangan lupa simpan dengan nama index.php di C:/xampp/htdocs/kalkulator-php. ( Penamaan file bisa disesuaikan dengan selera masing-masing ). Berikut gambarnya
Buat script PHPnya untuk memproses inputan data yang dikirim dari file index.php.
Langkahnya sama dengan membuat form HTML, yang berbeda kode dan nama penyimpanannya.Ketikkan script seperti dalam gambar dibawah ini pada Notepad, kemudian simpan filenya dengan nama kalkulator.php di C:/xampp/htdocs/kalkulator-php.

Jika ingin lebih cepat, silahkan copy-paste script dibawah ini ke Notepad

<?php

$bil1 = $_POST['bilang1'];

$bil2 = $_POST['bilang2'];

if (isset($_POST['submit1']))

{

$hasil =$bil1+$bil2;

echo "<b>Hasil Penjumlahan dari $bil1 + $bil2 = $hasil</b>";

}

elseif (isset($_POST['submit2']))

{

$hasil =$bil1-$bil2;

echo "<b>Hasil Pengurangan $bil1 - $bil2 = $hasil</b>";

}

elseif (isset($_POST['submit3']))

{

$hasil = $bil1 * $bil2;

echo"<b>Hasil Perkalian $bil1 x $bil2 = $hasil</b>";

}

elseif (isset($_POST['submit4']))

{

$hasil = $bil1 / $bil2;

echo "<b>Hasil pembagiannya $bil1 / $bil2 = $hasil</b>";

}

if (isset($_POST['Proses'])) {

$saran = nl2br($_POST['saran']);

echo "Kritik / Saran Anda adalah : <br>";

echo "<font color=blue><b>$saran</b></font>";

}

?>

Jangan lupa simpan dengan nama kalkulator.php di C:/xampp/htdocs/kalkulator-php. ( Penamaan file bisa disesuaikan dengan selera masing-masing ). Berikut gambarnya
Buka browser, lalu ketikkan alamat berikut : localhost/kalkulator-php pada address bar, kemudian tekan Enter .
Kalkulator Sederhana atau Simple Calculator siap digunakan. Ini hasilnya: