Some text some message..
Some text some message..
Some text some message..
Some text some message..
  • Beranda
  • »
  • Artikel
  • »
  • Membuat Inventory Dilengkapi Barcode Generator Dengan PHP dan Mysql

Membuat Inventory Dilengkapi Barcode Generator Dengan PHP dan Mysql

previous Previous Page

Sistem inventory merupakan bagian dari sistem pengelolaan (managemen) suatu barang. Untuk memudahkan sistem inventory berjalan dengan baik, perlu diterapkan sistem berbasis teknologi informasi. Sistem ini akan membantu pengawasan pergerakan barang masuk, pergerakan barang di dalam gudang, dan juga pergerakan barang keluar.

Sistem informasi yang dimaksud adalah menciptakan sistem yang terhubung dengan database melalui pembuatan barcode generator untuk setiap item barang. Jadi setiap barang nantinya akan diberikan kode barcode unik. Kode barcode ini digunakan untuk menghubungkan dengan detail barang lainnya seperti nama barang, jumlah barang dan juga harga barang untuk setiap itemnya.

]

Proses pengecekannya cukup sederhana, hanya dengan melakukan pemindaian cepat (scanning) pada barang dan item barang yang sudah terhubung dengan data base akan ditampilkan dengan lebih cepat. Penggunaan barcode akan mempercepat proses pengecekan tanpa harus menuliskan kode barang secara manual, namun dengan hanya sekali scan saja maka data akan segera ditampilkan.

Pada artikel kali ini, saya akan mencoba untuk membahas cara membuat sistem inventory yang dilengkapi barcode generator. Cara kerjanya adalah, saat terjadi proses input barang dan menyimpannya ke dalam database, maka kode barcode akan disimpan dan juga akan menyimpan atau menghasilkan gambar (image) barcode. Gambar barcode sendiri merupakan gambar berbentuk kotak atau persegi panjang yang disusun atas rangkaian garis hitam paralel dan spasi putih dengan tingkat kerapatan tertentu. Nantinya untuk proses pengecekannya dapat menggunakan bantuan scanner.

Membuat Database Mysql

Hal pertama kali yang harus disiapkan adalah database beserta tablenya. Data yang akan digunakan kali ini merupakan data yang sederhana. Isinya berupa id_inventory, nama_barang, kode_barcode, img_barcode, quantity, dan harga_satuan. Untuk membuat database, silahkan aktifkan xampp ataupun wamp server. Kemudian untuk mengakses phpMyadmin silahkan ketik pada browser localhost/phpmyadmin » New. Lalu pada tab Databases ketik nama database (kali ini saya menggunakan nama 'sample') » kemudian tekan create

database barcode inventory

Silahkan buat table dengan konten seperti dibawah ini :

table barcode inventory

Anda bisa mempermudah dengan menyalin script berikut, kemudian jalankan pada command sql query :

CREATE TABLE `inventory`  (
`id_inventory` int(11) NOT NULL AUTO_INCREMENT,
`nama_barang` varchar(100) CHARACTER SET latin1 COLLATE latin1_swedish_ci NOT NULL,
`kode_barcode` varchar(50) CHARACTER SET latin1 COLLATE latin1_swedish_ci NOT NULL,
`img_barcode` varchar(50) CHARACTER SET latin1 COLLATE latin1_swedish_ci NOT NULL,
`quantity` int(10) CHARACTER SET latin1 COLLATE latin1_swedish_ci NOT NULL,
`harga` int(10) CHARACTER SET latin1 COLLATE latin1_swedish_ci NOT NULL,
PRIMARY KEY (`id_inventory`) USING BTREE
) ENGINE = InnoDB AUTO_INCREMENT = 67 CHARACTER SET = latin1 COLLATE = latin1_swedish_ci ROW_FORMAT = Compact;

Membuat Inventory Dengan Barcode Generator

