Kalkulator Sederhana Dengan PHP

-


 

Assalamualaikum wr. wb. salam sejahtera untuk kita semua. Kali ini kita akan belajar algoritma pemrograman. Contoh kasus yang akan kita kerjakan adalah membuat kalkulator sederhana dengan php. Point pelajaran yang akan kita dapat adalah algoritma yaitu input, proses,  dan output.

#Aplikasi Kalkulator

Belajar algoritma untuk pertama kali anda harus paham input, proses dan output. Untuk itu saya mencontohkan melalui aplikasi kalkulator sederhana. Anda bisa membayangkan program itu adalah sebuah mesin. Fungsinya membantu kita mengerjakan suatu pekerjaan atau tugas. Sehingga program membutuhkan input, kemudian memproses sesuai tugasnya, terakhir menyajikan hasil

//kalkulator
<?php
error_reporting(0);
?>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Kalkulator</title>
</head>
<body>
<?php 
//jika + maka
if (isset($_GET['tambah'])) {
$hasil= $_GET['angka1'] + $_GET['angka2'];
}
//jika - maka
elseif (isset($_GET['kurang'])) {
$hasil= $_GET['angka1'] - $_GET['angka2'];
}elseif (isset($_GET['kali'])) {
$hasil= $_GET['angka1'] * $_GET['angka2'];
}elseif (isset($_GET['bagi'])) {
$hasil= $_GET['angka1'] / $_GET['angka2'];
}
?>
<form method="GET" action="kalkulator.php">
<table align="center" style="background-color: gold; padding: 10px">
<caption><h4>Kalkulator</h4></caption>
<tr>
<td><label>Angka1:</label></td>
<td><input type="number" name="angka1" value="<?=$_GET['angka1'];?>"></td>
</tr>
<tr>
<td><label>Angka2:</label></td>
<td><input type="number" name="angka2" value="<?=$_GET['angka2']?>"></td>
</tr>
<tr>
<td><label>Hasil:</label></td>
<td><input type="text" name="hasil" value="<?=$hasil?>"></td>
</tr>
<tr>
<td colspan="2">
<button type="submit" name="tambah" <?php echo isset($_GET['tambah'])?'style="background-color:red;"':'' ?>>+</button>

<button type="submit" name="kurang" <?php echo isset($_GET['kurang'])?'style="background-color:red;"':'' ?>>-</button>

<button type="submit" name="kali" <?php echo isset($_GET['kali'])?'style="background-color:red;"':'' ?>>x</button>

<button type="submit" name="bagi" <?php echo isset($_GET['bagi'])?'style="background-color:red;"':'' ?>>:</button>

<a href="kalkulator.php"><button type="button">Clear</button></a>
</td>
</tr>
</table>
</form>

</body>
</html>

Formulir adalah cara yang paling umum untuk menginput data ke dalam aplikasi. Kemudian input itu diproses, dan menghasilkan output. Jadi, program itu seperti mesin. Meliki fungsi sendri dalam membantu tugas manusia. Setiap fungsinya memiliki input proses dan output.

#Input

Input adalah cara kita memasukkan nilai ke dalam program. Jika kita tidak bisa. Sudah tentu kita belum bisa dikatakan dapat membuat program. Maka penting bagi kita mempelajari cara memberi input ke dalam program.

//kalkulator

<form method="GET" action="kalkulator.php">
<table align="center" style="background-color: gold; padding: 10px">
<caption><h4>Kalkulator</h4></caption>
<tr>
<td><label>Angka1:</label></td>
<td><input type="number" name="angka1"?>"></td>
</tr>
<tr>
<td colspan="2">
<button type="submit" name="tambah" >+</button>
</td>
</tr>
</table>
</form>


Untuk menginput sebuah nilai, minimal kita memiliki sebuah form, sebuat input, dan sebuah tombol submit. Pada tag <form> atribut yang penting adalah metdhod dan action. Umumnya ada dua jenis method yaitu GET dan POST. Kedepannya akan kita bahas lebih detail mengenai kedua method tersebut. Kemudian pada input (elemen form), bagian yang penting adalah name dan sebuah tombol bertipe submit.
  1. Method
    Method akan menjadi nama variabel saat nilainya diambil oleh PHP.

  2. Action
    Action akan menentukan kemana halaman akan berpindah ketika tombol submit ditekan. Sehingga halaman aksi tersebut berhak mengambil data yang diinputkan.

  3. Name
    name berfungsi sebagai identitas input. data akan diambil lewat name melalui variabel array (GET/POST).

  4. Submit
    submit adalah sebuah input atau tombol spesial yang berfungsi memulai pengiriman form. Tanpa submit form tidak akan pernah terkirim.

