BAB 4
A
DS
& A
FFILIATES
Salah satu kelebihan website yang dibangun dengan Joomla adalah kemudahan terintegrasi dengan extensions yang dikembangkan oleh pihak ketiga sehingga website dapat dikembangkan secara bertahap tanpa merusak sistem yang lama. Penambahan fasiltas seperti Banner tidaklah sulit, cukup menginstal extensions tersebut maka asilitas banner dengan pengaturan tampilan dapat dikelola secara mudah. Pada bagian ini, akan dibahas berbagai bentuk banner yang terintegrasi dengan sistem Joomla. Masing-masing extensions banner memiliki kelebihan dan kekurangan namun dapat berfungsi secara normal. Setelah memahami berbagai bentuk banner, diharapkan dapat memilih salah bentuk banner sesuai keinginan. Dalam prakteknya, berbagai jenis banner tersebut dapat ditampilkan secara bersama-sama atau memilih yang terbaik.
Selain membahas masalah banner, pada bagian ini akan mengupas juga masalah sistem perekrutan karyawan secara online (lowongan kerja) dan penyedia iklan (advertising). Dalam sistem Jobline – Recruitmen Online, pihak perusahaan dapat membuat informasi lowongan kerja sedangkan pencari kerja dapat langsung menghubungi perusahaan tersebut melalui email.
Jika ingin membangun website penyedia layanan iklan gratis (advertising provider) dapat ditemukan dalam pembahasan ini pula. Semuanya akan dibahas secara detail, berawal dari proses instalasi, mengatur konfigurasi, hingga menampilkan iklan dalam website. Daripada penasaran, ikuti pembahasan berikut secara seksama!.
4.1 Banner Slider
Iklan (Banner) merupakan sarana untuk mempromosikan suatu insitusi agar dikenal oleh masyarakat tentang produk maupun jasa yang ditawarkan melalui pihak lain. Ajang promosi dapat dilakukan melalui media elektronik (televisi atau radio), media cetak (koran, majalah, brosur, pamflet, dll), maupun berbasis web. Promosi melalui website lebih efektif dibandingkan melalui media lain, karena sasarannya jelas, calon customer lebih banyak, dan yang terpenting adalah biaya lebih murah.
Ketika menggunakan jasa periklanan melalui web, pastikan website tempat Anda memasang iklan memiliki rating tinggi. Semakin tinggi rating (jumlah pengunjung), maka peluang keberhasilan juga tinggi namun biayanya tentu saja lebih mahal.
Selain rating, sasaran pengunjug juga harus jelas. Sebagai contoh, jika ingin mempromosikan lembaga pendidikan komputer sebaiknya memasang iklan di website http://ilmukomputer.org karena sebagian besar pengunjung adalah pengguna komputer yang rata-rata per hari dapat mencapai 10.000. Atau jika ingin mempromosikan poduk CD multimedia, knowledge management, maupun web developer dapat memanfaatkan website http://pdii.lipi.go.id.
Namun tampilannya masih sangat sederhana, sehingga kurang diminati banyak orang. Bagaimana cara menampilkan iklan agar lebih interaktif, impresif, dan dinamis? Tidak perlu khawatir, para pengembang Joomla sudah membuat beberapa fasilitas untuk menampilkan banner yang lebih informatif dan kreatif dengan berbagai macam pilihan transisi (fade, scroll, move, dan lain-lain). Berikut ini salah satu module untuk menampilkan banner yaitu: Banner Slider. Dalam menampilkan banner, terdapat tiga pilihan yaitu : berdasarkan ID Banner, ID Client, dan ID Category. Untuk lebih jelasnya, ikuti petunjuk berikut ini.
1. Pertama kali, pilih menu Extensions > Install/Uninstall.
Gambar 4.1 Menu untuk instalasi
2. Klik tombol Browse untuk menentukan file yang akan di-install.
3. Temukan sebuah file mod_bannerslider_v0.2.2.zip yang tersedia dalam CD buku ini.
Gambar 4.3 Memilih file yang akan diupload
4. Klik tombol Upload & Install untuk menginstal extensions tersebut
Gambar 4.4 Mulai proses instalasi
5. Tunggu beberapa saat hingga proses instalasi selesai. Setelah berhasil akan muncul pesan bahwa instalasi telah berhasil.
Gambar 4.5 Instalasi module telah berhasil
Gambar 4.6 Menu Media Manager
7. Halaman Media Manager akan muncul.
8. Selanjutnya, klik folder banners.
Gambar 4.8 Mengaktifkan folder banners
9. Nampak beberapa banner yang telah diupload..
Gambar 4.9 Beberapa file banner yang sudah diupload
10. Untuk mengupload file gambar, klik tombol Browse yang berada di bagian paling bawah.
Gambar 4.10 Tombo Browse untuk menentukan lokasi file banner
11. Pilih salah satu gambar yang akan diupload.
Gambar 4.11 Salah satu contoh banner yang akan diupload
12. Klik tombol Start Upload.
Gambar 4.12 Proses upload file
13. Tunggu beberapa saat hingga proses upload selesai, jika berhasil akan muncul informasi.
Gambar 4.13 Sebuah file banner berhasil diupload
14. Beberapa gambar banner yang telah diupload.
Gambar 4.14 Beberapa file banner yang sudah diupload lengkap dengan informasi dimensi tiap banner
15. Langkah selanjutnya adalah mengelola banner, namun sebaiknya membuat kategori (Category) dan klien (Client) agar lebih mudah dalam pengelolaanya. Pilih menu Component > Banner >
Categories. Lihat Gambar 4.15.
16. Nampak beberapa kategori yang telah disediakan oleh sistem Joomla! Lihat Gambar 4.16.
Gambar 4.15 Membuat kategori iklan
Gambar 4.16 Beberapa kategori yang telah ada
Gambar 4.17 Tombol untuk membuat kategori baru
18. Pada bagian Details, masukkan nama kategori dan aliasnya.
Gambar 4.18 Informasi kategori baru
19. Jika sudah selesai, klik tombol Save untuk menyimpan perubahan.
Gambar 4.19 Tombol Save untuk menyimpan
20. Sebuah kategori baru telah berhasil dibuat. Perhatikan ID masing-masing Category tersebut karena akan berguna ketika menggunakan module Banner Slider
Gambar 4.20 Beberapa kategori banner yang telah dibuat
21. Untuk membuat kategori baru, ulagi tahap ke 17.
22. Langkah selanjutnya adalah membuat klien agar mudah dalam memonitor beberapa banner. Bisa saja seorang klien dapat memiliki beberapa banner. Aktifkan tab Clients
Gambar 4.21 Tab Clients
23. Nampak sebuah Client yang telah disediakan oleh sistem Joomla! Untuk membuat daftar klien baru, klik tombol New. Lihat Gambar 4.22.
24. Masukkan beberapa informasi yang dibutuhkan, setelah selesai klik tombol Save. Lihat Gambar 4.23.
Gambar 4.22 Tombol New untuk membuat Client baru
Gambar 4.23 Informasi detail Clients
25. Klien baru sudah berhasil dibuat, ulangi langkah ke 23 untuk membuat klien baru. Perhatikan ID masing-masing Client tersebut karena akan berguna ketika menggunakan module Banner Slider.
Gambar 4.25 Tab Banner
27. Nampak beberapa daftar banner yang telah dibuat oleh sistem Joomla.
Gambar 4.26 Beberapa banner yang telah disediakan Joomla
28. Untuk membuat banner baru, klik tombol New.
Gambar 4.27 Tombol New untuk membuat banner baru
membatasi jumlah hits sehingga banner tidak aka ditampilkan lagi jika sudah sampai batas tersebut. Beri tanda centang pada pilihan Unlimited jika jumlah hits tidak dibatasi.
Gambar 4.28 Informasi detail untuk banner baru
30. Pada bagian Banner Images Selection, pilih gambar iklan yang sesuai dengan klien tersebut. Lihat Gambar 4.29.
31. Klik tombol Save jika sudah mengisi beberapa pengaturan. Lihat Gambar 4.30.
32. Sebuah banner telah berhasil dibuat, perhatikan nomor ID masing-masing Banner karena akan digunakan pada saat mengatur module
Gambar 4.29 Menentukan gambar banner
Gambar 4.30 Tombol Save untuk menyimpan banner
Gambar 4.31 Sebuah banner baru telah berhasil dibuat
34. Langkah selanjutnya mengatur module Banner Slider, pilih menu
Extensios > Module Manager.
Gambar 4.32 Menu Module Manager
35. Temukan module Banner Slider, lalu klik module tersebut untuk mengeditnya.
Gambar 4.33 Module Banner Slider
36. Pada bagian Details, aturlah sesuai nampak pada gambar berikut. Perlu diperhatikan, untuk posisi banner (Position) tergantung template yang digunakan (penulis menggunakan template = JA_Purity). Lihat Gambar 4.34.
Gambar 4.34 Mengaktfikan dan mengatur posisi Banner Slider
Gambar 4.35 Menentukan lokasi banner yang akan ditampilkan
38. Pada bagian Parameters, pilih salah satu atau beberapa metode penampilan banner. Dapat menggunakan ID Categoruy, ID Client, atau ID Banner. Untuk mengetahui ID tersebut, periksa kembali pada pembahasan sebelumnya. Pilih salah satu efek transisi yang digunakan, atur dimensi (width dan height) banner sesuai aslinya, tentukan pula waktu (delay) antara banner yang satu dengan yang
lainnya dalam milisecond (3000 = 3 detik). Pengaturan lainnya dapat disesuaikan dengan kebutuhan.
Gambar 4.36 Mengatur tampilan banner berdasarkan nomor ID klien
Gambar 4.37 Tombol Save untuk menyimpan pengaturan Banner Slider
40. Hasilnya akan nampak pada halaman utama (Frontpage) atau ketika memilih menu yang telah diatur pada Menu Assignment sebelumnya.
Gambar 4.38 Beberapa contoh banner yang ditampilkan secara random
4.2 Flex Banner
Sistem kerja ekstensi ini cukup sederhana namun memiliki beberapa kelebihan karena tersedia berbagai fasilitas diantaranya: batas waktu banner, pembatasan jumlah hits, pengaturan ukuran banner, dan lain-lain.
4.7.9 Menampilkan Iklan Acak
Iklan yang sering dilihat orang menjadi suatu hal yang istimewa karena mengindikasikan bahwa iklan tersebut sangat diminati pengunjung. Untuk menampilkan iklan paling populer, ikuti petunjuk berikut
1. Diasumsikan masih berada di halaman Module Manager, temukan module POPULAR ADS lalu beri tanda centang.
Gambar 4.251 Memberi tanda centan pada moduleiklan terpopuler
2. Klik tombol Copy.
Gambar 4.252 Tombol Copy
3. Editlah module hasil duplikasi tersebut.
Gambar 4.254 Mengaktifkan dan mengatur posisi module iklan acak (random ads)
5. Pada bagian Parameters, masukkan informasi seperti nampak pada gambar berikut.
Gambar 4.255 Mengatur parameter module iklan acak (random ads)
Gambar 4.256 Tombol Save
7. Hasilnya nampak di halaman utama website Anda.
