Cara Membuat Kalkulator Sederhana Dengan PHP dan CSS

Kalkulator adalah alat untuk menghitung dari perhitungan sederhana seperti penjumlahan, pengurangan, perkalian dan pembagian sampai kepada kalkulator sains yang dapat menghitung rumus matematika tertentu. Pada perkembangannya sekarang ini, kalkulator sering dimasukkan sebagai fungsi tambahan daripada komputer, handphone, bahkan sampai jam tangan.
Baiklah Sobat. pada kesempatan kali ini saya mau sedikit share  cara membuat kalkulator sederhana menggunakan PHP. saya cuman pakai 2 tools untuk membuat aplikasi kalkulator sederhana ini, yaitu XAMPP & Notepad++. Oke langsung kita mulai saja. §  Pastikan terlebih dahulu Apache Service XAMPP Anda sudah aktif.
§  Kemudian  buka  Notepad++ .
§  Buat sebuah file dengan nama index.php
§  Lalu Ketik atau copy pastekan kode berikut ke dalam file index.php tadi di Notepad++
§  Berikut ini kodenya:
 

<html>

<head>

<title>Kalkulator Dengan HP</title>

<link href="style.css" rel="stylesheet" type="text/css" />

</head>

 

<body>

  

<div id="menu">

<form name="fform" method ="post" action = "rumus2.php">

<font>       

<blink>

<center id="judul">

<h2>KALKULATOR</h2>

</center>

</blink>

</font>

</div>

<div id="sidebar">

<p id="profil"><img src="contact.png" align="center" height="30"> PROFILE</p><br/>

<ul class="slider">

<li><a href="bakti.php"><h3>Bakti Nur Wahyudin</h3></a>

<li><a href="donny.php"><h3>Donny Setiaji</h3></a></li>

</ul>

</div>

<br/><br/><br/><br/><br/><br/>

<div id="badan">

<div id ="badan2">

<img src="kalkulator.jpg" alt="image" align="center" />

<p>Mesin hitung atau Kalkulator adalah alat untuk menghitung dari perhitungan sederhana seperti penjumlahan, </p>

<p>pengurangan, perkalian dan pembagian sampai kepada kalkulator sains yang dapat menghitung rumus matematika tertentu.</p>

<p>Pada perkembangannya sekarang ini, kalkulator sering dimasukkan sebagai fungsi tambahan daripada komputer, handphone, </p>

<p>bahkan sampai jam tangan. </p><br/><br/>

<p>Dibawah ini merupakan contoh kalkulator yang dibuat dengan PHP, anda bisa mensimulasikannya.</p>

<p> Untuk tutorial pembuatannya bisa klik tombol dibawah ini</p>

<div class="button"><a href="http://baktinw.blogspot.co.id">Bakti</a></div>

<div class="button"><a href="http://donnysetiaji.blogspot.co.id">Donny</a></div>

</div>

    <div id="kalkulator">

<div class="kalkulator2">

<p style=" text-align:center;">Bilangan Pertama </p>

<input size="16" name="bil1" type="text" placeholder="Bilangan pertama" />

</div>

<div class="clearing"></div>

<div class="kalkulator2">

<p style=" text-align:center;">Bilangan Kedua  </p>

<input size="16" name="bil2" type="text" placeholder="Bilangan Kedua" />

</div>

<div class="clearing"></div>

<div class="kalkulator2">

<p style="background:orange; text-align:center;">Hasil </p>

<input size="16" name="bil3" type="text" placeholder="Hasil" value="<?php if (isset($_GET['bil3'])) echo $_GET['bil3']?>" />

</div>

<div id="tombol">

                  <p width="31"><input value="+"  type="submit" name ="tambah" /></p>

                  <p width="27"><input value="-"  type="submit" name = "kurang" /></p>

                  <p width="31"><input value="*"  type="submit" name = "kali" /></p>

                  <p width="27"><input value="/"  type="submit" name = "bagi" /></p>

                  <p width="94"><input value="Bersihkan" type="submit" name = "input" /></p>

     </div>

</div>

</div>

</body>

</html>

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

