Sistem kerja scanner barcode yaitu mengambil, memindai simbol serta mengubah kode bar menjadi data elektrik dan mengirim ke komputer dengan format data sederhana. Suatu kode-kode huruf dan angka terdiri dari kombinasi garis atau bar dengan berbagai jarak disebut barcode. Hal itu sebagai salah satu cara untuk memasukkan data ke komputer.
koding dasar input barcode scanner inventory
1. Buat sebuah database phpmysql.
2. buat 3 buah file php dengan name:
- barcode
- cari
- koneksi
masukan script
- <html>
- <head>
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <meta charset="utf-8">
- <meta http-equiv="X-UA-Compatible" content="IE=edge">
- <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
- <title>Coretan Koding Barcode Scanner </title>
- <style type="text/css">
- body{
- padding: 20px
- }
- .content{
- padding: 40px 20px;
- background: pink;
- border-radius: 10px;
- }
- #input_scan{
- height:220px;width:440px;font-size:22px;padding:7px;
- }
- </style>
- <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
- <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
- </head>
- <body>
- <h1>Barcode Scanner </h1>
- <div class="content">
- <p>Scan Barcode : <input type='text' id="input_scanner"></p>
- <p><button type="button" id="btn_clear" class="btn btn-primary" style="margin-left:170px;"><span class="glyphicon glyphicon-remove"></span> Clear Field</button> </p>
- <p id="message_info"></p>
- <script>
- $(document).ready(function(){
- $('#input_scanner').val("").focus();
- $('#input_scanner').keyup(function(e){
- var tex = $(this).val();
- if(tex !="" && e.keyCode===13){
- $('#input_scanner').val(tex).focus();
- $.ajax({
- type: 'POST',
- url: 'cari.php',
- data: {"input_scanner":tex},
- beforeSend:function(response) {
- $('#message_info').html("Sedang memproses data, silahkan tunggu...");
- },
- success:function(response) {
- $('#message_info').html(response);
- }
- });
- }
- e.preventDefault();
- });
- $('#btn_clear').click(function(){
- $('#input_scanner').val("").focus();
- });
- });
- </script>
- </div>
- </div>
- </body>
- </html>
- </div>
- </body>
- </html>
kemudian simpan file dengan nama barcode.php
next masukan script
- <?php
- session_start();
- include 'koneksi.php';
- $kode_barcode=trim($_POST['input_scanner']);
- $cari=mysql_query("select * from tbl_barang where kode_barcode='$kode_barcode' ");
- $jml=mysql_num_rows($cari);
- if($jml>0){
- $data=mysql_fetch_array($cari);
- echo "<p><b> Hasil Pencarian Barang </b><br> Kode Barcode : $data[kode_barcode]</p>";
- echo "<table class='table_content'>";
- echo "
- <tr>
- <th>Kode Barcode</th>
- <td><p>".$data['kode_barcode']."</p></td>
- </tr>
- <tr>
- <th>Nama Barang</th>
- <td><p>".$data['nama_barang']."</p></td>
- </tr>
- <tr>
- <th>Harga</th>
- <td><p>".$data['harga']."</p></td>
- </tr>
- <tr>
- <th>quantity</th>
- <td><p>".$data['quantity']."</p></td>
- </tr>
- ";
- echo "</table>";
- }else{
- echo "<p class='error'>Data tidak ditemukan</p>";
- }
- ?>
kemudian save file dengan nama cari.php
terakhir masukan script
- <?php
- #koneksi ke web server lokal
- $Myhost="localhost";
- $Myuser="root";
- $Mypass="";
- $Mydbs="db_inventory";
- #konek ke web server lokal'
- $koneksidb= mysql_connect($Myhost, $Myuser, $Mypass);
- mysql_select_db($Mydbs, $koneksidb);
- ?>
kemudian save file dengan nama koneksi.php
view barcode.php belum di input scanner.
view barcode.php sudah di input scanner.
tips : gunakan alat scanner untuk mempermudah inputan data
