jQuery pada Joomla


Hari ini saya melakukan modifikasi terhadap template gkigejayan.or.id (menggunakan joomla). Pertama saya ingin menambahkan sebuah slideshow sederhana dengan jQuery yang sudah disediakan oleh Jon Raasch. Sehingga, saya membutuhkan extension Joomla yang memungkinkan saya menjalankan jQuery. Kemudian saya pasang SC jQuery. Extension ini menggunakan jQuery 1.3.2-min dan jQuery.no.conflict. Saya kemudian dengan pede nya copy paste code javascript dari Jon Raasch. Ternyata tidak jalan. Sepertinya memang harus mengaktifkan no.conflict. Sehingga script Jon Raasch saya ubah sedikit menjadi sebagai berikut :

function slideSwitch() {
    var $j = jQuery.noConflict();

    var $active = $j('#slideshow IMG.active');

    if ( $active.length == 0 ) $active = $j('#slideshow IMG:last');

    // use this to pull the images in the order they appear in the markup
    var $next =  $active.next().length ? $active.next()
        : $j('#slideshow IMG:first');

    // uncomment the 3 lines below to pull the images in random order

    var $sibs  = $active.siblings();
    var rndNum = Math.floor(Math.random() * $sibs.length );
    var $next  = $j( $sibs[ rndNum ] );

    $active.addClass('last-active');

    $next.css({opacity: 0.0})
        .addClass('active')
        .animate({opacity: 1.0}, 1000, function() {
            $active.removeClass('active last-active');
        });
}

jQuery(document).ready(function() {
    setInterval( "slideSwitch()", 2000 );
});

Pemakaian Joomla


Saya akhirnya dapat menggunakan Joomla untuk pembangunan web site lpps. Ada beberapa extension yang saya masukkan ke dalam web site ini, terutama untuk dapat menampilkan daftar buku, dokumen manajemen, pemesanan fasilitas, dan keikutsertaan dalam program kegiatan. Untuk memenuhi itu semua, saya menggunakan extension berikut :

  • IPrice Calculator untuk menampilkan daftar buku dan sekaligus menyediakan mekanisme pemesanan melalui form yang tersedia dan akan dikirim melalui email ke bagian penanganan order LPPS. Terhadap modul ini saya tidak melakukan perubahan banyak, kecuali untuk penterjemahan ke bahasa Indonesia di beberapa bagian.
  • DocMan untuk menyediakan daftar dokumen elektronik yang dapat diunduh oleh pemakai (dalam hal ini anggota yang terdaftar)
  • Preventive & Reservation untuk menyediakan mekanisme pra-pemesanan fasilitas lpps lewat email. Terhadap modul ini saya mengubah cukup banyak, karena harus menyesuaikan dengan kebutuhan lpps, terutama untuk menyediakan masukan jam dan captcha.
  • Seminar untuk menyediakan layanan penyebaran informasi kegiatan dan pendaftaran peserta secara online.

Pengalaman pertama dengan Joomla untuk web site telah memberikan banyak pengetahuan baru, yang sebelumnya saya juga telah menggunakan Drupal. Namun sepertinya saya akan migrasi ke Joomla karena terasa lebih mudah. 😀 Namun Drupal juga merupakan CMS yang bagus sekali.