Vol

1
SSE
ER
RIIA
AL
LE
EB
BO
OO
OK
K JJO
OO
OM
ML
LA
A

Panduan Website Dinamis

Menggunakan Joomla 2.5

di PC/Laptop

SERIAL EBOOK JOOMLA. PANDUAN WEBSITE DINAMIS.

Menggunakan Joomla 2.5 di PC/Laptop

author

LUCKY PERMANA

published by
EbookJoomla2012

page

www.Facebook.com/Tutor.Joomla/

email

info@EbookJoomla.com

diperkenankan menyebarluaskan serial EbookJoomla ini tanpa ijin dari penerbit/penulis.

diperkenankan mengutip sebagian atau seluruh isi serial EbookJoomla ini dengan menyebutkan sumbernya.

Daftar isi
Daftar isi ..................................................................................... i
Tentang penulis ..........................................................................ii
Perlu keahlian apa?................................................................... 1
Perlu software apa? .................................................................. 3
Install WampServer ................................................................... 5
Install WampServer ......................................................................... 5
Petunjuk umum install ..................................................................... 5
Petunjuk khusus install.................................................................... 5
Cek hasil install ............................................................................... 8

Me-nonaktif/aktif-kan WampServer ......................................... 11

Meng-aktif-kan WampServer ........................................................ 11
Me-nonaktif-kan WampServer ...................................................... 11

Menggunakan compression software ...................................... 15

Compression tools di windows 7 home basic................................ 15
Compression software third-party ................................................. 16

Mempersiapkan File Install Joomla ......................................... 19

Memahami area public_html di WampServer ............................... 19
Mempersiapkan file install website Joomla ................................... 20

Install Joomla .......................................................................... 23

Mengenal Interface Joomla ..................................................... 27
Mengenal Frontend Joomla..................................................... 29
Template ....................................................................................... 29
Component ................................................................................... 29
Module .......................................................................................... 30
Language ...................................................................................... 30
Plugin ............................................................................................ 30

Mengenal Backend Joomla ..................................................... 33

Control Panel ................................................................................ 33
Bagian utama backend Joomla ..................................................... 34
Menu pada backend Joomla ......................................................... 34

Bacaan Joomla........................................................................ 39

Tentang penulis
Lahir di Kudus pada 1 September 1971, Lucky Permana menjalani
pendidikan dasarnya di beberapa kota di Papua (Irian Jaya waktu itu)
yaitu Manokwari, Sentani, Serui, dan Jayapura sebelum akhirnya
menyelesaikan pendidikan menengahnya di Jakarta.
Pendidikan lanjutnya di Akademi Ilmu Statistik (AIS) yang diselesaikan
pada 1994, dan Sekolah Tinggi Ilmu Statistik (STIS) jurusan Komputasi
Statistik yang diselesaikan pada 1999, menghantarkannya bekerja di Badan Pusat Statistik
(BPS) tepatnya di Provinsi Jawa Timur hingga saat ini.
Berbagai pengalaman praktis dalam bidang Komputer dan Internet, mendorong Lucky
Permana menuliskannya di www.Cangkruk.com. Lucky juga menuangkan pengetahuan dan
pengalaman praktisnya itu, dalam bentuk buku dan artikel di media komputer.
Buku berjudul Mengelola Website Joomla 1.7 dengan 70 Ekstensi Terpopuler adalah
bukunya yang keempat, setelah sebelumnya terbit buku pertama berjudul Panduan Lengkap
Website Dinamis Joomla! disusul buku kedua berjudul 20 Harta Karun Google.
kemudahan dan keunggulannya begitu menggoda, dan buku ketiga berjudul Membuat
Website Profesional dengan BlogSpot. Sedangkan artikel komputer yang pernah ditulisnya
dan dimuat di Majalah Mikrodata media penggemar komputer adalah Membuat Komponen
Hotspot dan Membuat Image Map.
Pembaca yang ingin berkorespondensi dengan penulis, dapat melakukannya dengan
mengirim email ke luckypermana@cangkruk.com atau melalui contact form di
www.cangkruk.com. Sedangkan untuk saling bertukar informasi seputar Joomla, silahkan
bergabung di halaman www.facebook.com/tutor.joomla.

Peringatan dan pernyataan

Tulisan ini dimaksudkan untuk membantu siapapun dalam menggunakan Joomla di
PC/Laptop berdasarkan pengalaman penulis, dengan tanpa kendala dan kerusakan apapun
yang muncul sebagai akibat.
Meskipun demikian, tidak ada pernyataan atau jaminan apapun akan diperoleh hasil yang
sama dengan mengikuti tulisan ini.
Dengan kata lain, penulis tidak bertanggungjawab kepada apapun atau siapapun apabila tidak
memenuhi kebutuhan, atau terdapat ketidaksesuaian hasil atau ketidakberhasilan atau
kerusakan atau hal lainnya yang mungkin muncul sebagai akibat dari mengikuti tulisan ini.

S E R I A L E B O O K
M E N G G U N A K A N

J O O M L A
J O O M L A

2 . 5

D I

P C / L A P T O P

Notes

Perlu keahlian apa?

Pengguna PC/Laptop kebanyakan (semestinya) tidak akan kesulitan menggunakan
Joomla,

enggunakan Joomla di PC/Laptop selain bermanfaat untuk mempelajari dan

