Sabtu, 23 Desember 2023

Template Desember , SLiMS 9.6.1

 

Salam sejahtera

Salam sejahtera. Template ini adalah penembangan dari template yang saya modifikasi pada tahun lalu. Karena ada SLiMS 9.6.1 semakin bagus , maka template ini saya sesuaikan agar tepat di SLiMS 9.6.1

Tahun baru semakin dekat , desember banyak libur. Tampilan OPAC SLiMS perlu dibuatkan ornamen ornamen liburan ala ala desember. Bunga salju , lonceng , tangga nada muncul dari atas ke bawah. Template ini free mangga dipakai , cocok untuk bulan Desember dan Januari.


Pada OPAC ornamen hanya muncul pada bagian mask saja / bagian slide saja. Pada bagian div home , detail opac , tidak muncul ornamen agar tidak mengganggu fokus pada teks. 

Pada visitor counter akan muncul di semua bagian karena logika nya komputer untuk visitor komputer hanya untuk menampilkan visitor counter saja sehingga menarik pengunjung perpustakaan 




Template ini dibuat berdasarkan template default SLiMS 9.5.1 dan menggunakan Jquery yang sudah ditambahkan pada template yaitu JQuery 3.2.1. Ornamen bunga salju , lonceng , tangga nada menggunakan Font Awesome 5.0.4 Pada template saya menggunakan JQuery plugin Merry Christmas Snow Falling Effect With jQuery - snow.js 

Pada beberapa judul menggunakan font Indie Flower agar serasa seperti desain pada font kartu ucapan bernuansa hangat dan santai


Pakai Di SLiMS 9.6.1

0. Download template ini di link berikut 

1. Setelah terdownload , copy saja file desember-main.zip




 ke lokasi template opac slims yaitu di D:\xampp\htdocs\slims961\template


2. Klik kanan pada file desember-main.zip , kemudian klik ekstrak here

3. Rename folder desember-main menjadi desember


4. Login slims. Klik menu system > tema , kemudian pada template OPAC / template publik pilh desember , klik Aktivasi.



5. Berhasil , coba akses OPAC ,  maka OPAC sudah menggunkan tampilan template desember


Agar Tampil Template Default Desember  di Browser HP
5. Klik kustomise , pada dialog form , Aktifkan tema ini untuk perangkat bergerak? pilih Ya silahkan 




Sekarang template default desember akan tetap tampil jika diakses di browser HP 











Kamis, 22 Desember 2022

Template OPAC SLiMS 9.5.1 Default Desember

Assalamualaikum

Assalamualaikum , salam sejahtera. Tahun baru semakin dekat , desember banyak libur. Tampilan OPAC SLiMS perlu dibuatkan ornamen ornamen liburan ala ala desember. Bunga salju , lonceng , tangga nada muncul dari atas ke bawah. Template ini free mangga dipakai , cocok untuk bulan Desember dan Januari.


Pada OPAC ornamen hanya muncul pada bagian mask saja / bagian slide saja. Pada bagian div home , detail opac , tidak muncul ornamen agar tidak mengganggu fokus pada teks. 

Pada visitor counter akan muncul di semua bagian karena logika nya komputer untuk visitor komputer hanya untuk menampilkan visitor counter saja sehingga menarik pengunjung perpustakaan 



Template ini dibuat berdasarkan template default SLiMS 9.5.1 dan menggunakan Jquery yang sudah ditambahkan pada template yaitu JQuery 3.2.1. Ornamen bunga salju , lonceng , tangga nada menggunakan Font Awesome 5.0.4 Pada template saya menggunakan JQuery plugin Merry Christmas Snow Falling Effect With jQuery - snow.js 

Pada beberapa judul menggunakan font Indie Flower agar serasa seperti desain pada font kartu ucapan bernuansa hangat dan santai


Pakai Di SLiMS 9.5.1

0. Download template ini di link berikut 

1. Setelah terdownload , copy saja file default-desember.zip




 ke lokasi template opac slims yaitu di D:\xampp\htdocs\slims951\template


2. Klik kanan pada file default-desember.zip , kemudian klik ekstrak here

3. Rename folder default-desember-main menjadi default-desember


4. Login slims. Klik menu system > tema , kemudian pada template OPAC / template publik pilh default-desember , klik Aktivasi.



5. Berhasil , coba akses OPAC ,  maka OPAC sudah menggunkan tampilan template default-desember



Agar Tampil Template Default Desember  di Browser HP

5. Klik kustomise , pada dialog form , Aktifkan tema ini untuk perangkat bergerak? pilih Ya silahkan 




