Cara Membuat Kalkulator Dengan PHP MySQL

Pada kesempatan baik ini kami akan memberikan tutorial tentang cara membuat kalkulator dengan php mysql sederhana menggunakan operasi aritmatika matematika penjumlahan, pengurangan, perkalian, dan pembagian sehingga menjadi sebuah aplikasi. Cara membuat kalkulator dengan php mysql sederhana pada tutorial ini akan dengan mudah diikuti jika teman-teman telah mengetahui dasar operasi aritmatika tersebut. Karena pada dasarnya modul dalam aplikasi kalkulator sederhana dengan php mysql hanya didominasi oleh operasi penjumlahan, pengurangan, perkalian, dan pembagian. Jadi bagaimana cara membuat kalkulator dengan php mysql sederhana tersebut, script PHP kalkulator seperti apa yang digunakan?.

Sebagaimana kita ketahui bahwa operasi aritmatika matematika penjumlahan, pengurangan, perkalian, dan pembagian adalah modul dominan yang terdapada pada aplikasi kalkulator. Sehingga pada tutorial cara membuat kalkulator dengan php mysql sederhana ini akan membahasa lebih banyak operasi aritmatika tersebut. Dimana operasi aritmatika matematika pada kalkulator adalah merupakan kategori dasar pemrograman PHP, operasi aritmatika penjumlahan pengurangan perkalian pembagian dengan php telah kami bahas sebelumnya.

cara membuat kalkulator dengan php mysql

Tutorial cara membuat kalkulator dengan php mysql sederhana ini kami lakukan menggunakan web server XAMPP versi 5.6 include database MySQL. Berjalan baik pada browser Mozilla Firefox dan OS Windows 7, text editor bebas sesuai selera teman-teman, mungkin ada yang pakai notepad++. Uuntuk mengikuti tutorial ini pastikan komputer anda telah terinstall web server XAMPP tersebut.

Berikut langkah - langkah cara membuat kalkulator dengan php mysql sederhana lengkap dengan source code script dan penjelasannya:

Cara Membuat Kalkulator Dengan PHP MySQL

Membuat Kalkulator dengan PHP

1. Membuat Direktori Projek Tutorial

Direktori folder ini berguna sebagai storage penyimpanan file-file php yang telah dibuat, disimpan di dalam folder htdocs. Oke, sebagai contoh nama folder projek adalah "kalkulator-php", dan Anda boleh saja membuat nama folder suka-suka, yang penting terletak di dalam htdocs, karena tutorial ini berjalan di xampp.

2. Membuat Interface Form Input Bilangan dan Operasi pada Kalkulator

Form input bilangan dan operasi aritmatika pada Kalkulator sederhana kita buat dalam bentuk kolom isian data, yaitu data bilangan 1 dan bilangan 2, kemudian operasi aritmatika dalam bentuk select box. Dalam tutorial cara membuat kalkulator dengan php mysql sederhana ini, form tersebut juga berperan sekaligus sebagai homepage atau index. Kemudian hasil perhitungannya tampil di form tersebut juga, source code script php nya seperti berikut ini.

Simpan sebagai index.php

<html>
<head>
	<title>Tutorial Membuat Kalkulator Dengan PHP MySQL</title>
	<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
	<?php 
		if(isset($_POST['hitung'])){
			$bil1	=$_POST['bil1'];
			$bil2	=$_POST['bil2'];
			$operasi=$_POST['operasi'];
		
			switch ($operasi) {
				case 'tambah':
				$hasil = $bil1+$bil2;
				break;
				case 'kurang':
				$hasil = $bil1-$bil2;
				break;
				case 'kali':
				$hasil = $bil1*$bil2;
				break;
				case 'bagi':
				$hasil = $bil1/$bil2;
				break; 
			}
		}
	?>
	<div class="kalkulator">
		<h4 class="judul">KALKULATOR SEDERHANA</h4>
		<form method="post" action="./"> 
			<input type="text" name="bil1" class="bil" placeholder="Bilangan 1" required/>
			<input type="text" name="bil2" class="bil" placeholder="Bilangan 2" required/>
			<select class="opt" name="operasi">
				<option value="tambah">+</option>
				<option value="kurang">-</option>
				<option value="kali">x</option>
				<option value="bagi">/</option>
			</select>
			<input type="submit" name="hitung" value="Hitung" class="tombol"/> 
			<a href="./" style="text-decoration:none;"><input type="button" value="Hapus" class="tombol"/></a> 
		</form>
		<?php if(isset($_POST['hitung'])){
		?>
			<input type="text" value="<?php echo $hasil; ?>" class="hasil"/>
		<?php
		}
		else{
		?>
			<input type="text" value="0" class="hasil"/>
		<?php
		}
		?> 
	</div>
</body>
</html>

