Pages

Wednesday, November 6, 2013

membuat kalkulator sederhana pada web page



Laporan Aktivitas Belajar
Nama Lengkap
:
paisal pahrunisa
No. Registrasi
:
1107851323
Alamat email
:
Opsi
:
Sistem Jaringan dan Website
Tahap Perkuliahan ke-
:
28
USBJJ
:
STT YBS Internasional Tasikmalaya

Aktivitas Belajar Mandiri
Kolom di bawah ini berisi uraian singkat aktivitas belajar rutin saya selama tahap perkuliahan ini.
Pada tahap perkuliahan ke-28 dimulai pada tanggal 20 oktober   – 26 oktober  2013, 
Membuat kalkukalor atau mesin hitung sederhana dalam web adalah projeck yang saya buat sebagaimana yang talah disediakan di elearning.
Kolom di bawah ini berisi uraian singkat aktivitas saya di USBJJ selama Tahap Perkuliahan ini.
Untuk tugas yang satu ini sanat disayangkan bagi saya karena terbengkalai berkalitan dengan pekerjaanku di sekolah, namun terlambat bukanlah alasn utama saya untuk tidak mengerjakan tugas yang satu ini.
Kolom di bawah ini berisi kendala-kendala yang saya hadapi selama Tahap Perkuliahan ini.
Kendalanya bentrok dengan pekerjaan yang saya geluti, namun mungkin hanya utnuk kali ni.



Rangkuman Materi Perkuliahan
Kolom di bawah ini berisi rangkuman materi perkuliahan yang telah saya pelajari dan pahami selama Tahap Perkuliahan ini.
Pada tahap perkuliahan kali ni saya mengerjakan tentang web, yakni membuat kalkulator sederana yang bias di oprasikan secara langsung pada tampilan web.
Dan I ni adalan coding untuk di simpan pada perintah HTML dan PHP yang di gunakan di xampp=>htdoc



Perintah HTML dan PHP yang di gunakan

Coding yang di gunakan untuk membuat file kalkukator.php

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>kalkulator sederhana</title>
<style type="text/css">
body,td,th {
 color: #000;
}
.putih{ color:white;}
</style>
</head>
<body>

<form action="hasil.php" method="post">
<div align="center">
<p>&nbsp;</p>
<table width="381" height="140" border="1">
<tr>
<td colspan="2" bgcolor="#333333"><div align="center" class="putih"><strong>kalkulator by faisal</strong></div></td>
</tr>
<tr>
<td bgcolor="#CCCCCC"><strong>Nilai Pertama</strong></td>
<td bgcolor="#CCCCCC">&nbsp;<input name="nilai1" type="text" /></td>
</tr>
<tr>
<td bgcolor="#CCCCCC"><strong>Operator</strong></td>
<td bgcolor="#CCCCCC">&nbsp;<select name="operator">
<option>Penjumlahan</option>
<option>Pengurangan</option>
<option>Perkalian</option>
<option>Pembagian</option>
</select></td>
</tr>
<tr>
<td bgcolor="#CCCCCC"><strong>Nilai Kedua</strong></td>
<td bgcolor="#CCCCCC">&nbsp;<input name="nilai2" type="text" /></td>
</tr>
<tr>
<td bgcolor="#CCCCCC">&nbsp;</td>
<td bgcolor="#CCCCCC">&nbsp;<input name="" type="submit" value="Hitung" /></td>
</tr>
</table>
</div>
</form>

</body>
</html>

Satu lagi untuk file yang dipnggil ketika mengoperasikan kalkulator tersebut.

Copy codingnya

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>
<body>
<?php

$nilai1 = $_POST['nilai1'];
$nilai2 = $_POST['nilai2'];
$operator = $_POST['operator'];

if ($operator == "Penjumlahan")
{
 $hasil = $nilai1 + $nilai2;
 $tanda = "+";
 }
else if ($operator == "Pengurangan")
{
 $hasil = $nilai1 - $nilai2;
 $tanda = "-";
 }
else if ($operator == "Perkalian")
{
 $hasil = $nilai1 * $nilai2;
 $tanda = "*";
 }
else if ($operator == "Pembagian")
{
 $hasil = $nilai1 / $nilai2;
 $tanda = "/";
 }

 ?>

<div align="center">
<table width="411" height="156" border="1">
<tr>
<td colspan="2"><div align="center">Hasil Perhitungan</div></td>
</tr>
<tr>
<td>Nilai Pertama</td>
<td>&nbsp; <?php echo "$nilai1"; ?></td>
</tr>
<tr>
<td>Operator</td>
<td>&nbsp; <?php echo "$tanda"; ?></td>
</tr>
<tr>
<td>Nilai kedua</td>
<td>&nbsp; <?php echo "$nilai2"; ?></td>
</tr>
<tr>
<td>Hasil</td>
<td>&nbsp; <?php echo "$hasil"; ?></td>
</tr>
</table>
</div>
</body>
</html>
Dan jalankan di browser (localhost/kalkulator.php) setelah anda menjalankan xampp control panelnya.
Lihat hasilnya yang siap di operasikan.



Video Dokumentasi
Pada kolom ini berisi cuplikan gambar (screenshots) dari Video Dokumentasi yang telah saya buat pada Tahap Perkuliahan ini.











Kolom di bawah ini merupakan uraian yang menceritakan isi Video Dokumentasi yang telah saya buat.
Dalam video ini berisi
1.      cara membuat kalkulator sederhana pada web page.
Kolom di bawah ini berisi link yang menampilan Video Dokumentasi yang telah saya upload di Youtube.
link video tutorial

No comments:

Post a Comment