EbookJoomlaVol 1 PDF
EbookJoomlaVol 1 PDF
1
SSE
ERRIIA
ALLE
EBBO
OOOK
K JJO
OOOM
MLLA
A
Panduan Website Dinamis
author
LUCKY PERMANA
published by
EbookJoomla2012
page
www.Facebook.com/EbookJoomla/
email
info@EbookJoomla.com
1
M E N G G U N A K A N J O O M L A 2 . 5 D I P C / L A P T O P
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.
1
S E R I A L E B O O K J O O M L A
M E N G G U N A K A N J O O M L A 2 . 5 D I P C / L A P T O P
2
S E R I A L E B O O K J O O M L A
Notes
2
M E N G G U N A K A N J O O M L A 2 . 5 D I P C / L A P T O P
S
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
S E R I A L E B O O K J O O M L A
M E N G G U N A K A N J O O M L A 2 . 5 D I P C / L A P T O P
4
S E R I A L E B O O K J O O M L A
Notes
3
M E N G G U N A K A N J O O M L A 2 . 5 D I P C / L A P T O P
Install WampServer
Penulis berharap, pembaca dapat 'menangkap' filosofi tahapan install WampServer pada
tulisan ini,
T
ulisan ini disiapkan apa adanya berdasarkan pengalaman penulis dalam meng-
install 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 men-
download –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.
5
S E R I A L E B O O K J O O M L A
M E N G G U N A K A N J O O M L A 2 . 5 D I P C / L A P T O P
Pada window Select Additional Tasks, beri tanda Check pada Create a Quick Launch
icon dan Create a Desktop icon,
6
S E R I A L E B O O K J O O M L A
M E N G G U N A K A N 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.
7
S E R I A L E B O O K J O O M L A
M E N G G U N A K A N J O O M L A 2 . 5 D I P C / L A P T O P
Proses install membentuk folder c:\wamp. File dan folder hasil install WampServer
tersimpan disana,
8
S E R I A L E B O O K J O O M L A
M E N G G U N A K A N J O O M L A 2 . 5 D I P C / L A P T O P
9
S E R I A L E B O O K J O O M L A
M E N G G U N A K A N 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 J O O M L A
Notes
4
M E N G G U N A K A N J O O M L A 2 . 5 D I P C / L A P T O P
Me-nonaktif/aktif-kan WampServer
Icon WampServer pada windows dekstop dapat digunakan untuk mengaktifkan services
WampServer secara cepat.
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.
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 J O O M L A
M E N G G U N A K A N 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.
12
S E R I A L E B O O K J O O M L A
M E N G G U N A K A N J O O M L A 2 . 5 D I P C / L A P T O P
13
S E R I A L E B O O K J O O M L A
M E N G G U N A K A N 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 J O O M L A
Notes
5
M E N G G U N A K A N J O O M L A 2 . 5 D I P C / L A P T O P
C 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.
15
S E R I A L E B O O K J O O M L A
M E N G G U N A K A N J O O M L A 2 . 5 D I P C / L A P T O P
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 J O O M L A
M E N G G U N A K A N 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 J O O M L A
M E N G G U N A K A N 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 J O O M L A
Notes
6
M E N G G U N A K A N J O O M L A 2 . 5 D I P C / L A P T O P
F 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 meng-
install Joomla di PC/Laptop.
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 J O O M L A
M E N G G U N A K A N 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.
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 J O O M L A
M E N G G U N A K A N 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 J O O M L A
M E N G G U N A K A N 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 J O O M L A
Notes
7
M E N G G U N A K A N J O O M L A 2 . 5 D I P C / L A P T O P
Install Joomla
Terdapat 7 langkah (steps) install Joomla yang harus diselesaikan yaitu Language, pre-
installation check, license, database, FTP configuration, configuration, dan Finish.
I 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:
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 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 J O O M L A
M E N G G U N A K A N J O O M L A 2 . 5 D I P C / L A P T O P
24
S E R I A L E B O O K J O O M L A
M E N G G U N A K A N J O O M L A 2 . 5 D I P C / L A P T O P
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 J O O M L A
M E N G G U N A K A N 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 J O O M L A
Notes
8
M E N G G U N A K A N J O O M L A 2 . 5 D I P C / L A P T O P
S 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 J O O M L A
M E N G G U N A K A N J O O M L A 2 . 5 D I P C / L A P T O P
28
S E R I A L E B O O K J O O M L A
Notes
9
M E N G G U N A K A N J O O M L A 2 . 5 D I P C / L A P T O P
S 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.
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 J O O M L A
M E N G G U N A K A N 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 J O O M L A
M E N G G U N A K A N 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 J O O M L A
M E N G G U N A K A N 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 J O O M L A
M E N G G U N A K A N 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.
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 J O O M L A
M E N G G U N A K A N J O O M L A 2 . 5 D I P C / L A P T O P
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.
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.
34
S E R I A L E B O O K J O O M L A
M E N G G U N A K A N 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 masing-
masing 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 J O O M L A
M E N G G U N A K A N 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 J O O M L A
M E N G G U N A K A N J O O M L A 2 . 5 D I P C / L A P T O P
Menu Components
Menu Extensions
37
S E R I A L E B O O K J O O M L A
M E N G G U N A K A N 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 J O O M L A
M E N G G U N A K A N 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 Beginner’s Guide. Ebook: www.cocoate.com:
cocoate.com/2011/02/joomla-16-beginners-guide.
Hayne, Kevin. 2008. Joomla! 1.5 Quick Start Guide. Ebook: www.joomla.org:
http://help.joomla.org/ghop/feb2008/task048/.
-------------------. 2011. Mengelola Website Joomla 1.7 dengan 70 Ekstensi Terpopuler. Jakarta:
Elex Media Komputindo.
39
S E R I A L E B O O K J O O M L A
M E N G G U N A K A N J O O M L A 2 . 5 D I P C / L A P T O P
40