You are on page 1of 37

Yuk, Belajar

Joomla!
Edisi ebook
dari artikel di www.cangkruk.com

Lucky Permana
Yuk, Belajar Joomla! www.Cangkruk.com

Daftar Isi

Daftar Isi .................................................................................................... ii


1. Selintas Joomla! .................................................................................... 1
2. Lima alasan menggunakan Joomla!....................................................... 3
3. Langkah menguasai Joomla! ................................................................. 7
4. Cara install XAMPP ............................................................................. 11
5. Cara install Joomla! ............................................................................ 13
6. Konfigurasi global website Joomla! ...................................................... 17
7. Mengelola template Joomla! ................................................................ 21
8. Mengelola module Joomla! .................................................................. 23
9. Mengelola component Joomla! ............................................................. 27
10. Mengelola content Joomla! ............................................................... 31
Belajar Joomla! lebih banyak lagi .............................................................. 33

~ ii ~
Yuk, Belajar Joomla! www.Cangkruk.com

1. Selintas Joomla!
Joomla! merupakan salah satu CMS
terbaik saat ini yang dapat membantu
siapapun untuk dapat membangun Website
dengan cara yang cepat, mudah, dan dapat
diandalkan.

Banyak kelebihan yang dimiliki Joomla!


sehingga menjadikannya sebagai salah satu
CMS terpopuler, termasuk di dalamnya
adalah kemudahan dalam penggunaan serta
pengembangannya. Ditambah lagi dengan
sifatnya yang Open Source dan Free,
menjadikan Joomla! sebagai salah satu CMS
paling diminati di seluruh muka bumi ini.

Saat ini Joomla! digunakan di seluruh


belahan dunia untuk berbagai jenis Website,
mulai dari Website berskala kecil, menengah,
atau pun besar seperti: Website individu,
sekolahan, portal komunitas, organisasi non
profit, bisnis berskala kecil, pemerintahan,
layanan online dan e-commerce, majalah dan
publikasi online, intranet dan ekstranet, serta
Website perusahaan-perusahaan besar juga
tidak ragu menggunakannya.

Meskipun bersifat Open Source dan


gratisan, Joomla! hadir dengan kualitas yang
dapat diandalkan. Beberapa contoh Website
di bawah ini membuktikan bahwa para
penggunanya bukanlah orang/organisasi
sembarangan:

United Nations (Governmental


organization),
MTV Networks Quizilla (Social
networking),
L.A. Weekly (Online publication),
IHOP (Restaurant chain),
Harvard University (Educational),
Citibank (Financial institution intranet),

~1~
Yuk, Belajar Joomla! www.Cangkruk.com
The Green Maven (Eco-resources),
Outdoor Photographer (Magazine),
PlayShakespeare.com (Cultural),
Senso Interiors (Furniture design).

dan banyak lagi ribuan contoh website


pemakai Joomla! lainnya baik di dalam
maupun luar negeri.

~2~
Yuk, Belajar Joomla! www.Cangkruk.com

2. Lima alasan
menggunakan Joomla!
Sejak pertama kali diperkenalkan pada
tahun 2005, Joomla! terus berkembang dan
telah menjadi pilihan utama para
pengembang website berbasis CMS. Beragam
kemudahan yang diperoleh dengan
menggunakan CMS, telah menarik minat
menarik para pengembang Website untuk
membangun Website berbasis CMS.

Joomla! merupakan salah satu pilihan


utama karena banyak alasan. Lima di antara
alasan tersebut, adalah:

1. Selain Gratis (Free), juga Open


Source. Satu kelebihan Joomla yang
menonjol dan menarik banyak orang untuk
menggunakannya adalah karena Joomla!
dapat digunakan oleh siapapun secara gratis,
baik untuk keperluan pribadi ataupun
komersial. Tidak hanya gratis, apabila tidak
puas dengan tampilan standar, dengan
sifatnya yang Open Source, siapapun
diperbolehkan 'mengutak-atik' source code
Joomla! untuk mendapatkan Website yang
benar-benar sesuai kebutuhan sehingga
berbeda dengan Website Joomla! lainnya.

~3~
Yuk, Belajar Joomla! www.Cangkruk.com
2. Menu-menu di Website dapat
dibuat secara Real Time. Siapapun
sepakat bahwa menu merupakan faktor
terpenting pada sebuah Website. Dengan
menu, setiap pengunjung Website akan
tahu kemana harus 'melangkah' untuk
mendapatkan informasi yang
diinginkannya. Pada kebanyakan Website,
pembuatan menu menjadi masalah yang
menyulitkan. Mungkin mudah pada saat
awal membuat menu, tetapi akan menjadi
mimpi buruk ketika harus memperbarui
ratusan halaman Website hanya untuk
membuat sedikit perubahan dalam sistem
menu. Masalah tersebut tidak akan pernah
terjadi dengan menggunakan Joomla!,
cukup melakukan sedikit perubahan pada
menu maka semua yang terkait akan
langsung menyesuaikannya.. saat itu juga..
real time.
3. Ribuan template dan ekstension
tambahan yang siap pakai. Ketersediaan
ribuan template dan ekstension siap pakai
juga merupakan salah satu alasan penting
lainnya yang membuat orang tertarik pada
Joomla!. Tidak banyak software CMS yang
tersedia lengkap dengan modul-modul
tambahan seperti halnya Joomla!. Dengan
tim yang berdedikasi untuk
mengembangkan Joomla! ditambah ribuan
pengembang di seluruh belahan dunia,
ribuan template, plug-in, modul,
component, dan bahasa telah tersedia dan
siap untuk di-download oleh siapa saja.
Kebanyakan dari template dan ekstension
tersebut disediakan gratis, kalaupun ada
yang bersifat komersial biasanya dijual
dengan harga yang lebih murah
dibandingkan paket-paket komersial
lainnya.
4. Control Panel Joomla! salah satu
yang terbaik. Sekuat apapun sebuah