<?php

 

    $bil1 = $_POST['bil1'];

 

    $bil2 = $_POST['bil2'];

 

    if ($tambah = $_POST['tambah'])

 

    {

 

    $hasil = $bil1 + $bil2 ;

    }

 

    if ($kurang = $_POST['kurang'])

 

    {

  $hasil = $bil1 - $bil2;

    }

 

    if ($kali = $_POST['kali'])

 

    {

 

    $hasil = $bil1 * $bil2 ;

 

    }

 

    if ($bagi = $_POST['bagi'])

 

    {$hasil = $bil1 / $bil2 ;

 

    }

  

 header ("location:index.php?bil3=$hasil");

  

 ?>

 §  Simpan dengan nama rumus2.php
§  Buka browser Anda misalkan ketikan http://localhost/tugas3WP1_14090020&14090012/
§  kira-kira seperti ini : 

§  kemudian akan tampil form input sebagai berikut : 

§  Coba inputkan nilai selanjutnya klik botton maupun botton yg lainnya. Disini saya contohkan klik botton Tambah [+]
§  Maka hasilnya akan sebagai berikut (file rumus.php):

§         § Untuk membersihkan klik Bersihkan. Untuk tabel hasil perhitungan bisa Anda rubah sendiri        sesuai selera.

§              Sekian dulu postingan kali ini semoga bermanfaat.

Read More

Cara Membuat Biodata sederhana Menggunakan Notepad++ Berbentuk HTML

Disini saya akan memberitahukan cara membuat biodata sederhana menggunakan sebuah notepad++.

terkadang kita belum mengetahui apa saja fungsi pada notepad , sebenarnya notepad itu banyak kegunaanya,dari membuat catatan , membuat virus , membuat HTML sederhana , dan sebagainya. dan kali ini saya akan menggunakan notepad untuk membuat biodata HTML sederhana . saya menggunakan notepad++ untuk membuat biodata ini,tapi anda tidak perlu khawatir notepad yang ada di Windows pun bisa digunakan untuk membuat biodata HTML ini :)

    1. Silahkan buka Notepad++  kemudian ketikan koding berikut :

<HTML>

<HEAD>

       <title>Biodata Mahasiswa</title>

</HEAD>

<BODY>

       <h2>Biodata Mahasiswa: </h2>

       <p> Nama Lengkap      : Donny Setiaji </p>

       <p> TTL                     : Tegal, 28 Mei 1993 </p>

       <p> Alamat                   : Jl. Duren 03, Desa.Durensawit, Lebaksiu - Tegal  </p>

       <p> Agama                   : Islam </p>

       <p> Jenis Kelamin        : Laki-Laki </p>

       <p> Asal Sekolah          : Smk N 1 Adiwerna </p>

  <p> Perguruan Tinggi      : Politeknik Harapan Bersama Tegal </p>

</BODY>                                                                                                               

</HTML>

   2. Untuk lebih jelasnya bisa dilihat di notepad++ pada gambar berikut.

 3. Jika sudah diketikan di notepad++, selanjutnya pilih menu run. Kemudian klik launch pada Browser yang kalian instal. disini saya menggunakan browser chrome

 4. Jika berhasil maka akan muncul tampilan seperti gambar berikut.

Sekian tutorial dari saya tentang membuat biodata sederhana menggunakan notepad berbentuk HTML.

semoga bermanfaat :)

Read More

Sekilas Pengertian dan Cara Menginstal XAMPP di Windows

Sekilas Pengertian XAMPP 

XAMPP merupakan singkatan dari
Cross-Platform (X),
Apache (A),
MySQL (M),
PHP (P) dan
Perl (P).
XAMPP dibuat selengkap itu dengan tujuan memudahkan bagi para pengembang untuk membuat web server lokal untuk tujuan pengujian. XAMPP menyediakan semua yang kita butuhkan untuk membuat sebuah web server – server aplikasi (Apache), database (MySQL), dan bahasa scripting (PHP). XAMPP juga cross-platform, yang berarti bisa bekerja sama dengan baik di Linux, Mac dan Windows.Karena sebagian besar penyebaran web server yang sebenarnya (secara online) menggunakan komponen yang sama seperti XAMPP, sehingga membuat transisi dari server lokal ke server online sangat mudah.

