Mengubah Ukuran LayOut Label Plus Barcode Pada PLugin SLiMS 5 , 7

Ketahuilah Sejarah plugin SLiMS label plus barcode !!

Pada SLiMS 5 (Meranti ) & 7 (Cendana) telah dibuat plugin SLiMS label plus barcode. Pada awal nya plugin SLiMS label plus barcode ini hanya dapat dipasang pada SLiMS 5. plugin SLiMS label plus barcode dibuat pertama oleh SLiMerS,  Muh Tarom (http://irigomi.com) dibuat pada hari Friday, 05 October 2012

Dan pada SLiMS 7 plugin SLiMS label plus barcode ini digeek ( geek=oprek) plus warna juga. oleh SLiMerS , Sholihul Hadi (http://facebook.com/hadhie) pada hari Sunday, 24 November 2013

Terima  kasih banyak kak Muh Tarom dan kak Sholihul Hadi …. #salaman #cipika #cipiki

Cara Menginstall Plugin SLiMS label plus barcode (warna)

silahkan baca dan pratikkan Cara Install plugin SLiMS label plus barcode warna baca di http://slimskudus.blogspot.com/2014/03/plugin-label-barkod-warna-pada-slims-7.html

Cara Mengubah Layout Plugin SLiMS label plus barcode (warna)

Nah pasti ada SLiMerS tertentu yang ingin tampilan label plus barcode (warna) nya sesuai keinginan, merubah warna , merubah ukuran label, merubah ukuran barcode, merubah ukuran label.
Plugin ini ditangani oleh dua file utama yaitu label_barcode_generator.php dan printed_settings.inc.php. Pernah lihat mesin biskuit ??? Fungsi dari label_barcode_generator.php adalah layak nya mesin proses biskuit – memproses pembuatan label plusbarcode nya. Sedangkan printed_settings.inc.php adalah layak nya pencetak biskuit nya.
Saran Agar memahami merubah layout gantilah persetingan , kemudian coba cetak label, dan lihat hasil nya.
Lanjut merubah layout plugin label plus barcode,
1. Buka file label_barcode_generator.php dan printed_settings.inc.php menggunakan Notepad ++, Buka kedua nya

Amatilah , dan bacalah baris baris kode tersebut, meskipun belum ahli pemrograman PHP / HTML pasti nya kita Faham bahasa Inggris. Dan kita semua pasti pernah melayout halaman pada dokumen word —- ya analogi nya sama antara lay out web dengan lay out dokumen word apa itu margin-top margin-left , background, font , font-size, lebar kertas dan sebagai nya

Mengubah Lebar Label Keseluruhan

a. Pada label_barcode_generator.php lihat pada .labelStyle ini digunakan untuk mengatur stile label,
.labelStyle terkait dengan barisan // label print settings. printed_settings.inc.php . untuk merubah nya fahami baris kode berikut
$sysconf['print']['label']['page_margin'] = 0.1; ——–> Mengatur margin label
$sysconf['print']['label']['items_per_row'] = 2; —> Mengatur banyak label perbaris kertas
$sysconf['print']['label']['items_margin'] = 0.05; ——–> Mengatur margin label
$sysconf['print']['label']['box_width'] = 9.5; ——–> Mengatur lebar label
$sysconf['print']['label']['box_height'] = 3.5; ——–> Mengatur tinggi label
$sysconf['print']['label']['include_header_text'] = 1; // change to 0 if dont want to use header in each label ——–> Mengatur judul label, default adalah nama perpustakaan
$sysconf['print']['label']['header_text'] = ”; // keep empty if you want to use Library Name as a header text ——–> Mengatur judul label, default adalah nama perpustakaan
$sysconf['print']['label']['fonts'] = “Arial, Verdana, Helvetica, ‘Trebuchet MS’”; —> Mengatur bentuk font
$sysconf['print']['label']['font_size'] = 11; —> Mengatur ukuran font
$sysconf['print']['label']['border_size'] = 1; // in pixels —> Mengatur tebal garis label

lebih jelas nya lihat gambar berikut ini 

 Mengenai layout sisi sisi lihat gambar berikut

Berikut ini adalah contoh label plus barcode dengan lebar 19cm , dengan leftSide dan rightSoide 50% : 50 %, dengan Tinggi 4.5cm

Mengubah Lebar Label Sisi Kiri ( Sisi Barcode )

b. .leftSide ini digunakan untuk mengatur sisi kiri / sisi barcode. Default bawaan nya adalah   lebar nya 33% dari lebar keseluruhan.
Jika ingin sisi kiri tambah lebar ubah nilai 30% menjadi lebih besar.
Harap dicatat nilai ini harus seimbang dengan nilai .rightSide. Jika .leftSide diubah maka .rightSide juga harus diubah karena total nilai kedua nya harus 99% karena 1% UNTUK LEBAR BORDER . Misal .leftSide berukuran 40%  maka .rightSide berukuran 59%

Mengubah Ukuran “Gambar” Barcode

c. .leftSide dan .barcode ini digunakan untuk mengatur “gambar” barcode
Barcode adalah gambar, terkait dengan barisan // label print settings. printed_settings.inc.php . untuk merubah layout barcode fahami barisan kode berikut

$sysconf['print']['barcode']['barcode_page_margin'] = 0.2; —-> Mengatur margin barcode
$sysconf['print']['barcode']['barcode_items_per_row'] = 3; —-> Mengatur jumlah barcode perbaris
$sysconf['print']['barcode']['barcode_items_margin'] = 0.1; —> Mengatur item margin barcode
$sysconf['print']['barcode']['barcode_box_width'] = 3.8; —> Mengatur lebar “gambar” barcode
$sysconf['print']['barcode']['barcode_box_height'] = 2.6; —> Mengatur tinggi ”gambar” barcode
$sysconf['print']['barcode']['barcode_include_header_text'] = 0;  —> Mengatur tampil nya judul buku pada barcode, jika ingin tanpa tampilan judul ganti dengan 0
$sysconf['print']['barcode']['barcode_cut_title'] = 35; // maximum characters in title to appear in each barcode. change to 0 if you dont want the title cutted —> Mengatur tampil nya banyak huruf pada judul buku
$sysconf['print']['barcode']['barcode_header_text'] = ”; // keep empty if you want to use Library Name as a header text —> Biarkan kosong jika menggunakan nama perpustakaan sebagai judul atas  baracode. ini tidak berlaku pada label plus barcode !!!!!!!
$sysconf['print']['barcode']['barcode_fonts'] = “Arial, Verdana, Helvetica, ‘Trebuchet MS’”; // font to use —-> Mengatur jenis font
$sysconf['print']['barcode']['barcode_font_size'] = 8; —-> Mengatur ukuran font
$sysconf['print']['barcode']['barcode_scale'] = 100; // barcode scale in percent relative to box width and height —-> Mengatur skala pembesaran gambar barcode pada box
$sysconf['print']['barcode']['barcode_border_size'] = 1; // in pixels —> Mengatur lebar garis tepi pada box

Mengubah LayOut Cetak Header Nama Perpustakaan Pada Label

c. .labelHeaderStyle ini digunakan untuk mengatur cetak judul pada label. Secara umum tidak perlu mengutak atik setingan ini
Mengubah Warna Kode Klasifikasi
Untuk mengubah warna , maka perhatiak barisan kode , pada baris 193 sampai 203.
Contoh if   ($color_label==0){$warna = ‘#0080C0′;}

Maksud kode program  diatas adalah jika buku berkelas 0 maka warna header nya berwarna biru
Nah alat bantu kode warna adalah GIMP , dapat anda download di www.gimp.org  

Cara menggunakan nya silahkan dobel klik pada palet warna , maka kotak color picker akan muncul
Silhakan geser pada kotak warna maka kode warna HTML akan muncul, copy paste kodetersebut

Mengubah LayOut cetak Call Number
d. Call Number adalah nomor panggil buku. pada plugin ini ditangani oleh .callnumb pada file label_barcode_generator.php
$html_str .= ‘.callnumb { font-size: 11pt; font-weight: bold; float: right; display: table-cell; text-align: left; margin-top: 4px; width: 3.5cm; }’.”\n”;
Penjelasan nya sebagai berikut
— > font-size: 11pt , silahkan ganti angka,  ukuran font.
—> font-weight: bold; silhakan ganti efek cetak font tersedia bold – untuk  tebal atau, italic- untuk miring
—> float: right;mengatur kemunculan apakar dari kiri kanan atau tengah , jangan diganti !
—> display: table-cell; jangan diganti ! tampilan pada tabel
—> text-align: left; perataan teks apakar rata kiri kanan atau tengah  jangan diganti !
—> margin-top: 4px;pengaturan margin atas
—> width: 3.5cm; pengaturan lebar area teks callnumber

2. Simpan
Thanksss SLiMerS
M.Zaemakhrus

FAQ

F: Oooo pakai CSS  juga ya ?
Q: Iya , CSS inline
F: Lho kok gak lengkap penjelasan CSS nya ?
Q: Wawww lengkap, baca aja buku CSS . tersedia di toko buku / perpustakaan terdekat
F: Ingin baca website tentang CSS dimana ?
Q: Baca saja di www.w3.org , siap siap belajar bahasa Inggris juga ya !
F: Ok , kak

---

Data Teknis

Notepad ++  5.8.7
Firefox 26 Portable Edition\
Windows 7 x86
SLiMS 7
Plugin SLiMS 7 Label Plus Barcode Warna
GIMP 2.6.11
XAMPP 1.8.0