#Proses

Hal terpenting dari proses adalah cara menangkap inputan yang dikirim formulir. Syaratnya adalah tujuan dari aksi. tidak ada file yang bisa menangkap data jika bukan merupakan tujuan aksi. Kemudian untuk menangkap nilai tersebut perlu memperhatikan method dari tag <form> dan name dari elemen form.

//kalkulator
<?php

$_GET['angka1'];

?>

printah di atas hanya menangkap nilai. tidak ditampilkan atau lain sebagainya.

//kalkulator
<?php

$hasil= $_GET['angka1'] + $_GET['angka2'];
?>

perintah diatah contoh sebuah proses lengkap. dengan operator aritmatika penjumlahan. Pelajaran kedepannya lebih berfokus pada proses saja.

#Output

Output adalah hasil dari program atau mesin yang dapat membatu tugas kita. pelajaran terpentinya adalah bagaimana kita dapat menyajikan output dengan menarik.

//kalkulator
<input type="text" name="hasil" value="<?=$hasil?>">

contoh diatas output disajikan lewat atribut value. output juga bisa ditampilkan pada tabel maupun apa saja. Terima kasih sudah membaca. 
Best Regards 
Zen.

Popular posts from this blog

Cara membuat Link ke Halaman lain dan Link ke bagian Halaman

-
Image
Link adalah bagian dari HTML yang fungsinya untuk menghubungkan satu halaman dengan halaman lain. Link juga bisa diartikan sebagai cara berpindah dari satu halaman ke halaman lain. 1. Link ke Halaman Lain Tag yang digunakan untuk membuat link adalah tag anchor atau tag <a> , yang berpasangan dengan </a> . Link biasanya menggunakan objek untuk di klik yang di letakkan diatara tag buka dan tag tutup. Teks Tombol (Button) Gambar Ketiga objek di atas sering dijadikan link, dan tidak ada kategori yang paling sering digunakan. Mimilih teks, tombol, atau gambar sebagai link sangat opsional atau tidak ada keharusan. Format link <a href="url" name="nama_link"> Objek Link </a> 1.1. Contoh Link Dengan Objek Teks <!--nama file link.html--> Untuk ke halaman selanjutnya <a href="link2.html">Klik disini</a> Teks klik disini jika di klik halaman akan berpindah ke link2.html. Pada conto
Read more

Cara Menggunakan Template Admin LTE Sebagai Template Web Dinamis

-
Image
Kali ini saya akan membuat tutorial bagaimana menggunakan template gratis sebagai template web dinamis. Pertama anda download terlebih dulu templatenya disini . Pada tutorial ini saya menggunakan template admin LTE 2. Pada template ini saya memecah bagian index.php dan menyatukan kembali dengan include, tujuannya agar template terbagi-bagi dan mudah dipahami. Selain itu, pembagian ini lah yang membuat web menjadi dinamis. Perlu diingat cara saya ini bukanlah cara satu-satu nya Cara Menggunakan template Admin LTE Sebagai Template Web Dinamis . Cara ini saya sharing karena menurut saya adalah cara yang cukup efisien dan mampu menangani semua halaman yang akan kita buat. Bagian terpenting nya adalah mampu menghasilkan program sesuai yang kita harapkan dengan cara yang lebih mudah dibuat. Pertama kita buat folder di htdocs template kemudian ekstrak file zip nya di folder tersebut. Selanjutnya buka folder template dan rename file index.html menjadi index.php  . Buka file
Read more

Cara Membuat Kalkulator Dengan Java Script

-
Image
Kali ini saya akan membagikan tutorial cara membuat kalkulator sederhana dengan java script. Kita ketahui java script adalah bahasa pemrograman klien. Artinya kode program dapat dilihat dari web browser. Kelebihan bahasa java script ini halaman tidak perlu reload. <!--nama file calc.php--> <!DOCTYPE html> <html> <head> <title>Calculator</title> <style type="text/css"> .tombol{ background-color: deepskyblue; } .tabel{ background-color: gold; margin: 10px; padding: 10px; } </style> </head> <body> <form name="calculator"> <table style="background-color: " class="tabel"> <caption>Calculator</caption> <tr> <td>Angka 1</td><td>:</td><td><input type="number" name="angka1"></td> </tr> <tr> <td>Angka 2</td&
Read more