kemarin saya sudah menjelaskan tentang belajar PHP dan sekrang saya akan memberi tau tentang bagaimana cara membuat apliakasi Kalkulator sederhana dengan bahasa pemrograman PHP.
sebelumnya saya jelaskan kalkulator itu apa ?
jawab : Kalkulator adalah alat untuk menghitung dari perhitungan sederhana seperti penjumlahan, pengurangan, perkalian dan pembagian sampai kepada kalkulator sains yang dapat menghitung rumus matematika tertentu. Pada perkembangannya sekarang ini, kalkulator sering dimasukkan sebagai fungsi tambahan daripada komputer, handphone, bahkan sampai jam tangan.
alat yang digunakan pun tidah banyak diantaranya :
- text editor yang anda gunakan untuk membuat sebuah html bisa mengunakan sublime jika belum punya silkan downlod di sini dan bisa menggunakana notepad ++ download di sini.
- mengunakan aplikasi berbasis web bisa mengunakan xampp dan lampp.kalau belum tau caranya menginstall lampp silahkan klik di sini
disini saya sudah membuat aplikasi kalkulator sederhana dengan php ,kunjungi webside saya kalkulator sederhana.
--------------------------------------------------------------------------------------------------------------------------
langkah membuat kalkulator sederhana :
langkah pertama : buka aplikasi berbasis web kalian
Apache : start
MySql : start
langkah kedua : buka text editor yang kalian gunakan , kalau menurut saya lebih baik memakai Sublime text 3
langkah ketiga : sekarang kita membuat script Kalkulatornya.
<!DOCTYPE html>
<html>
<head>
<title>Membuat Kalkulator Sederhana Dengan PHP</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">
<h2 class="judul"><font face="FarCry" size="6,66px"> KALKULATOR </font></h2>
<a class="brand" href="http://bimablctelkom.blogspot.com">bima zainudin ikhsan</a><br><br>
<form method="post" action="">
<input type="text" name="bil1" class="bil" autocomplete="off" placeholder="Masukkan Bilangan Pertama">
<input type="text" name="bil2" class="bil" autocomplete="off" placeholder="Masukkan Bilangan Kedua">
<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">
</form>
<?php if(isset($_POST['hitung'])){ ?>
<input type="text" value="<?php echo $hasil; ?>" class="bil">
<?php }else{ ?>
<input type="text" value="0" class="bil">
<?php } ?>
<a class="brand" href="https://www.facebook.com/Blc-Telkom-KPLI-Klaten-206208576131228/">BLC Telkom Klaten - SMKN 1 Mejayan</a>
</div>
</body>
</html>
cara menyimpan dan menampilkan kalkulator nya:
cukup susah caranya tapi hasilnya lumayan , klik ctrl + S lalu pilih direktori windows atau root .kalau di windows biasanya C:/xampp/htdoct .bila mengunakan linux biasanya /var/www/html .
dan simpan dengan nama kalkulator.php
dan buat file baru dengan ctrl + n : agar tampilan kalkulatornya tampak bagus kita perlu meng edit dengan bahasa pemrograman CSS .
body{cara menyimpan dan menampilkan kalkulator nya:
background: gold;
font-family: sans-serif;
}
.kalkulator{
width: 335px;
background: black;
margin: 105px auto;
padding: 60px 100px 100px 100px;
border-radius: 5px;
box-shadow: 5px 13px 20px 5px #D1D1D1;
}
.bil{
width: 300px;
margin: 5px;
border: none;
font-size: 16pt;
border-radius: 10px;
padding: 10px;
}
.opt{
font-size: 16pt;
border: none;
width: 215px;
margin: 5px;
border-radius: 5px;
padding: 10px;
}
.tombol{
background: dodgerblue;
cursor: pointer;
border-top: none;
border-right: none;
border-left: none;
border-radius: 5px;
padding: 10px 20px;
color: #eee;
font-size: 15pt;
border-bottom:4px solid tree;
}
.brand{
color: #eee;
font-size: 11pt;
float: right;
text-decoration: none;
margin: 12px;
}
.judul{
text-align: center;
color: #eee;
font-weight: normal;
}
cukup susah caranya tapi hasilnya lumayan , klik ctrl + S lalu pilih direktori windows atau root .kalau di windows biasanya C:/xampp/htdoct .bila mengunakan linux biasanya /var/www/html .
dan simpan dengan nama style.css
cara menjalankanya cukup mudah :
- buka web browser.
- ketik http://localhost/kalkulator.php
hasilnya :
sekarang saya akan jelaskan syntax - syntax yang di gunakan untuk membuat kalkulator .
1. form .
<form method="post" action="">saya menggunakan POST untuk memangil data bilangan yang di input ,pada bilangan satu saya memberi nama dangan "bil1" dan bilangan dua dengan "bil2" .dan kenapa action="" kalau action di kosongkan maka dengan otomatis action form akan di pross pada file form tersebut sendiri.
<input type="text" name="bil1" class="bil" autocomplete="off" placeholder="Masukkan Bilangan Pertama">
<input type="text" name="bil2" class="bil" autocomplete="off" placeholder="Masukkan Bilangan Kedua">
<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">
</form>
bagian data dari form.
<?phpfuncition isset() berfungsi untuk memerikasa ketersedian data .jadi di sini saya membuat pengecekan untuk data submit dari form. berarti jika form di submit maka data yang di inputkan dari form saya simpan pada masing-masing variabel.
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;
}
}
?>
$bil1 = $_POST['bil1'];selanjutnya saya menggunakan fungsi swich pada php untuk mengecek operasi yang di pilih saat sebelum form di submit.
$bil2 = $_POST['bil2'];
$operasi = $_POST['operasi'];
switch ($operasi) {pengecekan dengan swich case ini saya lakukan untuk memeriksa operator apa yang di pilih untuk menghitung bilangan satu den bilangan dua yang di input, jadi jika operator yang di pilih adalah tambah berarti bilangan satu di tambah bilangan dua .dan seterusnya .
case 'tambah':
$hasil = $bil1+$bil2;
break;
case 'kurang':
$hasil = $bil1-$bil2;
break;
case 'kali':
$hasil = $bil1*$bil2;
break;
case 'bagi':
$hasil = $bil1/$bil2;
break;
}
sampai sini kita udah tau hasil dari operasi aritmatika . kemudian yang harus kita lakukan adalah menmpilksan hasil operasinya .
<?php if(isset($_POST['hitung'])){ ?>kita periksa dulu apakah submit telah di lakukan seperti cara mangkap data form di atas . kemudian jika form sudah di submit kan otomatis kita sudah memiliki hasilnya .tinggal kita tampilkan saja.
<input type="text" value="<?php echo $hasil; ?>" class="bil">
<?php }else{ ?>
<input type="text" value="0" class="bil">
<?php } ?>
<input type="text" value="<?php echo $hasil; ?>" class="bil">jika form belum di submit maka yang ingin saya tampilkan adalah nol "0"
<input type="text" value="0" class="bil">sekian tutorial membuat kakulator sederhana dengan php .jika bahasa tidak di mengerti atau belum tau caranya .silahkan isi komentar yang di bawah.
wasalmualaiakauam wr.wb
No comments:
Post a Comment