Upload
iskandar
View
479
Download
0
Embed Size (px)
DESCRIPTION
1SERIAL EBOOK JOOMLA SERIAL EBOOK JOOMLAVolPanduan Website DinamisMenggunakan Joomla 2.5 di PC/LaptopSERIAL EBOOK JOOMLA. PANDUAN WEBSITE DINAMIS.Menggunakan Joomla 2.5 di PC/LaptopLUCKY PERMANAauthorpublished byEbookJoomla2012 www.Facebook.com/Tutor.Joomla/ [email protected] menyebarluaskan serial EbookJoomla ini tanpa ijin dari penerbit/penulis. diperkenankan mengutip sebagian atau seluruh isi serial EbookJoomla ini dengan menyebutkan sumberny
Citation preview
5/17/2018 Ebook Joomla Vol 1 - slidepdf.com
http://slidepdf.com/reader/full/ebook-joomla-vol-1 1/45
SSSEEER R R III A A A LLL EEEBBBOOOOOOK K K J J JOOOOOOMMMLLL A A A
PPPaaannnddduuuaaannn WWWeeebbbsssiiittteee DDDiiinnnaaammmiiisss
Menggunakan Joomla 2.5
di PC/Laptop
Vol
1
5/17/2018 Ebook Joomla Vol 1 - slidepdf.com
http://slidepdf.com/reader/full/ebook-joomla-vol-1 2/45
S E R I A L E B O O K J O O M L A . P A N D U A N W E B S I T E D I N A M I S .
Menggunakan Joomla 2.5 di PC/Laptop
author
LUCKY PERMANA published by
EbookJoomla2012
page
www.Facebook.com/Tutor.Joomla/
diperkenankan menyebarluaskan serial EbookJoomla ini tanpa ijin dari penerbit/penulis.diperkenankan mengutip sebagian atau seluruh isi serial EbookJoomla ini dengan menyebutkan sumbernya.
5/17/2018 Ebook Joomla Vol 1 - slidepdf.com
http://slidepdf.com/reader/full/ebook-joomla-vol-1 3/45
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
5/17/2018 Ebook Joomla Vol 1 - slidepdf.com
http://slidepdf.com/reader/full/ebook-joomla-vol-1 4/45
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 KomputasiStatistik 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.
Buk u 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 [email protected] atau melalui contact form di
www.cangkruk.com. Sedangkan untuk saling bertukar informasi seputar Joomla, silahkan
bergabung di halaman www.facebook.com/tutor.joomla.
5/17/2018 Ebook Joomla Vol 1 - slidepdf.com
http://slidepdf.com/reader/full/ebook-joomla-vol-1 5/45
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.
5/17/2018 Ebook Joomla Vol 1 - slidepdf.com
http://slidepdf.com/reader/full/ebook-joomla-vol-1 6/45
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
1
Perlu keahlian apa?
Pengguna PC/Laptop kebanyakan (semestinya) tidak akan kesulitan menggunakan Joomla,
enggunakan Joomla di PC/Laptop selain bermanfaat untuk mempelajari danbereksperimen 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 akankesulitan menggunakan Joomla, meskipun demikian... tetap diperlukan sedikit pengetahuan danpengalaman 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 suatukonsep 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 websiteforum/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 danmandiri) dan tidak mudah panik/putus asa apabila tidak mengerti suatu konsep Joomla, sertamembiasakan diri untuk mencari dan membaca referensi tentang Joomla dalam bentuk apapun.
Bagaimana, sepakat dengan uraian di atas? silahkan bersiap membaca notes berikutnya.
Notes
1
M
5/17/2018 Ebook Joomla Vol 1 - slidepdf.com
http://slidepdf.com/reader/full/ebook-joomla-vol-1 7/45
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
5/17/2018 Ebook Joomla Vol 1 - slidepdf.com
http://slidepdf.com/reader/full/ebook-joomla-vol-1 8/45
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
3
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 diPC/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 satukarena 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 dialamat 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. Joomlatersedia 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 danmembuat website dinamis. Umumnya, compression software sudah tersedia diPC/Laptop.
Silahkan download paket software web server dan Joomla seperti disebutkan di atas, sertacompression software (apabila diperlukan). Selanjutnya, bersiaplah untuk mulai meng-install-nya.
Notes
2
S
5/17/2018 Ebook Joomla Vol 1 - slidepdf.com
http://slidepdf.com/reader/full/ebook-joomla-vol-1 9/45
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
5/17/2018 Ebook Joomla Vol 1 - slidepdf.com
http://slidepdf.com/reader/full/ebook-joomla-vol-1 10/45
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
5
Install WampServer
Penulis berharap, pembaca dapat 'menangkap' filosofi tahapan install WampServer pada tulisan ini,
ulisan ini disiapkan apa adanya berdasarkan pengalaman penulis dalam meng-install WampServer 2.2C (32 Bits) di Laptop Toshiba Satellite L510 denganO/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-nyatidak 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 contohinstall paket software web server, adalah berupa file aplikasi (.EXE) dengannama 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 padaPC/Laptop muncul window Open File -Security Warning , kemudian ikuti instruksi yang muncul di tiap window selanjutnya.
Petunjuk umum installPembaca yang terbiasa meng-install aplikasi di PC/Laptop tentunya mengenal jurus yes-next-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,
Notes
3
T
5/17/2018 Ebook Joomla Vol 1 - slidepdf.com
http://slidepdf.com/reader/full/ebook-joomla-vol-1 11/45
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
6
Pada window Select Destination Location , biarkan folder default c:\wamp,
Pada window Select Additional Tasks , beri tanda Check pada Create a Quick Launchicon dan Create a Desktop icon,
5/17/2018 Ebook Joomla Vol 1 - slidepdf.com
http://slidepdf.com/reader/full/ebook-joomla-vol-1 12/45
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
7
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 .
5/17/2018 Ebook Joomla Vol 1 - slidepdf.com
http://slidepdf.com/reader/full/ebook-joomla-vol-1 13/45
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
8
Cek hasil installSampai disini, install WampServer sudah selesai dilakukan. Untuk memastikan bahwainstall 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 , akantampil Homepage WampServer.
Proses install WampServer telah selesai pembaca lakukan. Meskipun demikian, sebelummelanjutkan membaca Notes-4 silahkan jawab dulu pertanyaan berikut ini, "Apakah sudah paham/mengerti install WampServer yang dijelaskan pada tulisan di Notes-3 ini?" . Silahkanbersiap membaca Notes-4 apabila jawabannya adalah "Sudah". Tetapi apabila
5/17/2018 Ebook Joomla Vol 1 - slidepdf.com
http://slidepdf.com/reader/full/ebook-joomla-vol-1 14/45
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
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. :)
5/17/2018 Ebook Joomla Vol 1 - slidepdf.com
http://slidepdf.com/reader/full/ebook-joomla-vol-1 15/45
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
5/17/2018 Ebook Joomla Vol 1 - slidepdf.com
http://slidepdf.com/reader/full/ebook-joomla-vol-1 16/45
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
11
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 sudahpaham/mengerti install WampServer, termasuk di antaranya mengerti dimanaletak file/folder hasil install , dan mengerti cara memeriksa WampServer ber-
status aktif atau tidak.
Masih belum paham/mengerti apa yang dimaksud? silahkan tuntaskan kembali membacaNotes-3 sebelum melanjutkan membaca Notes-4 ini.
Meng-aktif-kan WampServer
Dengan memberi tanda Check pada Create a Quick Launch icon dan Create aDesktop 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 mengaktifkanservices WampServer secara cepat. Klik 2x ( double click ) icon WampServer, apabila Windows 7 mengaktifkanUser Control Account klik saja tombol Yes, lalutunggu beberapa saat.
WampServer sudah aktif.Silahkan lakukan langkahpengecekan untuk memastikan WampServer
benar-benar sudah aktif.
Me-nonaktif-kan
WampServer
Me-nonaktif-kanWampServer dapat dilakukan dengan dua cara:
Notes
4
D
5/17/2018 Ebook Joomla Vol 1 - slidepdf.com
http://slidepdf.com/reader/full/ebook-joomla-vol-1 17/45
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
12
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 iconWampServer di windows taskbar, lalu klik stop all services. Perhatikan, iconWampServer masih tetap ada di windows taskbar tetapi berubah warnamenjadi 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.
5/17/2018 Ebook Joomla Vol 1 - slidepdf.com
http://slidepdf.com/reader/full/ebook-joomla-vol-1 18/45
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
Apabila merasa masih belum paham/mengerti, jangan melanjutkan membaca Notes-5,silahkan coba dan ulangi pada bagian yang belum dimengerti sampai benar-benarpaham/mengerti. :)
5/17/2018 Ebook Joomla Vol 1 - slidepdf.com
http://slidepdf.com/reader/full/ebook-joomla-vol-1 19/45
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
5/17/2018 Ebook Joomla Vol 1 - slidepdf.com
http://slidepdf.com/reader/full/ebook-joomla-vol-1 20/45
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
15
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 (menguraikankembali) 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 Laptopdengan O/S Windows 7 Home Basic. Secara default pada O/S tersebut sudahtersedia compression tool yang dapat langsung digunakan meng-ekstrak file Joomla tanpaharus 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 berinama file hasil kompresi yang terbentuk.
Notes
5
C
5/17/2018 Ebook Joomla Vol 1 - slidepdf.com
http://slidepdf.com/reader/full/ebook-joomla-vol-1 21/45
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
16
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 third- party seperti winRAR, winZIP, atau mungkin lainnya.
Pembaca yang ingin menggunakan winRAR dapat men-download -nya (saat tulisan inidibuat, tersedia versi WinRAR x86 (32 bit) 4.11 ) di alamat www.rarlab.com/download.htm.
.
5/17/2018 Ebook Joomla Vol 1 - slidepdf.com
http://slidepdf.com/reader/full/ebook-joomla-vol-1 22/45
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
17
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 sendirimenggunakan jurus yes-next-install-finish. Cara menggunakannya kurang lebih samadengan cara menggunakan compression tool yang sudah tersedia di Windows yaitu dengan
jurus select-rightclick-execute. :)
5/17/2018 Ebook Joomla Vol 1 - slidepdf.com
http://slidepdf.com/reader/full/ebook-joomla-vol-1 23/45
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
5/17/2018 Ebook Joomla Vol 1 - slidepdf.com
http://slidepdf.com/reader/full/ebook-joomla-vol-1 24/45
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
19
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 harusmempersiapkannya terlebih dahulu sebelum dapat menggunakannya untuk meng-
install Joomla di PC/Laptop.
Memahami area public_html di WampServer
Pada Notes-3, telah dijelaskan bahwa seluruh file/folder WampServer tersimpandi c:\wamp\ dan homepage WampServer dapat diakses menggunakan browser denganalamat http://localhost/.
File-file homepage WampServer yang dapat diakses dengan alamat http://localhost/
tersebut terletak di area public_html milik WampServer yaitudi 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 harusdiperhatikan disini, setiap website di PC/Laptop, seperti halnya website di Internet, harusmemiliki alamat yang unique . Apabila homepage WampServer yang file-file nya terletak dic:\wamp\www\ memiliki alamat unique http://localhost/, maka website lainnya dapatmemiliki alamat unique sendiri dengan membuat folder di dalam c:\wamp\www\;misalkan c:\wamp\www\webku01\. Folder yang dibuat di dalam c:\wamp\www\ ituselanjutnya 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 perlunyamembuat folder di public_html untuk setiap website yang akan dibuat.
Notes
6
F
5/17/2018 Ebook Joomla Vol 1 - slidepdf.com
http://slidepdf.com/reader/full/ebook-joomla-vol-1 25/45
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
20
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 dalamarea public_html sebagai tempat meletakkan file-file website Joomla nantinya. Namafolder yang terdiri dari lebih dua kata atau lebih, agar memudahkan nantinya, disarankanuntuk menuliskannya dengan tanpa spasi; misalkan c:\wamp\www \contohjoomla\, atauc:\wamp\www \belajarjoomla\.
Sudah selesai membuat folder?.. selanjutnya ke dalam folder tersebut, copy-paste file Joomlayang sudah pembaca download sebelumnya dalam bentuk file terkompresi ( zip file ), laluekstraksi 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.
5/17/2018 Ebook Joomla Vol 1 - slidepdf.com
http://slidepdf.com/reader/full/ebook-joomla-vol-1 26/45
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
5/17/2018 Ebook Joomla Vol 1 - slidepdf.com
http://slidepdf.com/reader/full/ebook-joomla-vol-1 27/45
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
5/17/2018 Ebook Joomla Vol 1 - slidepdf.com
http://slidepdf.com/reader/full/ebook-joomla-vol-1 28/45
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
23
Install Joomla
Terdapat 7 langkah (steps) install Joomla yang harus diselesaikan yaitu Language, pre- installation 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 penjelasanpada Notes-6.
Sebelum memulai install Joomla, pembaca tentunya telah mempersiapkan file install Joomla dengan membuat sebuah folder di c:\wamp\www\. Untuk memudahkanpembahasan mengenai install Joomla, pada tulisan ini file install Joomla telah dipersiapkanpada folder c:\wamp\www \belajarjoomla\, pembaca dapat menyesuaikannya dengannama folder yang telah dibuat sebelumnya. Sekarang, bersiaplah memulai install Joomladengan 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 prosesinstall Joomla. Klik [Next] untuk tetap menggunakan bahasa defaultyaitu 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 iniharus terpenuhi semua agar install Joomla dapat berjalan sempurna (ditandaidengan tulisan Yes berwarna hijau), dan kondisi Recommended settings; ini adalah kondisi yang direkomendasikan, tetapi tidak harus terpenuhisemuanya. Klik [Next] untuk melanjutkan install Joomla.
Steps 3 : License. General Public License yang harus disepakati untuk install Joomla.Klik [Next]untuk melanjutkan install Joomla.
Notes
7
I
5/17/2018 Ebook Joomla Vol 1 - slidepdf.com
http://slidepdf.com/reader/full/ebook-joomla-vol-1 29/45
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
Steps 4 : Database. Isikan beberapa database yang diperlukan, seperti Database Type (biarkan sesuai isian default, yaitu Mysqli), Host Name (biarkan sesuaiisian default yaitu Localhost), Username (isikan dengan root), Password (kosongkan, tidak perlu diisi apapun), Database Name (isikan dengan namadatabase yang diinginkan, misal DBjoomla), Table Prefix (biarkan sesuaiisian default), dan Old Database Process (biarkan sesuai isian default, yaituBackup). 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 pembacalakukan 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 Adminyang sama dengan sebelumnya}. Klik Install Sample Data apabila ingininstall Joomla dengan menyertakan contoh konten website Joomla; Untuk memudahkan penjelasan pada Notes selanjutnya, pada contoh di tulisan iniakan di-install Joomla tanpa konten (tidak meng-klik Install Sample Data ).Klik [Next] untuk melanjutkan install Joomla.
5/17/2018 Ebook Joomla Vol 1 - slidepdf.com
http://slidepdf.com/reader/full/ebook-joomla-vol-1 30/45
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
25
Steps 7 : Finish. Pada langkah ini,pembaca cukup meng-klik tombol Removeinstallation 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).
5/17/2018 Ebook Joomla Vol 1 - slidepdf.com
http://slidepdf.com/reader/full/ebook-joomla-vol-1 31/45
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
5/17/2018 Ebook Joomla Vol 1 - slidepdf.com
http://slidepdf.com/reader/full/ebook-joomla-vol-1 32/45
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
27
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 informasiyang diinginkan. Pembaca sebagai Administrator perlu melakukan konfigurasi dan
mengelola konten (isi) website Joomla terlebih dahulu sehingga dapat menampilkaninformasi yang diinginkan.
Sebagaimana layaknya sebuah CMS, sistem pengelolaan website Joomla dibagi ke dalamdua jenis halaman interface yaitu public frontend dan administrative backend. Publicfrontend (untuk selanjutnya disebut frontend ) merupakan halaman website Joomla yang dapat diakses oleh siapapun pengunjung website, dengan alamat
Notes
8
S
5/17/2018 Ebook Joomla Vol 1 - slidepdf.com
http://slidepdf.com/reader/full/ebook-joomla-vol-1 33/45
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
http://localhost/belajarjoomla/ (pembaca dapat menyesuaikan/belajarjoomla/ dengan nama folder yang dibuat sewaktu mempersiapkan Joomla).
Sedangkan administrative backend (untuk selanjutnya disebut backend ) merupakanhalaman website Joomla yang hanya dapat diakses oleh Administrator, dengan alamathttp://localhost/belajarjoomla/administrator/ (pembaca dapatmenyesuaikan /belajarjoomla/ dengan nama folder yang dibuat sewaktu mempersiapkan Joomla).
Pada halaman backend, pembaca perlu memasukkaninformasi 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 ).
5/17/2018 Ebook Joomla Vol 1 - slidepdf.com
http://slidepdf.com/reader/full/ebook-joomla-vol-1 34/45
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
29
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 dapatdiakses 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 dikenaldengan Joomla Extensions.
Masing-masing Joomla extensions tersebut memiliki fungsi dan menempati posisitersendiri di halaman frontend sehingga tidak saling tumpang tindih ketika diletakkanbersamaan 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 tampilansemenarik 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. Misalkancomponent Content yang secara default sudah tersedia di website Joomla untuk
menampilkan halaman web yang berisi artikel, component Contact untuk menampilkanhalaman form contact, Weblinks untuk menampilkan halaman direktori website, dll.
Notes
9
S
5/17/2018 Ebook Joomla Vol 1 - slidepdf.com
http://slidepdf.com/reader/full/ebook-joomla-vol-1 35/45
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
30
ModuleModule adalah extension Joomla yang paling fleksibel karena bentuknya yang relatif kecildan dapat ditempatkan pada posisi manapun di sekeliling halaman web, sebanyak yang diinginkan. Pengaturan posisi module pada suatu halaman website, bisa berbeda-bedabergantung 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, tetapidiperlukan plugin TinyMCE untuk melarang/membolehkan ditampilkannya "iFrame",atau "Script" pada artikel.
5/17/2018 Ebook Joomla Vol 1 - slidepdf.com
http://slidepdf.com/reader/full/ebook-joomla-vol-1 36/45
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
31
Contoh lainnya, agar artikel tidak ditampilkan utuh di halaman depan website, makadiperlukan plugin Readmore. Dengan plugin Readmore, akan ditampilkan tombol"Read More" sekaligus "memotong" bagian awal artikel. Pengunjung dapat melanjutkanmembaca artikel seutuhnya dengan meng-klik button "Read More" tersebut.
5/17/2018 Ebook Joomla Vol 1 - slidepdf.com
http://slidepdf.com/reader/full/ebook-joomla-vol-1 37/45
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
5/17/2018 Ebook Joomla Vol 1 - slidepdf.com
http://slidepdf.com/reader/full/ebook-joomla-vol-1 38/45
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
33
Mengenal Backend Joomla
Backend Joomla, dapat diakses dengan alamat http://localhost/administrator/ dan untukmasuk 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, dantentu saja menampilkannya di frontend Joomla.
Backend Joomla, dapat diakses dengan alamat http://localhost/administrator/ danuntuk masuk ke dalamnya pembaca harus login menggunakan User Name danPassword Administrator.
Lupa seperti apa tampilan halaman login backend Joomla, dan apa itu UserName dan Password Administrator?.. silahkan baca kembali Notes-8.
Control Panel
Pertama kali login ke dalam backend Joomla, pembaca akan langsung menujuhalaman Control Panel. Melalui halaman Control Panel ini, Administrator dapatmengakses secara cepat fitur dan fungsi-fungsi Joomla seperti Add New Article, Article
Notes
10
S
5/17/2018 Ebook Joomla Vol 1 - slidepdf.com
http://slidepdf.com/reader/full/ebook-joomla-vol-1 39/45
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
34
Manager, Category Manager, Menu Manager, Global Configuration, dan fitur-fiturlainnya seperti pembaca lihat pada gambar.
Pada halaman Control Panel itu juga, Administrator dapat memperoleh informasi cepattentang 5 user terakhir yang login, 5 artikel terpopuler, dan 5 artikel terakhir yangditampilkan.
Bagian utama backend Joomla
Perhatikan gambar, secara umum backend Joomla terbagi atas empat bagian utama yaituHeader, Footer, Menu Bar dan... hmm... penulis katakan saja, Manage Area.
Header memuat informasi logo Joomla dan nama halaman backend Joomla yaitu Administration.
Footer menampilkan lisensi Joomla dan versi yang sedang digunakan.
Menu Bar memuat link-link, yang dikelompokkan menurut fungsi-nya, untuk mengaksesseluruh 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 mengertibenar 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.
5/17/2018 Ebook Joomla Vol 1 - slidepdf.com
http://slidepdf.com/reader/full/ebook-joomla-vol-1 40/45
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
35
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 menggambarkanisi website Joomla, mengubah informasi e-mail, database, lokasi server, dan banyak lagikonfigurasi 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 grouptertentu, membuat level akses baru, menentukan hak akses. Administrator juga dapatmengirimkan pesan (message) kepada seluruh user.
5/17/2018 Ebook Joomla Vol 1 - slidepdf.com
http://slidepdf.com/reader/full/ebook-joomla-vol-1 41/45
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
36
Menu Menus
Melalui Menu Menus, Administrator dapat menambahkan menu dan sub menu baruserta 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, Administratordapat mengelola segala hal yang terkait konten di website Joomla. Administrator dapatmembuat kategori artikel, menambahkan dan meng-edit artikel, menentukan Featured Article . Administrator juga dapat mengelola gambar-gambar ( images ) untuk ditampilkansebagai konten, seperti membuat folder dan meng-upload images .
5/17/2018 Ebook Joomla Vol 1 - slidepdf.com
http://slidepdf.com/reader/full/ebook-joomla-vol-1 42/45
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
37
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 semuajenis extensions (kecuali Components ) seperti modules, templates, plugins, dan languages. Administrator dapat menambahkan ( install ) extensions baru dan melakukan pengaturan-pengaturan melalui menu Extensions ini.
5/17/2018 Ebook Joomla Vol 1 - slidepdf.com
http://slidepdf.com/reader/full/ebook-joomla-vol-1 43/45
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
38
Menu Help
Masih perlu bantuan atau pencerahan untuk mengelola website Joomla?.. Menu Help iniakan sangat membantu para Administrator website Joomla.
5/17/2018 Ebook Joomla Vol 1 - slidepdf.com
http://slidepdf.com/reader/full/ebook-joomla-vol-1 44/45
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
39
Bacaan Joomla
Graf, Hagen. 2011. Joomla! 1.6 Beginner’s Guide . Ebook: www.cocoate.com:cocoate.com/2011/02/joomla-16-beginners-guide.
Graf, Hagen. 2011. Joomla! 1.7 Beginner’s Guide . Ebook: www.cocoate.com:cocoate.com/2011/07/joomla-17-beginners-guide.
Graf, Hagen. 2012. Joomla! 2.5 Beginner’s Guide . Ebook: www.cocoate.com:cocoate.com/2012/02/joomla-25-beginners-guide.
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 Beginner’s 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 MediaKomputindo.
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 . Ebook: www.joomla.org:http://help.joomla.org/ghop/feb2008/task020/.
5/17/2018 Ebook Joomla Vol 1 - slidepdf.com
http://slidepdf.com/reader/full/ebook-joomla-vol-1 45/45
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