Sekarang template default desember akan tetap tampil jika diakses di browser HP 





Rabu, 28 April 2021

Template SLiMS 9.4.1 Jurnal Logo, Mengubah Logo Jurnal dan Mengubah Link Jurnal Season 2

Tutorial berikut merupakan kelanjutan dari Template SLiMS 9.4.1 Jurnal Logo. Template SLiMS 9.4.1 yang menampilkan deretan logo - logo  jurnal. Deretan juranl logo begerak gerak otomatis. yang belum download dan belum install, Jadi baca dulu artikel sebelum nya.

Bawaan template sudah saya buat 22 logo jurnal. Tentu nya ada yang ingin menambah jurnal logo , ada yang ingin mengurangi jumlah logo, bahkan ada yang ingin mengubah jurnal logo yang tidak sesuai dengan karakter universitas 😌.

Konsep , Ketahui Konsep nya Biar Faham

Letak File Gambar Logo dan Nama FIle Gambar Logo 

Sebelum utak atik pahami konsep nya. Letak file gambar logo , letak file gambar logo ada di D:\xampp\htdocs\slims941\template\jurnallogo\assets\images\logo-jurnal 

Nama file nya dingat ingat dan pastikan png atau jpg. Ideal nya ukuran logo 200 x 68 pixel

Letak File Source Code _logo_jurnal.php 

File source code yang menampilkan deretan logo jurnal adalah _logo_jurnal.php yang ada di D:\xampp\htdocs\slims941\template\jurnallogo\parts.

Nanti nya anda harus memahami tag HTML , ikuti saja tutorial ini dengan teliti pasti bisa

Ayo Kita Ubah

1. Silahkan siapkan gambar logo yang akan anda pasang. Letakan gambar di D:\xampp\htdocs\slims941\template\jurnallogo\assets\images\logo-jurnal 

Misal pada logo saya exsploratorium.png


2. Edit code _logo_jurnal.php yang ada di D:\xampp\htdocs\slims941\template\jurnallogo\parts. menggunakan Visual Studio Code atau SublimeText


3. Pahami code nya nanti anda akan menemukan semacam pola kode seperti berikut

<div class='item'>
    <a href='#'>
        <img src='<?php echo assets('images/logo-jurnal/img0.png'); ?>' alt='logo-jurnal-brand' class='img-responsive logo-jurnal-item'>
    </a>
</div>

Anchorlink / Hiperlink , tag ini digunakan untuk link jurnal , silahkan ganti # dengan alamat / link jurnal nya 

    <a href='#'>

misal link e-resources saya https://www.exploratorium.edu/ 

    <a href='https://www.exploratorium.edu/'>

Image , tag ini digunakan untuk menampilkan gambar , anda harus mengetikan tepat nama file beserta ekstensi nya apakah jpg atau png 

<img src='<?php echo assets('images/logo-jurnal/img0.png'); ?>

misal gambar yang saya pakai exsploratorium.png , maka code nya menjadi seperti ini

<img src='<?php echo assets('images/logo-jurnal/exsploratorium.png'); ?>'

4. Simpan hasil kerja anda 

5. Lihat hasil nya di OPAC SLiMS , reload browser. Oke berhasil mengubah satu logo beserta link nya. Logo Exploratorium dan link sudah muncul , apabila logo saya klik maka akan menuju ke https://www.exploratorium.edu/ sebuah portak sains kesukaan saya 😎. selesai kalau mau lanjut baca juga tutorial selanjut nya 


Bagaimana cara menambah atau menghapus logo ?

Sepaket logo dan link berada pada kode seperti berikut , jadi hapus barisan code tersebut untuk menghapus logo nya. Atau copas barisan code tersebut jika inigin menambah logo baru beserta link nya 

<div class='item'>
    <a href='https://www.exploratorium.edu/'>
        <img src='<?php echo assets('images/logo-jurnal/exsploratorium.png'); ?>' alt='logo-jurnal-brand' class='img-responsive logo-jurnal-item'>
    </a>
</div>

Mudah kan 😋


Daftar Pustaka 

1. Sumber gambar  Photo oleh  Ivan Bottigelli on Unsplash , diakses pada 28 April 2021 , 5:49 AM

2. The External Resource Link Element - Mozilla Developer Network  element , 28 April 2021 , 5:52 AM

Selasa, 27 April 2021

Template SLiMS 9.4.1 Jurnal Logo, Season 1

