Friday, June 19, 2015

Membuat Member Card SLiMS Vertikal/Portrait




Ada permintaan dari user/staf perpustakaan yang ingin sekali membuat Kartu Anggota/Member Card perpustakaannya dapat di cetak seperti model vertikal/Portrait ID Card karyawan, idenya adalah menjadikan kartu anggota perpustakaan tsb juga sekaligus sebagai kartu identitas karyawan, lebih efisien dan menjadi multifungsi, memakai library system management, open source software, yaitu SLiMS.

Untuk melakukan modifikasi member card ini ada 2 buah file yang harus kita edit 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.

Ket.
--  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.

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 ]


Langkah-langkah 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.
  2. 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

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

  4. 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).

  5. 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.

  6. 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>


  7. 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




Tips.
Tampilan Membercard bisa anda desain sendiri sesuai selera, mengunakan software photoshop/ coreldraw.


Selamat Mencoba.