Monday 26 May 2014

Membuat Barcode pada YII Framework dengan QR Code Generator

Standard

Bila kita mengunjungi suatu supermarket atau swalayan sering kita jumpai kode barcode ini pada kemasan suatu produk, dari yang kecil sampai yang besar memiliki kode barcode. Untuk mengetahui isi identitas dari produk tersebut (yang biasanya berbentuk angka) biasanya menggunakan mesin barcode.
Menurut salah satu sumber website wiki terkenal wikipedia menyatakan bahwa barcode atau kode batang adalah suatu kumpulan data optik yang dibaca mesin. Sebenarnya, kode batang ini mengumpulkan data dalam lebar (garis) dan spasi garis paralel dan dapat disebut sebagai kode batang atau simbologi linear atau 1D (1 dimensi). Tetapi juga memiliki bentuk persegi, titik, heksagon dan bentuk geometri lainnya di dalam gambar yang disebut kode matriks atau simbologi 2D (2 dimensi). Selain tak ada garis, sistem 2D sering juga disebut sebagai kode batang.
Dalam YII Framework sudah ada yang membuat extension barcode ini, tinggal kita menggunakannya saja. Ada 2 macam extension (Mei 2014) tentang barcode dalam yii framework salah satunya yaitu qr-code-generator. Extension ini bekerja pada yii versi 1.1 ke atas dan sangat mudah dalam penggunaanya.
Langkah pertama unduh extension tersebut pada alamat: http://www.yiiframework.com/extension/qr-code-generator kemudian ekstrak pada direktori protected/extensions/qrcode.
Langkah kedua buatlah direktori uploads sejajar dengan direktori protected, dapat di lihat pada gambar berikut ini:

Langkah ketiga kita langsung bisa menerapkan pada hasil cetakan produk aplikasi kita dengan menuliskan kode di bawah ini:
<?php $this->widget('application.extensions.qrcode.QRCodeGenerator',array(
    'data' => 'tulis kode barcode',
    'subfolderVar' => false,
    'matrixPointSize' => 5,
    'displayImage'=>true, // default to true, if set to false display a URL path
    'errorCorrectionLevel'=>'L', // available parameter is L,M,Q,H
    'matrixPointSize'=>4, // 1 to 10 only
)) ?>
Variabel data merupakan tempat kita menaruh isi kode barcode
matrixPointSize merupakan detail dari bentuk barcode
errorCorrectionLevel merupakan kwalitas gambar dari code barcode tersebut. L untuk terendah dan H untuk tertinggi.
matrixPointSize merupakan besar kecilnya ukuran. Parameter 1 untuk ukuran kecil dan 10 untuk ukuran besar
Ketika kita mengakses halaman yang terdapat source code ini maka secara otomatis extension akan mengenerate kode barcode yang akan disimpan pada direktori uploads yang telah dibuat berupa gambar.

Contoh Penerapan
Pada contoh topik barcode ini akan saya terapkan pada aplikasi kinerja penelitian yang barcode itu sendiri berfungsi sebagai kode verifikasi antara peneliti dengan verifikator. Code sebagai berikut:
<?php $this->widget('ext.qrcode.QRCodeGenerator',array(
    'data' => $_GET['id'],
    'subfolderVar' => false,
    'matrixPointSize' => 5,
    'displayImage'=>true, // default to true, if set to false display a URL path
    'errorCorrectionLevel'=>'L', // available parameter is L,M,Q,H
    'matrixPointSize'=>3, // 1 to 10 only
)) ?>
Pada data sayang menggunakan function GET untuk menangkap id transaksi kinerja penelitian, dan hasilnya adalah sebagai berikut:
Untuk kode barcodenya adalah sebagai berikut:
Dapat anda scan menggunakan aplikasi android yang beredar gratis pada google play store dengan kata kunci barcode scan.
Apabila kode ini anda scan maka akan diterjemahkan sebagai teks berisi "999-WAKINO-2014"

1 comment:

  1. Selamat siang, izin bertanya kak, codingan yang terdapat pada langkah 3 itu diletakkan dimana ya kak? apakah di controller tabel nya atau pada model nya? Terimakasih sebelumnya kak

    ReplyDelete


Copyright © AIMAGU. Jasa Pembuatan Website. All Rights Reserved
Design by Automattic | Blogger Theme by NewBloggerThemes | Official: www.aimagu.com