Integrasi Aplikasi Web Dan Barcode Scanner-Part1 PDF

Integrasi aplikasi Web dan Barcode scanner – part 1
Tutorial singkat yang bersifat opensources di gunakan untuk membuat aplikasi berbasis website dengan
menggunakan kode berdasarkan kode unik yang terkandung dalam suatu text dan bias terbaca oleh
barcode reader.
Di kesempatan rutinitas pekerjaan saya sebagai software house programmer,saya akan bagikan
mengenai hal yang saya ingat 2 tahun yang lalu, mengenai pembuatan applikasi php yang di integrasi
dengan barcode scanner.APA ITU BARCODE SCANNER ?? barcode scanner sendiri hanyalah sebutan alat
yang di gunakan untuk membaca sistemasi barcode.
Langkah Pengerjaan.
1. Membuat layout aplikasi

2. Membuat print barcode.
3. Mengenali barcode.
4. Menyimpan dalam database.
5. Siapkan kopi + rokok
1). Membuat Aplikasi
Seperti biasa,langkah awal untuk membuat aplikasi ini adalah menyiapkan database, disini saya gunakan
mysql:
Ikuti script saya di bawah ini.
-- Membuat Tabel barang

CREATE TABLE IF NOT EXISTS `barang` (
ìd_barang` int(255) NOT NULL AUTO_INCREMENT,
`nama_barang` text NOT NULL,
`qty` int(255) NOT NULL,
`kategori` varchar(255) NOT NULL,
`harga` int(255) NOT NULL,
PRIMARY KEY (ìd_barang`)
) ENGINE=InnoDB DEFAULT CHARSET=latin1 AUTO_INCREMENT=3 ;
-- insert data ke dalam tabel
INSERT INTO `barang` (ìd_barang`, `nama_barang`, `qty`, `kategori`, `harga`) VALUES
(1, 'rinso', 5, 'sabun', 10000),
(2, 'polo', 10, 'baju', 80000);
Gambar query database.
Page 1
Gambar Hasil pembuatan .
Membuat tampilan Awal aplikasi yang ingin di saya implementasikan.APA itu sulit ?? TIDAK !! sama
sekali tidak ada yang sulit di dunia programing ini, semua berawal dari pkiran masing masing kita setiap
individu untuk menyikapi scripting ini.
Gambar di atas merupakan gambar design.
Langkah ini tentunya kita butuhkan adalah koneksitas database terlebih dahulu. Seperti gambar yang
terletak di bawah ini. Dapat mencopy dan paste source code berikut ini. Simpan dan beri nama db.php
<?php
$server = "localhost";
$name = "root";
$pass = "";
$dbname = "perusahaan";
$conn = mysql_connect($server,$name,$pass) or die("Connecting Problem");
if($conn){
Page 2
mysql_select_db($dbname) or die("Connecting Problem");
}
?>
Lalu buat file index.php pada folder tersebut,pada folder saya ini,saya membuat folder
barcode.sehingga apabila di tuliskan pada url menjadi localhost/barcode/
Lalu buat cript di bawah ini / bias di download di sini.
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Integrasi barcode scanner</title>
<style type="text/css">
body{
background:#CCC;
margin:0px;
padding:none;
}
#main{
width:960px;
min-height:500px;
margin:0px auto;
background:#FFF;
}
#content{
margin:0px 10%;
}
label{
min-width:100px;
}
h2{
margin-top:0%;
}
table#force{
border:solid 1px #666;
width:80%;
}
table#force th{
Page 3
border:solid 1px #666;
background:#006;
color:#FFF
}
</style>
</head>
<body>
<div id="main">
<div id="content">
<h2 align="center">Integrasi barcode scanner</h2>
<?php
include"db.php";
$nama = isset($_POST['nama']);
if($nama)
{
$idbarang =$_POST['idbarang'];
$nama = $_POST['nama'];
$jumlah = $_POST['jumlah'];
$kategori = $_POST['kategori'];
$harga = $_POST['harga'];
if(!empty($idbarang))
{
mysql_query("UPDATE barang SET nama_barang = '$nama' , qty
= '$jumlah' , kategori ='$kategori' ,harga = '$harga' WHERE id_barang = '$idbarang'");
}
else
{
mysql_query("INSERT INTO barang VALUES
('NULL','$nama','$jumlah','$kategori','$harga')");
}
}
//DELETE files
$idb = isset($_GET['h']);
if($idb)
{
$idb = $_GET['h'];
mysql_query("DELETE FROM barang WHERE id_barang = '$idb'");
Page 4
}
$ide = isset($_GET['e']);
if($ide)
{
$ide = $_GET['e'];
$tampil = mysql_query("SELECT *FROM barang WHERE id_barang = '$ide'");
while($rowedit = mysql_fetch_array($tampil))
{
$idbar = $rowedit['id_barang'];
$nam = $rowedit['nama_barang'];
$jum = $rowedit['qty'];
$kat = $rowedit['kategori'];
$rego = $rowedit['harga'];
}
}else
{
$idbar="";
$nam ="";
$jum ="";
$kat ="";
$rego="";
}
?>
<form action="index.php" method="post">
<table >
<tr><td></td><td><input type="hidden" name="idbarang" value="<?php echo $idbar ?>"
/></td></tr>
<tr><td><label>Nama Barang</label></td><td><input type="text" name="nama" value="<?php
echo $nam ?>" required placeholder="Nama Barang" /></td></tr>
<tr><td><label>Jumlah Barang</label></td><td><input type="number" value="<?php echo
$jum ?>" name="jumlah" required /><br/>
<tr><td><label>kategori Barang</label></td><td><select name="kategori">
<option value="<?php echo $kat?>"><?php echo
$kat?></option>
<option value="baju">baju</option>
<option value="sabun">sabun</option>
</select></td></tr>
<tr><td><label>harga Barang</label></td><td><input type="number" value="<?php echo
$rego?>" name="harga" required /></td></tr>
Page 5
<tr><td></td><td><input type="submit"/></td></tr>
</table>
</form>
</div>
<table id="force" align="center">

<thead>
<tr>
<th style="border:solid 1px #666">No</th>
<th>Nama Barang</th>
<th>Jumlah</th>
<th>Kategori</th>
<th>Harga Satuan</th>
<th>Action</th>
</th>
</thead>
<?php
$no=1;
$data = mysql_query("SELECT *FROM barang");
while($rows = mysql_fetch_array($data))
{
?>
<tr <?php if($no%2==0) echo "bgcolor='#CCCCCC'"?> >
<td><?php echo $no; ?></td>
<td><?php echo $rows['nama_barang']; ?></td>
<td><?php echo $rows['qty']; ?></td>
<td><?php echo $rows['kategori']; ?></td>
<td><?php echo $rows['harga']; ?></td>
<td><a href="index.php?e=<?php echo $rows['id_barang']?>">Ubah</a> | <a
href="index.php?h=<?php echo $rows['id_barang']?>">Hapus</a></td>
</tr>
<?php $no++;
}
?>
</table>
</div>
</body>
</html>
Page 6
Sehingga akan menghasilkan gambar di bawah ini. Bila localhost/barcode di panggil menggunakan
browser bawaan anda.
Gambar hasil pembuatan aplikasi.
Demikian tutorial dari saya , yang akan bersambung ke part ke 2 untuk minggu depan, karena
saya hanya di berikan waktu yang sedikit untuk menuliskan di sela sela kesibukan saya selama ini.
Semoga bermanfaat bagi pecinta website dan para development di Indonesia. 2014 – Cryme Gembe
Page 7
Page 8

Integrasi Aplikasi Web Dan Barcode Scanner-Part1 PDF

Diunggah oleh

Informasi Dokumen

Judul Asli

Hak Cipta

Format Tersedia

Bagikan dokumen Ini

Bagikan atau Tanam Dokumen

Opsi Berbagi

Apakah menurut Anda dokumen ini bermanfaat?

Apakah konten ini tidak pantas?

Hak Cipta:

Format Tersedia

Integrasi Aplikasi Web Dan Barcode Scanner-Part1 PDF

Diunggah oleh

Hak Cipta:

Format Tersedia

Integrasi aplikasi Web dan Barcode scanner – part 1

1. Membuat layout aplikasi

1). Membuat Aplikasi

Ikuti script saya di bawah ini.

-- Membuat Tabel barang

Gambar di atas merupakan gambar design.

Lalu buat cript di bawah ini / bias di download di sini.

<table id="force" align="center">

Gambar hasil pembuatan aplikasi.

Anda mungkin juga menyukai