yuk belajar joomla!

37
Yuk, Belajar Joomla! Edisi ebook dari artikel di www.cangkruk.com Lucky Permana

Upload: lucky-permana

Post on 29-Jun-2015

2.269 views

Category:

Documents


0 download

DESCRIPTION

Joomla! adalah salah satu Open Source CMS yang dikenal mudah penggunaannya. Tetapi bagi mereka yang belum mengenal Joomla! sebelumnya, tentunya bukan hal yang mudah untuk mulai menggunakan Joomla!. Ebook ini berupaya untuk memberikan gambaran umum mengenai tahapan yang perlu disiapkan dan dilakukan dalam membuat dan mengelola website Joomla!.

TRANSCRIPT

Page 1: Yuk Belajar Joomla!

Yuk, Belajar Joomla!

Edisi ebook dari artikel di www.cangkruk.com

Lucky Permana

Page 2: Yuk Belajar Joomla!

Yuk, Belajar Joomla! www.Cangkruk.com

~ ii ~

Daftar Isi

Daftar Isi .................................................................................................... ii

1. Selintas Joomla! .................................................................................... 1

2. Lima alasan menggunakan Joomla! ....................................................... 3

3. Langkah menguasai Joomla! ................................................................. 7

4. Cara install XAMPP ............................................................................. 11

5. Cara install Joomla! ............................................................................ 13

6. Konfigurasi global website Joomla! ...................................................... 17

7. Mengelola template Joomla! ................................................................ 21

8. Mengelola module Joomla! .................................................................. 23

9. Mengelola component Joomla! ............................................................. 27

10. Mengelola content Joomla! ............................................................... 31

Belajar Joomla! lebih banyak lagi .............................................................. 33

Page 3: Yuk Belajar Joomla!

Yuk, Belajar Joomla! www.Cangkruk.com

~ 1 ~

1. Selintas Joomla! Joomla! merupakan salah satu CMS

terbaik saat ini yang dapat membantu siapapun untuk dapat membangun Website dengan cara yang cepat, mudah, dan dapat diandalkan.

Banyak kelebihan yang dimiliki Joomla! sehingga menjadikannya sebagai salah satu CMS terpopuler, termasuk di dalamnya adalah kemudahan dalam penggunaan serta pengembangannya. Ditambah lagi dengan sifatnya yang Open Source dan Free, menjadikan Joomla! sebagai salah satu CMS paling diminati di seluruh muka bumi ini.

Saat ini Joomla! digunakan di seluruh belahan dunia untuk berbagai jenis Website, mulai dari Website berskala kecil, menengah, atau pun besar seperti: Website individu, sekolahan, portal komunitas, organisasi non profit, bisnis berskala kecil, pemerintahan, layanan online dan e-commerce, majalah dan publikasi online, intranet dan ekstranet, serta Website perusahaan-perusahaan besar juga tidak ragu menggunakannya.

Meskipun bersifat Open Source dan gratisan, Joomla! hadir dengan kualitas yang dapat diandalkan. Beberapa contoh Website di bawah ini membuktikan bahwa para penggunanya bukanlah orang/organisasi sembarangan:

United Nations (Governmental organization),

MTV Networks Quizilla (Social networking),

L.A. Weekly (Online publication), IHOP (Restaurant chain), Harvard University (Educational), Citibank (Financial institution intranet),

Page 4: Yuk Belajar Joomla!

Yuk, Belajar Joomla! www.Cangkruk.com

~ 2 ~

The Green Maven (Eco-resources), Outdoor Photographer (Magazine), PlayShakespeare.com (Cultural), Senso Interiors (Furniture design).

dan banyak lagi ribuan contoh website pemakai Joomla! lainnya baik di dalam maupun luar negeri.

Page 5: Yuk Belajar Joomla!

Yuk, Belajar Joomla! www.Cangkruk.com

~ 3 ~

2. Lima alasan menggunakan Joomla!

Sejak pertama kali diperkenalkan pada tahun 2005, Joomla! terus berkembang dan telah menjadi pilihan utama para pengembang website berbasis CMS. Beragam kemudahan yang diperoleh dengan menggunakan CMS, telah menarik minat menarik para pengembang Website untuk membangun Website berbasis CMS.

Joomla! merupakan salah satu pilihan utama karena banyak alasan. Lima di antara alasan tersebut, adalah:

1. Selain Gratis (Free), juga Open Source. Satu kelebihan Joomla yang menonjol dan menarik banyak orang untuk menggunakannya adalah karena Joomla! dapat digunakan oleh siapapun secara gratis, baik untuk keperluan pribadi ataupun komersial. Tidak hanya gratis, apabila tidak puas dengan tampilan standar, dengan sifatnya yang Open Source, siapapun diperbolehkan 'mengutak-atik' source code Joomla! untuk mendapatkan Website yang benar-benar sesuai kebutuhan sehingga berbeda dengan Website Joomla! lainnya.

Page 6: Yuk Belajar Joomla!

Yuk, Belajar Joomla! www.Cangkruk.com

~ 4 ~