~4~
Yuk, Belajar Joomla! www.Cangkruk.com
produk CMS, tidak akan ada artinya apabila
menyulitkan admin untuk melakukan
pengelolaan Website. Joomla! menyediakan
fasilitas pengelolaan Website yang lengkap di
ruang admin, mulai dari tampilan yang user
friendly, kemudahan mencari fasilitas yang
diinginkan, tersedianya bantuan interaktif,
dan tentu saja kelengkapan fasilitas seperti
pengelolaan user, pembuatan menu,
pengaturan tampilan, dan banyak lagi
lainnya.
5. Dukungan dari jutaan pengguna
Joomla! di seluruh dunia. Pengguna Joomla!
merupakan salah satu yang terbesar saat ini,
ini berarti bahwa dukungan terhadap
pengembangan Website Joomla! akan mudah
ditemukan dimanapun. Apabila mengalami
kesulitan dalam mengelola Website Joomla!
maka telah tersedia banyak forum komunitas
Joomla!, saran dan masukan gratis dari para
pengguna Joomla!, update Joomla! (bug
fixes), tempate dan source gratis lainnya.
Semua tersedia setiap saat dan masalah yang
dialamipun akan dapat terpecahkan.

Bagaimana? masih ragu dengan


Joomla!?

Joomla! mungkin saja bukan yang


terbaik, tetapi dengan banyaknya pengguna
Joomla!, komunitas yang banyak ditemukan
di internet, pengembangan dan update yang
terus menerus dilakukan, serta banyak
kemudahan lainnya tentu saja menjadi
jaminan kehandalan Joomla! yang sangat
sayang sekali untuk dilewatkan. Begitu
bukan?

~5~
Yuk, Belajar Joomla! www.Cangkruk.com

-halaman ini sengaja dikosongkan-

www.Cangkruk.com

~6~
Yuk, Belajar Joomla! www.Cangkruk.com

3. Langkah
menguasai Joomla!
Joomla! adalah salah satu Open
Source CMS yang dikenal mudah
penggunaannya mulai dari instalasi,
modifikasi, sampai dengan pengelolaannya.
Tetapi bagi mereka yang belum mengenal
Joomla! sebelumnya, tentunya bukan hal
yang mudah untuk mulai menggunakan
Joomla!.

Tulisan ini (yang akan disusul dalam


beberapa seri tulisan lainnya) berupaya
untuk memberikan gambaran umum
mengenai tahapan yang perlu disiapkan
dan dilakukan dalam membuat dan
mengelola website Joomla!.

Pada dasarnya tahapan menguasai


Joomla! ini berangkat dari sedikitnya lima
pertanyaan berikut:

1. Apa saja yang harus disiapkan?


2. Bagaimana install Joomla!?; install
Web Server, install Joomla!.
3. Bagaimana melakukan konfigurasi
awal Joomla!?
4. Bagaimana mengelola Joomla!?;
mengelola template, module, component,
content.
5. Bagaimana cara meng-online-kan
Joomla!?

Dengan menjawab lima pertanyaan di


atas, dijamin orang awam sekalipun akan
mampu menguasai Joomla! dengan mudah
dan cepat.

Pada kesempatan ini akan dibahas


Tahapan pertama, sedangkan tahapan

~7~
Yuk, Belajar Joomla! www.Cangkruk.com
lainnya akan dituliskan secara berseri pada
artikel lainnya. Selamat menikmati.

Apa saja yang harus disiapkan?

Joomla! mengkombinasikan
penggunaan PHP dan mySQL dalam
pengembangannya. Karenanya untuk dapat
menggunakan Joomla!, pada server yang
digunakan harus sudah terinstall PHP,
mySQL, dan tentu saja Web Server.

Bukan hal yang sulit mencari layanan


hosting di internet yang menyediakan
prasyarat Joomla! tersebut karena hampir
semua layanan hosting saat ini sudah
menyediakan fasilitas yang mendukung
teknologi Joomla!. Tetapi bagi yang ingin
menggunakan Joomla! di PC lokal (localhost)
tentunya harus meng-install prasyarat
Joomla! seperti sudah disebutkan yaitu PHP,
mySQL, dan Web Server.

