Erik Saiful Rizal: Maret 2015

Assalamualaikum Wr.Wb.

Syukur Alhamdulillah, Puji syukur yang selalu penulis panjatkan kepada Allah SWT yang mana berkat Rahmat, Hidayah dan Inayah Penulis bisa menyelesaikan sebuah postingan. Sholawat serta salam yang selalu tercurah limpahkan kepada junjungan kita Nabi Besar Muhammad SAW, serta tak lupa pula penulis mengucapkan terima kasih kepada Dosen Pengampu Mata Kuliah Pemrograman Framework yang luar biasa yaitu Bapak "Mudafiq Riyan Pratama, S". Pada Kesempatan kali ini penulis akan membuat sebuah postingan yang Insyaallah dapat bermanfaat bagi kita semua, didalam postingan tentang Tutorial kali ini penulis menyadari bahwasanya banyak terdapat kekurangan yang terdapat pada postingan kali ini, maka dari itu penulis selalu mengharapkan Kritik dan Saran bagi para pembaca yang terhormat, supaya bisa menutup celah kekurangan pada postingan ini dan bisa berkarya yang lebih baik lagi, dan membuat postingan yang bermanfaat untuk kedepannya.

Tutorial Pembuatan Kalkulator 2 Bilangan Menggunakan PHP

Oke, tanpa basa-basi langsung saja kita mulai membuat Kalkulator Sederhana, Caranya adalah sebagai berikut :

Pertama-tama kita persiapkan Alat dan Bahan yang kita butuhkan, Seperti : Komputer PC/Laptop,XAMPP,Text Editor (Notepad++, Sublime), web Browser (Google Chrome, Mozilla, Baidu Browser). Nah, Setelah semua siap dan sudah terinstal, kita bisa masuk kelangkah berikutnya
Langkah kedua kita jalankan Aplikasi XAMPP, klik button Start disebelah Apache dan Mysql, untuk lebih jelasnya perhatikan Gambar berikut :

Setelah button start kita klik, Tutup terlebih dahulu XAMPP biarkan Aplikasi tersebut berjalan, kemudian buka teks Editor dan disini saya menggunakan Notepad++ karena saya masih Pemula, Letakkan Source Code berikut kedalam teks Editor :

<!DOCTYPE html>

<html>

<head><title>Web Operator Aritmatika</title></head>

<body>

<h1><font color="blue">Aritmatika</font></h1>

<body bgcolor="green">

<form method="post">

<table>

<tr>

<td align="center"><b>Angka 1<b></td>

<td><b>Operator</b></td>

<td align="center"><b>Angka 2<b></td>

</tr>

<td><input type="number" name="angka1" value = "" /></td>

<td align="center"><select name="operator">

<option></option>

<option value ="+">+</option>

<option value ="-">-</option>

<option value ="*">*</option>

<option value ="/">/</option>

</select></td>

<td><input type="number" name="angka2" value = "" /></td>

<td>=</td>

<?php

if(isset($_POST['angka1']) or isset($_POST['angka2']) ){

$angka1 = $_POST['angka1'];

$angka2 = $_POST['angka2'];

error_reporting(0);

if ($_POST['angka1']=="") {

echo "Harap Masukkan Angka!!!";

}

}else{

$angka1 = "0";

$angka2 = "0";

}

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

$operator =$_POST['operator'];

}else{

$operator ="";

}

switch($operator){

case "+":

$hasil = $_POST["angka1"] + $_POST["angka2"];

break;

case "-":

$hasil = $_POST["angka1"] - $_POST["angka2"];

break;

case "*":

$hasil = $_POST["angka1"] * $_POST["angka2"];

break;

case "/":

$hasil = $_POST["angka1"] / $_POST["angka2"];

break;

}

?>

<td><input type="number" disabled value="<?=$hasil;?>"></td>

<td><input type="submit" value="Hitung" ></td>

</tr>

</table>

</form>

</body>

</html>
Berikut Penjelasan Mengenai Script yang saya buat diatas :

<tr>

<td align="center"><b>Angka 1<b></td>

<td><b>Operator</b></td>

<td align="center"><b>Angka 2<b></td>

</tr>

Bagian ini berfungsi untuk membuat Baris dengan inputan Teks yang dicetak Tebal dan diletakkan tepat ditengah-tengah Field.

</select></td>

Kode diatas berguna untuk Membuat 3 Kolom inputan, bilamana 2 textfield dengan tipe data number untuk menginputkan Angka tanpa diberi nilai/Value karena user yang akan menginput datanya sendiri, 1 Textfield opsi atau Pilihan untuk Operator Aritmatika, yang semuanya dimode Center/ rata Tengah.

Berikut ini adalah Syntax PHPnya :

<?php

if(isset($_POST['angka1']) or isset($_POST['angka2']) ){

$angka1 = $_POST['angka1'];

$angka2 = $_POST['angka2'];

Logikanya kita akan mengeset dua buah variabel yaitu angka1&angka2 dengan perintah isset yang mana apabila variabel sudah terset secara otomatis akan mengembalikan nilai True, berlaku juga sebaliknya. $_POST disini maksudnya ialah metode pengiriman yang tidak akan terlihat oleh User, disebabkan data yang dikirim tidak akan ditampilkan pada Address Bar Browser, Sedangkan tanda $(dolar) yang mewakili tipe data tertentu, seperti : int,Char,String,dll.

Ini adalah Jawaban soal no.2

error_reporting(0); //digunakan untuk melaporkan segala bentuk kesalahan

if ($_POST['angka1']=="") {

echo "Harap Masukkan Angka!!!"; //echo berfungsi untuk menampilkan data String

Kegunaan dari Script diatas yaitu untuk melakukan validasi inputan atau pengecekan oleh User ketika Textfield dalam keadaan kosong. Nah, peran echo disini untuk memunculkan peringatan.

Disini saya memanfaatkan fungsi Case selektif

}else{

$angka1 = "0";

$angka2 = "0";

}

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

$operator =$_POST['operator'];

}else{

$operator ="";

}

switch($operator){

case "+":

$hasil = $_POST["angka1"] + $_POST["angka2"];

break;

case "-":

$hasil = $_POST["angka1"] - $_POST["angka2"];

break;

case "*":

$hasil = $_POST["angka1"] * $_POST["angka2"];

break;

case "/":

$hasil = $_POST["angka1"] / $_POST["angka2"];

break;

}

?>
Fungsi Switch Case yaitu untuk melakukan perbandingan atau pencocokan data yang diberi Kode break; agar program tidak berjalan terus menerus ketika melakukan pencocokan data. Fungsi ini lebih sensitif daripada fungsi If.

Saya akan menjelaskan Fungsi dari dua baris Script diatas

Baris pertama berguna untuk membuat textfield dengan inputan angka yang didisabled agar tidak bisa diedit yang nilainya menampung hasil dari PHP

Baris kedua untuk membuat button Submit yang diberi nama Hitung.

Selanjutnya kita Simpan Source Code yang sudah kita buat di Localdisk:C>Xampp>htdocs>newfolder/prFramework>dan Save dengan menambah ekstensi .php pada nama File kita, Berikut penampakannya :