2. Menu-menu di Website dapat dibuat secara Real Time. Siapapun sepakat bahwa menu merupakan faktor terpenting pada sebuah Website. Dengan menu, setiap pengunjung Website akan tahu kemana harus 'melangkah' untuk mendapatkan informasi yang diinginkannya. Pada kebanyakan Website, pembuatan menu menjadi masalah yang menyulitkan. Mungkin mudah pada saat awal membuat menu, tetapi akan menjadi mimpi buruk ketika harus memperbarui ratusan halaman Website hanya untuk membuat sedikit perubahan dalam sistem menu. Masalah tersebut tidak akan pernah terjadi dengan menggunakan Joomla!, cukup melakukan sedikit perubahan pada menu maka semua yang terkait akan langsung menyesuaikannya.. saat itu juga.. real time. 3. Ribuan template dan ekstension tambahan yang siap pakai. Ketersediaan ribuan template dan ekstension siap pakai juga merupakan salah satu alasan penting lainnya yang membuat orang tertarik pada Joomla!. Tidak banyak software CMS yang tersedia lengkap dengan modul-modul tambahan seperti halnya Joomla!. Dengan tim yang berdedikasi untuk mengembangkan Joomla! ditambah ribuan pengembang di seluruh belahan dunia, ribuan template, plug-in, modul, component, dan bahasa telah tersedia dan siap untuk di-download oleh siapa saja. Kebanyakan dari template dan ekstension tersebut disediakan gratis, kalaupun ada yang bersifat komersial biasanya dijual dengan harga yang lebih murah dibandingkan paket-paket komersial lainnya. 4. Control Panel Joomla! salah satu yang terbaik. Sekuat apapun sebuah

Page 7: Yuk Belajar Joomla!

Yuk, Belajar Joomla! www.Cangkruk.com

~ 5 ~

produk CMS, tidak akan ada artinya apabila menyulitkan admin untuk melakukan pengelolaan Website. Joomla! menyediakan fasilitas pengelolaan Website yang lengkap di ruang admin, mulai dari tampilan yang user friendly, kemudahan mencari fasilitas yang diinginkan, tersedianya bantuan interaktif, dan tentu saja kelengkapan fasilitas seperti pengelolaan user, pembuatan menu, pengaturan tampilan, dan banyak lagi lainnya. 5. Dukungan dari jutaan pengguna Joomla! di seluruh dunia. Pengguna Joomla! merupakan salah satu yang terbesar saat ini, ini berarti bahwa dukungan terhadap pengembangan Website Joomla! akan mudah ditemukan dimanapun. Apabila mengalami kesulitan dalam mengelola Website Joomla! maka telah tersedia banyak forum komunitas Joomla!, saran dan masukan gratis dari para pengguna Joomla!, update Joomla! (bug fixes), tempate dan source gratis lainnya. Semua tersedia setiap saat dan masalah yang dialamipun akan dapat terpecahkan.

Bagaimana? masih ragu dengan Joomla!?

Joomla! mungkin saja bukan yang terbaik, tetapi dengan banyaknya pengguna Joomla!, komunitas yang banyak ditemukan di internet, pengembangan dan update yang terus menerus dilakukan, serta banyak kemudahan lainnya tentu saja menjadi jaminan kehandalan Joomla! yang sangat sayang sekali untuk dilewatkan. Begitu bukan?

Page 8: Yuk Belajar Joomla!

Yuk, Belajar Joomla! www.Cangkruk.com

~ 6 ~

-halaman ini sengaja dikosongkan-

www.Cangkruk.com

Page 9: Yuk Belajar Joomla!

Yuk, Belajar Joomla! www.Cangkruk.com

~ 7 ~

3. Langkah menguasai Joomla!

Joomla! adalah salah satu Open Source CMS yang dikenal mudah penggunaannya mulai dari instalasi, modifikasi, sampai dengan pengelolaannya. Tetapi bagi mereka yang belum mengenal Joomla! sebelumnya, tentunya bukan hal yang mudah untuk mulai menggunakan Joomla!.

Tulisan ini (yang akan disusul dalam beberapa seri tulisan lainnya) berupaya untuk memberikan gambaran umum mengenai tahapan yang perlu disiapkan dan dilakukan dalam membuat dan mengelola website Joomla!.

Pada dasarnya tahapan menguasai Joomla! ini berangkat dari sedikitnya lima pertanyaan berikut:

1. Apa saja yang harus disiapkan? 2. Bagaimana install Joomla!?; install Web Server, install Joomla!. 3. Bagaimana melakukan konfigurasi awal Joomla!? 4. Bagaimana mengelola Joomla!?; mengelola template, module, component, content. 5. Bagaimana cara meng-online-kan Joomla!?

Dengan menjawab lima pertanyaan di atas, dijamin orang awam sekalipun akan mampu menguasai Joomla! dengan mudah dan cepat.

Pada kesempatan ini akan dibahas Tahapan pertama, sedangkan tahapan

Page 10: Yuk Belajar Joomla!

Yuk, Belajar Joomla! www.Cangkruk.com

~ 8 ~

lainnya akan dituliskan secara berseri pada artikel lainnya. Selamat menikmati.

Apa saja yang harus disiapkan?

