Penggunaan HTML part 2

Posted on Updated on

MEMBUAT KALKULATOR SEDERHANA

Senin, 21 November 2016

Materi kuliah Sistem Informasi Manajemen hari ini membahas mengenai cara pembuatan kalkulator sederhana denggan menggunakan Xampp. Karena kemarin sudah sampai pada tahap membuat lembar portofolio diri, maka pembuatan kalkulator sederhana ini hanya dibuat pada halaman awal saja. Adapun tampilannya nanti seperti berikut:

222

Adapun langkah-langkah untuk menambahkahkan kalkulator sederhana ini adalah sebagai berikut:

  • Buka dan jalankan aplikasi Xampp, yaitu xampp-control.exe
  • Klik start pada Apache dan MySQL+
  • Buka folder sima yang sudah dibuat, kemudian buka file index.php
  • Jalankan aplikasi notepad++ yang sudah diinstall dan buka file index.php
  • Lalu untuk tambahkan script membuat kalkulator sederhana, kita bisa lanjutkan penulisan script-nya d bawah halaman index.php. berikut penulisan script membuat “kalkulator sederhana”.
    <hr>
    
     <!-- bagian form awal -->
    
     <h1><font color="yellow">Kalkulator Sederhana </font></h1>
    
    <form action="<?php echo $_SERVER['PHP_SELF']; ?>" method="POST">
     Text1:<br>
     <input type="text" name="text1"><br>
     Text2:<br>
     <input type="text" name="text2"><br>
     <input type="submit" name="hitung" value="Hitung">
     </form>
     <hr>
     <?php
     if(isset($_POST['hitung'])){
     $text1 = $_POST['text1'];
     $text2 = $_POST['text2'];
     $penjumlahan = $text1 + $text2;
     $pengurangan = $text1 - $text2;
     $perkalian = $text1 * $text2;
     $pembagian = $text1 / $text2;
     echo "hasil dari $text1 + $text2 = $penjumlahan<br>";
     echo "hasil dari $text1 - $text2 = $pengurangan<br>";
     echo "hasil dari $text1 * $text2 = $perkalian<br>";
     echo "hasil dari $text1 / $text2 = $pembagian<br>";
     }
     ?>
     <!-- bagian form akhir -->
    
    
  • Setelah itu kita buka laman pada web mozila firefox atau google crome, dan ketikkan “localhost” pada alamat web lalu enter
  • Kemudian kita klik pada pagian “HOME”, kemudian kita refresh atau tekan tombol f5 pada keyboard dan akan muncul tamppilan seperti berikut ini:
    222
  • Kemudian kita bisa langsung praktek dengan mengisikan angka yang akan kita hitung, seperti berikut:
    223

Dan sekian materi perkuliahan SIM hari ini… 🙂
“don’t believe with lucky, but believe with hard work”

 

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s