Buscar

Basic Calculator

Halooo..
Sudah banyak sebenarnya cara membuat kalkulator sederhana menggunakan PHP atau JavaScript. Kali ini saya juga mau ikut-ikutan posting cara membuat basic calculator..Hehe
Ini Hasilnya :






Scriptnya seperti di bawah ini :

<body>
<center>
<form name="Kalkulator">
<table border=5 bordercolor="#FF00FF" cellpadding="2" cellspacing="0">
<tr>
    <td>
        <input type="text"   name="input" Size="16">
        <br>
    </td>
</tr>
<tr>
    <td>
        <input type="button" name="one"   value="  1  " OnClick="Kalkulator.input.value += '1'">
        <input type="button" name="two"   value="  2  " OnCLick="Kalkulator.input.value += '2'">
        <input type="button" name="three" value="  3  " OnClick="Kalkulator.input.value += '3'">
        <input type="button" name="plus"  value="  +  " OnClick="Kalkulator.input.value += ' + '">
        <br>
        <input type="button" name="four"  value="  4  " OnClick="Kalkulator.input.value += '4'">
        <input type="button" name="five"  value="  5  " OnCLick="Kalkulator.input.value += '5'">
        <input type="button" name="six"   value="  6  " OnClick="Kalkulator.input.value += '6'">
        <input type="button" name="minus" value="  -  " OnClick="Kalkulator.input.value += ' - '">
        <br>
        <input type="button" name="seven" value="  7  " OnClick="Kalkulator.input.value += '7'">
        <input type="button" name="eight" value="  8  " OnCLick="Kalkulator.input.value += '8'">
        <input type="button" name="nine"  value="  9  " OnClick="Kalkulator.input.value += '9'">
        <input type="button" name="times" value="  x  " OnClick="Kalkulator.input.value += ' * '">
        <br>
        <input type="button" name="clear" value="  c  " OnClick="Kalkulator.input.value = ''">
        <input type="button" name="zero"  value="  0  " OnClick="Kalkulator.input.value += '0'">
        <input type="button" name="DoIt"  value="  =  " OnClick="Kalkulator.input.value = eval(Kalkulator.input.value)">
        <input type="button" name="div"   value="  /  " OnClick="Kalkulator.input.value += ' / '">
        <br>
    </td>
</tr>
</table>
</form>
</center>
</body>
Pada script di atas kita menulis fungsi eval(Kalkulator.input.value)
Fungsi eval() digunakan untuk mengevaluasi apa saja yang direpresentasikan di dalam parameter expression. Syntaxnya seperti ini eval(expression) . Di mana expression adalah ekspresi valid yang akan diperlakukan sebagai kode JavaScript oleh interpreter. Jika nilai parameter expression bukanlah string, maka itu yang akan dikembalikan. Sebagai contoh, eval(5) akan mengembalikan nilai 5. Jika nilai parameter expression adalah string, interpreter mencoba untuk menginterpretasikan string tersebut seolah-olah adalah kode JavaScript.
Selamat mencoba. Semoga bermanfaat

Javascript Date Image

Hai hai...
Kalender di javascript banyak bentuknya. Kali ini saya lagi coba mambuat kalender dengan menggunakan gambar.
Hasilnya seperti di bawah ini :
Kita cukup membuat script di bawah ini :
<head>
<script language="JavaScript">

theDate= new Date();
months = new Array();
days = new Array();

months[1] ="jan.gif";
months[2] ="feb.gif";
months[3] ="mar.gif";
months[4] ="apr.gif";
months[5] ="may.gif";
months[6] ="jun.gif";
months[7] ="jul.gif";
months[8] ="aug.gif";
months[9] ="sep.gif";
months[10] ="oct.gif";
months[11] ="nov.gif";
months[12] ="dec.gif";
days[1] ="1st.gif";
days[2] ="2nd.gif";
days[3] ="3rd.gif";
days[4] ="4th.gif";
days[5] ="5th.gif";
days[6] ="6th.gif";
days[7] ="7th.gif";
days[8] ="8th.gif";
days[9] ="9th.gif";
days[10] ="10th.gif";
days[11] ="11th.gif";
days[12] ="12th.gif";
days[13] ="13th.gif";
days[14] ="14th.gif";
days[15] ="15th.gif";
days[16] ="16th.gif";
days[17] ="17th.gif";
days[18] ="18th.gif";
days[19] ="18th.gif";
days[20] ="20th.gif";
days[21] ="21st.gif";
days[22] ="22nd.gif";
days[23] ="23rd.gif";
days[24] ="24th.gif";
days[25] ="25th.gif";
days[26] ="26th.gif";
days[27] ="27th.gif";
days[28] ="28th.gif";
days[29] ="29th.gif";
days[30] ="30th.gif";
days[31] ="31st.gif";