Joomla! mengkombinasikan penggunaan PHP dan mySQL dalam pengembangannya. Karenanya untuk dapat menggunakan Joomla!, pada server yang digunakan harus sudah terinstall PHP, mySQL, dan tentu saja Web Server.

Bukan hal yang sulit mencari layanan hosting di internet yang menyediakan prasyarat Joomla! tersebut karena hampir semua layanan hosting saat ini sudah menyediakan fasilitas yang mendukung teknologi Joomla!. Tetapi bagi yang ingin menggunakan Joomla! di PC lokal (localhost) tentunya harus meng-install prasyarat Joomla! seperti sudah disebutkan yaitu PHP, mySQL, dan Web Server.

PHP, mySQL, dan Web Server adalah paket-paket software yang dibuat oleh pengembang (software developer) yang berbeda. Logikanya, pengguna Joomla! harus menginstall keseluruhan software tersebut satu per satu. Tetapi jangan kuatir karena saat ini sudah banyak tersedia paket web server yang sekaligus juga menginstall PHP dan myQL, salah satunya adalah XAMPP.

Jadi, yang harus disiapkan untuk dapat memulai menggunakan Joomla! adalah:

1. XAMPP versi terbaru yang sudah memuat PHP dan mySQL serta Apache yang menjadikannya berfungsi sebagai Web Server, 2. Paket software Joomla! dan tentu saja... 3. Seperangkat PC/Laptop.

Page 11: Yuk Belajar Joomla!

Yuk, Belajar Joomla! www.Cangkruk.com

~ 9 ~

Secara umum, paket software Joomla! saat ini sudah di-rilis dalam tiga jenis atau untuk mudahnya kita sebut saja tiga family, yaitu:

1. Joomla! 1.0 dengan versi terbarunya yaitu 1.0.15, 2. Joomla! 1.5 dengan versi terbarunya saat ini yaitu 1.5.22, 3. Joomla! 1.6.

Page 12: Yuk Belajar Joomla!

Yuk, Belajar Joomla! www.Cangkruk.com

~ 10 ~

-halaman ini sengaja dikosongkan-

www.Cangkruk.com

Page 13: Yuk Belajar Joomla!

Yuk, Belajar Joomla! www.Cangkruk.com

~ 11 ~

4. Cara install XAMPP Joomla! mensyaratkan PHP, mySQL,

dan web server untuk dapat menjalankannya.

Salah satu software yang mencakup keseluruhan persyaratan tersebut adalah Xampp. Xampp tidak saja mencakup PHP, mySQL, dan Apache web server tetapi juga kelengkapan pendukung lainnya seperti phpMyAdmin, dan FileZilla FTP Server.

Sebelum membahas lebih lanjut mengenai tata cara install xampp, sangat disarankan untuk menyiapkan file Installer xampp terlebih dahulu sehingga dapat langsung dipraktekkan.

Saat tulisan ini dibuat, installer Xampp for windows tersedia dalam versi 1.7.3 dan berukuran sekitar 51,1 MB. Anda dapat mendapatkannya secara gratis dengan mendownloadnya langsung di apachefriends.org.

Setelah siap, lakukan install xampp dengan cara seperti berikut:

1. Aktifkan file xampp-win32-1.7.3-installer.EXE, 2. Ikuti petunjuk di layar untuk proses install, 3. Selanjutnya Anda akan diminta melakukan setting XAMPP melalui tampilan “Windows Command”. Ikuti langkah 4 s/d 9 berikut ini: 4. Isikan “y” pada baris pertanyaan “Should I add shortcuts to the startmenu/desktop? (y/n):” Lanjutkan dengan tekan tombol ENTER.

Page 14: Yuk Belajar Joomla!

Yuk, Belajar Joomla! www.Cangkruk.com

~ 12 ~

5. Isikan “y” pada baris pertanyaan “Should I procedd? (y/x=exit setup):”. Lanjutkan dengan tekan tombol ENTER. 6. Isikan “n” pada baris pertanyaan “your choice? (y/n):”. Lanjutkan dengan tekan tombol ENTER. 7. XAMPP telah siap untuk digunakan. Tekan tombol ENTER untuk melakukan setting otomatis file php.ini dan my.ini. 8. Tekan tombol ENTER sekali lagi untuk melanjutkan, Isikan “x” pada baris pertanyaan “Please choice (1-7/x):”. 9. Terakhir, akhiri proses install dan setting XAMPP dengan sekali lagi menekan tombol ENTER. 10. Selesai. PC/Laptop Anda sekarang telah terinstallXAMPP dan siap digunakan untuk mulai membuat website Joomla!. 11. XAMPP, khususnya module Apache dan MySQL, harus diaktifkan terlebih dahulu untuk dapat menjalankan website Joomla!. Caranya adalah: 1. Aktifkan Control Panel XAMPP dengan meng-klik dua kali icon XAMPP yang ada di desktop atau dari START| All Programs|Apache Friends|XAMPP|XAMPP Control Panel, 2. Pada Control Panel XAMPP, module Apache dan MySql dengan cara meng-klik tombol START yang ada di samping kanan masing-masing module.