Pada artikel berikut akan saya share Template SLiMS 9.4.1 Jurnal Logo. Sebuah template SLiMS 9.4.1 yang saya modifikasi sedikit sehingga bisa menampilkan logo logo jurnal. Biasa nya perpustakaan universitas sering berlangganan jurnal jurnal. Sehingga perlu ditampilkan logo nya pada OPAC SLiMS.


Saya menggunakan owl carousel dengan Jquery 3. Owl Carousel merupakan plugin jQuery berupa animasi slide berupa gambar-gambar, didalam plugin ini terdapat beberapa efek yang bisa kita gunakan, mulai dari animasi basic, auotplay, auto width dan lain sebagainya. 

Tenang anda tinggal pakai saja , gratis dari SLiMS Kudus

Download 

0. File template dapat anda download di link berikut

Download Template Jurnal Logo

akan terdownload file jurnallogo-main.zip

Cara Install 

1. Setelah terdownload ekstrak file template jurnallogo-main.zip di xampp\htdocs\slims9\template

2. Silahkan rename menjadi jurnallogo 

pastikan isi / urutan folder nya seperti pada gambar berikut



Aktivasi

3. Untuk menggunakan template ini anda harus mengaktifkan nya 

4. Login ke admin SLiMS , klik memu system > theme , kemudian klik aktivasi pada template Jurnallogo


5. Kemudian klik Customize , pada 

Enable this theme for mobile? pilih Yes please . arti nya gunakan template ini di mobile ? pilih ya


Logo Jurnal ? pilih show ,  arti nya tampilkan jurnal logo ? iya dong 😋


6. Sekarang lihat OPAC akan muncul deretan logo yang berslide gerak gerak otomatis 




Daftar Pustaka 

1. Cara Membuat Slider Dengan Owl Carousel diakses pada 27 April 2021 , 21:05 WIB Cara Membuat Slider dengan Owl Carousel (dumetschool.com)

2. OWL Carousel diakses pada 27 April 2021 , 21:09 WIB, https://owlcarousel2.github.io/OwlCarousel2/ 

Selasa, 22 September 2020

Plugin Label Barcode Warna Sesion 5 : Mengubah Warna Pada Plugin Label Barcode Warna

Tak terasa 4 sesion sudah kita nikmati secara maraton dari Label Barcode Warna Sesion 1 , Sesion 2 Pengaturan Label Barcode Warna , Sesion 3 Label Barcode Warna KiriSesion 4 Label Barcode Warna Kanan nah di sesion 5 kita akan menikmati bagaimana merubah warna pada label barcode warna SLiMS 9. Tentu setiap perpustakaan setiap pustakawan memiliki style warna yang berbeda beda untuk setiap kelas ddc.

 Apa sih tujuan pewarnaan pada label ?

Baru kita bahas sekarang ya kegunaaan nya. Kasus nya gini misal saat ada anggota mengembalikan buku yang dipinjam. Pasti nya buku akan bertumpuk banyak dimeja. Buku campur bawur ada berbagai kelas 000 , 100 , 200 , ... hingga 900. Bagaimana memilah nya ? kalau dengan warna kita akan mudah memilah nya. Misal nya merah 000 , kuning 100 , hijau 200 , tinggal pilah sesuai warna kita pustakawan mudah mengelompokan buku yang bertumpokan tadi sesuai kelasifikasi nya. 

Setelah terkelompok baru kita tata kembali di rak buku sesuai klasifikasi nya. ya pasti plugin label barcode warna SLiMS 9 sangat membantu pustakawan bekerja. Mempercepat kerjaan dalam mengelompokan buku berdasarkan kelasifikasi nya.

Lanjut Kita Edit Code Warna

1. Source label barcode warna ada di file label_barcode_generator.php , ada di letak berikut  ini mudah saya percaya anda bisa. Perhatikan letak nya , teliti konsentrasi ini mudah 
  • jika pakai PSLiMS 9 64 bit ada di D:\amd64\httpd\htdocs\bulian\admin\modules\bibliography 
  • jika pakai PSLiMS 9 32 bit ada di D:\x86\httpd\htdocs\bulian\admin\modules\bibliography 
  • jika pakai SLiMS XAMPP ada di D:\xampp\htdocs\bulian\admin\modules\bibliography 
 