bereksperimen serta membiasakan diri dengan fitur-fitur Joomla, juga untuk
mempersiapkan website Joomla sebelum publish di Internet..

Pada dasarnya tidak diperlukan keahlian khusus seperti pemrograman web (web programming)
untuk dapat menggunakan Joomla. Pengguna PC/Laptop kebanyakan (semestinya) tidak akan
kesulitan menggunakan Joomla, meskipun demikian... tetap diperlukan sedikit pengetahuan dan
pengalaman menggunakan PC/Laptop, seperti:
Mengerti cara mencari dan menemukan file serta dapat membuat folder di PC/Laptop,
Mengerti cara browsing serta men-download sesuatu dari website di Internet dan menyimpan
hasil download tersebut di suatu tempat/folder tertentu,
Percaya diri dan mandiri serta tidak panik dan putus asa apabila tidak mengerti suatu
konsep Joomla,
O ya, satu lagi... biasakan membaca... referensi Joomla banyak sekali tersedia dalam bentuk
tulisan (bergambar ataupun tidak), baik dalam bentuk buku, artikel, ataupun diskusi di website
forum/komunitas Joomla.
Jadi selama sudah terbiasa menggunakan PC/Laptop dan browsing di Internet, (semestinya)
sudah bisa menggunakan Joomla di PC/Laptop; yang penting mau berusaha (percaya diri dan
mandiri) dan tidak mudah panik/putus asa apabila tidak mengerti suatu konsep Joomla, serta
membiasakan diri untuk mencari dan membaca referensi tentang Joomla dalam bentuk apapun.
Bagaimana, sepakat dengan uraian di atas? silahkan bersiap membaca notes berikutnya.

S E R I A L E B O O K
M E N G G U N A K A N

J O O M L A
J O O M L A

2 . 5

D I

P C / L A P T O P

S E R I A L E B O O K
M E N G G U N A K A N

J O O M L A
J O O M L A

2 . 5

D I

P C / L A P T O P

Notes

Perlu software apa?

Diperlukan tiga jenis software untuk dapat menggunakan Joomla di PC/Laptop yaitu paket
software web server, software Joomla, dan compression software.

edikitnya diperlukan tiga jenis software untuk dapat menggunakan Joomla di

PC/Laptop. Ketiga jenis software tersebut yaitu:

1. Paket software web server. Untuk menjalankan Joomla di PC/Laptop,

diperlukan software pendukung seperti Apache (web server), MySQL (database),
dan PHP (scripting language). Tidak perlu repot men-download ketiganya satu per satu
karena sekarang ini banyak tersedia paket software yang sudah mencakup ketiganya;
diantaranya
adalah
paket
software
WampServer
di
alamat
www.wampserver.com/en/. Alternatif lainnya, bisa juga dicoba Xampp Server di
alamat www.apachefriends.org/en/xampp-windows.html.

2. Software Joomla. Joomla adalah salah satu software Content Management System
(CMS) yang biasa digunakan dalam membangun suatu website dinamis. Joomla
tersedia Free (gratis) dan Open Source, dan dapat di-download di alamat
www.joomla.org/download/.
3. Compression Software (optional). Joomla tersedia dalam bentuk file terkompresi
(zip file). Compression software seperti winRAR, winzip, atau lainnya yang sejenis,
diperlukan untuk meng-ekstrak file Joomla agar dapat digunakan untuk install dan
membuat website dinamis. Umumnya, compression software sudah tersedia di
PC/Laptop.
Silahkan download paket software web server dan Joomla seperti disebutkan di atas, serta
compression software (apabila diperlukan). Selanjutnya, bersiaplah untuk mulai menginstall-nya.

S E R I A L E B O O K
M E N G G U N A K A N

J O O M L A
J O O M L A

2 . 5

D I

P C / L A P T O P

S E R I A L E B O O K
M E N G G U N A K A N

J O O M L A
J O O M L A

2 . 5

D I

P C / L A P T O P

Notes

Install WampServer
Penulis berharap, pembaca dapat 'menangkap' filosofi tahapan install WampServer pada
tulisan ini,

ulisan ini disiapkan apa adanya berdasarkan pengalaman penulis dalam menginstall WampServer 2.2C (32 Bits) di Laptop Toshiba Satellite L510 dengan
O/S Windows 7 Home Basic. Penulis berharap, pembaca dapat 'menangkap'
filosofi tahapan install WampServer pada tulisan ini, karena saat pembaca mendownload nya, mungkin sudah rilis versi terbaru yang bisa saja tahapan 'detil' install-nya
tidak sama persis dengan tulisan ini.
Oke, sudah cukup basa-basinya, mari kita mulai saja..

Install WampServer
File WampServer 2.2C (32Bits) yang akan dijelaskan pada tulisan ini sebagai contoh
install paket software web server, adalah berupa file aplikasi (.EXE) dengan
nama wampserver2.2c-x32.exe dan berukuran sekitar 25MB. Termasuk juga di
dalamnya adalah Apache 2.2.21, PHP 5.3.9, MySQL 5.5.20, dan PHPMyAdmin 3.4.9.
Untuk mulai install, klik 2x (double click) file WampServer, lalu klik Run apabila pada
PC/Laptop muncul window Open File -Security Warning, kemudian ikuti instruksi yang
muncul di tiap window selanjutnya.

