88 KNOW-HOW INTERNET
MEMBANGUN
WEBSITE DENGAN
JOOMLA
BAGIAN 1 DARI 2 ARTIKEL
Sebuah Content Management System (CMS) membuat Anda
tidak perlu pusing dengan kode yang rumit, tetapi beberapa CMS
mungkin membuat Anda pusing memilih menggunakan yang mana.
Joko Nurjadi
ARTIKEL KALI ini akan membahas sebuah CMS powerful
yang digunakan dalam pembangunan website, yaitu Joomla.
Tetapi tunggu dulu, bukankah pada PC Media edisi 01/2009,
telah dibahas CMS WordPress yang ternyata setelah dicoba,
membuat Anda jatuh cinta dan berhasil membangun website
e-commerce dalam waktu 10 menit!
Jadi, apa yang salah dengan WordPress hingga perlu mempela-
jari Joomla? Tidak ada yang salah, mari ambil sisi positifnya. Lebih
baik memiliki beberapa pilihan daripada hanya satu pilihan, bukan?
Menariknya lagi, masih ada beberapa CMS yang akan dibahas
pada edisi-edisi mendatang, yang pada akhirnya akan memancing
sebuah pertanyaan klasik: mana yang terbaik?
Sesuaikan dengan karakteristik CMS dan website yang ingin
Anda kembangkan. Contohnya, WordPress cocok digunakan
untuk membuat website yang praktis, umum, dan sederhana
secara konsep (karena secara fitur, WordPress juga mampu
membuat website yang rumit dan canggih).
Tetapi jika Anda ingin membuat website yang konsepnya
lebih kompleks dalam hal struktur konten, Joomla tampaknya
pilihan yang lebih cocok.
Tetapi ini bukanlah harga mati, karena pembangunan
website merupakan seni tersendiri. Setiap programer bisa
jadi memiliki preferensi masing-masing. Yang jelas, pastikan
CMS yang Anda gunakan memiliki komunitas dan dukungan
yang siap membantu bilamana Anda tersesat!
Sekilas Joomla
Joomla (resminya bernama Joomla!, dengan tanda seru. Agar
pcm_know-how_02.indd 88
02/2009
tidak terkesan marah-marah, dalam artikel ini tanda seru terse-
but kita abaikan) merupakan salah satu CMS open source yang
popular, tim developer inti di belakang Joomla adalah tim yang
membuat CMS Mambo (Mambo kemudian membentuk tim
developer baru).
Joomla dibuat dengan menggunakan bahasa pemrograman
PHP dan secara default menggunakan database MySQL.
Sebelum menghasilkan sebuah website yang mengagumkan
dengan menggunakan Joomla, persiapkan terlebih dahulu
kebutuhan awalnya.
Persiapan Awal
Persiapkan hal-hal sebagai berikut:
1. Web Server
Bagi Anda yang tidak ingin dipusingkan dengan instalasi
dan konfigurasi yang relatif rumit, terdapat pilihan mudah
yaitu dengan menginstal paket web server seperti XAMPP
(http://www.apachefriends.org/en/xampp.html), yang telah
mencakup Apache, MySQL, PHP, dan Perl.
Lakukan instalasi dan pastikan Anda dapat mengakses http://
localhost dengan baik, sebagai indikasi web server telah
berjalan. Pastikan juga Anda memberikan security dengan
menentukan password pada user MySQL root.
2. Database
Pastikan MySQL telah terinstal, lalu buat database kosong,
Anda dapat menggunakan tools seperti phpMyAdmin, yang
jika Anda menggunakan XAMPP, dapat diakses pada alamat
http://localhost/phpmyadmin. Buat sebuah database dengan
22/12/2008 12:58:12
 02/2009
Gambar 1. Tampilan awal Joomla.
nama yang Anda inginkan, contoh: JoomlaDB.
3. Joomla
Download Joomla dari website http://www.joomla.org/
download.html, versi Joomla yang digunakan dalam artikel
ini adalah versi 1.5.8. Instalasi Joomla cukup mudah, ekstrak
ke dalam sebuah folder di root folder web server Anda,
misalnya htdocs\joomla, kemudian akses melalui http://lo-
calhost/joomla. Ikuti instruksi instalasi (yang relatif mudah
dipahami), jangan lupa untuk menginstal data sample pada
pilihan yang disediakan.
Setelah Anda sukses menginstal Joomla, akan tampil hala-
man awal (frontpage) seperti pada Gambar 1. Selamat! Anda
telah siap melangkah pada tahap selanjutnya.
Mengubah Template
“Wahhhh... buat website-nya pakai Joomla ya?” Mungkin
begitu kata seorang rekan sedetik setelah ia melihat tampilan
website baru Anda, tentunya karena template standar Joomla
mudah dikenali, atau karena Anda lupa mengganti logo Joomla
dengan foto Anda.
Tidak perlu berkelit atau tersipu-sipu, karena tidak ada yang
salah kalau kita membuat website dengan Joomla. Tapi baiklah,
karena biasanya kita menginginkan sesuatu yang berbeda
sekaligus sebagai pemanasan mengenal Joomla, kita akan
mengganti terlebih dahulu “baju” alias tampilan dari template
standar Joomla ke template yang lain.
Perhatikan bahwa tampilan frontpage yang kita lihat berala-
matkan di http://localhost/joomla. Joomla menyediakan satu
lagi website yang berfungsi sebagai site administrator, yang
dapat diakses melalui http://localhost/joomla/administrator.
Pada site administrator ini, disediakan seluruh tool yang Anda
perlukan untuk melakukan perubahan pada website. Login dan
masuk ke dalam site administrator, pilih menu Extensions -
Template Manager, akan terlihat daftar beberapa template
yang tersedia.
Pilih template yang berbeda, klik tombol Default untuk
mengaktifkan template tersebut, kemudian lihat perubahan
pada website utama. Jika tidak puas dengan template yang
disediakan, Anda dapat membuat template sendiri atau men-
pcm_know-how_02.indd 89
INTERNET KNOW-HOW 89
download template-template Joomla, ada yang gratis dan ada
juga yang berbayar.
Untuk template yang telah di-download, ekstrak dan letakkan
template tersebut pada folder htdocs\joomla\templates,
maka Template Manager akan otomatis mengenali dan me-
nampilkannya pada site administrator.
Perhatikan template (ataupun komponen/plugin lain) yang
diinstal harus kompatibel dengan versi Joomla yang Anda gu-
nakan atau Joomla akan menampilkan pesan kesalahan.
Konten dan Template
Jika telah mengganti template, maka Anda akan mendapat-
kan kenyataan bahwa apapun templatenya, kontennya tetap
sample dari Joomla. Ini adalah tahap awal mengenal Joomla
dan CMS pada umumnya, tahap berikutnya adalah merombak
konten sehingga menjadi apapun kontennya, template-nya
tetap sama.
Artinya? Antara konten dan template adalah dua modul yang
terpisah dan peran Joomla yang sebenarnya sebagai sebuah
CMS adalah pengatur konten atau isi dari website tersebut.
Secara umum, kita memang terbiasa terlebih dahulu menilai
website dari theme atau skin website, yang memang paling
mudah terlihat. Tetapi sebuah CMS yang baik, dilengkapi
dengan fitur yang mempermudah kita untuk mengganti tem-
plate/theme, sehingga kita dapat dengan cepat mengganti
warna, posisi, dan nuansa website secara keseluruhan tanpa
sedikitpun menyentuh atau mengubah konten.
Setelah Anda melihat dan merasakan sendiri bagaimana
sebuah template dapat membuat tampilan website kita
berubah drastis tanpa sedikitpun mengganggu konten, maka
pilihlah template yang Anda sukai, lalu kita fokus pada struktur
konten.
Struktur Konten Joomla
Struktur konten dalam Joomla secara hierarki (dimulai dari
yang teratas) adalah Section (bagian), Category (kategori),
dan Article (item).
Analoginya, bayangkan masuk ke sebuah toko buku dan
melihat bagian-bagian rak yang dipisah berdasarkan bagian,
ada bagian Komputer, Hobi, dan seterusnya. Ini dapat kita
umpamakan dengan Section.
Section dapat memiliki beberapa category di dalamnya,
sehingga dalam hal ini Section berlaku sebagai kontainer
yang menampung category. Misalnya, section Komputer
dapat memiliki category Hardware, Software, Manajemen
Komputer, dan sebagainya, sementara di dalam section
Hobi mungkin ada category Binatang, Dekorasi, Humor,
dan lain-lain.
Category sendiri dapat memiliki beberapa article. Dalam hal
ini category berlaku sebagai kontainer yang menampung article.
Misalnya, category Software dapat terdiri dari buku mengenai
Joomla, PHP, Visual Basic, dan seterusnya.
Sedangkan article, adalah item atau buku tertentu yang Anda
cari. Sudahkah Anda melihat hubungannya?
Kita tuliskan lagi contoh struktur konten dengan hierarki Sec-
tion – Category – Article sebagai berikut:
22/12/2008 12:58:13
 90 KNOW-HOW INTERNET
Gambar 2. Membuat Section.
Komputer – Software – Joomla
Hobi – Binatang – Ikan Hias
Salah satu contoh dalam data sample Joomla:
About Joomla! – The CMS – What’s New in 1.5?
Untuk lebih jelasnya, pada website administrator, lihat isi
bagian Section Manager, Category Manager, Article
Manager. Anda dapat membuat, mengedit, ataupun mengha-
pus struktur tersebut.
Joomla memberikan contoh dengan memberikan tiga section,
yaitu About Joomla!, News, dan FAQs, yang masing-masing
menampung beberapa category.
Menu
Jika Anda menelusuri section, category, dan article, lalu men-
coba membandingkannya dengan halaman frontpage yang
tampil, kemungkinan Anda akan bingung. Contohnya Anda
mencari-cari di mana artikel berjudul “What’s New in 1.5?”,
dengan sedikit perjuangan, akhirnya Anda mendapatkannya ter-
letak pada menu Main Menu – Joomla! Overview – What’s
New in 1.5?. Kok, berbeda dengan struktur konten?
Hal seperti ini, yang sering kali menyebabkan pengguna yang
baru mencoba Joomla menjadi tersesat, yang kalau kurang gigih
akan memvonis Joomla sebagai CMS yang membingungkan.
Di dalam Joomla, perlu dipahami bahwa pengertian struktur
konten tidak sama dengan struktur menu (walaupun bisa saja
Anda membuat menu yang strukturnya sama dengan struktur
konten).
Kembali pada contoh struktur konten pada toko buku, sebuah
buku Joomla bisa saja terletak pada etalase depan dengan tag
Buku Laris (Best Seller) atau Buku Baru (New Release), ini dapat
dianalogikan dengan menu, posisinya dapat diletakkan di mana
saja sesuka Anda. Sedangkan secara konten, buku Joomla ter-
golong kategori Software, sementara kategori Software berada
dalam section Komputer.
Fungsi Menu Manager adalah untuk menghubungkan (link)
konten Anda. Jika sebuah menu menunjuk pada sebuah sec-
tion, maka yang tampil adalah category di dalamnya. Jika
sebuah menu menunjuk pada sebuah category, maka yang
tampil adalah article di dalamnya. Jika sebuh menu menunjuk
pcm_know-how_02.indd 90
02/2009
pada article, maka akan langsung mengarah pada isi article
tersebut.
User Management
Sering kali sebuah website membuat komunitas di dalam
website-nya dan melibatkan kontribusi anggota. Pada kasus
seperti ini, website perlu me-manage pengguna/user dan
membaginya menjadi level akses (access level), di dalam Joomla
dibagi menjadi:
1. Public
Level yang dapat diakses oleh publik/umum.
2. Registered
Level yang hanya dapat diakses jika pengguna telah melaku-
kan registrasi dan login, sehingga berhak mengakses be-
berapa area seperti forum atau link download. Tetapi, level
registered tidak dapat melakukan kontribusi konten.
3. Special
Level khusus, misalnya untuk Author, Editor, Publisher, dan
seterusnya, yang memiliki hak untuk melakukan kontribusi
konten.
Membangun Website
Dengan bekal pemahaman konsep di atas, Anda sudah dapat
membuat sebuah website yang menarik. Langkah pertama
adalah menentukan membuat website apa dan struktur konten
website yang diinginkan.
Karena sekarang sudah zamannya demokrasi dan kebebasan
berpendapat, maka kita akan mencoba membuat website yang
berfungsi sebagai suara pembaca, di mana setiap anggota
dapat menuliskan opininya mengenai topik tertentu.
Struktur kontennya sebagai berikut:
Section Topik – Category Sosial, Ekonomi, Politik,
Pendidikan, Umum, dll - Article
Jika perlu telusuri lagi Section Manager, Category Manager,
dan Article Manager untuk lebih memahami cara kerja struktur
konten. Untuk memulai struktur konten baru, hapus terlebih
dahulu struktur konten yang lama, dimulai dari Article Sec-
Gambar 3. Daftar Category.
22/12/2008 12:58:14
 02/2009
Gambar 4. User Menu.
tion, perhatikan bahwa Anda harus menghapus article secara
permanen melalui menu Article Trash agar Anda dapat
menghapus category.
Setelah seluruh article terhapus permanen, maka Anda dapat
menghapus category dan terakhir hapus section.
Mulai dengan membuat section baru pada Section Manager,
sesuai dengan struktur yang telah kita buat, kita akan men-
ciptakan section dengan nama Topik seperti pada Gambar 2.
Isi field-field yang diperlukan, tentukan Access Level dengan
Public, karena kita ingin siapapun dapat mengakses section
ini.
Berikutnya buat category baru pada Category Manager. Se-
luruh category ini berada pada section Topik. Tampilan setelah
seluruh category tercipta adalah seperti pada Gambar 3. Sama
seperti section, category juga memiliki access level public.
Kita tidak akan membuat article apapun pada Article Manager.
Karena sebagai sebuah website suara pembaca, article akan
dibuat oleh para pembaca, yang telah melakukan registrasi.
Setelah struktur konten tercipta, langkah berikutnya adalah
menciptakan menu melalui Menu Manager. Contoh menu dari
data sample Joomla telah cukup baik dan memenuhi kebutuh-
an website suara pembaca ini, beberapa menu yang tidak
dibutuhkan dapat kita hapus.
Hierarki menu yang perlu dibuat/dimodifikasi adalah:
1. Main Menu – Topik
Kita perlu membuat submenu (menu item) baru bernama Topik
yang berada di bawah Main Menu. Menu topik ini berguna
untuk menampilkan category (Sosial, Ekonomi, dan seterusnya).
Tentukan access level menu ini dengan Public, karena kita
memperbolehkan siapapun membaca topik dan artikel yang
ditulis.
Hal lain yang perlu diperhatikan, tentukan Menu Item
Type dengan Section Layout. Hal ini berarti kita mem-
perlakukan menu tersebut sebagai layout dari section
Topik, yang bilamana diakses akan otomatis menampilkan
category pada struktur konten yang telah kita buat.
2. User Menu
Secara default, Joomla telah memberikan beberapa menu
item yang cocok digunakan pada website ini. Menu item
yang perlu dipertahankan adalah Your Detail, Submit
an Article, dan Logout (lihat Gambar 4).
Perhatikan bahwa kita perlu melakukan sedikit modifikasi
pada menu Submit an Article, yaitu pada Acess Level, ganti
dari Registered menjadi Special. Karena fungsi Submit an
Article digunakan untuk anggota berkontribusi menuliskan
artikel, di mana memerlukan Access Level special.
pcm_know-how_02.indd 91
INTERNET KNOW-HOW 91
Tipe Registrasi Pengguna Baru
Tanpa Anda melakukan coding satu baris pun, basic dari se-
buah website suara pembaca sudah tercipta. Website seperti
ini dapat dikembangkan dengan berbagai keperluan, sesuai
ide dan kreativitas Anda.
Tetapi masih ada satu hal yang kurang, yaitu setiap anggota
yang baru mendaftar, secara default level aksesnya adalah
Registered. Padahal seperti yang telah kita bahas pada ba-
gian User Management, bahwa level akses Registered tidak
dapat melakukan kontribusi konten atau membuat artikel.
Lalu, bagaimana cara membuat agar anggota dapat berkon-
tribusi membuat dan mem-publish artikel mereka sendiri?
Anda dapat melakukannya secara manual dengan mengakses
menu User Manager, dan mengganti level akses anggota dari
Registered menjadi Publisher. Tentu saja cara manual ini sedikit
merepotkan administrator back-end, semuanya tergantung
pada policy yang Anda terapkan pada website.
Cara lainnya, Anda dapat mengatur agar setiap anggota yang
melakukan registrasi, otomatis akan memperoleh level akses
Publisher. Caranya dengan mengakses menu Global Configu-
ration, pada bagian User Settings, Anda dapat menentukan
New User Registration Type dengan Publisher. Jangan
lupa simpan konfigurasi Anda.
Sekadar informasi, perhatikan New User Registration Type
secara berjenjang terdiri dari level Registered, Author, Editor,
Publisher. Memang sekilas terkesan rumit, tetapi merupakan
alur yang terstruktur: artikel dibuat oleh Author, diedit oleh
Editor, dan di-publish oleh Publisher. Implementasinya dapat
kita sesuaikan dengan kebutuhan.
What’s Next?
Walaupun secara konsep dasar, pembahasan artikel ini sudah
dapat menjadi pengetahuan basic Anda dalam menggunakan
Joomla, tetapi tidak lengkap rasanya jika tidak membahas
kemampuan-kemampuan Joomla yang lain, yang semakin
mempermudah pembangunan website dan membuat sebutan
developer web tidak lagi identik dengan programer “berwajah”
PHP atau MySQL. Kita teruskan bersenang-senang dengan
Joomla pada kesempatan berikutnya.
Gambar 5: Contoh tampilan website.
LEBIH LANJUT
 http://www.joomla.org/
22/12/2008 12:58:15