PHP, mySQL, dan Web Server adalah


paket-paket software yang dibuat oleh
pengembang (software developer) yang
berbeda. Logikanya, pengguna Joomla! harus
menginstall keseluruhan software tersebut
satu per satu. Tetapi jangan kuatir karena
saat ini sudah banyak tersedia paket web
server yang sekaligus juga menginstall PHP
dan myQL, salah satunya adalah XAMPP.

Jadi, yang harus disiapkan untuk


dapat memulai menggunakan Joomla!
adalah:

1. XAMPP versi terbaru yang sudah


memuat PHP dan mySQL serta Apache yang
menjadikannya berfungsi sebagai Web Server,
2. Paket software Joomla! dan tentu
saja...
3. Seperangkat PC/Laptop.

~8~
Yuk, Belajar Joomla! www.Cangkruk.com
Secara umum, paket software Joomla!
saat ini sudah di-rilis dalam tiga jenis atau
untuk mudahnya kita sebut saja tiga family,
yaitu:

1. Joomla! 1.0 dengan versi terbarunya


yaitu 1.0.15,
2. Joomla! 1.5 dengan versi terbarunya
saat ini yaitu 1.5.22,
3. Joomla! 1.6.

~9~
Yuk, Belajar Joomla! www.Cangkruk.com

-halaman ini sengaja dikosongkan-

www.Cangkruk.com

~ 10 ~
Yuk, Belajar Joomla! www.Cangkruk.com

4. Cara install XAMPP


Joomla! mensyaratkan PHP, mySQL,
dan web server untuk dapat
menjalankannya.

Salah satu software yang mencakup


keseluruhan persyaratan tersebut adalah
Xampp. Xampp tidak saja mencakup PHP,
mySQL, dan Apache web server tetapi juga
kelengkapan pendukung lainnya seperti
phpMyAdmin, dan FileZilla FTP Server.

Sebelum membahas lebih lanjut


mengenai tata cara install xampp, sangat
disarankan untuk menyiapkan file Installer
xampp terlebih dahulu sehingga dapat
langsung dipraktekkan.

Saat tulisan ini dibuat, installer


Xampp for windows tersedia dalam versi
1.7.3 dan berukuran sekitar 51,1 MB. Anda
dapat mendapatkannya secara gratis
dengan mendownloadnya langsung di
apachefriends.org.

Setelah siap, lakukan install xampp


dengan cara seperti berikut:

1. Aktifkan file xampp-win32-1.7.3-


installer.EXE,
2. Ikuti petunjuk di layar untuk proses
install,
3. Selanjutnya Anda akan diminta
melakukan setting XAMPP melalui tampilan
“Windows Command”. Ikuti langkah 4 s/d
9 berikut ini:
4. Isikan “y” pada baris pertanyaan
“Should I add shortcuts to the
startmenu/desktop? (y/n):” Lanjutkan
dengan tekan tombol ENTER.

~ 11 ~
Yuk, Belajar Joomla! www.Cangkruk.com
5. Isikan “y” pada baris pertanyaan
“Should I procedd? (y/x=exit setup):”.
Lanjutkan dengan tekan tombol ENTER.
6. Isikan “n” pada baris pertanyaan “your
choice? (y/n):”. Lanjutkan dengan tekan
tombol ENTER.
7. XAMPP telah siap untuk digunakan.
Tekan tombol ENTER untuk melakukan
setting otomatis file php.ini dan my.ini.
8. Tekan tombol ENTER sekali lagi untuk
melanjutkan, Isikan “x” pada baris
pertanyaan “Please choice (1-7/x):”.
9. Terakhir, akhiri proses install dan
setting XAMPP dengan sekali lagi menekan
tombol ENTER.
10. Selesai. PC/Laptop Anda sekarang
telah terinstallXAMPP dan siap digunakan
untuk mulai membuat website Joomla!.
11. XAMPP, khususnya module Apache
dan MySQL, harus diaktifkan terlebih dahulu
untuk dapat menjalankan website Joomla!.
Caranya adalah:
1. Aktifkan Control Panel XAMPP dengan
meng-klik dua kali icon XAMPP yang ada di
desktop atau dari START| All
Programs|Apache Friends|XAMPP|XAMPP
Control Panel,
2. Pada Control Panel XAMPP, module
Apache dan MySql dengan cara meng-klik
tombol START yang ada di samping kanan
masing-masing module.

Sampai disini Anda telah selesai


melakukan install paket software Web Server
XAMPP, dan juga telah mengetahui
bagaimana cara mengaktifkan Service
XAMPP. Ini berarti bahwa Anda sudah siap
untuk mulai melakukan install Joomla!.

~ 12 ~
Yuk, Belajar Joomla! www.Cangkruk.com

5. Cara install Joomla!


Bukan hal yang sulit menginstal
joomla! di PC lokal, terutama apabila di
PC/Laptop yang digunakan sudah terinstall
Web Server, PHP, dan MySQL.

Cukup download software Joomla!,