function printDate() {
 document.write('<img src="' + months[theDate.getMonth()+1] + '">'); //bulan 
 document.write('</br>');
 document.write('<img src="' + days[theDate.getDate()] + '">'); // hari
 document.write('<font style="font-family:Verdana, Geneva, sans-serif; size:19px; color:#F0F">' + theDate.getFullYear() + '</font>'); // tahun
}

</script>
</head>
<body>

<center>

<script>
 printDate();
</script>

</center>
</body>

Ada satu hal yang harus diperhatikan , mengapa script untuk mengambil bulan (theDate.getMonth()+1) harus menggunakan +1 ? karena Javascript menghitung bulan dari 0 sampai 11, itu berarti untuk Januari 0 dan Desember 11, maka harus di tambah 1. Hehehe...
Jangan lupa download image nya disini yaa..klik DOWNLOAD IMAGE , lalu simpan di folder aplikasi kamu.
Oh iya Image ini sumbernya dari http://www.site-ations.com dan http://www.bruce-hamilton.com
Selamat mencoba :)

Membuat Grafik dengan Menggunakan Highcharts

Hai teman,
sudah lama sekali saya tidak menulis, akhir-akhir ini lumayan sibuk. Hehe...
Kali ini saya akan berbagi coding membuat grafik sederhana menggunakan Highcharts.
Ikuti langkah-langkahnya yuuu.

Seperti biasa yang pertama kita lakukan adalah membuat database, buat database dengan nama penjualan. Lalu buat tabel sederhana dan beri nama tabel penjualan
Setelah itu buat struktur tabel dan isi tabel seperti di bawah ini

Lalu  buat nama file config.php , dan isikan coding seperti di bawah ini:
<?php

 //defined('ROOT') or die('');
 
 define('db_host','localhost');
 define('db_user','root');
 define('db_pass','');
 define('db_name','penjualan');
 
 mysql_connect(db_host,db_user,db_pass);
 mysql_select_db(db_name);
 
?>

Selanjutnya kita buat file dengan nama file grafik.php dan isi seperti di bawah ini :
<html>
 <head>
<script src="js/jquery.min.js" type="text/javascript"></script>
<script src="js/highcharts.js" type="text/javascript"></script>
<script type="text/javascript">
 var chart1; // globally available
$(document).ready(function() {
      chart1 = new Highcharts.Chart({
         chart: {
            renderTo: 'container',
            type: 'column'
         },   
         title: {
            text: 'Grafik Penjualan Kamera '
         },
         xAxis: {
            categories: ['brand']
         },
         yAxis: {
            title: {
               text: 'Jumlah terjual'
            }
         },
              series:             
            [
            <?php 
         include('config.php');
           $sql   = "SELECT brand  FROM penjualan";
            $query = mysql_query( $sql )  or die(mysql_error());
            while( $ret = mysql_fetch_array( $query ) ){
             $brand=$ret['brand'];                     
                 $sql_jumlah   = "SELECT jumlah FROM penjualan WHERE brand='$brand'";        
                 $query_jumlah = mysql_query( $sql_jumlah ) or die(mysql_error());
                 while( $data = mysql_fetch_array( $query_jumlah ) ){
                    $jumlah = $data['jumlah'];                 
                  }             
                  ?>
                  {
                      name: '<?php echo $brand; ?>',
                      data: [<?php echo $jumlah; ?>]
                  },
                  <?php } ?>
            ]
      });
   }); 
</script>
 </head>
 <body>
  <div id='container'></div>  
 </body>
</html>

Jangan lupa download folder js lalu simpan di dalam folder aplikasi grafik kamu. klik DOWNLOAD.

Hasilnya seperti di bawah ini :


Selamat mencoba. Semoga bermanfaat :)

Ajax dan Database

Salam...
Kali ini saya akan berbagi sedikit contoh mengambil informasi data dari database menggunakan ajax.
Seperti biasa langkah pertama kita buat database dulu.
Contoh :
nama database : latihan
buat satu tabel dengan nama : negara , isi tabel tersebut dengan data di bawah ini :
Setelah data masuk, langkah selanjutnya kita buat file koneksi.php dengan script seperti di bawah ini :
<?php  
$host = "localhost";  
$user = "root";  
$pass = "";  
$dbnm = "latihan";  
  
$conn = mysql_connect($host, $user, $pass);  
if($conn){  
 $connect = mysql_select_db($dbnm);  
 if(!$connect){  
  die("Database tidak dapat dibuka");  
 }  
}else{  
 die("Server MySql tidak terhubung");   
}  
?>