Pembuatan barcode kali ini, masih menggunakan library php-barcode. Library tersebut merupakan library berbasis php yang digunakan sebagai pembuat image (gambar) barcode. Hasil gambar barcode yang berhasil diciptakan oleh library ini, sudah diuji dan akurat saat dilakukan scan pada mesin barcode scanner.

Pada halaman utama (index.php), akan menampilkan inputan data yang digunakan untuk memasukkan data seperti nama barang, kode barcode quantity dan juga harga. Saat pengguna menekan tombol Simpan, maka halaman akan diarahkan menuju halaman simpan_inventory.php. Halaman ini digunakan untuk melakukan pemrosesan data, seperti membuat gambar barcode dan juga menyimpan data pada database.

Berikut halaman index.php :

Kode Script :

1.  <!DOCTYPE html>
2.  <html>
3.  <head>
4.     <meta charset="utf-8">
5.     <title>Membuat Inventory Dilengkapi Barcode Generator</title>
6.     <link href="https://fonts.googleapis.com/css2?family=Roboto&display=swap" rel="stylesheet">
7.     <link href="style.css" rel="stylesheet">
8.  </head>
9.  <body>
10.    <h1>Membuat Inventory Dilengkapi Barcode Generator</h1>
11.    <p>
12.    <form method="post" action="simpan_inventory.php">
13.    <fieldset>
14.    <table id="tabel_inventory">
15.    <tr><td>Nama Barang</td><td><input type="text" name="nama_barang" id="nama_barang" required></td></tr>
16.    <tr><td>Kode Barcode</td><td><input type="text" name="kode_barcode" id="kode_barcode" minlength="4" maxlength="20" required></td></tr>
17.    <tr><td>Quantity (pcs)</td><td><input type="text" name="quantity" id="quantity" required></td></tr>
18.    <tr><td>Harga Satuan (Rp)</td><td><input type="text" name="harga" id="harga" required></td></tr>
19.    </table>
20.    <p>
21.    <input type="submit" id="btn_simpan" value="Simpan">
22.    </p>
23.    </fieldset>
24.    </form>
25.    </p>
26.    <p>
27.    <a href="view_inventory.php" class="button_">Tampilkan Inventory</a>
28.    </p>
29. </body>
30. </html>

Penataan elemen HTML menggunakan CSS (style.css) sebagai berikut :

CSS

1.  *,#btn_submit,a:link{
2.     font-family: 'Roboto', sans-serif;
3.  }
4.  #tabel_inventory tr td:nth-child(1){
5.     width:180px;
6.  }
7.  #tabel_inventory tr td:nth-child(2){
8.     width:220px;
9.  }
10. 
11. fieldset label {
12.    display: inline;
13.    margin: 5px 0px;
14. }
15. 
16. fieldset #nama_barang,fieldset #kode_barcode,fieldset #quantity,fieldset #harga
17. {
18.    width:100%;
19.    height: 33px;
20.    border: 1px solid #ddd;
21.    margin: 5px 0px;
22.    padding: 0px 5px;
23.    
24. }
25. a:link{
26.    text-decoration:none;
27. }
28. #btn_simpan{
29.    display: inline;
30.    margin-right: 10px;
31.    background-color: #008000;
32.    color: white;
33.    border-radius:3px;
34.    opacity: 0.8;
35.    padding: 10px 40px;
36.    border: none;
37.    outline: none;
38.    cursor: pointer;
39. }
40. .button_{
41.    display: inline;
42.    margin-right: 10px;
43.    background-color: #483D8B;
44.    color: white;
45.    border-radius:3px;
46.    opacity: 0.8;
47.    padding: 10px 40px;
48.    border: none;
49.    outline: none;
50.    cursor: pointer;
51. }
52. #btn_simpan:hover, .button_:hover{
53.    opacity: 1;
54. }
55. .tbl_inventory_view th{
56.    border:solid 1px #FFA500;padding:7px;
57. }
58. .tbl_inventory_view td{
59.    border:solid 1px #FFA500;padding:2px 5px;text-align:left;
60. }

