MATA KULIAH : BASIS DATA
UNIVERSITAS MA'ARIF NAHDLATUL ULAMA KEBUMEN (UMNU) KEBUMEN
DOSEN PENGAMPU : BAMBANG SUGIANTO S.T.,M.Kom.
NAMA : MOHAMAD MUSLIHUDIN
NIM : TI11513
Dan disini saya akan sharing bagaimana cara untuk pembuatan aplikasi perhitungan dalam pemrograman web menggunakan Notepad ++ serta menggunakan Xampp, mungkin kalian sudah banyak yang bisa untuk membuat aplikasi ini ya :), ya maklum lah penulis sedang tahap belajar jadi hasilnya ya seperti ini lah, hehe :D
Nah, mari kita langsung saja ke tahap tutorialnya ya :) , daripada sebelum tutorial saya menulis tambah panjang kesana-sana dan tutorial tidak dibaca secara fokus :D
Oya, sebelum masuk ke Tutorial saya ingin memberitahu jika di dalam contoh programnya dan Tuttorialnya ada yang menggunakan bahasa Jawa, jadi mohon maaf untuk yang tidak mengerti arti dari kata-kata tersebut, (maklum sih, admine wong kebumen :) )
Dibawah ini tutorialnya dan insya Allah akan saya jelaskan sepengetahuan saya seperti ini :
1. Pastikan kalian sudah memiliki software Notepad ++ dan Xampp, jika belum silahkan bisa download disini Xampp dan Notepad++, dan instal dua software tersebut.
2. Buka software Xampp dan Jalankan "Run" Apache dan MySql nya dan kemudian klik Explore => htdocs dan buat folder (misal "latihan").
3. Buka software Notepad++ dan membuka text editor milik kalian, kemudian buat file php baru.
4. Buat form untuk "Program Itung-itungan sederhana" dengan memasukan script berikut.
<!DOCTYPE html>
<html>
<head>
<title>Program Itung-itungan Sederhana</title>
</head>
<body>
<fieldset style="width:20%">
<legend><b>Program Itung-itungan Sederhana</b></legend>
<form action="itungan.php" method="POST">
<table cellpadding="4">
<tr>
<td>Nilai pertama : <input type="text" name="nil1" size="5"></td>
</tr>
<tr>
<td align="center" colspan="2"><select name="operasi">
<option value="+">Ditambah</option>
<option value="-">Dikurangi</option>
<option value="/">Dibagi</option>
<option value="*">DiPING!!!</option>
</select></td>
</tr>
<tr>
<td>Nilai ke-loro : <input type="text" name="nil2" size="5"></td>
</tr>
</table>Lha iki hasile :
Tampilan kode script diatas dalam Notepad++.
 |
| Tampilan Kode Script |
5. Simpan pada directori c -> xampp -> htdoc. Simpan dengan nama kalkulator.php.
6. Untuk menjalankannya. Buka browser kalian, kemudian ketikan http://localhost/latihan/itungan.php pada addressbar browser, kemudian klik enter. Maka akan terlihat tampilan seperti pada gambar berikut :
 |
| form program itung-itungan sederhana |
7. Setelah menyimpan Scrpt yang tadi dan menjalankanya, sekarang dilanjutkan dengan memasukan Script php berikut di bawah "</table>Lha iki hasile :"
<?php
$nilai1 = $_POST['nil1'];
$nilai2 = $_POST['nil2'];
$oprator = $_POST['operasi'];
if ($oprator == "+")
{
echo $nilai1+$nilai2;
}elseif ($oprator == "-")
{
echo $nilai1-$nilai2;
}elseif ($oprator == "*")
{
echo $nilai1*$nilai2;
}elseif ($oprator == "/")
{
echo $nilai1%$nilai2;
}else
{
echo "<i>Ora Ngerti</i>";
}
?>
<br><br>
<input type="submit" value="Itung">
<input type="reset" value="Baleni">
</form>
</body>
</html>
Nah, dibawah ini adalah Script yang tadi dan yang diatas di gabung akan menjadi seperti ini :
<!DOCTYPE html>
<html>
<head>
<title>Program Itung-itungan Sederhana</title>
</head>
<body>
<fieldset style="width:20%">
<legend><b>Program Itung-itungan Sederhana</b></legend>
<form action="itungan.php" method="POST">
<table cellpadding="4">
<tr>
<td>Nilai pertama : <input type="text" name="nil1" size="5"></td>
</tr>
<tr>
<td align="center" colspan="2"><select name="operasi">
<option value="+">Ditambah</option>
<option value="-">Dikurangi</option>
<option value="/">Dibagi</option>
<option value="*">DiPING!!!</option>
</select></td>
</tr>
<tr>
<td>Nilai ke-loro : <input type="text" name="nil2" size="5"></td>
</tr>
</table>Lha iki hasile :
<?php
$nilai1 = $_POST['nil1'];
$nilai2 = $_POST['nil2'];
$oprator = $_POST['operasi'];
if ($oprator == "+")
{
echo $nilai1+$nilai2;
}elseif ($oprator == "-")
{
echo $nilai1-$nilai2;
}elseif ($oprator == "*")
{
echo $nilai1*$nilai2;
}elseif ($oprator == "/")
{
echo $nilai1%$nilai2;
}else
{
echo "<i>Ora Ngerti</i>";
}
?>
<br><br>
<input type="submit" value="Itung">
<input type="reset" value="Baleni">
</form>
</body>
</html>
8. Dan yang terakhir silahkan simpan dan buka kembali pada browser. dan refresh :D
Dibawah ini adalah contoh proses kerja "Program Itung-itungan Sederhana" secara singkat :)
 |
| Tampilan Program yang masih kosong |
 |
| Setelah di masukan Nilai dan dipilih jenis perhitunganya |
 |
| Setelah kita Klik "Itung" hasilnya akan muncul |
 |
| Bisa Memilih sesuai Kebutuhan kalian :) (adanya baru itu ya ) |
Alhamdulilah selesai juga penjelasanya yang singkat ini, semoga kalian semua paham dengan penjelasan penulis ini ya, jika ada salah atau kekuarangan penulis minta maaf sebesar-besarnya ya, maklum masih belajar :D
Sekian dan Terimakasih