Petunjuk umum install

Pembaca yang terbiasa meng-install aplikasi di PC/Laptop tentunya mengenal jurus yesnext-install-finish bukan? Gunakan saja jurus tersebut untuk meng-install WampServer:
Klik Yes apabila tersedia pilihan tombol Yes atau No,
Klik Next apabila tersedia tombol Next,
Klik Install, tentu saja, apabila tersedia tombol 'Install', dan
Klik Finish apabila tersedia tombol Finish. :)

Petunjuk khusus install

Pada window License Agreement, pilih I Accept the agreement,

S E R I A L E B O O K
M E N G G U N A K A N

J O O M L A
J O O M L A

2 . 5

D I

P C / L A P T O P

Pada window Select Destination Location, biarkan folder default c:\wamp,

Pada window Select Additional Tasks, beri tanda Check pada Create a Quick Launch

icon dan Create a Desktop icon,

S E R I A L E B O O K
M E N G G U N A K A N

J O O M L A
J O O M L A

2 . 5

D I

P C / L A P T O P

Pada window PHP mail parameters biarkan saja sesuai isian default,

Pada window Completing the WampServer 2 Setup Wizard, biarkan tanda check

pada Launch WampServer 2 now.

S E R I A L E B O O K
M E N G G U N A K A N

J O O M L A
J O O M L A

2 . 5

D I

P C / L A P T O P

Cek hasil install

Sampai disini, install WampServer sudah selesai dilakukan. Untuk memastikan bahwa
install WampServer telah berhasil, lakukan langkah pengecekan berikut ini:
Proses install membentuk folder c:\wamp. File dan folder hasil install WampServer

tersimpan disana,
WampServer ber-status Aktif, ditunjukkan dengan icon WampServer di pojok

kanan bawah Taskbar Windows 7 berwarna hijau,

Untuk memastikan WampServer telah terinstall dan berstatus Aktif (Enabled),

jalankan browser dan ketikkan http://localhost/ pada kotak alamat browser, akan
tampil Homepage WampServer.
Proses install WampServer telah selesai pembaca lakukan. Meskipun demikian, sebelum
melanjutkan membaca Notes-4 silahkan jawab dulu pertanyaan berikut ini, "Apakah sudah
paham/mengerti install WampServer yang dijelaskan pada tulisan di Notes-3 ini?". Silahkan
bersiap membaca Notes-4 apabila jawabannya adalah "Sudah". Tetapi apabila
8

S E R I A L E B O O K
M E N G G U N A K A N

J O O M L A
J O O M L A

2 . 5

D I

P C / L A P T O P

jawabannya adalah "Belum", maaf, sebaiknya jangan melanjutkan membaca Notes-4.

Silahkan un-install WampServer dan .....

ulangi kembali proses install WampServer sampai Anda menjawab "Sudah"

paham/mengerti install WampServer. :)

S E R I A L E B O O K
M E N G G U N A K A N

J O O M L A
J O O M L A

2 . 5

D I

P C / L A P T O P

10

S E R I A L E B O O K
M E N G G U N A K A N

J O O M L A
J O O M L A

2 . 5

D I

P C / L A P T O P

Notes

Me-nonaktif/aktif-kan WampServer
Icon WampServer pada windows dekstop dapat digunakan untuk mengaktifkan services
WampServer secara cepat.

alam menulis Notes-4 ini, penulis beranggapan bahwa pembaca sudah

paham/mengerti install WampServer, termasuk di antaranya mengerti dimana
letak file/folder hasil install, dan mengerti cara memeriksa WampServer berstatus aktif atau tidak.
Masih belum paham/mengerti apa yang dimaksud? silahkan tuntaskan kembali membaca
Notes-3 sebelum melanjutkan membaca Notes-4 ini.

Meng-aktif-kan WampServer
Dengan memberi tanda Check pada Create a Quick Launch icon dan Create a
Desktop icon sewaktu melakukan install WampServer (baca kembali Notes-3), akan
terbentuk icon WampServer pada windows desktop.
Icon WampServer di windows dekstop tersebut dapat digunakan untuk mengaktifkan
services WampServer secara cepat. Klik 2x (double click) icon WampServer, apabila
Windows 7 mengaktifkan
User Control Account klik
saja tombol Yes, lalu
tunggu beberapa saat.
WampServer sudah aktif.
Silahkan lakukan langkah
pengecekan untuk
memastikan WampServer
benar-benar sudah aktif.

Me-nonaktif-kan
WampServer
Me-nonaktif-kan
WampServer dapat dilakukan dengan dua cara:
11

S E R I A L E B O O K
M E N G G U N A K A N

J O O M L A
J O O M L A

2 . 5

D I

P C / L A P T O P

Untuk menonaktifkan services sekaligus unload WampServer, klik kanan (right click)

icon WampServer di windows task bar, lalu klik Exit.

Untuk

menonaktifkan services tanpa unload WampServer, klik pada icon

WampServer di windows taskbar, lalu klik stop all services. Perhatikan, icon
WampServer masih tetap ada di windows taskbar tetapi berubah warna
menjadi merah, ini berarti bahwa WampServer sedang ber-status tidak aktif

.
Sampai disini, (semestinya) pembaca sudah paham/mengerti cara install WampServer,
juga paham/mengerti cara mengaktifkan/menonaktifkan WampServer.

