Pages

Friday, October 25, 2013

Cara membuat kalkulator sederhana pada web page


  Laporan Aktivitas Belajar
Nama Lengkap
:
Winda Andini Fauziyah
No. Registrasi
:
1107851328
Alamat email
:
windaandinifauziyah@gmail.com
Opsi
:
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.
·        aktivitas saya seperti biasanya membuka elearning terlebih dahulu untuk melihat tugas tahap selanjutnya lalu saya mempelajari tutorial yang ada pada elearning dan mengerjakan tugas sesuai dengan jadwal minggu ini.
Kolom di bawah ini berisi uraian singkat aktivitas saya di USBJJ selama Tahap Perkuliahan ini.
Untuk minggu ini saya belajar sesuai dengan jadwal perkuliahan yaitu belajar tentang cara membuat kalkulator sederhana di web page
Ø  
Kolom di bawah ini berisi kendala-kendala yang saya hadapi selama Tahap Perkuliahan ini.
Cara penyampaian materi yang cukup dimengerti sehingga tidak ada kendala dalam mengerjakan tugasnya

Rangkuman Materi Perkuliahan
Kolom di bawah ini berisi rangkuman materi perkuliahan yang telah saya pelajari dan pahami selama Tahap Perkuliahan ini.
1.      cara membuat kalkulator sederhana dengan menggunakan PHP.Pastikan terlebih dahulu Apache service XAMPP Anda sudah aktif. Lalu buka Notepad atau DreamWeaver Anda.

§  Buat sebuah file dengan nama index.php
§  Lalu copy dan paste kode berikut ke dalam file index.php tadi
§  Berikut ini kodenya ( Klik view plain dan Copy kodenya ) :
1.  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
2.  <html xmlns="http://www.w3.org/1999/xhtml">  
3.  <head>  
4.  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
5.  <title>Untitled Document</title>  
6.  <style type="text/css">  
7.  body,td,th {  
8.   color: #000;  
9.  }  
10. .putih{ color:white;}  
11. </style>  
12. </head>  
13. <body>  
14.   
15. <form action="hasil.php" method="post">  
16. <div align="center">  
17. <p>&nbsp;</p>  
18. <table width="381" height="140" border="1">  
19. <tr>  
20. <td colspan="2" bgcolor="#333333"><div align="center" class="putih"><strong>Program Kalkulator Sederhana</strong></div></td>  
21. </tr>  
22. <tr>  
23. <td bgcolor="#CCCCCC"><strong>Nilai Pertama</strong></td>  
24. <td bgcolor="#CCCCCC">&nbsp;<input name="nilai1" type="text" /></td>  
25. </tr>  
26. <tr>  
27. <td bgcolor="#CCCCCC"><strong>Operator</strong></td>  
28. <td bgcolor="#CCCCCC">&nbsp;<select name="operator">  
29. <option>Penjumlahan</option>  
30. <option>Pengurangan</option>  
31. <option>Perkalian</option>  
32. <option>Pembagian</option>  
33. </select></td>  
34. </tr>  
35. <tr>  
36. <td bgcolor="#CCCCCC"><strong>Nilai Kedua</strong></td>  
37. <td bgcolor="#CCCCCC">&nbsp;<input name="nilai2" type="text" /></td>  
38. </tr>  
39. <tr>  
40. <td bgcolor="#CCCCCC">&nbsp;</td>  
41. <td bgcolor="#CCCCCC">&nbsp;<input name="" type="submit" value="Hitung" /></td>  
42. </tr>  
43. </table>  
44. </div>  
45. </form>  
46.   
47. </body>  
48. </html>  


§  Seperti biasa, simpan di folder C:/xampp/htdocs/NamaFolderAnda dengan nama index.php 
§  Buatlah 1 file bernama hasil.php
§  Lalu Paste kode berikut : 

1.     <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
2.     <html xmlns="http://www.w3.org/1999/xhtml">  
3.     <head>  
4.     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
5.     <title>Untitled Document</title>  
6.     </head>  
7.     <body>  
8.     <?php  
9.       
10.  $nilai1 = $_POST['nilai1'];  
11.  $nilai2 = $_POST['nilai2'];  
12.  $operator = $_POST['operator'];  
13.    
14.  if ($operator == "Penjumlahan")  
15.  {  
16.   $hasil = $nilai1 + $nilai2;  
17.   $tanda = "+";   
18.   }  
19.  else if ($operator == "Pengurangan")  
20.  {  
21.   $hasil = $nilai1 - $nilai2;  
22.   $tanda = "-";  
23.   }  
24.  else if ($operator == "Perkalian")  
25.  {  
26.   $hasil = $nilai1 * $nilai2;  
27.   $tanda = "*";   
28.   }  
29.  else if ($operator == "Pembagian")  
30.  {  
31.   $hasil = $nilai1 / $nilai2;  
32.   $tanda = "/";  
33.   }  
34.    
35.   ?>  
36.    
37.  <div align="center">  
38.  <table width="411" height="156" border="1">  
39.  <tr>  
40.  <td colspan="2"><div align="center">Hasil Perhitungan</div></td>  
41.  </tr>  
42.  <tr>  
43.  <td>Nilai Pertama</td>  
44.  <td>&nbsp; <?php echo "$nilai1"; ?></td>  
45.  </tr>  
46.  <tr>  
47.  <td>Operator</td>  
48.  <td>&nbsp; <?php echo "$tanda"; ?></td>  
49.  </tr>  
50.  <tr>  
51.  <td>Nilai kedua</td>  
52.  <td>&nbsp; <?php echo "$nilai2"; ?></td>  
53.  </tr>  
54.  <tr>  
55.  <td>Hasil</td>  
56.  <td>&nbsp; <?php echo "$hasil"; ?></td>  
57.  </tr>  
58.  </table>  
59.  </div>  
60.  </body>  
61.  </html> 
-
Sis Simpan dengan nama hasil.php Buka browser Anda lalu ketikan http://localhost/kalkulator/
Co  Coba inputkan nilai lalu klik Hitung
§  Maka hasilnya akan sebagai berikut (file hasil.php):
-     Untuk tabel hasil perhitungan bisa Anda rubah sendiri sesuai selera.
-



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.
Isi video nya menceritakan tentang uraian dan cara membuat kalkulator sederhana pada web page
Kolom di bawah ini berisi link yang menampilan Video Dokumentasi yang telah saya upload di Youtube.

No comments:

Post a Comment