Silahkan edit file label_barcode_generator.php tadi menggunakan Visual Studio Code , seperti ini code nya 
   
  // load print settings from database to override value from printed_settings file
  loadPrintSettings($dbs'barcode');

  // chunk barcode array
  $chunked_barcode_arrays = array_chunk($item_data_array$sysconf['print']['barcode']['barcode_items_per_row']);

  $lebar        = $sysconf['print']['barcode']['barcode_box_width'];
  $tinggi       = $sysconf['print']['barcode']['barcode_box_height'];
  $barcode      = $sysconf['print']['barcode']['barcode_coll_size'];
  $border       = $sysconf['print']['barcode']['barcode_border_size'];
  $header_color = array(0=>"#0080C0",1=>"#FFFF00",2=>"#0033CC",3=>"#80FFFF",4=>"#0080FF",5=>"#FF80C0",6=>"#33FF00",7=>"#FF0000",8=>"#C0C0C0",9=>"#8000FF");
  $text_color = array(0=>"#000",1=>"#FFF",2=>"000",3=>"#000",4=>"#000",5=>"#000",6=>"#000",7=>"#000",8=>"#000",9=>"#000");
 

 
2. Fokus pada baris 161 dan 162 , header_color adalah warna background , sedangkan text_color adalah warna pada text , 
 
Lihat pada gambar berikut. Pink diatur oleh header_color sedangkan teks Warna Hitam Perpustakaan SLiMS Kudus diatur text_color.  
 

Warna pada web menggunakan hexacode , enam kode yang terdiri dari tanda pagar dan enam karakter berupa huruf dan angka , kode ini merepresentasikan warna - dikomputer tampil sebagai warna . Ada banyak kode kalau dihapalkan semua bisa muntah 
 
3. Telah kita siapkan kode warna yang siap pakai kunjungi web https://slimskudus.github.io/hexcolor/ Link yang tadi adalah web yang berisi hexacode yang dapat kita gunakan untuk copy code hexacode nya. Misal merah #f44336 , ingat ya hexacode yang ada tanda pagar nya ini yang nanti dicopas

 
4. Copy kode nya dari web https://slimskudus.github.io/hexcolor/ , kemudain paste di source code label barcode warna  , pada :
  • Pada header_color 0=> arti nya klasifikasi 000 berwarna #0080C0 , silahkan hapus code #0080C0 , dan copas kan dari web tadi , selanjut nya sperti itu hingga kelas 900
  • Pada text_color juga sama , text_color ini menyesuaikan header_color , kalau header_color berwarna gelap maka pakai text_color  yang terang , hitam #000000 , putih #ffffff
   
$header_color = array(0=>"#0080C0",1=>"#FFFF00",2=>"#0033CC",3=>"#80FFFF",4=>"#0080FF",5=>"#FF80C0",6=>"#33FF00",7=>"#FF0000",8=>"#C0C0C0",9=>"#8000FF");
  $text_color = array(0=>"#000",1=>"#FFF",2=>"000",3=>"#000",4=>"#000",5=>"#000",6=>"#000",7=>"#000",8=>"#000",9=>"#000");

 
5. Silahkan ganti semua sesuai keinginan anda , selesai simpan , klik file save  , silahkan tutup aplikasi Visual Studio Code.

6. Kita coba cetak login ke admin SLiMS , Bibliografi > Label Barcode Printing
 

 Muncul daftar antrian , seperti biasa klik Tandai Semua > Tambahkan Dalam Antrian > Cetak Barcod untuk Data Terpilih
 

6. Muncul print preview seperti ini , dan cetak dengan printer, siap dipakai



Daftar Pustaka
1. Photo by Robert Anasch on Unsplash , diakses pada 22 September 2020 , 11:42 WIB

Password SLiMS 9 Series 1 : Set Pasword Anggota Secara Berjamaah ( Secara Bersama )

Misal nya anda sudah import ratusan data CSV anggota , atau sudah menambahkan ratusan data anggota melalu input dari SLiMS dan paswod anggota belum anda buat. Maka anggota tidak bisa login ke halaman anggota / Area Anggota yang di OPAC halaman ini berisi informasi keanggotaan , buku apa yang dipinjam , buku apa yang dipesan. Jika anda edit satu demi satu pasti capek. Nah pada tutorial berikut akan kita praktekan Set Pasword Anggota Secara Berjamaah ( secara bersama ).


 

Pertama anda harus pakai phpmyadmin biar mudah. Kalau di Xampp sudah pasti ada jika anda pakai PSLiMS anda harus install phpmyadmin terlebih dahulu , cara install phpmyadmin dapat anda baca di Cara Install PHPMYADMINdi PSLiMS 9 

1. Akses phpmyadmin , localhost/phpmyadmin , jika paai PSLiMS localhost:8089/pma


 