12

S E R I A L E B O O K
M E N G G U N A K A N

J O O M L A
J O O M L A

2 . 5

D I

P C / L A P T O P

Apabila merasa masih belum paham/mengerti, jangan melanjutkan membaca Notes-5,

silahkan coba dan ulangi pada bagian yang belum dimengerti sampai benar-benar
paham/mengerti. :)

13

S E R I A L E B O O K
M E N G G U N A K A N

J O O M L A
J O O M L A

2 . 5

D I

P C / L A P T O P

14

S E R I A L E B O O K
M E N G G U N A K A N

J O O M L A
J O O M L A

2 . 5

D I

P C / L A P T O P

Notes

Menggunakan compression software

Tidak semua pengguna windows suka menggunakan compression tools yang tersedia secara
default, tetapi lebih memilih menggunakan compression software third-party seperti winRAR,
winZIP, atau mungkin lainnya

ompression software yang dimaksud disini adalah software yang berfungsi untuk
meng-kompresi (memadatkan file/folder) dan meng-ekstraksi (menguraikan
kembali) file/folder terkompresi. Pembaca nantinya akan memerlukan compression
software ini terutama untuk meng-ekstraksi file Joomla yang memang tersedia dalam bentuk
file ter-kompresi (zip file).
Sampai di Notes-5 ini, penulis beranggapan pembaca sudah mengetahui cara browsing dan
mendownload sesuatu di Internet. Juga sudah memiliki pengetahuan dan mengetahui
istilah-istilah dasar menggunakan PC/Laptop dengan O/S Windows, seperti explore
file/folder, select file/folder, klik kanan (right-click), create folder, dan hal mendasar
lainnya yang mungkin terlewat ditulis disini.

Compression tools di windows 7 home basic

Seperti pernah disampaikan pada tulisan di Notes-3 bahwa dalam menyelesaikan serial
Menggunakan Joomla di PC/Laptop for Dummy ini, penulis menggunakan Laptop
dengan O/S Windows 7 Home Basic. Secara default pada O/S tersebut sudah
tersedia compression tool yang dapat langsung digunakan meng-ekstrak file Joomla tanpa
harus meng-install compression software third-party. Cara menggunakannya cukup mudah:
Meng-kompresi file/folder. Select pada file/folder yang ingin di-kompresi, klik

kanan (right-click) mouse, pilih Send to, klik Compressed (zipped) folder, dan beri
nama file hasil kompresi yang terbentuk.

15

S E R I A L E B O O K
M E N G G U N A K A N

J O O M L A
J O O M L A

2 . 5

D I

P C / L A P T O P

Meng-ektraksi file terkompresi. Klik kanan (right-click) pada file terkompresi,

klik Extract All, tentukan Folder untuk menampung file/folder hasil extract, dan klik
tombol Extract.

Compression software third-party

Tidak semua pengguna windows suka menggunakan compression tools yang telah tersedia
secara default, tetapi lebih memilih menggunakan compression software thirdparty seperti winRAR, winZIP, atau mungkin lainnya.
Pembaca yang ingin menggunakan winRAR dapat men-download-nya (saat tulisan ini
dibuat,
tersedia
versi
WinRAR
x86
(32
bit)
4.11)
di
alamat
www.rarlab.com/download.htm.
.
16

S E R I A L E B O O K
M E N G G U N A K A N

J O O M L A
J O O M L A

2 . 5

D I

P C / L A P T O P

Sedangkan pembaca yang ingin menggunakan WinZip (saat tulisan ini dibuat, tersedia
versi WinZip 16) di alamat www.winzip.com/win/en/index.htm.

Bagaimana cara install dan menggunakannya?.. hmm, silahkan mencoba install sendiri
menggunakan jurus yes-next-install-finish. Cara menggunakannya kurang lebih sama
dengan cara menggunakan compression tool yang sudah tersedia di Windows yaitu dengan
jurus select-rightclick-execute. :)

17

S E R I A L E B O O K
M E N G G U N A K A N

J O O M L A
J O O M L A

2 . 5

D I

P C / L A P T O P

18

S E R I A L E B O O K
M E N G G U N A K A N

J O O M L A
J O O M L A

2 . 5

D I

P C / L A P T O P

Notes

Mempersiapkan File Install Joomla

sebagai langkah awal memulai install Joomla, buatlah sebuah folder di dalam area
public_html sebagai tempat meletakkan file-file website Joomla nantinya.

ile Joomla yang telah pembaca download sebelumnya, tidak dapat langsung
digunakan untuk meng-install Joomla di PC/Laptop. Pembaca harus
mempersiapkannya terlebih dahulu sebelum dapat menggunakannya untuk menginstall Joomla di PC/Laptop.

Memahami area public_html di WampServer

