Membuat Member Card Menjadi Vertikal [ Portrait ] & Memodifikasi Tampilannya | SLiMS 7 [ Cendana ]

Tweet  

[ Latest update, 10 June 2015 ]

Ada permintaan dari seseorang ( klien ) yang ingin sekali membuat Kartu Anggota [Member Card] Perpustakaannya dapat di cetak seperti model vertikal [Portrait] ID Card karyawan, memang idenya adalah menjadikan kartu anggota perpustakaan tsb juga sebagai kartu identitas karyawan, memang lebih efisien dan menjadi multifungsi. Perpustakaannya sudah memakai library system management memakai open source software yang berbasis web yaitu SLiMS.

Saya mendalami dahulu pengetahuan tentang modifikasi Member Card SLiMS terutama versi 7 Cendana, setelah googling dapatlah beberapa referensi sebagai berikut :

Kustomisasi Kartu Anggota SLiMS 5

Manual Desain Setting Membercard Pada SLiMS 7

Kostumisasi Member Card Versi Tegak (seri ke-3) - SLiMS 5 Meranti

Screenshot Kartu Anggota

Modifikasi Kartu Anggota SLIMS (Senayan versi 3.14)

Dari referensi diatas saya mendapatkan petunjuknya, jadi untuk dapat melakukan modifikasi member card ini ada 2 buah file yang harus saya oprek kodenya yaitu :

1. member_card_generator.php, yang berada di direktori admin/modules/membership
2. printed_settings.inc.php, yang berada di direktori admin/admin_template

Set ulang juga konfigurasi membercard di Menu Keanggotaan > Kartu Anggota > Setting [ Icon Kunci Pas ] di sebelah kanan atas.

Dan juga mempersiapkan beberapa file pendukung seperti : background membercard vertikal blue-bg.jpg, header sebagai penganti logo header_40x200.png, 1 foto karyawan staff_1.jpg.

N.B.
--  Modifikasi kode dari kedua file php diatas dilakukan secara manual, lumayan rumit dan perlu ketelitian.
-- File lain seperti membercard_background_default.jpg, signature.png, stamp.png tidak saya gunakan.

Singkat cerita dibawah ini link download 2 file yang sudah saya modifikasi ulang, silahkan di download :

1. member_card_generator.php. [ Download ]
2. printed_settings.inc.php. [ Download ]

Berikut langkah-langkah penerapannya sebagai berikut :

1. Backup kedua file diatas, lebih mudah kalau pakai slims yang portable atau slims yang di instal mengunakan xamp server atau wamp server di windows, tinggal copy paste lalu di rename misalnya menjadi member_card_generator.php.default dan printed_settings.inc.php.default.
namun kalau slims sudah di hosting di webserver, dalam kasus saya webserver Debian 7 [Wheezy], di direktori /var/www/e-library maka gunakan command ini,

root@webserver: cp /var/www/e-library/admin/modules/membership/member_card_generator.php /var/www/e-library/admin/modules/membership/member_card_generator.php.default

dan

root@webserver:cp /var/www/e-library/admin/admin_template/printed_settings.inc.php /var/www/e-library/admin/admin_template/printed_settings.inc.php.default



2. Replace kedua file tersebut dengan kedua file yang saya berikan diatas, di download dahulu kemudian tinggal copy paste timpa file yang lama.

Kalau pada hosting, webserver Debian tinggal di replace mengunakan WinSCP atau FileZilla dsb, kalau pakai editor nano dsb akan sulit karena kodenya panjang. Copy paste juga file background membercard yang model vertikal blue-bg.jpg, dalam kasus saya bersama header_40x200.png transparan (mengantikan file logo).


3. Atur ulang di bagian Keanggotaan > Kartu Anggota > Setting. Seperti Box width : 5.4, box height : 8.6 beserta pengaturan lainnya yang diperlukan, disesuaikan saja, lalu simpan.





Setting ID Card






Setting 01






Setting 02






Setting 03

Pada kolom Peraturan copy dan paste kode berikut, kemudian sesuaikan saja,

<center>N.B. Please return this card to us if you found it.</center>



Pada kolom Alamat copy dan paste kode berikut, kemudian disesuaikan juga,

<div style="background-color: white; box-shadow: 6px 6px 3px #888888; font-family: courier;"> <br /> <center><b>SMAN Sumatera Selatan</b><br />Jl.Pangeran Ratu RT.11 RW.08<br /> Kel.08 Ulu Kec.Seberang Ulu I<br />Palembang 30252<br />Telp.(0711)7539549<br /><br />Website: http://smansumsel.sch.id<br />e-Mail : info@smansumsel.sch.id</center> <br /> <br /></div>




4. Jika telah selesai, di coba Print [ akan ada Print Preview ], jika belum berhasilnya ulangi langkah nomor 3 diatas di kustomisasi lagi hingga hasilnya menjadi seperti gambar dibawah ini.

Print Preview Membercard SLiMS

ID Card Karyawan + Membercard Perpustakaan

Contoh Background Membercard

Contoh header penganti logo

[ Update 10 Juli 2015 ]

ID Card Staf + Member Card Library

ID Card Staf + Member Card Library

Tugas berhasil dan klien pun senang :)

Tips. Kedua file hasil modifikasi saya diatas bisa dipelajari secara mandiri dengan cara membandingkannya dengan file yang asli (sebelumnya), edit saja kode-kodenya bila perlu beri tanda comment [ /* & */ ] pada suatu baris kode lalu simpan & reload Print Preview Membercard-nya. Hasil akhir tampilan Membercard bisa anda desain sendiri sesuai selera, apalagi ditambah dengan keahlian photoshop/ coreldraw yang baik.

Selamat Mencoba!