MATA KULIAH : PEMROGRAMAN WEB
UNIVERSITAS MA'ARIF NAHDHATUL ULAMA (UMNU) KEBUMEN
NIM : TI11505
NAMA : JAZIM ABDILLAH
DOSEN PENGAMPU MATA KULIAH : BAMBANG SUGIANTO S.T.,M.Kom.
Pada postingan kali ini kita akan membuat materi pada tugas 4 yang merupakan aplikasi perhitungan agar ditampilkan lebih rapi dalam sebuah bentuk tabel dengan menulisnya pada HTML. Materi HTML telah sedikit dibahas pada artikel lain di blog ini, jadi kali ini kita akan langsung membuat tabel dari tugas 4.
Untuk tabel pertama, coding yang saya buat adalah sebagai berikut "
<html>
<head>
<title>Aplikasi Takdil</title>
</head>
<body>
<h3 style="text-align : center">Aplikasi ini adalah salah satu langkah perhitungan dalam perhitungan hisab bulan hijriyah</h3>
<p>Berikut adalah data masukan untuk dihitung</p>
<table border = "1">
<tr>
<table border = "1" ; width="20%">
<tr>
<td colspan="2"; align="center">SyathrAwal</td>
<td colspan="2"; align="center">SyathrTsani</td>
<td style= "text-align: center " ; rowspan="2">DarojahAlamah</td>
</tr>
<tr>
<td style="text-align : center">Darojah</td>
<td style="text-align : center">Daqiqoh</td>
<td style="text-align : center">Darojah</td>
<td style="text-align : center">Daqiqoh</td>
</tr>
<tr>
<td style="text-align : center">4</td>
<td style="text-align : center">2</td>
<td style="text-align : center">2</td>
<td style="text-align : center">1</td>
<td style="text-align : center">30</td>
</tr>
</table>
</body>
</html>
Coding tersebut akanmenampilkan tabel berikut pada browser.
Adapun tabel kedua saya buat coding sebagai berikut :
<html>
<p>Berikut Perhitungan pengurangan SyathrAwal oleh SyathrTsani menghasilkan Tafaawut</p>
<table border = "1">
<tr>
<table border = "1" ; width="20%">
<tr>
<td></td>
<td style="text-align : center">Darojah</td>
<td style="text-align : center">Daqiqoh</td>
</tr>
<tr>
<td style= "text-align: center ">SyathrAwal</td>
<td style="text-align : center">4</td>
<td style="text-align : center">2</td>
</tr>
<tr>
<td style="text-align : center">SyathrTsani</td>
<td style="text-align : center">2</td>
<td style="text-align : center">1</td>
</tr>
<tr>
<td style="text-align : center">Tafaawut</td>
<td style="text-align : center">2</td>
<td style="text-align : center">1</td>
</tr>
</table>
</html>
Coding tersebut akan menampilkan hasil tabel sebagai berikut :
Coding selanjutnya untuk tabel ketiga yaitu :
<html>
<p> Hasil selisih (Tafaawut) kemudian dikalikan dengan DarojahAlamah</p>
<table border = "1" ; width="20%">
<tr>
<td></td>
<td style="text-align : center">Darojah</td>
<td style="text-align : center">Daqiqoh</td>
</tr>
<tr>
<td style="text-align : center">Tafaawut</td>
<td style="text-align : center">2</td>
<td style="text-align : center">1</td>
</tr>
<tr>
<td style="text-align : center"></td>
<td style="text-align : center"></td>
<td style="text-align : center"></td>
<td style="text-align : center">x30</td>
</tr>
<tr>
<td style="text-align : center">Hasiludhorbi</td>
<td style="text-align : center">60</td>
<td style="text-align : center">30</td>
</tr>
</table>
</html>
Coding tersebut akan menampilkan tabel seperti berikut :
Coding selanjutnya merupakan coding terakhir untuk aplikasi perhitungan yang saya buat yaitu :
<html>
<p> Hasil perkalian Darojah dengan DarojahAlamah akan bernilai Darojah. Setiap 60 Darojah akan bernilai 1 saa'ah yang merupakan satuan di atas Darojah. Selebihnya akan ditulis dalam nilai Darojah</p>
<p>Demikian pula pada nilai Daqiqoh akan bernilai 1 Darojah tiap nilai 60 Daqiqoh</p>
<p>Perhitungan selanjutnya dengan membagi 60 nilai Hasiludhorbi</p>
<table border = "1" ; width="20%">
<tr>
<td></td>
<td style="text-align : center">Darojah</td>
<td style="text-align : center">Daqiqoh</td>
</tr>
<tr>
<td style="text-align : center">Hasiludhorbi</td>
<td style="text-align : center">60</td>
<td style="text-align : center">30</td>
</tr>
<tr>
<td style="text-align : center"></td>
<td style="text-align : center"></td>
<td style="text-align : center"></td>
<td style="text-align : center">:60</td>
</tr>
<tr>
<td style="text-align : center">Saa'ah</td>
<td style="text-align : center">1</td>
<td style="text-align : center"></td>
</tr>
<tr>
<td style="text-align : center">Darojah</td>
<td style="text-align : center"></td>
<td style="text-align : center"></td>
</tr>
<tr>
<td style="text-align : center">Daqiqoh</td>
<td style="text-align : center"></td>
<td style="text-align : center">30</td>
</tr>
</table>
</html>
Dan coding tersebut akan menampilkan tabel berikut :
Demikian postingan kali ini semoga bermanfaat..
0 Komentar