Pada Notes-3, telah dijelaskan bahwa seluruh file/folder WampServer tersimpan
di c:\wamp\ dan homepage WampServer dapat diakses menggunakan browser dengan
alamat http://localhost/.
File-file homepage WampServer yang dapat diakses dengan alamat http://localhost/
tersebut
terletak
di
area public_html milik
WampServer
yaitu
di folder c:\wamp\www\. Ini berarti bahwa semua file yang diperlukan untuk membuat
website harus diletakkan pada folder tersebut.
Pembaca dapat membuat sebanyak mungkin website di PC/Laptop. Tetapi yang harus
diperhatikan disini, setiap website di PC/Laptop, seperti halnya website di Internet, harus
memiliki alamat yang unique. Apabila homepage WampServer yang file-file nya terletak di
c:\wamp\www\ memiliki alamat unique http://localhost/, maka website lainnya dapat
memiliki alamat unique sendiri dengan membuat folder di dalam c:\wamp\www\;
misalkan c:\wamp\www\webku01\. Folder yang dibuat di dalam c:\wamp\www\ itu
selanjutnya akan menjadi alamat unique website yaitu http://localhost/webku01/.
Sampai disini, penulis beranggapan bahwa pembaca sudah mengetahui serta memahami
area public_html di WampServer, dan sudah mengetahui serta memahami perlunya
membuat folder di public_html untuk setiap website yang akan dibuat.

19

S E R I A L E B O O K
M E N G G U N A K A N

J O O M L A
J O O M L A

2 . 5

D I

P C / L A P T O P

Bagaimana, masih belum paham? silahkan pahami dulu sebelum melanjutkan membaca.

Mempersiapkan file install website Joomla

Sekarang, sebagai langkah awal memulai install Joomla, buatlah sebuah folder di dalam
area public_html sebagai tempat meletakkan file-file website Joomla nantinya. Nama
folder yang terdiri dari lebih dua kata atau lebih, agar memudahkan nantinya, disarankan
untuk menuliskannya dengan tanpa spasi; misalkan c:\wamp\www\contohjoomla\, atau
c:\wamp\www\belajarjoomla\.
Sudah selesai membuat folder?.. selanjutnya ke dalam folder tersebut, copy-paste file Joomla
yang sudah pembaca download sebelumnya dalam bentuk file terkompresi (zip file), lalu
ekstraksi file Joomla tersebut (tulisan ini menggunakan WinRAR untuk meng-ekstraksi file
Joomla).
Sampai disini, pembaca sudah selesai mempersiapkan file-file yang diperlukan untuk install
Joomla. Langkah selanjutnya adalah, tentu saja, melakukan install Joomla.
Bagaimana? sudah siap?... tenang... tidak perlu terburu-buru, sebelum lanjut, silahkan
pastikan terlebih dahulu bahwa Anda benar-benar sudah memahami tulisan di atas.

20

S E R I A L E B O O K
M E N G G U N A K A N

J O O M L A
J O O M L A

2 . 5

D I

P C / L A P T O P

21

S E R I A L E B O O K
M E N G G U N A K A N

J O O M L A
J O O M L A

2 . 5

D I

P C / L A P T O P

22

S E R I A L E B O O K
M E N G G U N A K A N

J O O M L A
J O O M L A

2 . 5

D I

P C / L A P T O P

Notes

Install Joomla
Terdapat 7 langkah (steps) install Joomla yang harus diselesaikan yaitu Language, preinstallation check, license, database, FTP configuration, configuration, dan Finish.

nstall Joomla di PC/Laptop dapat dilakukan apabila web server telah ber-status aktif
dan tentu saja tersedia file Joomla yang telah dipersiapkan sebagaimana penjelasan
pada Notes-6.

Sebelum memulai install Joomla, pembaca tentunya telah mempersiapkan file install
Joomla dengan membuat sebuah folder di c:\wamp\www\. Untuk memudahkan
pembahasan mengenai install Joomla, pada tulisan ini file install Joomla telah dipersiapkan
pada folder c:\wamp\www\belajarjoomla\, pembaca dapat menyesuaikannya dengan
nama folder yang telah dibuat sebelumnya. Sekarang, bersiaplah memulai install Joomla
dengan terlebih dahulu mengaktifkan WampServer.
Bagaimana, WampServer sudah aktif? silahkan ikuti langkah-langkah berikut untuk mulai
meng-install Joomla:
Buka

browser, ketikkan pada address bar, http://localhost/belajarjoomla

{sesuaikan/belajarjoomla/ dengan nama folder yang telah dibuat sebelumnya},
tunggu beberapa saat hingga tampil halaman install Joomla.

Terdapat 7 langkah (steps) yang harus diselesaikan, yaitu:

Steps 1 : Language. Pembaca dapat memilih Bahasa yang digunakan selama proses
install Joomla. Klik [Next] untuk tetap menggunakan bahasa default
yaitu English (United States).
Steps 2 : Pre-Installation check. Pembaca dapat mengetahui apakah kondisi awal
yang diperlukan untuk install Joomla sudah terpenuhi atau tidak. Terdapat 2
(dua) kondisi yaitu: Pre-Installation check for Joomla! Stable; kondisi ini
harus terpenuhi semua agar install Joomla dapat berjalan sempurna (ditandai
dengan tulisan Yes berwarna hijau), dan kondisi Recommended settings;
ini adalah kondisi yang direkomendasikan, tetapi tidak harus terpenuhi
semuanya. Klik [Next] untuk melanjutkan install Joomla.
Steps 3 : License. General Public License yang harus disepakati untuk install Joomla.
Klik [Next]untuk melanjutkan install Joomla.
23

S E R I A L E B O O K
M E N G G U N A K A N

J O O M L A
J O O M L A

2 . 5

D I