Cara Menginstall XAMPP di Windows

Berikut langkah-langkah untuk menginstall XAMPP dibawah ini:

1. Non-aktifkan anti-virus karena dapat menyebabkan beberapa komponen XAMPP tidak bisa di Install dengan lancar.

2. Untuk pengguna Windows 7, Anda akan melihat jendela pop up, peringatan tentang User Account Control (UAC) yang aktif pada sistem. Klik “OK” untuk melanjutkan instalasi.

3. Mulai proses instalasi dengan klik dua kali pada instaler XAMPP. Klik ‘Next’ setelah splash screen.

4. Di sini, kita dapat memilih komponen yang ingin kita instal. Pilih pilihan default dan klik ‘Next’.

5. Pilih folder sebagai tempat XAMPP akan diinstal, di folder ini akan menampung semua file aplikasi web kita, jadi pastikan untuk memilih drive yang memiliki banyak ruang(space).

6. Layar berikutnya adalah promo untuk BitNami, sebuah toko aplikasi untuk server perangkat lunak. Hapus kotak centang ‘Learn more about BitNami for XAMPP’.

7. Sekarang Setup sudah siap untuk menginstall XAMPP. Klik Next dan tunggu instaler untuk membongkar paket-nya dan memasang komponen yang dipilih. Mungkin memakan waktu beberapa menit. Nanti mungkin kita akan diminta untuk menyetujui akses Firewall untuk komponen tertentu (seperti Apache) selama proses instalasi.

8. Proses Install sudah selesai! Pilih Kotak centang ‘Do you want to start the Control Panel now?’ untuk membuka panel kontrol XAMPP. selanjutnya klik Finish.

 9. Jika Instalasi telah selesai. buka XAMPP yang telah anda install tadi. Tampilan cPanelnya sbb :  

Jika pada browser telah menampilkan seperti pada gambar diatas, berarti penginstalan XAMPP telah berhasil dan untuk digunakan sebagai Server Localhost pada komputer.

Demikian sedikit Shared dari saya, semoga bermanfaat dan jika ada kesalahan atau kekurangan dalam penulisan saya ini, mohon maaf. :)

Read More

CARA MENGINSTALL NOTEPAD++ V.6.9

Cara Install Notepad++ ini sebenarnya mudah, dan saya yakin beberapa sobat pasti sudah bisa. Akan tetapi tidak ada salahnya jika saya berbagi Cara Install Notepad++ di sini. Khususnya untuk sobat yang belum tahu cara instalasi Notepad++. sebelum menginstall  Notepad++, sobat harus mengunduh softwarenya terlebih dahulu.

Setelah  di download, sahabat bisa langsung install Notepad++ V.6.9. 

Cara Install Notepad++ V.6.9  adalah sebagai berikut:

1. Klik dua kali pada installer yang sudah di download. Pada instalasi kali ini, saya menggunakanNotepad++ v.6.9 .

2. Pilih bahasa tampilan Notepad++. Klik [Ok] untuk melanjutkan instalasi. 

3. Kemudian tampil halaman depan instalasi. Klik [Next] untuk melanjutkan instalasi.

4. Selanjutnya akan tampil persetujuan lisensi atau License Agreement. Klik [I agree] untuk melanjutkan. 

 5. Sekarang saatnya memilih lokasi atau tempat untuk menyimpanan hasil install. Saya memilihdefault, yaitu di C:\Program Files\Notepad++. Sahabat bisa memilih lokasi penyimpanan dengan cara klik [browse], kemudian klik [Next] untuk melanjutkan.

6. Proses terakhir yaitu memilih komponen atau fitur yang kira-kira akan digunakan nanti, tentunya sesuai dengan kebutuhan. Berilah tanda checklist atau centang. Saya membri checklist pada Create Shorcut on Desktop guna untuk memudahkan dalam menjalankan aplikasi. Klik [Install] dan tunggu proses install sampai selesai.

7. Klik [Finish] untuk mengakhiri proses install Notepad++

Cara Install Notepad++ sudah selesai dan Notepad++ siap untuk digunakan. 

Tampilan Notepad++

Semoga Bermanfaat :)

Read More