Ciao,
OpODab.com – Masih melanjutkan artikel yang sebelumnya mengenai web programming. Latihan selanjutnya adalah membuat kalkulator untuk menghitung suhu dangan menggunakan HTML dan PHP. Atau dapat dikatakan kalkulator untuk mengkonversi suhu.
Dalam membuat konversi suhu ini, digunakan if untuk memilih rumusnya. Mendefinisikan if rumus konversi suhu yang dapat mengkonversi suhu dari celcius menjadi kelvin, celcius menjadi Fahrenheit atau sebaliknya.
Hampir mirip dengan ketika opodab membuat kalkulator sederhana dengan html dan php, pada artikel sebelumnya. Template yang opodab gunakan juga mengadopsi dari kalkulator sederhana dengan html dan php pada artikel sebelumnya.
Baca juga : Membuat Kalkulator Sederhana Dengan PHP dan HTML
Untuk membuat conversi suhu menggunakan html dan php, dapat di lihat source code-nya dibawah ini. Yang pertama adalah form untuk menginput data, yang opodab berinama index.html. utnuk source code-nya index.html
[<!--/*
* http://www.opodab.com/
* Use is subject to license terms.
*/
* -->
<html>
<head>
<title>Temperature Convertion V0.1</title>
</head>
<body>
<form action="suhu.php" method="post">
<table width="434" height="86" border="2" bordercolor="#FF0000">
<tr>
<td align="center" valign="middle">
<table width="416" border="0">
<tr>
<td height="43" colspan="4" align="center" bgcolor="#D0E382">
<span class="style2">Temperature Convertion V0.1</span></td>
</tr>
<tr>
<td height="41" align="center"> </td>
</tr>
<tr>
<pre>
<tr>
<td height="43" colspan="4" align="center">
<span class="style2">Masukkan Suhu: <input name="suhu" type="text" id="suhu" size="20" value=""></span>
</br></br></br>Pilih Jenis Suhu:
</td>
</tr>
</pre>
<pre>
<td width="200" align="center">
Dari: <select name="in1">
<option>Celcius</option>
<option>Reamur</option>
<option>Fahrenheit</option>
<option>Kelvin</option>
</select>
</td>
<td width="200" align="center">
Ke: <select name="in2">
<option>Celcius</option>
<option>Reamur</option>
<option>Fahrenheit</option>
<option>Kelvin</option>
</select>
</td>
</pre>
<pre>
<tr>
<td height="43" colspan="4" align="center">
<input name="proses" type="submit" id="proses" value="Proses" />
<input type="reset" value="Hapus" />
</td>
</tr>
</pre>
</table>
</td>
</tr>
</table>
</form>
</body>
</html>]
Kemudian setelah selesai membuat file tersebut, dilanjutkan untuk membuat form yang kedua, form ini adalah untuk menampilkan hasil dari converrsi suhu tersebut yang telah kijta inoutkan datan sebelumnya. Berikut source code-nya yang opodab berinama filenya suhu.php.
[<!--/*
* http://www.opodab.com/
* Use is subject to license terms.
*/
* -->
<html>
<head>
<title>Temperature Convertion V0.1</title>
</head>
<body>
<table width="434" height="86" border="2" bordercolor="#FF0000">
<tr>
<td align="center" valign="middle">
<table width="416" border="0">
<tr>
<td height="43" colspan="4" align="center" bgcolor="#D0E382">
<span class="style2">Temperature Convertion V0.1</span></td>
</tr>
<tr>
<td height="41" align="center"> </td>
</tr>
<tr>
<pre>
<tr>
<td height="43" colspan="4" align="center">
<?php
$suhu = $_POST['suhu'];
$in1 = $_POST['in1'];
$in2 = $_POST['in2'];
/*---------------------Celcius-------------------------------------->*/
if undefinedundefined$in1 == 'Celcius') && undefined$in2 == 'Reamur')){
$eksekusi=$suhu*0.8;
}
if undefinedundefined$in1 == 'Celcius') && undefined$in2 == 'Celcius')){
$eksekusi=$suhu;
}
if undefinedundefined$in1 == 'Celcius') && undefined$in2 == 'Fahrenheit')){
$eksekusi=$suhu * 1.8 + 32;
}
if undefinedundefined$in1 == 'Celcius') && undefined$in2 == 'Kelvin')){
$eksekusi=$suhu + 273.15;
}
/*---------------------Reamur-------------------------------------->*/
if undefinedundefined$in1 == 'Reamur') && undefined$in2 == 'Celcius')){
$eksekusi=$suhu/0.8;
}
if undefinedundefined$in1 == 'Reamur') && undefined$in2 == 'Reamur')){
$eksekusi=$suhu;
}
if undefinedundefined$in1 == 'Reamur') && undefined$in2 == 'Fahrenheit')){
$eksekusi=$suhu * 2.25 + 32;
}
if undefinedundefined$in1 == 'Reamur') && undefined$in2 == 'Kelvin')){
$eksekusi=$suhu /0.8 + 273.15;
}
/*---------------------Fahrenheit-------------------------------------->*/
if undefinedundefined$in1 == 'Fahrenheit') && undefined$in2 == 'Celcius')){
$eksekusi=$suhu - 32 / 1.8;
}
if undefinedundefined$in1 == 'Fahrenheit') && undefined$in2 == 'Fahrenheit')){
$eksekusi=$suhu;
}
if undefinedundefined$in1 == 'Fahrenheit') && undefined$in2 == 'Reamur')){
$eksekusi=$suhu - 32 / 2.25;
}
if undefinedundefined$in1 == 'Fahrenheit') && undefined$in2 == 'Kelvin')){
$eksekusi=$suhu + 459.67 / 1.8;
}
/*---------------------Kelvin-------------------------------------->*/
if undefinedundefined$in1 == 'Kelvin') && undefined$in2 == 'Celcius')){
$eksekusi=$suhu - 273.15;
}
if undefinedundefined$in1 == 'Kelvin') && undefined$in2 == 'Kelvin')){
$eksekusi=$suhu;
}
if undefinedundefined$in1 == 'Kelvin') && undefined$in2 == 'Reamur')){
$eksekusi=$suhu - 273.15 * 0.8;
}
if undefinedundefined$in1 == 'Kelvin') && undefined$in2 == 'Fahrenheit')){
$eksekusi=$suhu * 1.8 - 459.67;
}
echo "Hasil <br>";
echo "$suhu ";
echo "$in1 ";
echo "= ";
echo "$eksekusi ";
echo "$in2";
?>
</td>
</tr>
</pre>
<pre><form action="index.html" method="post">
<tr>
<td height="43" colspan="4" align="center">
<input type="submit" value="Back" />
</td>
</tr></form>
</pre>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>]
Setelah file sudah di buat semua, selanjutnya opodab akan jelaskan sedikit proses kerja, dari conversi suhu dengan bahasa pemrograman html dan php ini.
Yang pertama, dengan tampilan form pertama yang bernama index.html kita harus menginputkan data, seperti berpa suhu yang akan dikonversi. Kemudian kita pilih dari mana kita akan mengkonversinya, dan setelah itu kita pilih mau mengkonversi menjadi apa.
Ada 4 pilihan suhu yang dapat kita pilih untuk mengkonversi suhu tersebut. Pilihan tersebut yaitu, celcius, reamur, Fahrenheit, dan kelvin. Selanjutnya jika user klik tombol proses, maka proses akan dilanjutkan untuk membuka form yang kedua yang bernama suhu.php.
Form yang kedua ini berfungsi untuk mengkonversi suhu yang mengambil data yang di input oleh user pada form sebelumnya. Kemudian di proses dengan menggunakan rumus yang di terapkan pada if yang telah kita tetapkan juga pada suhu.php. Kemudian form kedua ini akan menampilkan hasill dari konversi suhu tersebut di dalam form ini.
Baca juga : Pengenalan Web Programming
Sampai disini semua proses telah selesai, dan membuat konversi suhu dengan PHP dan HTML pun juga sudah selesai. Opodab berharap aplikasi php sederhana ini dapat menjadi inspirasi untuk anda, dan semoga juga bermanfaat untuk Anda. Kritik dan saran senantiasa opodab tunggu pada form komentar di bawah.
Untuk mengajukan pertanyaan yang berkaitan dengan artikel ini, opodab ijinkan pada form komentar di bawah. Untuk informasi yang lain anda dapat menggunakan form pencarian yang telah opodab sediakan di atas.
Cio,
OpODab,