P C / L A P T O P

Steps 4 : Database. Isikan beberapa database yang diperlukan, seperti Database

Type (biarkan sesuai isian default, yaitu Mysqli), Host Name (biarkan sesuai
isian default yaitu Localhost), Username (isikan dengan root), Password
(kosongkan, tidak perlu diisi apapun), Database Name (isikan dengan nama
database yang diinginkan, misal DBjoomla), Table Prefix (biarkan sesuai
isian default), dan Old Database Process (biarkan sesuai isian default, yaitu
Backup). Klik [Next] untuk melanjutkan install Joomla.

Steps 5 : FTP Configuration. Biarkan saja sesuai isian default {kosongkan}.

Klik [Next] untuk melanjutkan install Joomla.
Steps 6 : Configuration. Konfigurasi utama untuk website Joomla perlu pembaca
lakukan pada Steps 6 ini, yaitu Site Name {isikan dengan nama website
Joomla, misalkan Website Joomlaku}, Your Email {isikan dengan alamat
email pembaca}, Admin Username {biarkan sesuai isian default, yaitu
Admin}, Admin
Password {isikan
password
admin
yang
diinginkan}, Confirm Admin Password {ulangi mengisi password Admin
yang sama dengan sebelumnya}. Klik Install Sample Data apabila ingin
install Joomla dengan menyertakan contoh konten website Joomla; Untuk
memudahkan penjelasan pada Notes selanjutnya, pada contoh di tulisan ini
akan di-install Joomla tanpa konten (tidak meng-klik Install Sample Data).
Klik [Next] untuk melanjutkan install Joomla.

24

S E R I A L E B O O K
M E N G G U N A K A N

J O O M L A
J O O M L A

2 . 5

D I

P C / L A P T O P

Steps 7 : Finish. Pada langkah ini,pembaca cukup meng-klik tombol Remove

installation folder untuk mengakhiri proses install Joomla.

Sampai disini, install Joomla telah selesai dilakukan. Perhatikan di pojok kanan atas,
silahkan klik tombol Site untuk melihat tampilan halaman depan website Joomla atau klik
tombol Administrator untuk melihat tampilan halaman Administrator (backend Joomla).

25

S E R I A L E B O O K
M E N G G U N A K A N

J O O M L A
J O O M L A

2 . 5

D I

P C / L A P T O P

26

S E R I A L E B O O K
M E N G G U N A K A N

J O O M L A
J O O M L A

2 . 5

D I

P C / L A P T O P

Notes

Mengenal Interface Joomla

Sebagaimana layaknya sebuah CMS, sistem pengelolaan website Joomla dibagi ke dalam dua
jenis halaman interface yaitu public frontend dan administrative backend.

etelah selesai meng-install Joomla, dapat dikatakan pembaca telah memiliki sebuah
website. Meskipun demikian website tersebut masih belum menampilkan informasi
yang diinginkan. Pembaca sebagai Administrator perlu melakukan konfigurasi dan
mengelola konten (isi) website Joomla terlebih dahulu sehingga dapat menampilkan
informasi yang diinginkan.

Sebagaimana layaknya sebuah CMS, sistem pengelolaan website Joomla dibagi ke dalam
dua jenis halaman interface yaitu public frontend dan administrative backend. Public
frontend (untuk selanjutnya disebut frontend) merupakan halaman website Joomla yang
dapat
diakses
oleh
siapapun
pengunjung
website,
dengan
alamat
27

S E R I A L E B O O K
M E N G G U N A K A N

J O O M L A
J O O M L A

2 . 5

D I

P C / L A P T O P

http://localhost/belajarjoomla/
(pembaca
dapat
menyesuaikan
/belajarjoomla/ dengan nama folder yang dibuat sewaktu mempersiapkan Joomla).
Sedangkan administrative backend (untuk selanjutnya disebut backend) merupakan
halaman website Joomla yang hanya dapat diakses oleh Administrator, dengan alamat
http://localhost/belajarjoomla/administrator/
(pembaca
dapat
menyesuaikan /belajarjoomla/ dengan nama folder yang dibuat sewaktu mempersiapkan
Joomla).
Pada
halaman
backend,
pembaca
perlu
memasukkan
informasi Username dan Password
untuk
login;
Username dan password yang
diperlukan tersebut adalah seperti yang diminta oleh pembaca ketika melakukan install
Joomla (lihat kembali Notes-7 tepatnya pada steps 6).

28

S E R I A L E B O O K
M E N G G U N A K A N

J O O M L A
J O O M L A

2 . 5

D I

P C / L A P T O P

Notes

Mengenal Frontend Joomla

Tampilan frontend yang terlihat oleh pengunjung sebagai satu kesatuan halaman web,
sebenarnya terbentuk dari beberapa elemen seperti template, component, module, dan plugin.

Setelah

membaca dan memahami sampai dengan Notes-8, saat ini (semestinya)

pembaca sudah mengenal frontend sebagai tampilan halaman web yang dapat
diakses untuk dilihat oleh siapapun pengunjung website Joomla.

Tampilan frontend yang terlihat oleh pengunjung sebagai satu kesatuan halaman web,
sebenarnya terbentuk dari beberapa elemen seperti template, component, module, dan
plugin. Ditambah lagi elemen Language, kelima elemen Joomla itu dikenal
dengan Joomla Extensions.
Masing-masing Joomla extensions tersebut memiliki fungsi dan menempati posisi
tersendiri di halaman frontend sehingga tidak saling tumpang tindih ketika diletakkan
bersamaan pada satu halaman web yang sama.

