KOSTUMASI MEMBER CARD VERSI TEGAK (seri ke-3) - SLiMS 5 MERANTI

Menyambung tutorial kostumasi member card sebelumnya yaitu

MEMBUAT ID CARD ATAU KARTU IDENTITAS DENGAN FITUR SLIMS 5 MERANTI dan

MERUBAH MEMBER CARD 2 SISI ala Alfin Yasir MENJADI 1 SISI DEPAN ATAU SISI BELAKANG SAJA -SLiMS 5 MERANTI.

Penulis mencoba lagi merubah tampilan member card yang ada di fitur aplikasi perpustakaan SLiMS versi 5 (Meranti) yang sebelumnya berbentuk landscape menjadi portrait. Sehingga kartu yang di cetak bisa di manfaatkan juga untuk kartu identitas atau juga sebagai kartu presensi digital (jika kartu dicetak menggunakan kertas stiker dan ditempelkan pada RFID CARD)

kartu multifungsi

  

Sebelumnya penulis gk yakin bisa merubah menjadi portrait, namun setelah sekian lama melakukan "perenungan", akhirnya terwujud juga angan-angan di atas (mohon dimaklumi krn penulis bkn programer, bisanya cuma copy paste script-script php yg sudah jadi).

heeeem .... kayaknya kebanyakan "curhat" nih. Ok deh kita mulai langkah-langkahnya:

1. Ikuti tutorial sebelumnya, sehingga slims 5 meranti dan plugin kostumasi kartu nya sudah terinstall dengan baik. 
2. Buka file printed_settings_inc.php yang ada di folder meranti\admin\admin_template, rubah posisi kartu dari landscape menjadi portrait dengan merubah script berikut: 

// Cardbox Settings
$card_box_width = 5.4;
$card_box_height = 8.6;

3. Siapkan gambar background depan ber-orientasi portrait. Atau jika sudah punya gambar model landscape di rotate aja pake aplikasi Photoshop (klo gk punya photoshop yang original pake GIMP aja yaa……cos “membajak itu Haram” - fatwa MUI thn 2005 ttg HAKI).
4. Login ke aplikasi SLiMS, rubah gambar background depan melalui menu Keanggotaan – Costumize Member Card (namun sebelumnya copy gambarnya di folder  meranti\files). Klik browse utk memilih gambar dan Jgn lupa klik Simpan
5. Sekarang klik submenu kartu anggota. Kemudian cetak satu kartu pasti hasilnya kacau seperti ini:

6. Untuk merubah posisi (tinggi, lebar, besar, kecil, dll) header text, logo, foto, data siswa, barcode dll. File yang di otak-atik adalah member_card_generator.php yang terletak di folder meranti\admin\modules\membership

Contoh merubah posisi logo :

-          Cari script berikut:

$html_str .= '#logo_div{z-index:5;position: absolute;left: 10px;top: 2px;width: 55px;height:55px;}'."\n";

Ubah ukuran left menjadi 150px dan top menjadi 240px spt berikut:

$html_str .= '#logo_div{z-index:5;position: absolute;left: 150px;top: 240px;width: 55px;height:55px;}'."\n";

(jgn lupa simpan, setelah merubah file php)

Cetak lagi, dan lihat perubahannya. Posisi logo sudah berpindah ke sisi kanan bawah

Demikian tutorial singkat ini, smg anda bingung menerapkan shg anda lebih giat lg utk belajar….hhhh.

Tapi jika anda berhasil menerapkan panduan ini, penulis yakin anda bisa berkreasi jauh lebih baik dari hasil yang telah dipraktekkan penulis.

Hasil akhir kostumasi