Lalu buat file dengan nama negara.php
<html>
<head>
<style>
table {
    width: 50%;
    border-collapse: collapse;
 font-family:Verdana, Geneva, sans-serif;
 font-size:12px;
}

table, td, th {
    border: 1px solid black;
    padding: 5px;
}

th {
 text-align: left;
 background-color:#999;
}
</style>
</head>
<body>

<?php
include "koneksi.php";

$q =  $_GET['q'] ;


$query = "SELECT * FROM negara WHERE id_negara='".$q."'";
$result = mysql_query($query);

echo "<table>
<tr>
<th>Id Negara</th>
<th>Nama</th>
<th>Ibukota</th>
<th>Benua</th>
</tr>";
while($row = mysql_fetch_array($result)) {
    echo "<tr>";
    echo "<td>" . $row['id_negara'] . "</td>";
    echo "<td>" . $row['nama'] . "</td>";
    echo "<td>" . $row['ibukota'] . "</td>";
    echo "<td>" . $row['benua'] . "</td>";
    echo "</tr>";
}
echo "</table>";

?>
</body>
</html>

Lalu buat file dengan nama get.php untuk memanggil fungsi ajaxnya :
<?php
include "koneksi.php";
$query = "SELECT * FROM negara";
$result = mysql_query($query);
?>
<html>
<head>
<script>
function showUser(str) {
    if (str == "") {
        document.getElementById("tabel_negara").innerHTML = "";
        return;
    } else {
        if (window.XMLHttpRequest) {
            // code for IE7+, Firefox, Chrome, Opera, Safari
            xmlhttp = new XMLHttpRequest();
        } else {
            // code for IE6, IE5
            xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
        }
        xmlhttp.onreadystatechange = function() {
            if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
                document.getElementById("tabel_negara").innerHTML = xmlhttp.responseText;
            }
        }
        xmlhttp.open("GET","negara.php?q="+str,true);
        xmlhttp.send();
    }
}
</script>
</head>
<body>

<form>
Negara : <select name="users" onchange="showUser(this.value)">
  <option value="">Pilih Negara:</option>
        <?php
            while ($data = mysql_fetch_array($result)) {
        ?>
        <option value="<?php echo $data['id_negara']; ?>">
                      <?php echo $data['nama']; ?></option>
        <?php
        }
        ?>
</select>

</form>
<br>
<div id="tabel_negara"><b>Data Negara akan tampil disini....</b></div>

</body>
</html>

Dari script di atas hal pertama yang harus kita cek adalah str terisi atau tidak. Jika ada data yang dipilih, maka str akan terisi dan mengaktifkan tabel_negara dengan parameter q yang ditambahkan ke URL dari isi daftar dropdown.
Hasilnya :

Semoga bermanfaat :)

Konversi Tipe di PHP

Hai programmer...
Setelah sekian bulan saya fokus di skripsi saya, akhirnya sekarang bisa nulis lagi. Sambil belajar dan mengekspresikan kerinduan saya nge-Blog lagi..hehe
Kali ini saya akan berbagi mengenai contoh konversi dari suatu tipe data ke tipe data yang lain, kebetulan kemaren ada di skripsi saya.
Ada perintah untuk melakukan konversi tipe data diantaranya settype ,...val, dan cast.
langsung aja yu kita liat scriptnya :
menggunakan settype

contoh konversi dengan settype dan ...val

<?php
print("Contoh Konversi dengan Settype</br>");
$berat = "40.5 kg";
print("Type String : $berat</br>");

settype($berat,"double");
print("Type Double : $berat</br>");

settype($berat,"integer");
print("Type Integer : $berat</br></br>");

?>




Hasilnya seperti di bawah ini.


Bila kita mau mengubah tipe data ke tipe data yang lain tanpa mengubah tipe variabel yang bersangkutan, maka kita bisa gunakan intval, doubleval, dan strval seperti contoh di bawah ini.

<html>
<title>contoh konversi dengan settype dan ...val</title>
<body>
<?php
print("Contoh Konversi dengan ...val</br>");
$berat = "50.6 kg";
print("Tipe String : $berat</br>");
printf("Tipe Double : %s</br>",doubleval($berat));
printf("Tipe Integer: %s</br>",intval($berat));
printf("Tipe string: %s</br>",$berat);

$bilangan = 28;
$berat = strval($bilangan); //konversi ke string
printf("Bil. ke string :%s <br>", $berat);
?>
</body>
</html>