Sampai disini Anda telah selesai melakukan install paket software Web Server XAMPP, dan juga telah mengetahui bagaimana cara mengaktifkan Service XAMPP. Ini berarti bahwa Anda sudah siap untuk mulai melakukan install Joomla!.

Page 15: Yuk Belajar Joomla!

Yuk, Belajar Joomla! www.Cangkruk.com

~ 13 ~

5. Cara install Joomla! Bukan hal yang sulit menginstal

joomla! di PC lokal, terutama apabila di PC/Laptop yang digunakan sudah terinstall Web Server, PHP, dan MySQL.

Cukup download software Joomla!, letakkan di folder web, extract file Joomla! tersebut, aktifkan web server dan mySQL, lalu akses folder web menggunakan browser, ikuti petunjuk install di layar, dan ... selesai, Anda telah memiliki website Joomla!. Selanjutnya tinggal kreatifitas yang "bermain" untuk mendapatkan website yang lebih indah dan informatif buat pengunjung. Mudah bukan?

Berikut akan dijelaskan cara install Joomla! versi 1.5.x di PC lokal (stand alone);

Saat tulisan ini dibuat, versi terakhir Joomla! 1.5.x sudah mencapai versi 1.5.22. Sebelum memulai, pastikan sudah mendownload Joomla! Full Package versi terakhir di menu Download atau langsung di http://www.joomla.org/download.html:

1. Buat sebuah folder, di folder htdocs, yang menggambarkan isi Website,; folder htdocs berada pada directory yang Anda tentukan ketika menginstall XAMPP sebelumnya, Misalkan di C:\XAMPP\. Nama folder bebas bisa apa saja, tetapi sebaiknya yang menginformasikan isi website, misal: otomotif, 2. Copy file Joomla! Full Package versi terakhir (saat ini, Joomla_1.5.22-Stable-Full_Package.ZIP) ke folder yang sudah dibuat tadi (otomotif),

Page 16: Yuk Belajar Joomla!

Yuk, Belajar Joomla! www.Cangkruk.com

~ 14 ~

3. Extract file Joomla_1.5.22-Stable-Full_Package.ZIP tersebut menggunakan WINZIP atau WINRAR, 4. Aktifkan XAMPP, khususnya Service Web Server dan MySQL, 5. Jalankan browser dan akses folder web yang sudah dibuat dengan mengetikkan alamat http://localhost/nama_folder, pada contoh ini adalah http://localhost/otomotif, 6. Selanjutnya browser akan menampilkan halaman Joomla! Web Installer. Ikuti langkah 7 s/d 13 berikut ini untuk mulai menginstall website Joomla!: 7. Language: Pilih bahasa yang paling dipahami sebagai interface selama proses install. Klik tombol NEXT di pojok kanan atas untuk melanjutkan, 8. Pre-installation check: pada langkah ini terdapat dua hal yang dilakukan pengecekan, yaitu Spesifikasi Minimum dan Daftar Rekomendasi. Spefisikasi minimum harus terpenuhi untuk dapat menjalankan website Joomla! (Jommla! tidak dapat berfungsi apabila ada yang tidak sesuai spesifikasi minimum), sedangkan Daftar Rekomendasi diperlukan untuk mengoptimalkan Joomla! (Joomla! masih tetap berfungsi meskipun ada yang tidak sesuai rekomendasi), lanjutkan dengan meng-klik tombol NEXT di pojok kanan atas, 9. License: Joomla! adalah Open Source dan Free, meskipun demikian terdapat ketentuan yang perlu disepakati dalam penggunaannya. Silahkan dibaca, lanjutkan dengan meng-klik tombol NEXT di pojok kanan atas,

Page 17: Yuk Belajar Joomla!

Yuk, Belajar Joomla! www.Cangkruk.com

~ 15 ~