letakkan di folder web, extract file Joomla!
tersebut, aktifkan web server dan mySQL,
lalu akses folder web menggunakan
browser, ikuti petunjuk install di layar, dan
... selesai, Anda telah memiliki website
Joomla!. Selanjutnya tinggal kreatifitas
yang "bermain" untuk mendapatkan
website yang lebih indah dan informatif
buat pengunjung. Mudah bukan?

Berikut akan dijelaskan cara install


Joomla! versi 1.5.x di PC lokal (stand
alone);

Saat tulisan ini dibuat, versi terakhir


Joomla! 1.5.x sudah mencapai versi 1.5.22.
Sebelum memulai, pastikan sudah
mendownload Joomla! Full Package versi
terakhir di menu Download atau langsung
di http://www.joomla.org/download.html:

1. Buat sebuah folder, di folder htdocs,


yang menggambarkan isi Website,; folder
htdocs berada pada directory yang Anda
tentukan ketika menginstall XAMPP
sebelumnya, Misalkan di C:\XAMPP\.
Nama folder bebas bisa apa saja, tetapi
sebaiknya yang menginformasikan isi
website, misal: otomotif,
2. Copy file Joomla! Full Package versi
terakhir (saat ini, Joomla_1.5.22-Stable-
Full_Package.ZIP) ke folder yang sudah
dibuat tadi (otomotif),

~ 13 ~
Yuk, Belajar Joomla! www.Cangkruk.com
3. Extract file Joomla_1.5.22-Stable-
Full_Package.ZIP tersebut menggunakan
WINZIP atau WINRAR,
4. Aktifkan XAMPP, khususnya Service
Web Server dan MySQL,
5. Jalankan browser dan akses folder web
yang sudah dibuat dengan mengetikkan
alamat http://localhost/nama_folder, pada
contoh ini adalah http://localhost/otomotif,
6. Selanjutnya browser akan
menampilkan halaman Joomla! Web Installer.
Ikuti langkah 7 s/d 13 berikut ini untuk
mulai menginstall website Joomla!:
7. Language: Pilih bahasa yang paling
dipahami sebagai interface selama proses
install. Klik tombol NEXT di pojok kanan atas
untuk melanjutkan,
8. Pre-installation check: pada langkah ini
terdapat dua hal yang dilakukan pengecekan,
yaitu Spesifikasi Minimum dan Daftar
Rekomendasi. Spefisikasi minimum harus
terpenuhi untuk dapat menjalankan website
Joomla! (Jommla! tidak dapat berfungsi
apabila ada yang tidak sesuai spesifikasi
minimum), sedangkan Daftar Rekomendasi
diperlukan untuk mengoptimalkan Joomla!
(Joomla! masih tetap berfungsi meskipun ada
yang tidak sesuai rekomendasi), lanjutkan
dengan meng-klik tombol NEXT di pojok
kanan atas,
9. License: Joomla! adalah Open Source
dan Free, meskipun demikian terdapat
ketentuan yang perlu disepakati dalam
penggunaannya. Silahkan dibaca, lanjutkan
dengan meng-klik tombol NEXT di pojok
kanan atas,

