Professional Documents
Culture Documents
Joomla!
Edisi ebook
dari artikel di www.cangkruk.com
Lucky Permana
Yuk, Belajar Joomla! www.Cangkruk.com
Daftar Isi
~ 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.
~1~
Yuk, Belajar Joomla! www.Cangkruk.com
The Green Maven (Eco-resources),
Outdoor Photographer (Magazine),
PlayShakespeare.com (Cultural),
Senso Interiors (Furniture design).
~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.
~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.
~5~
Yuk, Belajar Joomla! www.Cangkruk.com
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!.
~7~
Yuk, Belajar Joomla! www.Cangkruk.com
lainnya akan dituliskan secara berseri pada
artikel lainnya. Selamat menikmati.
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.
~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:
~9~
Yuk, Belajar Joomla! www.Cangkruk.com
www.Cangkruk.com
~ 10 ~
Yuk, Belajar Joomla! www.Cangkruk.com
~ 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.
~ 12 ~
Yuk, Belajar Joomla! www.Cangkruk.com
~ 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.
~ 15 ~
Yuk, Belajar Joomla! www.Cangkruk.com
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.
~ 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.
~ 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
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.
~ 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).
~ 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.
~ 25 ~
Yuk, Belajar Joomla! www.Cangkruk.com
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.
~ 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
www.Cangkruk.com
~ 30 ~
Yuk, Belajar Joomla! www.Cangkruk.com
~ 31 ~
Yuk, Belajar Joomla! www.Cangkruk.com
lama bahkan "kapok" untuk datang kembali
berkunjung.
~ 32 ~
Yuk, Belajar Joomla! www.Cangkruk.com
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.
~ 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 ~