Template
Pembaca perhatikan pada gambar, template merupakan desain layout dari website Joomla.
Dengan template, pembaca dapat mengatur tata letak dan mempersiapkan tampilan
semenarik mungkin sesuai keinginan. Saat ini tersedia banyak sekali jenis template baik
gratisan ataupun berbayar dengan fitur yang berbeda satu sama lain.

Component
Pada setiap jenis template, hanya dimungkinkan menggunakan satu jenis component yang
umumnya diletakkan pada bagian tengah (center) halaman web. Misalkan
component Content yang secara default sudah tersedia di website Joomla untuk
menampilkan halaman web yang berisi artikel, component Contact untuk menampilkan
halaman form contact, Weblinks untuk menampilkan halaman direktori website, dll.

29

S E R I A L E B O O K
M E N G G U N A K A N

J O O M L A
J O O M L A

2 . 5

D I

P C / L A P T O P

Module
Module adalah extension Joomla yang paling fleksibel karena bentuknya yang relatif kecil
dan dapat ditempatkan pada posisi manapun di sekeliling halaman web, sebanyak yang
diinginkan. Pengaturan posisi module pada suatu halaman website, bisa berbeda-beda
bergantung dari jenis template yang digunakan.
Beberapa contoh module yaitu Login Form, Menu, Who's Login, dll.

Language
Language bisa dikatakan sebagai extension Joomla yang paling mendasar. Dengan extension
Language ini (selama tersedia), Joomla dapat disajikan dalam berbagai macam bahasa di
dunia.

Plugin
Untuk mudahnya, plugin bisa dikatakan sebagai suatu fungsi yang lebih spesifik untuk
melengkapi, mengembangkan, atau bahkan membatasi fungsi-fungsi yang sudah tersedia.
Sebagai contoh, component content berfungsi untuk menampilkan artikel, tetapi
diperlukan plugin TinyMCE untuk melarang/membolehkan ditampilkannya "iFrame",
atau "Script" pada artikel.
30

S E R I A L E B O O K
M E N G G U N A K A N

J O O M L A
J O O M L A

2 . 5

D I

P C / L A P T O P

Contoh lainnya, agar artikel tidak ditampilkan utuh di halaman depan website, maka
diperlukan plugin Readmore. Dengan plugin Readmore, akan ditampilkan tombol
"Read More" sekaligus "memotong" bagian awal artikel. Pengunjung dapat melanjutkan
membaca artikel seutuhnya dengan meng-klik button "Read More" tersebut.

31

S E R I A L E B O O K
M E N G G U N A K A N

J O O M L A
J O O M L A

2 . 5

D I

P C / L A P T O P

32

S E R I A L E B O O K
M E N G G U N A K A N

J O O M L A
J O O M L A

2 . 5

D I

P C / L A P T O P

Notes

10
Mengenal Backend Joomla
Backend Joomla, dapat diakses dengan alamat http://localhost/administrator/ dan untuk
masuk ke dalamnya pembaca perlu login menggunakan User Name dan Password
Administrator.

Sebagai Administrator, pembaca akan sering mengunjungi backend Joomla untuk

mempersiapkan konten, menentukan bagaimana konten tersebut ditampilkan, dan
tentu saja menampilkannya di frontend Joomla.

Backend Joomla, dapat diakses dengan alamat http://localhost/administrator/ dan

untuk masuk ke dalamnya pembaca harus login menggunakan User Name dan
Password Administrator.
Lupa seperti apa tampilan halaman login backend Joomla, dan apa itu User
Name dan Password Administrator?.. silahkan baca kembali Notes-8.

Control Panel

Pertama kali login ke dalam backend Joomla, pembaca akan langsung menuju
halaman Control Panel. Melalui halaman Control Panel ini, Administrator dapat
mengakses secara cepat fitur dan fungsi-fungsi Joomla seperti Add New Article, Article
33

S E R I A L E B O O K
M E N G G U N A K A N

J O O M L A
J O O M L A

2 . 5

D I

P C / L A P T O P

Manager, Category Manager, Menu Manager, Global Configuration, dan fitur-fitur

lainnya seperti pembaca lihat pada gambar.
Pada halaman Control Panel itu juga, Administrator dapat memperoleh informasi cepat
tentang 5 user terakhir yang login, 5 artikel terpopuler, dan 5 artikel terakhir yang
ditampilkan.

Bagian utama backend Joomla

Perhatikan gambar, secara umum backend Joomla terbagi atas empat bagian utama yaitu
Header, Footer, Menu Bar dan... hmm... penulis katakan saja, Manage Area.

Header memuat informasi

Joomla yaitu Administration.

logo

Joomla

dan

nama

halaman

backend

Footer menampilkan lisensi Joomla dan versi yang sedang digunakan.

Menu Bar memuat link-link, yang dikelompokkan menurut fungsi-nya, untuk mengakses
seluruh fitur yang disediakan Joomla untuk mengelola website.
Sedangkan Manage Area merupakan halaman untuk mengelola website Joomla yang
ditampilkan sesuai jenis fitur yang diminta oleh Administrator melalui Menu Bar.
Bagaimana, masih bingung?.. silahkan ulangi membaca perlahan-lahan sampai mengerti
benar apa yang dimaksud dengan bagian utama backend Joomla.