~ 14 ~
Yuk, Belajar Joomla! www.Cangkruk.com
10. Database Configuration: Joomla!
adalah CMS yang menggunakan mySQL
sebagai database. Beberapa informasi yang
diperlukan pada konfigurasi database
Joomla! adalah Host Name (isikan
localhost), User Name (isikan username
default pada PC lokal, yaitu root), Isikan
password (kosongkan; default pada PC
lokal adalah tanpa password), dan
Database Name (isi sebagai identitas
database, misal DBotomotif. Lanjutkan
dengan meng-klik tombol NEXT di pojok
kanan atas,
11. FTP Configuration: FTP
memungkinkan User untuk mengelola file
website menggunakan software. Untuk
pengelolaan file web di PC lokal, abaikan
saja pilihan ini, lanjutkan dengan meng-
klik tombol NEXT di pojok kanan atas,
12. Main Configuration: Pada langkah ini
Anda diminta mengisikan informasi awal
website Joomla! yaitu Nama Website,
alamat e-mail, dan password admin
(password admin diperlukan pada saat
masuk ke halaman Administrator untuk
mengelola website). Lanjutkan dengan
meng-klik tombol NEXT di pojok kanan
atas,
13. Finish: Langkah terakhir yang harus
dilakukan adalah menghapus folder
INSTALLATION yang terletak di folder
website Anda, c:\xampp\htdocs\otomotif.
Setelah menghapus folder INSTALLATION,
lanjutkan dengan meng-klik tombol SITE di
kanan atas untuk melihat tampilan awal
website Anda.

Sampai di sini... Selamat! anda telah


memiliki website Joomla! sendiri.

~ 15 ~
Yuk, Belajar Joomla! www.Cangkruk.com

-halaman ini sengaja dikosongkan-

www.Cangkruk.com

~ 16 ~
Yuk, Belajar Joomla! www.Cangkruk.com

6. Konfigurasi global
website Joomla!
Setelah selesai melakukan proses
install, langkah selanjutnya adalah
menyiapkan konfigurasi global (Global
Configuration) website Joomla!. Kebanyakan
pemula mengabaikan konfigurasi global dan
lebih suka untuk langsung menyiapkan
tampilan dan contentnya. Padahal Langkah
ini merupakan hal penting yang tidak boleh
diabaikan begitu saja, karena menyangkut 3
hal penting yang sangat mendasar bagi
website Joomla! yaitu Site, System, dan
Server.

Setting konfigurasi global dapat


dilakukan melalui Administrator Backend
(Ruang administrator) yang dapat diakses
dengan mengetikkan
localhost/nama_folder_website/administrator
, lanjutkan dengan mengisikan Username
dan Password administrator, kemudian klik
Login untuk masuk ke administrator
backend. {Ingat, Username dan Password
administrator sudah pernah disiapkan pada
saat proses install Joomla!}.

Di dalam Administrator Backend ada


banyak hal yang bisa dilakukan dan salah
satunya adalah melakukan setting
konfigurasi global seperti yang akan dibahas
berikut ini. Klik "icon Global Configuration"
untuk mulai melakukan Setting konfigurasi
global.

~ 17 ~
Yuk, Belajar Joomla! www.Cangkruk.com
Terdapat 3 bagian penting yang perlu
disiapkan sesuai dengan website yang
sedang Anda buat, yaitu: Site, System, dan
Server. Setiap bagian terdiri dari beberapa
macam kelompok item konfigurasi. Cukup
lakukan konfigurasi pada beberapa item
penting saja sesuai dengan website yang
disiapkan, sedangkan item lainnya
dibiarkan sesuai nilai defaultnya.

Site: Konfigurasi di site, menentukan


bagaimana nantinya website akan dikenali
di Internet, terutama di Search Engine.
Item penting yang perlu dikonfigurasi ulang
yaitu: Site Name (nama website yang akan
muncul di pojok kiri atas browser), Global
Site Meta Description (deskripsi umum
website), dan Global Site Meta Keywords
(Keywords yang digunakan untuk
pencarian website di Internet). Upayakan
konfigurasi ketiga item tersebut
menggambarkan isi dari website yang
dibuat.
System: Secara umum, nilai default
dari konfigurasi system sudah cukup baik
sehingga tidak perlu merubah apapun.
Tetapi jika ingin melakukan beberapa
perubahan, Kelompok item yang perlu
diperhatikan adalah User Settings dan
Cache Settings. User Settings menentukan
bagaimana sistem joomla akan
memperlakukan User pada saat Registrasi,
sedangkan Cache Settings menentukan
berapa lama sistem akan menyimpan file-
file website yang pernah dibuka
pengunjung. Pertimbangkan bahwa
penentuan waktu cache akan mempercepat
proses akses, tetapi pada saat yang sama
justru akan menjadikan sistem tidak
sensitif terhadap update/perubahan
content.

~ 18 ~
Yuk, Belajar Joomla! www.Cangkruk.com
Server: Terdapat 5 kelompok item
disini yaitu Server Settings, Locale Settings,
FTP Settings, Database Settings, dan Mail
Settings. Perubahan yang perlu dilakukan
adalah pada Locale Settings, yaitu setting
Zona waktu (time zone) gunakan zona
GMT+7, dan Mail Settings; pastikan alamat e-
mail dan nama e-mail sudah sesuai dengan
e-mail yang Anda siapkan.

~ 19 ~
Yuk, Belajar Joomla! www.Cangkruk.com

-halaman ini sengaja dikosongkan-

www.Cangkruk.com

~ 20 ~
Yuk, Belajar Joomla! www.Cangkruk.com

7. Mengelola template
Joomla!
Menggunakan Joomla! memang
menyenangkan, segalanya menjadi serba
mudah; download gratis, install mudah,
template pun sudah tersedia tinggal pakai.

Dengan adanya template, pengguna


Joomla! tidak perlu bingung dimana akan
meletakkan menu, banner, iklan, login
user, dan lainnya. Tinggal "tunjuk" dimana
posisi yang disukai; pilih "Left" akan
muncul di kiri, pilih "Right" akan muncul di
kanan, semuanya sudah disiapkan tinggal
pilih lokasi mana yang diinginkan.

Ada dua jenis template yang dikenal


dalam Joomla! yaitu template untuk front-
end yang dapat dilihat oleh siapapun
pengunjung Website dan template untuk
back-end yang hanya bisa dilihat oleh
administrator serta user yang diberi hak
akses pada saat mengelola Website.
Umumnya, webmaster lebih suka
"mengutak-atik" template front-end
dibandingkan template back-end. Tulisan
ini lebih banyak membahas tentang
template front-end.

Pada saat install pertama kali,


Joomla! menyertakan tiga macam template
bawaan (standar), yaitu: rhuk_milkyway,
JA_Purity, dan beez, dengan
rhuk_milkyway sebagai defaultnya seperti
yang terlihat pada tampilan awal website
Joomla!.

Tidak selamanya pemilik Website


puas dengan template default, sehingga
terkadang bahkan seringkali administrator
merubah template defaultnya. Tidak jarang

~ 21 ~
Yuk, Belajar Joomla! www.Cangkruk.com
banyak pengguna Joomla! juga
menambahkan template "baru" yang banyak
diperoleh secara gratis di internet. Semua itu
dimungkinkan karena fasilitas untuk
menambahkan template baru juga disediakan
oleh Joomla!.

~ 22 ~
Yuk, Belajar Joomla! www.Cangkruk.com

8. Mengelola module
Joomla!
Secara umum, template Joomla!
membagi tampilan Joomla! ke dalam dua
area penting, yaitu area utama yang
terletak di tengah dan area lainnya yang
terletak di sekitar bagian utama (kiri,
kanan, atas, bawah, atau posisi lainnya
sesuai template yang digunakan).

Area utama digunakan untuk


menampilkan content Website. Sedangkan
area lainnya yang ada di sekeliling area
utama digunakan sebagai link untuk
"memanggil" content/component seperti
menu, login, iklan, polling/survei, banner,
dan sebagainya.

Link yang disiapkan dan ditampilkan


dalam suatu box (kotak) di sekeliling area
utama dengan tujuan untuk "memanggil"
content/component itulah yang biasa kita
kenal dengan sebutan Modules.

Secara umum, ada dua macam


Modules di dalam Joomla! yaitu Site
Modules dan Administrator Modules. Site
Modules adalah Modules yang ditampilkan
pada front-end (area pengunjung Website)
sedangkan Administrator Modules adalah
modules yang ditampilkan pada back-end
(area administrator), tulisan ini akan
memfokuskan pembahasan pada Site
Modules.

Terdapat banyak jenis (site) modules


yang disiapkan oleh Joomla! secara default,
yaitu:

Archived Content: Menampilkan


artikel-artikel yang diberi status sebagai
arsip,

~ 23 ~
Yuk, Belajar Joomla! www.Cangkruk.com
Banner: Menampilkan banner yang
sudah di-set sebelumnya pada component
Banner,
Breadcrumbs: Menampilkan
breadcrumbs, semacam menu yang
menunjukkan posisi artikel secara hierarki.
Contoh Home > Webmaster > Joomla!,
Custom HTML: Menampilkan script
HTML hasil kreasi sendiri,
Feed Display: Menampilkan feed
sindikasi,
Footer: Menampilkan informasi
Joomla! Copyright di posisi paling bawah
website,
Latest News: Menampilkan informasi
artikel terakhir yang di-publih,
Login: Menampilkan form Username
dan password,
Menu: Menampilkan menu,
Most Read Content: Artikel yang
terbanyak dibaca,
Newsflash: Menampilkan artikel secara
random,
Poll: Poling/Survei
Random Image: Menampilkan gambar
secara random pada folder yang ditentukan,
Related Articles: Menampilkan artikel
terkait berdasarkan keyword yang digunakan,
Search: Menampilkan kotak pencarian,
Sections: Menampilkan Sections,
Statistics: Informasi server,
pengunjung, jumlah artikel, dan banyaknya
web links.
Syndicate: Sindikasi untuk halaman
tertentu,
Who's Online: Informasi banyaknya
pengunjung yang terdaftar ataupun tidak,
Wrapper

~ 24 ~
Yuk, Belajar Joomla! www.Cangkruk.com
Keseluruhan Modules di atas dikelola
melalui Module Manager yang terdapat
pada Administrator Back-End, yaitu pada
menu Extensions | Module Manager.

Pada Module Manager sendiri


terdapat tujuh menu utama, yaitu Enable
dan Disable (menampilkan/tidak module
tertentu), Copy (menduplikat suatu
module), Delete (menghapus module), Edit
(mengedit module yang sudah ada), New
(membuat module baru), dan Help (menu
bantuan).

Di dalam Module Manager tersebut


juga, masing-masing module dapat diatur
apakah akan ditampilkan/tidak, letak
posisi yang diinginkan, ditampilkan pada
halaman yang mana, Siapa saja yang
diperbolehkan melihatnya, dan lainnya
sesuai fungsi module masing-masing.

~ 25 ~
Yuk, Belajar Joomla! www.Cangkruk.com

-halaman ini sengaja dikosongkan-

www.Cangkruk.com

~ 26 ~
Yuk, Belajar Joomla! www.Cangkruk.com

9. Mengelola component
Joomla!
Setiap halaman Joomla! selalu terdiri
atas beberapa blok yaitu satu blok utama
yang berada di tengah dan beberapa blok
lainnya yang berada di sekitar blok utama.
Blok-blok yang berada di sekitar blok utama
kita kenal dengan sebutan Module sedangkan
blok utama yang berada di tengah itulah yang
dinamakan dengan Component. Jadi dapat
disimpulkan bahwa di setiap halaman hanya
terdapat satu Component yang dapat
"dipanggil" melalui link yang ada di Module.
Component adalah satu dari lima extensions
yang ada dalam paket Joomla! 1.5x; empat
lainnya yaitu Modules, Plugins, Tempates,
dan Language. Sesuai dengan namanya
(extension=perluasan) maka komunitas
Joomla! (Third Party) dimungkinkan untuk
mengembangkan component yang sudah ada
atau bahkan membuat component baru yang
dapat diinstal melalui Menu Extensions di
dalam Administrator Back-End. Sedangkan
masing-masing component dapat dikelola
melalui Menu Component, sesuai dengan
fungsi dari masing-masing component
tersebut.

Component merupakan salah satu


fungsi utama yang dimiliki Joomla!,
karenanya pada saat install pertama kali
(default) terdapat beberapa component inti
yang sudah terinstall yaitu, Banners,
Contact, News Feeds, Polls, dan Web Links.
Berikut ini adalah beberapa hal yang dapat
dikelola pada component inti yang ada pada
Joomla! 1.5x

~ 27 ~
Yuk, Belajar Joomla! www.Cangkruk.com
Banners: Untuk mengelola dan
menampilkan iklan dalam bentuk Banner.
Pada component Banner dapat diatur
kategori Banner, Client (pemasang Banner),
dan Banner serta link-nya. Pada setiap
Banner yang dipasang dapat diatur jumlah
maksimal impressions (banyaknya
tampilan Banner) dan juga dapat dilihat
banyaknya Click pada masing-masing
Banner,
Contact: Untuk mengatur informasi
contact person di website Joomla!.
Informasi yang bisa di-input pada masing-
masing contact di antaranya nama, alamat,
nomor telepon, e-mail, website, dan
lainnya. Selain itu masing-masing contact
pun dapat dikelompokkan ke dalam
kategori-kategori,
News Feeds: Untuk menampilkan
content dalam bentuk feed dari website
lain. Administrator dapat mengelompokkan
masing-masing News Feed ke dalam
kategori yang sesuai. Pada masing-masing
feed dapat diatur jumlah artikel yang akan
ditampilkan, dan tentu saja link dari feed
yang ingin ditampilkan,
Polls: Untuk mengelola polling atau
survei tertentu. Administrator dapat
mengatur judul Survei, delay time-lag antar
voting, dan pilihan voting (maksimal 12
pilihan voting),
Search: Untuk melihat statistik dari
proses pencarian (search) yang terjadi di
website,

~ 28 ~
Yuk, Belajar Joomla! www.Cangkruk.com
Web Links: Untuk mengelola link ke
website lainnya, dan dapat dikelompokkan
dalam kategori-kategori yang sesuai. Selain
alamat link, pada component web-link juga
dapat diatur deskripsi dari link, dan Target
window apakah ditampilkan dalam tab
browser yang sama, tab baru dalam window
browser yang sama atau membuka window
browser baru.

~ 29 ~
Yuk, Belajar Joomla! www.Cangkruk.com

-halaman ini sengaja dikosongkan-

www.Cangkruk.com

~ 30 ~
Yuk, Belajar Joomla! www.Cangkruk.com

10. Mengelola content


Joomla!
Content adalah Raja!

Seperti itulah kira-kira ungkapan


yang paling pas untuk menggambarkan
betapa pentingnya Content bagi sebuah
Website.

Website sebagai suatu bentuk media


informasi di Internet, tentunya dituntut
untuk memiliki Content (isi Website) yang
informatif dan bermanfaat bagi
pengunjungnya. Semakin informatif dan
bermanfaat Content yang disajikan sebuah
Website, akan semakin menarik minat para
penikmat informasi untuk datang
berkunjung dan mengambil manfaat
darinya.

Meskipun demikian, menyajikan


Content yang informatif dan bermanfaat
saja belumlah cukup. Kenyamanan
pengunjung dalam menikmati Content,
kemudahan mencari dan menemukan
informasi dalam sebuah Website, penyajian
gambar-gambar, penggunaan warna dan
ukuran huruf, pengelompokan Content,
serta lainnya yang terkait sebuah Content,
merupakan hal penting yang perlu
mendapat perhatian lebih.

Tepat dalam mengelola Content


Website, akan membuat pengunjung
berkunjung kembali di waktu yang akan
datang serta betah berlama-lama
menikmati Content yang disajikan dalam
sebuah Website. Sebaliknya, salah dalam
mengelola Website tentunya akan
menyebabkan pengunjung enggan berlama-

~ 31 ~
Yuk, Belajar Joomla! www.Cangkruk.com
lama bahkan "kapok" untuk datang kembali
berkunjung.

Demikian pentingnya Content bagi


sebuah Website, menjadi tantangan bagi para
penyedia CMS untuk berlomba dalam
menyiapkan Sistem Pengelolaan Content
yang efektif dan efisien. Tidak terkecuali
Joomla! sebuah CMS.

Mengelola Content di Joomla!


dilakukan melalui halaman administrator,
tepatnya pada menu Content. Joomla!
mengelompokan Content ke dalam tiga
hirarki (jenjang pengelompokan), yaitu:

1. Sections; merupakan hirarki tertinggi


yang mengelompokan berbagai macam
category sejenis.
2. Category; merupakan hirarki di bawah
Sections yang mengelompokan berbagai
macam Content sejenis.
3. Content itu sendiri; Isi dari Website,
bisa berupa artikel, gambar-gambar, atau
informasi apapun yang ingin disajikan dalam
Website

Beragam pengaturan untuk mengelola


Content dapat dilakukan disana. Silahkan
bereksplorasi dan mencobanya sendiri.

~ 32 ~
Yuk, Belajar Joomla! www.Cangkruk.com

Belajar Joomla! lebih banyak lagi

Miliki dan ikuti panduannya di Buku Panduan Lengkap Website


Dinamis Joomla!. Lebih lengkap. Lebih rinci.

“Web pada hari ini mulai menjadi kebutuhan yang mendasar


terutama bagi mereka yang ingin berkiprah secara serius di
dunia maya. Joomla! Barangkali merupakan salah satu Content
Manajemen System yang populer untuk membuat Web dinamis
baik untuk keperluan pribadi, instansi, kantor, hingga toko di
Internet. Mas Lucky Permana membahas dengan sangat cantik
cara men-”tune” Joomla! Agar sesuai dan menolong kita dalam
membuat Web-nya. Semoga buku “Panduan Lengkap Website
Dinamis Joomla!” dapat membantu banyak orang di Indonesia
dalam berkiprah dan sukses di dunia maya.” (Onno W. Purbo)

Sinopsis Buku:
Website saat ini bisa dikatakan sudah menjadi kebutuhan para
pengguna Internet, baik penyedia maupun pencari informasi. Banyak hal
bisa diperoleh dari sebuah Website, bahkan dari Website yang sederhana
sekalipun karena Website memang disiapkan untuk menyajikan beragam
~ 33 ~
Yuk, Belajar Joomla! www.Cangkruk.com
informasi. Apakah itu informasi pribadi, hobi, diskusi, bisnis skala besar
dan kecil, berita, pendidikan, pemerintahan, pemikiran, artis, gosip, humor,
dan segala macam bentuk informasi lainnya dapat disajikan melalui
Website.

Perubahan dan tentunya kebutuhan akan informasi yang demikian


pesatnya saat ini, membutuhkan media Website yang bersifat dinamis
sehingga dapat mengakomodir perubahan-perubahan informasi tersebut
dengan mudah dan cepat. Di sisi lain, kebutuhan akan adanya suatu
sistem yang memudahkan para penyedia informasi dalam membuat dan
mengelola Website, sudah tidak bisa ditawar lagi. Content Management
System atau yang biasa dikenal dengan sebutan CMS, merupakan jawaban
yang dicari para penyedia informasi. Dengan CMS, memiliki Website
Dinamis yang serba mudah dan cepat, baik dalam pembuatan, pengelolaan,
dan pengembangannya tidak lagi menjadi sekedar impian. Terdapat banyak
CMS yang tersedia saat ini, dan Joomla! adalah salah satunya.

Joomla! dikenal dengan kesederhanaannya. Tetapi jangan salah,


dibalik kesederhanaannya tersebut Joomla! sebagai CMS yang bersifat
Open Source dan Free, merupakan software yang powerful bahkan melebihi
software berbayar sekalipun. Banyak kelebihan dan keunggulan dengan
menggunakan Joomla!. Mulai dari proses install yang mudah, sampai
dengan pengelolaan yang juga mudah dan interaktif serta menyenangkan.
Selain itu, dukungan di Internet yang demikian banyaknya membuat
siapapun tidak akan pernah merasa sendirian dalam mengelola dan
mengembangkan Website Joomla!.

Buku ini disiapkan untuk memandu para pembacanya agar dapat


membuat dan memiliki Website Dinamis dengan cara yang mudah.
Pembaca akan dipandu secara lengkap dan sistematis mulai dari
pemahaman mengenai perlunya membuat Website, pengertian Website
Statis, Dinamis, dan CMS, serta mengapa menggunakan Joomla!.
Selanjutnya pembaca akan dipandu untuk memahami cara pembuatan
Website menggunakan Joomla! baik secara offline dengan tujuan
pembelajaran ataupun langsung online di Internet. Pembaca juga akan
dipandu untuk memahami cara pengelolaan Website Joomla!,
pengembangan Website Joomla!, dan cara meng-upgrade versi Joomla! yang
lama ke versi yang terbaru. Intinya pembaca akan dipandu dengan cara
yang mudah dan sistematis untuk mendapatkan Website Joomla! yang
tidak hanya sekedar menyajikan informasi berupa artikel saja, tetapi juga
lengkap dengan adanya Iklan Baris, Forum Diskusi, bahkan Toko Online
sehingga Website Joomla! yang dihasilkan tidak hanya sekedar dinamis

~ 34 ~
Yuk, Belajar Joomla! www.Cangkruk.com
tetapi juga interaktif, baik interaktif antara pemilik Website dengan
pengunjungnya dan juga interaktif antar pengunjung di Website Joomla!

~ 35 ~

You might also like