15 Apr 2015

Source Code Membuat QR Code dengan PHP JQuery

QR Code adalah bentuk evolusi kode batang dari satu dimensi menjadi dua dimensi. Penggunaan kode ... thumbnail 1 summary

QR Code adalah bentuk evolusi kode batang dari satu dimensi menjadi dua dimensi. Penggunaan kode QR sudah sangat lazim di Jepang Hal ini dikarenakan kemampuannya menyimpan data yang lebih besar dari pada kode batang sehingga mampu mengkodekan informasi dalam bahasa Jepang sebab dapat menampung huruf kanji. Kode QR telah mendapatkan standardisasi internasional dan standardisasi dari Jepang berupa ISO/IEC18004 dan JIS-X-0510 dan telah digunakan secara luas melalui ponsel di Jepang (wikipedia)

Untuk membuat QR Code tersebut di PHP, kita membutuhkan library PHP QR Code . Untuk penggunaanny library itu sangat mudah, Mari kita buat source code nya.

Setelah anda mendownload PHP QR Code, letakkan folder phpqrcode tersebut di dalam satu root aplikasi anda.

Buatlah sebuah file PHP function.php untuk mengolah QR Code, dan ketikkan kode berikut :

<?php
include("phpqrcode/qrlib.php");
$tempdir="";
QRcode::png('Hello World',$tempdir."file.png",QR_ECLEVEL_L, 3);
echo json_encode(array(
'status'=>'ok',
));
?>
Keterangan :
1. Include-kan library loader yaitu qrlib.php
2. Outputkan QRcode::png sebagai kode membuat QR Code. QR_ECLEVEL ini adalah ukurannya. Anda bisa mendapatkan dokumentasinya di sini . Outpu QRcode tersebut disimpan sebagai file PNG pada satu folder.

Lalu untuk frontend nya, kita membuat sebuah kode Jquery agar mendapatkan QR Code dengan cepat tanpa me-refresh halaman.

<script type="text/javascript" src="//code.jquery.com/jquery-1.9.1.js"></script>
<script>
$(document).ready(function() {
$("#create").click(function(){
$.ajax({
type: "POST",
dataType:'json',
url: "function.php",
data: $('form').serialize(),
cache: false,
success: function(result){
if(result.status=="ok")
{
$('#hasil').html('<img src="http://localhost/demoscript/qrcode/file.png">');
}
}
});
    return false;
});
});
</script>
<form>
<input name="teks" type="text"/>
<br/>
<button id="create">Bikin</button>
</form>
<div id="hasil"> </div>
Untuk yang tidak mengetahui Jquery sebelumnya, dapat melihat terlebih dahulu artikel tentang Jquery di blog ini.


Demo
Download Source Code