Script di atas adalah bagian dari cara membuat kalkulator dengan php mysql sederhana yang tentu belum lengkap karena style nya belum kita buat. Style akan kita buat menggunakan CSS tentunya agar tampilan halaman aplikasi kalkulator menjadi lebih menarik. Berikut adalah coding CSS tersebut;

Simpan sebagai style.css

body{
	background: #F2F2F2;
	font-family: sans-serif;
}
.kalkulator{
	width: 300px;
	background: #FFA800;
	padding: 10px 20px 30px 20px;
	border-radius: 5px;
	box-shadow: 0px 10px 10px 0px #D1D1D1;
}
.bil{
	width: 280px;
	margin: 10px;
	border: none;
	font-size: 14pt;
	border-radius: 5px;
	padding: 10px; 
}
.opt{
	font-size: 14pt;
	border: none;
	width: 280px;
	margin: 10px;
	border-radius: 5px;
	padding: 10px;
}
.tombol{
	background: #A9A9A9;
	margin: 10px;
	border-top: none;
	border-right: none;
	border-left: none;
	border-radius: 5px;
	padding: 10px 20px;
	color: #eee;
	font-size: 15pt;
	border-bottom:2px solid #64950;
}
.hasil{
	width: 280px;
	margin: 10px;
	border: none;
	font-size: 14pt;
	border-radius: 5px;
	padding: 10px; 
	background: #eee;
} 
.judul{
text-align: center;
color: #eee;
font-weight: 300px;
}

Pastikan kedua source code kalkulator sederhana diatas yaitu file index.php dan style.css tersimpan dalam satu direktori yang sama yaitu "kalkulator-php" yang telah kita buat sebelumnya. Kemudian jalankan tutorial cara membuat kalkulator dengan php mysql sederhana ini pada web browser dengan url akses "localhost/kalkulator-php/" , dan lihat apa yang ditampilkan.

3. Uji Coba Tutorial Membuat Kalkulator

Buka web browser lalu akses url "localhost/kalkulator-php/" , maka akan tampil halaman kalkulator sederhana. Isi bilangan 1 dengan angka 7 dan bilangan 2 dengan angka 5, seperti gambar berikut sebagai contoh;

cara membuat kalkulator dengan php mysql

Jika tombol Hitung diklik dan operasinya adalah tambah (+) maka kalkulator sederhana ini akan menampilkan angka pada kolom hasil sebesar 7+5 yaitu 12.

cara membuat kalkulator dengan php mysql

Syntax perhitungan operasi artimatika matematika penjumlahan, pengurangan, perkalian, dan pembagian pada source code kalkultor sederhana di atas di terjemahkan pada baris coding php berikut;

	<?php 
		if(isset($_POST['hitung'])){
			$bil1	=$_POST['bil1'];
			$bil2	=$_POST['bil2'];
			$operasi=$_POST['operasi'];
		
			switch ($operasi) {
				case 'tambah':
				$hasil = $bil1+$bil2;
				break;
				case 'kurang':
				$hasil = $bil1-$bil2;
				break;
				case 'kali':
				$hasil = $bil1*$bil2;
				break;
				case 'bagi':
				$hasil = $bil1/$bil2;
				break; 
			}
		}
	?>

Jika dilihat dari jumlah baris coding dan struktur coding php nya, tutorial cara membuat kalkulator dengan php mysql sederhana ini memang sangat mudah. Logikanya sangat mudah diterima dan dipraktikkan, silahkan teman-teman kembangkan lebih luas lagi sehingga menjadi kalkulator yang tidak sederhana lagi, melainkan menjadi aplikasi kalkulator yang sangat komplek dan membantu dalam mempermudah operasi aritmatik.

Download Tutorial Cara Membuat Kalkulator Dengan PHP MySQL

Download Script Kalkulator Sederhana

Sekian penjelasan dari kami tentang bagaimana cara membuat kalkulator dengan php mysql sederhana dengan operasi aritmatika matematika penjumlahan, pengurangan, perkalian, dan pembagian. Untuk mendapatkan source code nya Anda dapat langsung mendownload melalui link di atas, jika link download tidak aktif atau error mohon hubungi kami melalui SMS atau email atau melalui form komentar dan obrolan. Semoga dapat membantu.

Baca juga :

Cara Membuat Kalkulator Dengan PHP MySQL

Tags: membuat kalkulator dengan php mysql, membuat kalkulator dengan php, kalkulator php mysql, membuat kalkulator sederhana, cara membuat kalkulator dengan php mysql

Cara Membuat Kalkulator Dengan PHP MySQL

Cara Membuat Kalkulator Dengan PHP MySQL

Cara Membuat Kalkulator Dengan PHP MySQL

Download Tutorial Cara Membuat Kalkulator Dengan PHP MySQL

Cara Membuat Kalkulator Dengan PHP MySQL

Reliable

Advertise

Archive

Payment & Donation

Live Chat