Paket Web Aplikasi

Membuat Aplikasi Barcode Generator (BaGen) Sederhana dengan php




Barcode tentunya kita sering lihat di berbagai produk, misal bila anda berbelanja ke swalayan anda tentu tidak asing lagi dengan garis -garis hitam yang di bawahnya ada angka angka yang ada di bagian belakang sebuah produk, sekarang kita akan mencoa membuat barcode generator (BaGen) sederhana dengan php.

Sebenarnya ini hanya mengisi waktu luang saya ketika kerjaan sudah di handle semuanya, oke langsung saja di simak tutorial singkat dan cepat ini :

  • Gunakan XAMPP versi 5.5.38 (saya gunakan versi ini saat membuatnya), untuk mendownloadnya anda bisa ke sini http://apachefriends.com
  • Buatlah sebuah folder dengan nama kode di directory C:/XAMPP/htdocs/
  • Silahkan download barcode.php untuk membuat barcode code128 di sini https://github.com/acchoblues/php-barcode
  • ekstrak hasil file zip tersebut kemudian simpan file barcode.php ke directory C:/XAMPP/htdocs/kode
  • Kemudian silahkan copy paste code di bawah ini kemudian simpan dengan nama  file index.php  di directory C:/XAMPP/htdocs/kode

<html>
<head>
<meta name="author" title="Hakko Bio Richard | www.hakkoblogs.com" />
<meta name="description" title="Barcode Generator"/>
<title>Testing Barcode | www.hakkoblogs.com</title>
</head>
<body>
<h1>INPUT FORM BARCODE</h1>
<form action="result.php" method="get" name="barcode-form">
<table>
<tr>
<td width="200">PART NO</td>
<td width="300">:
<input type="text" id="text" name="partno" />
</td>
</tr>
<tr>
<td>QTY</td>
<td>:
<input type="text" id="text" name="qty" />
</td>
</tr>
<tr>
<td>DESCRIPTION</td>
<td>:
<input type="text" id="text" name="desc" />
</td>
</tr>
<tr>
<td>TURN AROUND</td>
<td>:
<input type="text" id="text" name="turn" />
</td>
</tr>
<tr>
<td>PO</td>
<td>:
<input type="text" id="text" name="po" />
</td>
</tr>
<tr>
<td>SERIAL</td>
<td>:
<input type="text" id="text" name="serial" />
</td>
</tr>
<tr>
<td></td>
<td>&nbsp;&nbsp;<input type="submit" name="barcode-button" /></td>
</tr>
</table>

</form>
</body>
</html>


  • Selanjutnya silahkan copy dan paste code di bawah ini kemudian simpan dengan nama result.php di directory C:/XAMPP/htdocs/kode

<?php 
//dengan print text
//echo "barcode.php?text=$_GET[text]&print=true";

//Tanpa Print text
//echo "barcode.php?text=$_GET[text]";
$partno       = $_GET['partno'];
$qty       = $_GET['qty'];
$desc       = $_GET['desc'];
$turn       = $_GET['turn'];
$po       = $_GET['po'];
$serial       = $_GET['serial'];
                ?>
<html>
<head>
<meta name="author" title="Hakko Bio Richard | www.hakkoblogs.com" />
<meta name="description" title="Barcode Generator"/>
<title>Testing Barcode | www.hakkoblogs.com</title>
</head>
<body>
<table border="1">
<tr>
<td colspan="2" width="300">Part No <b><?php echo $partno; ?></b> <br /> 
(P) <img alt="<? $_GET['partno'];?>" src="<?php echo "barcode.php?size=30&text=$partno"; ?>" /></td>

<td width="200"><center><h2>MASTER</h2></center></td>
</tr>

<tr>
<td width="200">Quantity <b><?php echo $qty; ?></b><br /> 
(Q) <img alt="<? $_GET['qty'];?>" src="<?php echo "barcode.php?size=30&text=$qty"; ?>" /></td>
<td width="100"><center><b>CUSTOMER <br /> Facility</b></center></td>
<td width="200">PART NO. <br /> <?php echo $partno; ?> <br /> DESCRIPTION <br /> <?php echo $desc ?></td>
</tr>

<tr>
<td width="200">TURN AROUND # <b><?php echo $turn; ?></b><br /> 
(7) <img alt="<? $_GET['turn'];?>" src="<?php echo "barcode.php?size=30&text=$turn"; ?>" /></td>
<td colspan="2" width="300">PO # <b><?php echo $po; ?></b><br /> 
(K) <img alt="<? $_GET['po'];?>" src="<?php echo "barcode.php?size=30&text=$po"; ?>" /></td>
</tr>

<tr>
<td colspan="2" width="270">SERIAL (4S) <b><?php echo $serial; ?></b><br /> 
(7) <img alt="<? $_GET['serial'];?>" src="<?php echo "barcode.php?size=30&text=$serial"; ?>" />
<br /> HAKKO BIO RICHARD &copy; 2017 </td>
<td><center>PRINT DATE</center> <br />
<center><b><?php echo date('d/m/Y'); ?></b></center></td>
</tr>
</table><br />
<a href="#" onclick="window.print()"> PRINT </a><br /><br />
<a href="index.php"> BACK </a>
</body>
</html>


  • Silahkan jalankan di browser dengan mengetikan di address bar localhost/kode maka akan muncul tampilan form input seperti di bawah ini :
  • Isi form tersebut kemudian generate dengan mengklik submit maka ana akan mendapatkan barcode seperti contoh di bawah ini

Bagaimana.? mudah bukan.? pastinya ya, untuk lebih mempermudah proses belajar saya juga sudah menyiapkan link download source code, jadi ketika error anda bisa mengamati code yang sudah benar karena pada dasarnya learning by doing itu asik, dengan teknik ATM (amati, tiru dan modifikasi) saya yakin anda bisa membuat barcode generator yang lebih canggih dan keren daripada saya, Semoga tutorial singkat ini bisa beranfaat untuk anda semua.

untuk link download source code nya anda bisa ke link berikut ini :


Ilmu sedikit akan berkah bila dibagikan, karena berbagi itu asyik, berbagi itu bisa membantu orang yang membutuhkan, silahkan di coba dan di pelajari tetap semngat belajar ya.

Happy Coding & Programming

Previous
Next Post »

Komentar