Selain menggunakan fungsi diatas, pengonversian juga dapat dilakukan menggunakan cara yang disebut cast, yaitu dengan mengubah tipe ekspresi yang akan diproses. Caranya, di depan ekspresi yang akan diproses, tambahkan salah satu dari bentuk berikut :
<html>
<title>contoh konversi dengan settype dan ...val</title>
<body>
<?php
print("Contoh Konversi dengan cast<br>");
$berat = "58.6 kg";
print("Tipe String : $berat</br>");
printf("Tipe Double : %s</br>",(double)($berat));
printf("Tipe Integer: %s</br>",(int)($berat));
printf("Tipe string: %s</br>",$berat);

$bilangan = 28;
$berat = strval($bilangan); //konversi ke string
printf("Bil. ke string :%s </br>", $berat);
?>
</body>
</html>
(integer)
(double)
(string)
yang digunakan untuk menggantikan intval, doubleval,dan strval.
contohnya seperti dibawah ini

Hasilnya :


Oh iya, untuk yang lupa mengapa di script ada format %s dan menggunakan printf?
%s merupakan format untuk pemanggilan variabel yang berisi nilai string
fungsi printf memiliki fungsi yang sama dengan echo dan print, namun fungsi dapat mengatur format data yang akan ditampilkan di browser contohnya menggunakan format %s.
Sekian dulu yaa..semoga bermanfaat :)

Active Record Class pada CI - Selecting Data