Berikut Halaman simpan_inventory.php :

Kode Script :

1.  <?php
2.     $get_connect=mysqli_connect("localhost","root","","sample") or die('unable to access database');
3.     
4.     $nama_barang=addslashes(trim(htmlspecialchars($_POST['nama_barang'])));
5.     $kode_barcode=addslashes(trim(htmlspecialchars($_POST['kode_barcode'])));
6.     $quantity=addslashes(trim(htmlspecialchars($_POST['quantity'])));
7.     $harga_satuan=addslashes(trim(htmlspecialchars($_POST['harga'])));
8.     $img_barcode=$kode_barcode.".png";
9.     
10.    /*cek duplicate kode_barcode*/
11.    $check=mysqli_query($get_connect,"select * from inventory where kode_barcode='$kode_barcode' ");
12.    $jml_data=mysqli_num_rows($check);
13.    if($jml_data>0){
14.      echo "<script>alert('Kode barcode sudah tersedia, silahkan buat yang lain.'); window.history.go(-1);</script>";
15.      die();
16.    }
17.    /*processing barcode*/
18.    $tempdir="img-barcode/";
19.    if (!file_exists($tempdir))
20.    mkdir($tempdir, 0755);
21.    $target_path=$tempdir . $kode_barcode . ".png";
22. 
23.    /*using server online
24.    $protocol=stripos($_SERVER['SERVER_PROTOCOL'], 'https') === 0 ? 'https://' : 'http://';
25.    $fileImage=$protocol . $_SERVER['HTTP_HOST'] . dirname($_SERVER['PHP_SELF']) . "/php-barcode/barcode.php?text=" . $_POST['kode_barang'] . "&codetype=code128&print=true&size=55";
26.    */
27.    /*using server localhost*/
28.    $fileImage="http://localhost".dirname($_SERVER['PHP_SELF']) . "/barcode.php?text=" . $kode_barcode . "&codetype=code128&print=true&size=55";
29.    $content=file_get_contents($fileImage);
30. 
31.    /*save file */
32.    file_put_contents($target_path, $content);
33.    
34.    $input=mysqli_query($get_connect,"insert into inventory(nama_barang,kode_barcode,img_barcode,quantity,harga_satuan)
35.                    values('$nama_barang','$kode_barcode','$img_barcode','$quantity','$harga_satuan')");
36.    if($input){
37.      echo "<script>alert('Data berhasil disimpan'); window.location.href='index.php';</script>";
38.    }else{
39.      echo "<script>alert('Data gagal disimpan'); window.history.go(-1);</script>";
40.    }
41.    
42. ?>

Penjelasan :
Pada halaman index.php, Form diciptakan dengan konten input dari data yang akan dikirimkan ke server (simpan_inventory.php). Untuk memudahkan penataan tampilan form, digunakan HTML tag <table>, Tautan link berbentuk tombol digunakan sebagai link antar halaman menuju halaman view_inventory.php, dimana halaman tersebut digunakan untuk menampilkan data yang berhasil disimpan (baris ke-27).

Pada halaman simpan_inventory.php, Data yang berhasil dikirim ke server diambil dengan menggunakan metoda post. Baris ke-10 s.d 16, digunakan untuk melakukan pengecekan data. Jika kode_barcode nya ganda, maka tidak akan diproses. Proses pembuatan gambar barcode dilakukan pada baris ke-28 s.d 32. Kode barcode yang sudah dikirim, lalu diproses oleh library php-barcode yang pada akhirnya disimpan dalam bentuk gambar dengan ekstensi png. Setelah itu data disimpan pada server (baris ke-34).

Saat halaman pertama kali dijalankan dan pengguna memasukkan data, menghasilkan tampilan :

input barcode inventory

Saat data berhasil disimpan :

input barcode inventory

Menampilkan Data Inventory

Setelah data berhasil disimpankan, artinya data tersebut sudah siap digunakan. Untuk mengecek keberadaan data, perlu dibuatkan halaman untuk menampilkan data tersebut. Kali ini saya menggunakan view_inventory.php untuk menampilkannya :

Kode Script :

1.  <!DOCTYPE html>
2.  <html>
3.  <head>
4.     <meta charset="utf-8">
5.     <title>Membuat Inventory Dilengkapi Barcode Generator</title>
6.     <link href="https://fonts.googleapis.com/css2?family=Roboto&display=swap" rel="stylesheet">
7.     <link href="style.css" rel="stylesheet">
8.  </head>
9.  <?php
10. $get_connect=mysqli_connect("localhost","root","","sample") or die('unable to access database');
11. $seq=mysqli_query($get_connect,"select * from inventory order by id_inventory asc ");
12. $jml_data=mysqli_num_rows($seq);
13. if($jml_data>0){
14.    echo "<table class='tbl_inventory_view'>";
15.    echo "<tr><th>Id</th><th>Nama Barang</th><th>Kode Barcode</th><th>Gambar Barcode</th><th>Quantity (pcs)</th><th>Harga (Rp)</th></tr>";
16.    while($data=mysqli_fetch_array($seq)){
17.      echo "<tr><td>$data[id_inventory]</td><td>$data[nama_barang]</td><td>$data[kode_barcode]</td><td><img src='img-barcode/$data[img_barcode]'><br><a href='print_barcode.php?file=$data[img_barcode]'>Print</a></td><td>$data[quantity]</td><td>$data[harga_satuan]</td></tr>";
18.    }
19.    echo "</table>";
20. }else{
21.    echo "Data masih kosong";
22. }
23. ?>
24. </body>
25. </html>

Halaman untuk mengerjakan print document (print_barcode.php) sebagai berikut :

PHP

1.  <!DOCTYPE html>
2.  <html>
3.  <head>
4.  <meta charset="utf-8">
5.  <title>print document</title>
6.  <style>
7.  img{
8.     margin: 10px;
9.  }
10. </style>
11. </head>
12. <body onload="window.print();">
13. <?php
14.    for($x=1; $x<=10; $x++){
15.    echo "<img src='img-barcode/" .$_GET['file'] ."'>";
16. }
17. ?>
18. </body>
19. </html>

Saat pengguna menekan tombol Tampilkan Inventory akan menghasilkan :

barcode inventory

Saat Pengguna menekan tautan link Print :

barcode inventory

Demikian artikel pembuatan inventory dilengkapi dengan barcode generator. Semoga bermanfaat. Jika anda membutuhkan materi artikel ini, silahkan disini. File merupakan file zip yang terdiri dari beberapa file .php dan juga library barcode (.php)

   0   3.523

Kategori : tag iconhtml - tag iconcss - tag iconphp - tag iconmysql - tag icontech - tag iconbarcode

facebooktwitterwhatapplinkedinpinterest

previous Previous Page

Tinggalkan Balasan

Nama Pengguna* :

Email* :

 

Mengirim Komentar

Setiap pengunjung situs ini dapat memposting komentar disini, namun tidak semua komentar dapat ditampilkan. Gunakan kalimat baku bahasa Indonesia yang mudah dimengerti. Dilarang memposting kalimat yang berisi ujaran kebencian, SARA, pornografi, perjudian dan spam. Komentar harus sesuai dengan topik. Untuk bahasan lainnya yang lebih mendalam dapat menggunakan sarana forum. Anda dapat mengirimkan suatu pertanyaan dan member lainnya akan menjawab pertanyaan Anda.

News Letters

Silahkan masukkan email Anda untuk berlangganan informasi kami

Polling

1. Apakah website ini menambah pengetahuan Anda?
 Ya
 Tidak
 Tidak Tahu
2. Seberapa sering Anda mengunjungi website ini?
 Sering
 Jarang
 Tidak Pernah
3. Apakah penilaian Anda terhadap website ini, jika melihat dari segi konten/isi?
 Sangat Bagus
 Bagus
 Cukup Bagus
 Kurang Bagus
4. Apakah penilaian Anda terhadap website ini, jika melihat dari segi tampilan?
 Sangat Bagus
 Bagus
 Cukup Bagus
 Kurang Bagus
5. Untuk meningkatkan kualitas website ini, Apakah saran Anda?

 


Visitor Live Chat

 admin(04 Mar 2021 at 10:52 am)

Silahkan anda memberikan masukkan chat (obrolan) pada fasilitas chat ini. Konten bebas, sopan dan menghargai pendapat orang lain..

 _Dicky (06 Mar 2021 at 03:24 pm)

Said : Oops, It's nice content

 billy_123 (06 Mar 2021 at 03:26 pm)

Said : Anyone, can you explain about HTMl.. what is it???

 _Dicky (06 Mar 2021 at 03:27 pm)

Said : HTML is abbreviation ..

 _Dicky (06 Mar 2021 at 03:28 pm)

Said : It's Stand for Hyper text mark up language..

 billy_123 (06 Mar 2021 at 03:28 pm)

Said : It's so clear right now..

 billy_123 (06 Mar 2021 at 03:29 pm)

Said : and what about CSS

 _Dicky (06 Mar 2021 at 03:29 pm)

Said : css for styling sheet guys..

 rizky yuda (07 Mar 2021 at 12:30 pm)

Said : Konten cukup menambah wawasan...

 suryadi (13 Mar 2021 at 06:46 pm)

Said : Boleh request artikel cara koneksi database msyql ke php..

 Nettie Rutherfo (08 Apr 2021 at 12:30 pm)

Said : Auto

 Tedy (29 Mei 2021 at 12:09 pm)

Said : nice blog and articles..

 Ms. Doyle Mann (02 Jun 2021 at 09:56 pm)

Said : card

 flowrie_skylee (12 Jun 2021 at 01:24 pm)

Said : nice content

 Nelson Schaefer (12 Jul 2021 at 04:01 pm)

Said : JSON

 ooppp (18 Jul 2021 at 11:44 pm)

Said : 000popooppi

 Mrs. Jeff Boehm (01 Agt 2021 at 11:01 am)

Said : fuchsia

 dharma (07 Sept 2021 at 05:16 pm)

Said : ini support PHP 8?

 admin (12 Sept 2021 at 12:50 pm)

Said : #dharma masih dalam ruang lingkup PHP versi 7.
Namun untuk ke depannya akan dipertimbangkan agar support PHP 8, jika perubahan dari PHP 7 ke PHP 8 memang dirasa sangat signifikan.

 sadas (13 Jan 2022 at 09:48 am)

Said : Hello

 sutiyono (15 Jan 2022 at 09:36 am)

Said : konten cukup menarik.

 Fuad (08 Mar 2022 at 05:00 pm)

Said : Maksih bang kontennya, sangat membantu.

 admin (10 Mar 2022 at 12:18 pm)

Said : #Fuad Sama sama bang.. terima kasih sudah mampir di blog ini..

 Ferdian (09 Mei 2022 at 11:31 pm)

Said : bang bisa tolong buatkan contoh tamplate kirim email verifikasi gak?

 admin (10 Mei 2022 at 09:44 pm)

Said : Bang #Ferdian, artikelnya belum dibuat. Tapi ada kesamaan konsep yang dapat ditemukan pada halaman : Membuat Form Newsletters Interaktif Dengan Kode Verifikasi Dikirim Via Email,
Silahkan download source code dan file penunjangnya di sana. dan coba kembangkan untuk mengirimkan verifikasi via email untuk penggunaan yang lainnya.

Visitor Name
Email

 I'm not a robot