Ebook Joomla Vol 1

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



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/

email

[email protected]

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 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.



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 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





2





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





4





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





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,





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 .





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





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. :)





10





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





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.





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. :)





14





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





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.

.





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. :)





18





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





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.





21





22





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





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.





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).





26





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





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 ).





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





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.





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.





32





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





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.





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.





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 .





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.





38

Menu Help

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





39

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/.

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/.





40

Ebook Joomla Vol 1

Documents

Transcript of Ebook Joomla Vol 1