Menu pada backend Joomla

Perhatikan gambar, pada Joomla 2.5, fitur-fitur Joomla dapat diakses melalui menu yang
terdiri atas tujuh macam kelompok yaitu Site, Users, Menus, Content, Components,
Extensions, dan Help.
34

S E R I A L E B O O K
M E N G G U N A K A N

J O O M L A
J O O M L A

2 . 5

D I

P C / L A P T O P

Menu Site

Menu Site memuat informasi dan fitur yang terkait langsung dengan profil Administrator,
informasi sistem, dan konfigurasi global website Joomla. Melalui menu Site,
Administrator dapat menuliskan deskripsi dan kata kunci (keyword) yang menggambarkan
isi website Joomla, mengubah informasi e-mail, database, lokasi server, dan banyak lagi
konfigurasi global lainnya. Administrator juga dapat mengubah hak akses untuk masingmasing level user seperti public, registered, Administrator, dll.

Menu Users

Administrator dapat menggunakan Menu Users untuk mengelola segala sesuatu yang
terkait dengan User di website Joomla. Administrator dapat menambahkan user,
mengubah informasi user, membuat kelompok/group user, memasukkan user pada group
tertentu, membuat level akses baru, menentukan hak akses. Administrator juga dapat
mengirimkan pesan (message) kepada seluruh user.

35

S E R I A L E B O O K
M E N G G U N A K A N

J O O M L A
J O O M L A

2 . 5

D I

P C / L A P T O P

Menu Menus

Melalui Menu Menus, Administrator dapat menambahkan menu dan sub menu baru
serta melakukan pengaturan untuk segala sesuatu yang terkait menu seperti tipe menu,
level akses, menu/sub menu, judul menu, dan banyak lagi lainnya.

Menu Content

Content (konten) adalah inti dari website Joomla. Dengan menu Content, Administrator
dapat mengelola segala hal yang terkait konten di website Joomla. Administrator dapat
membuat kategori artikel, menambahkan dan meng-edit artikel, menentukan Featured
Article. Administrator juga dapat mengelola gambar-gambar (images) untuk ditampilkan
sebagai konten, seperti membuat folder dan meng-upload images.

36

S E R I A L E B O O K
M E N G G U N A K A N

J O O M L A
J O O M L A

2 . 5

D I

P C / L A P T O P

Menu Components

Extensions berjenis Components akan ditampilkan pada menu Components.

Administrator dapat menggunakannya untuk melakukan pengaturan (settings)
pada Component yang diinginkan.

Menu Extensions

Menu Extensions dapat digunakan oleh Administrator untuk mengelola semua

jenis extensions (kecuali Components) seperti modules, templates, plugins, dan languages.
Administrator dapat menambahkan (install) extensions baru dan melakukan pengaturanpengaturan melalui menu Extensions ini.

37

S E R I A L E B O O K
M E N G G U N A K A N

J O O M L A
J O O M L A

2 . 5

D I

P C / L A P T O P

Menu Help

Masih perlu bantuan atau pencerahan untuk mengelola website Joomla?.. Menu Help ini
akan sangat membantu para Administrator website Joomla.

38

S E R I A L E B O O K
M E N G G U N A K A N

J O O M L A
J O O M L A

2 . 5

D I

P C / L A P T O P

Bacaan Joomla
Graf,

Hagen. 2011. Joomla! 1.6 Beginners Guide. Ebook:

cocoate.com/2011/02/joomla-16-beginners-guide.

www.cocoate.com:

Graf,

Hagen. 2011. Joomla! 1.7 Beginners Guide. Ebook:

cocoate.com/2011/07/joomla-17-beginners-guide.

www.cocoate.com:

Graf,

Hagen. 2012. Joomla! 2.5 Beginners Guide. Ebook:

cocoate.com/2012/02/joomla-25-beginners-guide.

www.cocoate.com:

Hayne, Kevin. 2008. Joomla! 1.5 Quick Start Guide. Ebook: www.joomla.org:
http://help.joomla.org/ghop/feb2008/task048/.
Joomla.org. 2008 2011. Absolute Beginners Guide to Joomla!. Website:
www.joomla.org: docs.joomla.org/Beginners.
Permana, Lucky. 2008 2012. Pojok Joomla. Website: www.cangkruk.com.
Permana, Lucky. 2010. Panduan Lengkap Website Dinamis Joomla. Jakarta: Elex Media
Komputindo.
Permana, Lucky. 2012. Menggunakan Joomla di PC/Laptop for Dummy. Web page:
www.facebook.com: facebook.com/Tutor.Joomla?sk=notes.
Permana, Lucky. 2011. Mengelola Website Joomla 1.7 dengan 70 Ekstensi Terpopuler. Jakarta:
Elex Media Komputindo.
Ramsay,

James. 2008. Joomla! Core Features V1.2.

http://help.joomla.org/ghop/feb2008/task020/.

39

Ebook:

www.joomla.org:

S E R I A L E B O O K
M E N G G U N A K A N

J O O M L A
J O O M L A

2 . 5

D I

P C / L A P T O P

40