Pages

Tutorial membuat perhitungan di PHP

Oke. Kali ini saya akan membagikan bagaimana sebuah program PHP memroses sebuah perhitungan matematika. Karena salah satu kegunaan program komputer adalah menerima inputan user kemudian memrosesnya. Jadi langsung saja kita mulai. Pertama jangan lupa siapkan tools berupa:
  1. Software untuk mengetik program, seperti notepad++,dreamweaver dll. 
  2. Web server, disini saya menggunakan xampp. Karena di dalamnya sudah ada apache sebagai web server.
  3. Siapkan mental hehe
Oke langsung saja kita mulai. Langkah awal kita siapkan dulu form untuk tempat menginputkan bilangan dan tombolnya. Berikut kodingnya:

<?php     
$hasil="";     
if(isset ($_POST['hitung'])){
if($_POST['angka1'] ==""){ //kondisi jika fiedl kosong maka akan muncul peringatan
echo "<font color='red'><h1>angka1 tidak boleh kosong</h1></font>";
}else
if($_POST['angka2']==""){
 echo "<font color='red'><h1>Angka2 tidak boleh kosong </h1></font>";
} 
if($_POST['operator']=="tambah"){
$bil1=$_POST['angka1']; //mengambil textfield angka1
$bil2=$_POST['angka2']; //mengambil textfiedl angka
$hasil=$bil1+$bil2; //proses perhitungan
       }
else 
if($_POST['operator']=="kurang"){
$bil1=$_POST['angka1'];
$bil2=$_POST['angka2'];
$hasil=$bil1-$bil2;
}
else 
if($_POST['operator']=="kali"){
$bil1=$_POST['angka1'];
$bil2=$_POST['angka2'];
$hasil=$bil1*$bil2;
}
else 
if($_POST['operator']=="bagi"){
$bil1=$_POST['angka1'];
$bil2=$_POST['angka2'];
$hasil=$bil1/$bil2;
}      
}
?>
<h1>Progam Hitung</h1>
<p>Masukkan Angka</p>
<form method = "post">
<table>
<tr>
<td>Angka 1</td>
<td>:</td>
<td><input type= "number" name= "angka1" /></td>
</tr>
<tr>
<td>Angka 2</td>
<td>:</td>
<td><input type="number" name="angka2" /></td>
</tr>
<tr>
<td><select name="operator"> 
<option value="tambah">+</option>
<option value="kurang">-</option>     
<option value="kali">*</option>
<option value="bagi">/</option>
</select> 
<td> 
</tr>
<tr>
<td>
<input type="submit" name="hitung"  /> 
</td>
</tr>
<tr>
<td><input  type="text" name="hasil" disabled value="<?php echo $hasil; ?>"/> 
</td>
</tr>
</table>
</form>
Setelah itu simpan dengan nama programhitung.php, maka hasil dari coding adalah sebagai berikut :
Program penjumlahan :


Program Perkalian :

Jika field Kosong maka akan ada peringatan:

Demikian tutorial yang dapat saya berikan. Semoga bermanfaat. Selamat mencoba ya, kalau gagal terus coba jangan nyerah :D

Tutorial Membuat Form Pendaftaran dengan HTML

Langkah pertama adalah membuat poin-poin dari form pendaftaran. Poin utama form pendataran adalah :
  • Nama (tipe data: text
  • Jenis Kelamin (type data : text, input type: radio)
  • Email (input type: email)
  • Tanggal Lahir (input type: date)
  • No Hp (input tipe: Number)
  • Blog (input tipe: url)
Nah setelah form tabel disiapkan, langkah selanjutnya adalah membuat koding dengan tool yang kalian sukai. Disini saya menggunakan tools notepad++.
Biasanya form pendaftaran berada dalam tabel, jadi jangan lupa untuk membuat tag <tabel> dan untuk mengeksekusi tombol submit dan reset maka masukkan kode html tersebut dalam tag <form>.
berikut kode HTML untuk membuat form pendaftaran:
<!DOCTYPE html>
<html> 
<head>
<title> Latihan Form Modul 1 Praktikum Pemrograman Web</title>
</head>
<body>
<form>
<table border=1 cellspacing=0 align="center" >
<tr>
<td>Nama</td>
<td>:</td>
<td><input type="text" name="nama"/></td>
</tr>
<tr>
<td>Jenis Kelamin</td>
<td>:</td>
<td>
<input type="radio" name="jk" value="Laki-laki"/>Laki-laki
<input type="radio" name="jk" value="Perempuan"/>Perempuan
</td>
</tr>
<tr>
<td> Email</td>
<td>:</td>
<td><input type="text" name="email" /></td>
</tr>
<tr>
<td>Tanggal Lahir</td>
<td>:</td>
<td><input type="date" name="date" /></td>
</tr>
<tr>
<td>No.Hp</td>
<td>:</td>
<td><input type="number" name="nomer" /></td>
</tr>
<tr>
<td>Blog</td>
<td>:</td>
<td><input type="url" name="blog" /></td>
</tr>
<tr>
<td align="center" colspan="3" ><input type="submit" />
 <input type= "reset" /> 
 </td>
</tr>
</table>
</form>
</body>
</html>
Setelah selesai simpan file dengan format .html. Kemudian dieksekusi melalui browser. Berikut tampilan di browser:

 Semoga Bermanfaat.. dan silahkan mencoba :)