Salam Programmer :)
Kali ini saya akan berbagi tentang Framework Code Igniter. Mungkin teman-teman semua sudah mengetahui cara menggunakan CI ini. Tapi gak salah kan kalo kita review kembali. Kali ini kita fokus terlebih dahulu ke active record.
CI menggunakan teknik active record, di samping juga dapat memproses perintah sql. Cara ini adalah cara lain yang di gunakan di CI untuk memproses query.
Perintah-perintah di dalam Active record class yang akan kita bahas sekarang adalah Selecting Data.
- $this->db->get();
Fungsi : Untuk menampilkan semua isi tabel mahasiswa.
Contoh : $this->db->get("mahasiswa");
// Sama dengan : select * from mahasiswa.
Parameter pertama dan kedua memuat limit dan offset, yaitu :
- $query=$this->db->get("mahasiswa",10,20)
Menghasilkan : select * from mahasiswa limit 10,20
- $this->db->get_where();
Fungsi : Untuk menampilkan semua isi tabel dengan di tambah kondisi where
Contoh : $this->db-> get_where ('mahasiswa',array("id"=>$id),$limit,$offset);
// Sama dengan : select * from mahasiswa where id='$id' limit 20, 10 ;
- $this->db->select();
Fungsi : Untuk memilih tabel yang akan di proses dengan perintah select.
Contoh :
$this->db->select("nama,nilai,alamat");
$query=$this->db->get("mahasiswa");
// Sama dengan : select nama,nilai,alamat from mahasiswa;
- $this->db->from();
Fungsi : Untuk memilih tabel.
Contoh :
$this->db->select("nama,nilai,alamat");
$this->db->from("mahasiswa");
$query=$this->db->get();
// Sama dengan : select nama,nilai,alamat from mahasiswa;
- $this->db->join();
Fungsi : Untuk melakukan perintah join terhadap 2 atau lebih tabel.
Contoh :
$this->db->select("*");
$this->db->from("nilai");
$this->db->join("mahasiswa","mahasiswa.nim=nilai.nim");
$query=$this->db->get();
// Sama dengan : select * from nilai join mahasiswa on mahasiswa.nim=nilai.nim ;
- $this->db->where();
Fungsi : Untuk menerapkan kondisi where suatu syntax query.
Contoh :
$this->db->where(
"nama","anggun");$query= $this->db->get("mahasiswa");
// sama dengan :  select * from mahasiswa where nama='anggun' ;
- $this->db->like();
Fungsi : Menyatakan syntax like ke dalam query.
Contoh :
$this->db->like("nama","gaoz");
$query=$this->db->get("mahasiswa");
// sama dengan : select * from mahasiwa where nama like '%gaoz% ;
- $this->db->group_by();
Fungsi : Menambahkan perintah group by pada query.
Contoh :
$this->db->group_by(
"kota");
$query=$this->db->get(
"mahasiswa
");
// Sama dengan : select * from mahasiswa group by kota;
- $this->db->select_max();
Fungsi : Menambahkan perintah group by pada query.
Contoh :
$this->db->select_max(
"umur");
$query=$this->db->get(
"mahasiswa
");
// Sama dengan : select max(umur) from mahasiswa;


$this->db->select_max("umur","umur_mahasiswa"); $query=$this->db->get("mahasiswa");
// Sama dengan : select max(umur) as umur_mahasiswa from mahasiswa;

Polimorfisme pada pewarisan di Java

Masih seputar java, kali ini saya akan sharing mengenai apa yang baru saja saya pelajari (efek pelatihan java, baca di postingan sebelumnya), jika kemarin saya bahas mengenai overloadmethod, sekarang saya akan sharing mengenai Polimorfisme pewarisan (Inheritance) di dalam java.
Untuk menerapkan konsep pewarisan, Java menyediakan keyword extends yang dapat dipakai pada waktu mendeklarasikan suatu class. Contoh berikut merupakan implementasi dari dari hierarki class Binatang di atas.
Polimorfisme bisa diartikan satu bentuk banyak aksi. Dalam pewarisan polimorfisme dapat kita lakukan. Kita data memerintah sebuah objek untuk melakukan tindakan yang secara prinsip sama tapi secara proses berbeda.
sekarang saya akan memberikan contoh kasus sederhana mengenai Polimorfisme. Diceritakan bahwa senjata merupakan induk dari pistol, senapan, meriam, dsb. Dengan kata lain bahwa senjata merupakan pewaris sifat yang bisa diturunkan ke anak-anaknya.
Lalu kita buat objek tentara yang bisa menggunakan berbagai macam senjata dengan efek yang berbeda-beda. Nah inilah yang disebut Polimorfisme (banyak aksi). Dalam kasus ini, kita harus memasukan peluru terlebih dahulu dengan methode reload sebelum melakukan tembak.
Mari kita buat program sederhananya.
Pertama buat project dengan nama senjata
Lalu buat class dengan nama Senjata.java

package senjata;

/**
 *
 * @author  Anggun Patriana
 */
public class Senjata {
    protected int jumlahPeluru = 0;
    public void reload(int jml){
        this.jumlahPeluru +=jml;
    }
    
    public void tembak(){
    
    }
}
Lalu buat class anaknya yang sifatnya seperti induknya yaitu
1. class Pistol.java
package senjata;

/**
 *
 * @author Anggun Patriana
 */
public class Pistol extends Senjata {
   
    @Override
     public void tembak(){
        if(this.jumlahPeluru>0){
            --this.jumlahPeluru;
            System.out.println("Dor..........");
        }else{
            System.out.println("Please Reload");
        }
    }
}
2. class Senapan.java
package senjata;

/**
 *
 * @author  Anggun Patriana
 */
public class Senapan extends Senjata {
   
    @Override
     public void tembak(){
        if(this.jumlahPeluru>0){
            --this.jumlahPeluru;
            System.out.println("Duaaaaaaaaaaaaaaaar...  ");
        }else{
            System.out.println("Please Reload");
        }
    }
}
3. class Meriam.java
package senjata;

/**
 *
 * @author Anggun Patriana
 */
public class Meriam extends Senjata {
   
    @Override
     public void tembak(){
        if(this.jumlahPeluru>0){
            --this.jumlahPeluru;
            System.out.println("Booooooom..........");
        }else{
            System.out.println("Please Reload");
        }
    }
}
Lalu kita buat class Tentara.java
package senjata;

/**
 *
 * @author  Anggun Patriana
 */
public class Tentara {
   private String nama;
   private Senjata senjata;
   
   public void menembak(){   
        this.senjata.tembak();
   }

    public void mereload(int jml){   
        this.senjata.reload(jml);
   }

    public String getNama() {
        return nama;
    }

    public void setNama(String nama) {
        this.nama = nama;
    }
   
    public void setSenjata(Senjata sj) {
        this.senjata = sj;
    }
   
}
Terakhir kita buat class DemoSenjata.java yang akan mengeksekusi program yang kita buat.
package senjata;

/**
 *
 * @author Anggun Patriana
 */
public class DemoSenjata {
    public static void main (String[] args){
        Senjata sj = new Pistol();
        Tentara tentara = new Tentara();
        tentara.setNama("Rambo");
        tentara.setSenjata(sj);
        
        tentara.menembak();
        tentara.mereload(2);
        tentara.menembak();
        tentara.menembak();
        
        sj = new Senapan();
        tentara.setSenjata(sj);
        
        tentara.mereload(3);
        tentara.menembak();
        tentara.menembak();
        tentara.menembak();
        tentara.menembak();
        
        sj = new Meriam();
        tentara.setSenjata(sj);
        tentara.mereload(1);
        tentara.menembak();
        tentara.menembak();
        
       
    }
    
}
Outputnya :

Bagaimana? mudahkan? Selamat mencoba :)