2. Kemudian select database nya SLiMS , cara nya klik pada nama nama database yang ada di sebelah kiri , tanda database sudah diselect adalah nama database muncul dibagian atas. Misal nama database pada SLiMS saya bulian. dan Ketika anda klik akan muncul nama nama tabel nya , lihat panel kanan

3. Klik tab sql , tab query digunakan untuk mengetik perintah sql. cara nya ketik perintah dan klik go untuk mengeksekusi perintah.

 


4. Pada kotak perintah silahkan ketik perintah berikut , bagi yang ingin copas code sudah kita sediakan di link : Copas Code Set Pasword Anggota Secara Berjamaah

UPDATE `member` SET `mpasswd` = MD5('bejo');
 

Arti nya update semua tabel member pada kolom passwd dengan isian MD5 berisi 'bejo'. Nanti nya semua anggota akan berpassword bejo

Kemudian klik tombol go untuk mengeksekusi perintah , akan muncul kotak dialog , klik OK


5. Coba akses OPAC , klik Area Anggota , ini digunakan untuk login member / anggota. Input id anggota , paswod bejo


Okay berhasil login dengan id dan paswod bejo, berikut tampilan halaman Area Anggota.



Daftar Pustaka 

1. Photo by Markus Spiske on Unsplash , diakses pada 22 September 2020 , 06:01 WIB

2. Forum Facebook Senayan  SLiMS https://web.facebook.com/groups/senayan.slims/permalink/10155749130066964 diakses pada 22 September 2020 , 06:05 WIB

Senin, 21 September 2020

Plugin Label Barcode Warna Sesion 4 : Label Barcode Warna Kanan

Tutorial ini merupakan kelanjutan dari Plugin SLiMS 9 : Label Barcode Warna Sesion 1 dan Plugin Label Barcode Warna SLiMS 9 Sesion 2 Pengaturan Cetak Label Barcode Warna . Jika anda ingin Label Barcode Kiri dapat anda baca di Plugin Label Barcode Warna Sesion 3 : Label Barcode Warna Kiri .

Plugin Label Barcode Warna ini keren kita bisa dengan mudah mengatur ukuran panjang , ukuran lebar dan juga letak barcode nya apakah di kanan atau dikiri , tinggal klik dan isi konfigurasi jadi label barcode yang sesuai kebutuhan sesuai keinginan.

Mengapa Label Barcode Warna Kanan ?

Coba bayangkan saat siswa menyerahkan buku kepada anda. Buku diserahkan siswa sampul depan diatas , sedangkan barcode ada dibagian bawah ( hasil tempel label barcode Kiri ). Selanjut nya untuk sacn barcode , pasti anda akan membalik buku yang sampul bawah. Jika siswa minimal pinjam 2 buku maka anda akan melakukan pembalikan 2 kali setiap peminjaman , bayangkan jika dalam sehari ada 40 peminjaman maka anda akan melakukan 80 pembalikan wah banyak ya.

Itulah keuntungan jika barcode ada dikanan. Sangat bermanfaat ya. Mudah pengaturan nya.



Label Barcode Warna Kanan nanti nya dipasang di cover depan buku , jadi barcode ada di cover depan. Lebih mudah nya , penerapan nya dapat anda lihat foto diatas.

Berikut Seting Label Barcode Warna Kanan

1. Login di halaman admin Klik menu Bibliografi > Label Barcode Printing


 

2. Kemudian klik tombol Ubah setelan cetak barcod.

3. Akan muncul form , isi form sesuai dengan yang saya isi , lihat tabel berikut. Isi sesuai tabel


Nama Form Isi
Barcode Page Margin 0.2
Barcode Items Per Row 2
Barcode Items Margin 0.5
Barcode Box Width 8
Barcode Box Height 4
Barcode Include Header Text Tunjukan
Barcode Cut Title Tunjukan
Barcode Header Text Kosongi
Barcode Fonts Arial, Verdana, Helvetica, 'Trebuchet MS'
Barcode Font Size 12
Skala Barkod 70
Barcode Border Size 2
Barcode Coll Size 2
Barcode Position r
Barcode Rotate cw

 

4. Agar setingan tersimpan , klik tombol Simpan Pengaturan.


5. Kita coba cetak , klik Tandai Semua > Tambahkan Dalam Antrian > Cetak Barcod untuk Data Terpilih

6. Muncul print preview seperti ini , dan cetak dengan printer, siap dipakai


Cari Artikel

Artikel Terbaru , Baca aja

Arsip Blog

Menyenangkan