10. Database Configuration: Joomla! adalah CMS yang menggunakan mySQL sebagai database. Beberapa informasi yang diperlukan pada konfigurasi database Joomla! adalah Host Name (isikan localhost), User Name (isikan username default pada PC lokal, yaitu root), Isikan password (kosongkan; default pada PC lokal adalah tanpa password), dan Database Name (isi sebagai identitas database, misal DBotomotif. Lanjutkan dengan meng-klik tombol NEXT di pojok kanan atas, 11. FTP Configuration: FTP memungkinkan User untuk mengelola file website menggunakan software. Untuk pengelolaan file web di PC lokal, abaikan saja pilihan ini, lanjutkan dengan meng-klik tombol NEXT di pojok kanan atas, 12. Main Configuration: Pada langkah ini Anda diminta mengisikan informasi awal website Joomla! yaitu Nama Website, alamat e-mail, dan password admin (password admin diperlukan pada saat masuk ke halaman Administrator untuk mengelola website). Lanjutkan dengan meng-klik tombol NEXT di pojok kanan atas, 13. Finish: Langkah terakhir yang harus dilakukan adalah menghapus folder INSTALLATION yang terletak di folder website Anda, c:\xampp\htdocs\otomotif. Setelah menghapus folder INSTALLATION, lanjutkan dengan meng-klik tombol SITE di kanan atas untuk melihat tampilan awal website Anda.

Sampai di sini... Selamat! anda telah memiliki website Joomla! sendiri.

Page 18: Yuk Belajar Joomla!

Yuk, Belajar Joomla! www.Cangkruk.com

~ 16 ~

-halaman ini sengaja dikosongkan-

www.Cangkruk.com

Page 19: Yuk Belajar Joomla!

Yuk, Belajar Joomla! www.Cangkruk.com

~ 17 ~

6. Konfigurasi global website Joomla!

Setelah selesai melakukan proses install, langkah selanjutnya adalah menyiapkan konfigurasi global (Global Configuration) website Joomla!. Kebanyakan pemula mengabaikan konfigurasi global dan lebih suka untuk langsung menyiapkan tampilan dan contentnya. Padahal Langkah ini merupakan hal penting yang tidak boleh diabaikan begitu saja, karena menyangkut 3 hal penting yang sangat mendasar bagi website Joomla! yaitu Site, System, dan Server.

Setting konfigurasi global dapat dilakukan melalui Administrator Backend (Ruang administrator) yang dapat diakses dengan mengetikkan localhost/nama_folder_website/administrator, lanjutkan dengan mengisikan Username dan Password administrator, kemudian klik Login untuk masuk ke administrator backend. {Ingat, Username dan Password administrator sudah pernah disiapkan pada saat proses install Joomla!}.

Di dalam Administrator Backend ada banyak hal yang bisa dilakukan dan salah satunya adalah melakukan setting konfigurasi global seperti yang akan dibahas berikut ini. Klik "icon Global Configuration" untuk mulai melakukan Setting konfigurasi global.

Page 20: Yuk Belajar Joomla!

Yuk, Belajar Joomla! www.Cangkruk.com

~ 18 ~

Terdapat 3 bagian penting yang perlu disiapkan sesuai dengan website yang sedang Anda buat, yaitu: Site, System, dan Server. Setiap bagian terdiri dari beberapa macam kelompok item konfigurasi. Cukup lakukan konfigurasi pada beberapa item penting saja sesuai dengan website yang disiapkan, sedangkan item lainnya dibiarkan sesuai nilai defaultnya.

Site: Konfigurasi di site, menentukan bagaimana nantinya website akan dikenali di Internet, terutama di Search Engine. Item penting yang perlu dikonfigurasi ulang yaitu: Site Name (nama website yang akan muncul di pojok kiri atas browser), Global Site Meta Description (deskripsi umum website), dan Global Site Meta Keywords (Keywords yang digunakan untuk pencarian website di Internet). Upayakan konfigurasi ketiga item tersebut menggambarkan isi dari website yang dibuat.

System: Secara umum, nilai default dari konfigurasi system sudah cukup baik sehingga tidak perlu merubah apapun. Tetapi jika ingin melakukan beberapa perubahan, Kelompok item yang perlu diperhatikan adalah User Settings dan Cache Settings. User Settings menentukan bagaimana sistem joomla akan memperlakukan User pada saat Registrasi, sedangkan Cache Settings menentukan berapa lama sistem akan menyimpan file-file website yang pernah dibuka pengunjung. Pertimbangkan bahwa penentuan waktu cache akan mempercepat proses akses, tetapi pada saat yang sama justru akan menjadikan sistem tidak sensitif terhadap update/perubahan content.

Page 21: Yuk Belajar Joomla!

Yuk, Belajar Joomla! www.Cangkruk.com

~ 19 ~

Server: Terdapat 5 kelompok item disini yaitu Server Settings, Locale Settings, FTP Settings, Database Settings, dan Mail Settings. Perubahan yang perlu dilakukan adalah pada Locale Settings, yaitu setting Zona waktu (time zone) gunakan zona GMT+7, dan Mail Settings; pastikan alamat e-mail dan nama e-mail sudah sesuai dengan e-mail yang Anda siapkan.

Page 22: Yuk Belajar Joomla!

Yuk, Belajar Joomla! www.Cangkruk.com

~ 20 ~

-halaman ini sengaja dikosongkan-

www.Cangkruk.com

Page 23: Yuk Belajar Joomla!

Yuk, Belajar Joomla! www.Cangkruk.com

~ 21 ~

7. Mengelola template Joomla!

Menggunakan Joomla! memang menyenangkan, segalanya menjadi serba mudah; download gratis, install mudah, template pun sudah tersedia tinggal pakai.

Dengan adanya template, pengguna Joomla! tidak perlu bingung dimana akan meletakkan menu, banner, iklan, login user, dan lainnya. Tinggal "tunjuk" dimana posisi yang disukai; pilih "Left" akan muncul di kiri, pilih "Right" akan muncul di kanan, semuanya sudah disiapkan tinggal pilih lokasi mana yang diinginkan.

Ada dua jenis template yang dikenal dalam Joomla! yaitu template untuk front-end yang dapat dilihat oleh siapapun pengunjung Website dan template untuk back-end yang hanya bisa dilihat oleh administrator serta user yang diberi hak akses pada saat mengelola Website. Umumnya, webmaster lebih suka "mengutak-atik" template front-end dibandingkan template back-end. Tulisan ini lebih banyak membahas tentang template front-end.

Pada saat install pertama kali, Joomla! menyertakan tiga macam template bawaan (standar), yaitu: rhuk_milkyway, JA_Purity, dan beez, dengan rhuk_milkyway sebagai defaultnya seperti yang terlihat pada tampilan awal website Joomla!.

Tidak selamanya pemilik Website puas dengan template default, sehingga terkadang bahkan seringkali administrator merubah template defaultnya. Tidak jarang

Page 24: Yuk Belajar Joomla!

Yuk, Belajar Joomla! www.Cangkruk.com

~ 22 ~

banyak pengguna Joomla! juga menambahkan template "baru" yang banyak diperoleh secara gratis di internet. Semua itu dimungkinkan karena fasilitas untuk menambahkan template baru juga disediakan oleh Joomla!.

Page 25: Yuk Belajar Joomla!

Yuk, Belajar Joomla! www.Cangkruk.com

~ 23 ~

8. Mengelola module Joomla!

Secara umum, template Joomla! membagi tampilan Joomla! ke dalam dua area penting, yaitu area utama yang terletak di tengah dan area lainnya yang terletak di sekitar bagian utama (kiri, kanan, atas, bawah, atau posisi lainnya sesuai template yang digunakan).

Area utama digunakan untuk menampilkan content Website. Sedangkan area lainnya yang ada di sekeliling area utama digunakan sebagai link untuk "memanggil" content/component seperti menu, login, iklan, polling/survei, banner, dan sebagainya.

Link yang disiapkan dan ditampilkan dalam suatu box (kotak) di sekeliling area utama dengan tujuan untuk "memanggil" content/component itulah yang biasa kita kenal dengan sebutan Modules.

Secara umum, ada dua macam Modules di dalam Joomla! yaitu Site Modules dan Administrator Modules. Site Modules adalah Modules yang ditampilkan pada front-end (area pengunjung Website) sedangkan Administrator Modules adalah modules yang ditampilkan pada back-end (area administrator), tulisan ini akan memfokuskan pembahasan pada Site Modules.

Terdapat banyak jenis (site) modules yang disiapkan oleh Joomla! secara default, yaitu:

Archived Content: Menampilkan artikel-artikel yang diberi status sebagai arsip,

Page 26: Yuk Belajar Joomla!

Yuk, Belajar Joomla! www.Cangkruk.com

~ 24 ~

Banner: Menampilkan banner yang sudah di-set sebelumnya pada component Banner,

Breadcrumbs: Menampilkan breadcrumbs, semacam menu yang menunjukkan posisi artikel secara hierarki. Contoh Home > Webmaster > Joomla!,

Custom HTML: Menampilkan script HTML hasil kreasi sendiri,

Feed Display: Menampilkan feed sindikasi,

Footer: Menampilkan informasi Joomla! Copyright di posisi paling bawah website,

Latest News: Menampilkan informasi artikel terakhir yang di-publih,

Login: Menampilkan form Username dan password,

Menu: Menampilkan menu, Most Read Content: Artikel yang

terbanyak dibaca, Newsflash: Menampilkan artikel secara

random, Poll: Poling/Survei Random Image: Menampilkan gambar

secara random pada folder yang ditentukan, Related Articles: Menampilkan artikel

terkait berdasarkan keyword yang digunakan, Search: Menampilkan kotak pencarian, Sections: Menampilkan Sections, Statistics: Informasi server,

pengunjung, jumlah artikel, dan banyaknya web links.

Syndicate: Sindikasi untuk halaman tertentu,

Who's Online: Informasi banyaknya pengunjung yang terdaftar ataupun tidak,

Wrapper

Page 27: Yuk Belajar Joomla!

Yuk, Belajar Joomla! www.Cangkruk.com

~ 25 ~

Keseluruhan Modules di atas dikelola melalui Module Manager yang terdapat pada Administrator Back-End, yaitu pada menu Extensions | Module Manager.

Pada Module Manager sendiri terdapat tujuh menu utama, yaitu Enable dan Disable (menampilkan/tidak module tertentu), Copy (menduplikat suatu module), Delete (menghapus module), Edit (mengedit module yang sudah ada), New (membuat module baru), dan Help (menu bantuan).

Di dalam Module Manager tersebut juga, masing-masing module dapat diatur apakah akan ditampilkan/tidak, letak posisi yang diinginkan, ditampilkan pada halaman yang mana, Siapa saja yang diperbolehkan melihatnya, dan lainnya sesuai fungsi module masing-masing.

Page 28: Yuk Belajar Joomla!

Yuk, Belajar Joomla! www.Cangkruk.com

~ 26 ~

-halaman ini sengaja dikosongkan-

www.Cangkruk.com

Page 29: Yuk Belajar Joomla!

Yuk, Belajar Joomla! www.Cangkruk.com

~ 27 ~

9. Mengelola component Joomla!

Setiap halaman Joomla! selalu terdiri atas beberapa blok yaitu satu blok utama yang berada di tengah dan beberapa blok lainnya yang berada di sekitar blok utama. Blok-blok yang berada di sekitar blok utama kita kenal dengan sebutan Module sedangkan blok utama yang berada di tengah itulah yang dinamakan dengan Component. Jadi dapat disimpulkan bahwa di setiap halaman hanya terdapat satu Component yang dapat "dipanggil" melalui link yang ada di Module. Component adalah satu dari lima extensions yang ada dalam paket Joomla! 1.5x; empat lainnya yaitu Modules, Plugins, Tempates, dan Language. Sesuai dengan namanya (extension=perluasan) maka komunitas Joomla! (Third Party) dimungkinkan untuk mengembangkan component yang sudah ada atau bahkan membuat component baru yang dapat diinstal melalui Menu Extensions di dalam Administrator Back-End. Sedangkan masing-masing component dapat dikelola melalui Menu Component, sesuai dengan fungsi dari masing-masing component tersebut.

Component merupakan salah satu fungsi utama yang dimiliki Joomla!, karenanya pada saat install pertama kali (default) terdapat beberapa component inti yang sudah terinstall yaitu, Banners, Contact, News Feeds, Polls, dan Web Links. Berikut ini adalah beberapa hal yang dapat dikelola pada component inti yang ada pada Joomla! 1.5x

Page 30: Yuk Belajar Joomla!

Yuk, Belajar Joomla! www.Cangkruk.com

~ 28 ~

Banners: Untuk mengelola dan menampilkan iklan dalam bentuk Banner. Pada component Banner dapat diatur kategori Banner, Client (pemasang Banner), dan Banner serta link-nya. Pada setiap Banner yang dipasang dapat diatur jumlah maksimal impressions (banyaknya tampilan Banner) dan juga dapat dilihat banyaknya Click pada masing-masing Banner,

Contact: Untuk mengatur informasi contact person di website Joomla!. Informasi yang bisa di-input pada masing-masing contact di antaranya nama, alamat, nomor telepon, e-mail, website, dan lainnya. Selain itu masing-masing contact pun dapat dikelompokkan ke dalam kategori-kategori,

News Feeds: Untuk menampilkan content dalam bentuk feed dari website lain. Administrator dapat mengelompokkan masing-masing News Feed ke dalam kategori yang sesuai. Pada masing-masing feed dapat diatur jumlah artikel yang akan ditampilkan, dan tentu saja link dari feed yang ingin ditampilkan,

Polls: Untuk mengelola polling atau survei tertentu. Administrator dapat mengatur judul Survei, delay time-lag antar voting, dan pilihan voting (maksimal 12 pilihan voting),

Search: Untuk melihat statistik dari proses pencarian (search) yang terjadi di website,

Page 31: Yuk Belajar Joomla!

Yuk, Belajar Joomla! www.Cangkruk.com

~ 29 ~

Web Links: Untuk mengelola link ke website lainnya, dan dapat dikelompokkan dalam kategori-kategori yang sesuai. Selain alamat link, pada component web-link juga dapat diatur deskripsi dari link, dan Target window apakah ditampilkan dalam tab browser yang sama, tab baru dalam window browser yang sama atau membuka window browser baru.

Page 32: Yuk Belajar Joomla!

Yuk, Belajar Joomla! www.Cangkruk.com

~ 30 ~

-halaman ini sengaja dikosongkan-

www.Cangkruk.com

Page 33: Yuk Belajar Joomla!

Yuk, Belajar Joomla! www.Cangkruk.com

~ 31 ~

10. Mengelola content Joomla!

Content adalah Raja!

Seperti itulah kira-kira ungkapan yang paling pas untuk menggambarkan betapa pentingnya Content bagi sebuah Website.

Website sebagai suatu bentuk media informasi di Internet, tentunya dituntut untuk memiliki Content (isi Website) yang informatif dan bermanfaat bagi pengunjungnya. Semakin informatif dan bermanfaat Content yang disajikan sebuah Website, akan semakin menarik minat para penikmat informasi untuk datang berkunjung dan mengambil manfaat darinya.

Meskipun demikian, menyajikan Content yang informatif dan bermanfaat saja belumlah cukup. Kenyamanan pengunjung dalam menikmati Content, kemudahan mencari dan menemukan informasi dalam sebuah Website, penyajian gambar-gambar, penggunaan warna dan ukuran huruf, pengelompokan Content, serta lainnya yang terkait sebuah Content, merupakan hal penting yang perlu mendapat perhatian lebih.

Tepat dalam mengelola Content Website, akan membuat pengunjung berkunjung kembali di waktu yang akan datang serta betah berlama-lama menikmati Content yang disajikan dalam sebuah Website. Sebaliknya, salah dalam mengelola Website tentunya akan menyebabkan pengunjung enggan berlama-

Page 34: Yuk Belajar Joomla!

Yuk, Belajar Joomla! www.Cangkruk.com

~ 32 ~

lama bahkan "kapok" untuk datang kembali berkunjung.

Demikian pentingnya Content bagi sebuah Website, menjadi tantangan bagi para penyedia CMS untuk berlomba dalam menyiapkan Sistem Pengelolaan Content yang efektif dan efisien. Tidak terkecuali Joomla! sebuah CMS.

Mengelola Content di Joomla! dilakukan melalui halaman administrator, tepatnya pada menu Content. Joomla! mengelompokan Content ke dalam tiga hirarki (jenjang pengelompokan), yaitu:

1. Sections; merupakan hirarki tertinggi yang mengelompokan berbagai macam category sejenis. 2. Category; merupakan hirarki di bawah Sections yang mengelompokan berbagai macam Content sejenis. 3. Content itu sendiri; Isi dari Website, bisa berupa artikel, gambar-gambar, atau informasi apapun yang ingin disajikan dalam Website

Beragam pengaturan untuk mengelola Content dapat dilakukan disana. Silahkan bereksplorasi dan mencobanya sendiri.

Page 35: Yuk Belajar Joomla!

Yuk, Belajar Joomla! www.Cangkruk.com

~ 33 ~

Belajar Joomla! lebih banyak lagi

Miliki dan ikuti panduannya di Buku Panduan Lengkap Website Dinamis Joomla!. Lebih lengkap. Lebih rinci.

“Web pada hari ini mulai menjadi kebutuhan yang mendasar terutama bagi mereka yang ingin berkiprah secara serius di dunia maya. Joomla! Barangkali merupakan salah satu Content Manajemen System yang populer untuk membuat Web dinamis baik untuk keperluan pribadi, instansi, kantor, hingga toko di Internet. Mas Lucky Permana membahas dengan sangat cantik cara men-”tune” Joomla! Agar sesuai dan menolong kita dalam membuat Web-nya. Semoga buku “Panduan Lengkap Website Dinamis Joomla!” dapat membantu banyak orang di Indonesia dalam berkiprah dan sukses di dunia maya.” (Onno W. Purbo)

Sinopsis Buku:

Website saat ini bisa dikatakan sudah menjadi kebutuhan para pengguna Internet, baik penyedia maupun pencari informasi. Banyak hal bisa diperoleh dari sebuah Website, bahkan dari Website yang sederhana sekalipun karena Website memang disiapkan untuk menyajikan beragam

Page 36: Yuk Belajar Joomla!

Yuk, Belajar Joomla! www.Cangkruk.com

~ 34 ~

informasi. Apakah itu informasi pribadi, hobi, diskusi, bisnis skala besar dan kecil, berita, pendidikan, pemerintahan, pemikiran, artis, gosip, humor, dan segala macam bentuk informasi lainnya dapat disajikan melalui Website.

Perubahan dan tentunya kebutuhan akan informasi yang demikian pesatnya saat ini, membutuhkan media Website yang bersifat dinamis sehingga dapat mengakomodir perubahan-perubahan informasi tersebut dengan mudah dan cepat. Di sisi lain, kebutuhan akan adanya suatu sistem yang memudahkan para penyedia informasi dalam membuat dan mengelola Website, sudah tidak bisa ditawar lagi. Content Management System atau yang biasa dikenal dengan sebutan CMS, merupakan jawaban yang dicari para penyedia informasi. Dengan CMS, memiliki Website Dinamis yang serba mudah dan cepat, baik dalam pembuatan, pengelolaan, dan pengembangannya tidak lagi menjadi sekedar impian. Terdapat banyak CMS yang tersedia saat ini, dan Joomla! adalah salah satunya.

Joomla! dikenal dengan kesederhanaannya. Tetapi jangan salah, dibalik kesederhanaannya tersebut Joomla! sebagai CMS yang bersifat Open Source dan Free, merupakan software yang powerful bahkan melebihi software berbayar sekalipun. Banyak kelebihan dan keunggulan dengan menggunakan Joomla!. Mulai dari proses install yang mudah, sampai dengan pengelolaan yang juga mudah dan interaktif serta menyenangkan. Selain itu, dukungan di Internet yang demikian banyaknya membuat siapapun tidak akan pernah merasa sendirian dalam mengelola dan mengembangkan Website Joomla!.

Buku ini disiapkan untuk memandu para pembacanya agar dapat membuat dan memiliki Website Dinamis dengan cara yang mudah. Pembaca akan dipandu secara lengkap dan sistematis mulai dari pemahaman mengenai perlunya membuat Website, pengertian Website Statis, Dinamis, dan CMS, serta mengapa menggunakan Joomla!. Selanjutnya pembaca akan dipandu untuk memahami cara pembuatan Website menggunakan Joomla! baik secara offline dengan tujuan pembelajaran ataupun langsung online di Internet. Pembaca juga akan dipandu untuk memahami cara pengelolaan Website Joomla!, pengembangan Website Joomla!, dan cara meng-upgrade versi Joomla! yang lama ke versi yang terbaru. Intinya pembaca akan dipandu dengan cara yang mudah dan sistematis untuk mendapatkan Website Joomla! yang tidak hanya sekedar menyajikan informasi berupa artikel saja, tetapi juga lengkap dengan adanya Iklan Baris, Forum Diskusi, bahkan Toko Online sehingga Website Joomla! yang dihasilkan tidak hanya sekedar dinamis

Page 37: Yuk Belajar Joomla!

Yuk, Belajar Joomla! www.Cangkruk.com

~ 35 ~

tetapi juga interaktif, baik interaktif antara pemilik Website dengan pengunjungnya dan juga interaktif antar pengunjung di Website Joomla!