Semakin pesatnya perkembangan teknologi informasi seperti komputer, gadget, smartphone. Begitu juga dengan aplikasi-aplikasinya. Tapi pernah terlintas dalam pikiran bagaimana kah aplikasi itu dibuat? Untuk itu mari kita belajar dari awal atau pemula sekali aplikasi itu seperti apa. Dimulai dengan belajar logika pemrograman sekaligus kita akan belajar pemrograman PHP.

Apa saja yang perlu disiapkan ?
1. Komputer / Laptop dengan sistem operasi (Windows, Linux, MacOS, dll)
2. XAMPP
3. Browser (Chrome, Mozilla Firefox, Safari)

Apa saja yang akan kita pelajari yaitu :
1. Mengenal XAMPP untuk apa? kenapa harus pakai XAMPP? cara menginstal XAMPP.
2. Mengenal Pemrograman PHP?
3. Bagaimana memulai dengan pemrograman?
4. Pengenalan variabel?
5. Pengenalan operator aritmatika?
6. Pengenalan percabangan (if, else, else if) ?
7. Studi kasus dengan aplikasi Kalkulator

1. Mengenal XAMPP untuk apa? kenapa harus pakai XAMPP? cara menginstal XAMPP.

Download XAMPP untuk server menjalankan di local komputer terlebih dahulu.
– Link download klik Disini sesuaikan dengan OS (Operating System / Sistem Operasi yang ada di komputer. Contoh : Windows, MacOS, Linux.

Install XAMPP yang sudah didownload dan diinstall :

Pada modules Actions tekan tombol Start untuk menjalan servis XAMPP (XAMPP untuk Windows). Pada tab menu Manage Servers tekan tombol Start All untuk menjalankan semua servis XAMPP (XAMPP untuk MacOS).

2. Mengenal Pemrograman PHP

Pemrograman PHP adalah pemrograman untuk pembuatan sebuah website. Singkatan dari PHP yaitu PHP Hypertext Preprocessor. PHP itu sendiri dibuat pertama kali oleh Rasmus Lerdorf tahun 1995.

3. Bagaimana memulai dengan pemrograman?

Pastikan bahwa komputer / laptop anda benar-benar terinstall XAMPP dan servis XAMPP kondisi jalan atau start atau running. Buka browser anda ketikkan url “http://localhost” lalu tekan enter.

Jika sudah sesuai dengan tampilan di atas maka anda sudah bisa menjalankan Pemrograman PHP.

4. Pengenalan Variabel

Sebelum melangkah ke pengenalan variabel dan lain-lain, kita siapkan dulu media untuk pemrograman, untuk sistem operasi windows :
– Buka hasil instalasi XAMPP
– Secara default biasanya berada di drive C:\xampp
– Buka explorer -> pilih drive Local Disk C:\ -> buka folder xampp
– Buka folder htdocs
– Buat folder logika (klik kanan -> New -> Folder)
– Buka folder logika yang telah di buat

– Buat file index.php (klik kanan -> New -> Text Document)
– Ganti nama dengan index.php

– Buka file index.php yang sudah kita buat
– Contoh sebuah variabel
– Ketikkan kode seperti berikut :

<?php
$var_a = 5;   //---> variabel pertama
$var_b = 6;   //---> variabel kedua
echo 'Nilai variabel pertama = '.$var_a;
echo '<br>Nilai variabel kedua = '.$var_b;
?>

– Buka browser, ketikkan url “http://localhost/logika“
– Maka akan tampil seperti berikut :

Keterangan :
– Penggunaan “$” untuk variabel di PHP -> $var_a = 5;
– “echo” digunakan untuk menampilkan hasil variabel

5. Pengenalan operator aritmatika?

Operator aritmatika yaitu “+”,”-“,”*”,”/”
Contoh : Menjumlahkan variabel “$var_a = 5 dan $var_b = 6”
Ketikkan kode seperti berikut :

<?php
$var_a = 5;
$var_b = 6;
$hasil = $var_a + $var_b;
echo 'Hasil penjumlahan = '.$hasil;
?>

– Buka browser, ketikkan url “http://localhost/logika“
– Maka akan tampil seperti berikut :

6. Pengenalan percabangan (if, else, else if) ?

Percabangan atau kondisi menggunakan (if, else). Untuk menentukan kondisi contoh :
Jika $var_a = 1 maka $hasil = “Warna hijau”, jika $var_a = 2 maka $hasil = “Warna kuning”
Ketikkan kode seperti berikut :

<?php
$var_a = 1;
if ($var_a == 1) {
echo 'Warna hijau';
} else {
echo 'Warna kuning';
}
?>

7. Studi kasus dengan aplikasi Kalkulator

Contoh studi kasus Membuat Aplikasi Kalkulator Sederhana dengan PHP dan untuk aksi kontrol tombol sedikit tambahan menggunakan pemrograman Javascript. Dan apa itu Javascript dapat anda pelajari di sini “Javascript Untuk Pemula Belajar Dari Awal“.
Buka kembali file “index.php“, ketikkan kode seperti berikut :

<?php
//BelajarAplikasi.com ---------------------
//-----------------------------------------
//Logika Pemrograman dengan Pemrograman PHP
//Studi kasus kalkulator
//----------------------

echo '<h5><a href="http://belajaraplikasi.com">Belajar Aplikasi | Belajar Tanpa Henti!</a></h5>';
echo '<h4>Kalkulator</h4>';

echo '<input type="text" id="txthasil" value="0" style="margin-top:-15px;margin-bottom:10px;text-align:right;width:200px;"/><br>';

echo '<span>variabel 1 </span><br>';
echo '<input type="text" id="var_a">';
echo '<br><span>operator </span><br>';
echo '<input type="text" id="opr" value="+">';
echo '<br><span>variabel 2 </span><br>';
echo '<input type="text" id="var_b">';

echo '<br><button style="width:200px;height:30px;margin-top:10px;margin-bottom:5px;" onclick="mulai();">Mulai</button><br>';

echo '<button style="width:50px;" onclick="btn(9);">9</button>';
echo '<button style="width:50px;" onclick="btn(8);">8</button>';
echo '<button style="width:50px;" onclick="btn(7);">7</button>';
echo '<button style="width:50px;" onclick="opr(1);">+</button><br>';
echo '<button style="width:50px;" onclick="btn(6);">6</button>';
echo '<button style="width:50px;" onclick="btn(5);">5</button>';
echo '<button style="width:50px;" onclick="btn(4);">4</button>';
echo '<button style="width:50px;" onclick="opr(2);">-</button><br>';
echo '<button style="width:50px;" onclick="btn(3);">3</button>';
echo '<button style="width:50px;" onclick="btn(2);">2</button>';
echo '<button style="width:50px;" onclick="btn(1);">1</button>';
echo '<button style="width:50px;" onclick="opr(3);">*</button><br>';
echo '<button style="width:200px;height:30px;margin-top:5px;" onclick="hasil();">=</button>';

echo '<script>';
echo 'function btn(angka){';
echo 'if (document.getElementById("txthasil").value == "0") {';
echo 'document.getElementById("txthasil").value = angka;';
echo 'document.getElementById("var_a").value = angka';
echo '} else {';
echo 'document.getElementById("txthasil").value = angka;';
echo 'document.getElementById("var_b").value = angka';
echo '}';
echo '}';

echo 'function opr(opr){';
echo 'if (opr == 1) {';
echo 'document.getElementById("opr").value = "+";';
echo '} else if (opr == 2) {';
echo 'document.getElementById("opr").value = "-";';
echo '} else if (opr == 3) {';
echo 'document.getElementById("opr").value = "*";';
echo '}';
echo '}';

echo 'function mulai(){';
echo 'document.getElementById("txthasil").value = "0";';
echo 'document.getElementById("var_a").value = "";';
echo 'document.getElementById("var_b").value = "";';
echo 'document.getElementById("opr").value = "+";';
echo '}';

echo 'function hasil(){';
echo 'if (document.getElementById("opr").value == "+") {';
echo 'var a = document.getElementById("var_a").value;';
echo 'var b = document.getElementById("var_b").value;';
echo 'document.getElementById("txthasil").value = parseInt(a) + parseInt(b);';
echo '} else if (document.getElementById("opr").value == "-") {';
echo 'var a = document.getElementById("var_a").value;';
echo 'var b = document.getElementById("var_b").value;';
echo 'document.getElementById("txthasil").value = parseInt(a) - parseInt(b);';
echo '} else if (document.getElementById("opr").value == "*") {';
echo 'var a = document.getElementById("var_a").value;';
echo 'var b = document.getElementById("var_b").value;';
echo 'document.getElementById("txthasil").value = parseInt(a) * parseInt(b);';
echo '}';
echo '}';
echo '</script>';
?>

Buka kembali browser ketikkan url “http://localhost/logika“

Selamat mencoba, semoga berhasil.
Happy coding 🙂