Joomla 

Membuat Website dengan

Joomla

...because open source matters

By : MasRizalhttp://rizalrepublic.wordpress.com

http://pasuruan.linux.or.id

⌘ 1 ⌘

Joomla 

1Joomla?

Stay Hungry, Stay Foolish

Steve Jobs. Apple Inc

“ Joomla! is an award-winning Content Management System (CMS) that will help you build websites and other powerful online applications. Best of all, Joomla! is an open source solution that is freely available to everybody ” . Joomla.org

Joomla, Powerfull CMS Menurut bahasa asal kata Joomla sendiri berasal bahasa kata Swahili yang mengandung

arti “All together” atau "bersama-sama". Joomla adalah aplikasi pengolah konten (Content Management System) yang bebas dan terbuka ditulis menggunakan PHP dan basisdata MySQL untuk keperluan di internet maupun intranet. Anda mungkin bertanya apakah yang dimaksud CMS?

CMS(Content management System) adalah sistem yang memungkinkan seseorang untuk menambahkan, mengupdate, dan mengatur isi dari suatu situs web dengan mudah dan cepat. Tujuan awal dari dibuatnya CMS adalah memang didesain untuk memudahkan pengaturan bagi pengguna bahkan untuk seseorang yang tidak mempunyai keahlian pemprograman. Jadi, jangan khawatir apabila anda tidak terlalu menguasai bahasa pemprograman web dinamis, anda dapat juga dapat membuat website anda sendiri dengan bagus.

Joomla pertama kali dirilis dengan versi 1.0.0. Fitur-fitur Joomla! diantaranya adalah sistem caching untuk peningkatan performansi, RSS, blogs, poling, dll. Joomla! menggunakan lisensi GPL.

⌘ 2 ⌘

Joomla 

Penggunaan Joomla

Berikut dibawah ini adalah macam website yang bisa anda develop dengan Joomla:

• Website perusahaan.

• Website organisasi atau komunitas.

• Galeri foto

• Website sekolah

• Aplikasi E-Commerce.

• Mengelola website pribadi / blog.

• Dan lain-lain.

Prinsip Dasar Joomla

Secara garis besar dan gamblang, Joomla! terdiri dari 3 elemen dasar, yaitu server web (webserver), skrip PHP dan basisdata MySQL. Server web diasumsikan terhubung dengan Internet/Intranet yang berfungsi sebagai penyedia layanan situs. Skrip PHP terdiri dari kode program dalam bahasa PHP dan basisdata merupakan tempat penyimpanan konten. Joomla menggunakan Apache sebagai server web dan MySQL untuk basis data.

Pertama kali, pengguna meminta akses terhadap halaman Joomla dengan mengeksekusi URL pada browser web yang kemudian terhubung dengan server web. Permintaan ini yang dalam istilah teknis lebih dikenal dengan query string selain terdapat URL juga mengandung parameter konten (section, category, ID article dan lain-lain). Berdasarkan parameter tersebut, sistem skrip Joomla melakukan kontak dengan basisdata dan mengambil konten yang dimaksud berdasarkan parameternya. Terakhir, konten dan template (template) digabung bersama dan kembali sebagai halaman html, gambar, css dan javascript.

Paket Joomla! terdiri dari beberapa bagian yang terpisah dan termodul yang sangat fleksibel, dapat dengan mudah dikembangkan dan diintegrasikan. Sebagai contoh "plugins" WikiBot yang memperbolehkan penulis di Joomla menggunakan "Wikitags" pada bagian artikel yang fungsinya secara otomatis membuat pranala dinamis ke artikel Wikipedia pada saat ditampilkan. Ada lebih tersedia 1,700 "plugins" yang secara resmi didelegasikan oleh OpenSourceMatters tersedia di http://extensions.joomla.org/ dan saat ini secara resmi dipindahkan ke http://joomlacode.org dengan dukungan server yang lebih lenRiwayat Joomla

Pada tanggal 17 September 2005, diluncurkan Joomla versi awal yaitu 1.0.0 yang merupakan versi alias dari Mambo 4.5.2.3 yang dikembangkan oleh "Pengembang Inti Mambo hingga Agustus 2005" yang hengkang dari Mambo.

Pemimpin Tim saat itu Andrew Eddie yang dikenal dengan sebutan "MasterChief" menulis surat terbuka di komunitas dan diumumkan di forum mamboserver.com. Tim pengembang kemudian membuat situs OpenSourceMatters untuk mendistribusikan informasi ke pengguna, pengembang, desainer web dan komunitas lain pada umumnya.

Berikut perkembangan versi Joomla sampai dengan saat ini :

No. Versi Tanggal Diluncurkan Nama Kode

1. 1.0.0 17 September 2005 Sunrise

2. 1.0.1 21 September 2005 Sunburst

3. 1.0.2 2 Oktober 2005 Sunset

4. 1.0.3 14 Oktober 2005 Sunlight

⌘ 3 ⌘

Joomla 

5. 1.0.4 21 Nopember 2005 Sundial

6. 1.0.5 24 Desember 2005 Sunspot

7. 1.0.6 15 Januari 2006, 16:00 Sunscreen

8. 1.0.7 15 Januari 2006, 21:00 Sunburst

9. 1.0.8 26 Februari 2006 Sunshade

10. 1.0.9 5 Juni 2006 Sunshine

11. 1.0.10 26 Juni 2006 Sundown

12. 1.0.11 29 Agustus 2006 Sunbow

13. 1.0.12 25 Desember 2006 Sunfire

14. 1.0.13 2007 Sunglow

15. 1.5 Stable 22 Januari 2008 Stable

16 1.5.3 Vahi

Joomla secara terus menerus dikembangkan melalui berbagai aktivitas oleh komunitas yang sangat aktif dan tertarik dengan sistem ini.

Pada saat buku ini ditulis, telah rilis Joomla terbaru dengan versi 1.5.10 dengan extension, module, dan komponen yang sangat banyak dan dokumentasi yang lengkap baik untuk pemula maupun developer.

Saat ini, total 4533 komponen yang tersedia di joomla (extensions.joomla.org) mulai dari komponen kalender, berita, galeri, chat, games, multimedia, ecommerce, community builder dan masih banyak lagi.

⌘ 4 ⌘

Joomla 

2Time to Install :p

For a Revolution, it's one Triumph or Die

Che Guevara

Menginstal Joomla dan aplikasi pendukungnyaBab ini menerangkan tentang cara menginstal Joomla beserta pendukungnya yakni Apache, PHP, 

dan MySQL di Linux.   Kita menggunakan Xampp yang merupakan bundel aplikasi Apache, PHP, dan MySQL.

2.1 Menginstal XAMPP Linux

Logo Xampp

Xampp adalah gabungan dari Apache, PHP, MySQL, dan aplikasi web lainnya. Xampp dapat didownload dengan bebas dan mempunyai installer untuk Linux, Windows, dan bahkan MacOS. Seperti diterangkan di atas, Joomla membutuhkan ketiga aplikasi ini yakni Apache sebagai webserver, MySQL sebagai database server, dan skrip PHP. Dengan menggunakan Xampp anda tidak perlu menginstal masing-masing aplikasi pendukung Joomla tersebut. Anda dapat mendownload Xampp Linux dalam situsnya http://www.apachefriends.org. Berikut cara menginstal Xampp di Linux :

1. Buka konsol Linux dan masuk sebagai root atau administrator dengan perintah su atau

⌘ 5 ⌘

Joomla 

sudo su (jika anda pengguna Ubuntu). $ sudo su password : ­­­>masukkan password admin # note : tanda $ berarti anda user biasa dan tanda pagar # berarti anda sudah masuk sebagai administrator (root)

2. Kopi file installer xampp kedirektori /opt.#cp xampp­linux­1.6.tar.gz /opt

3. Ekstrak file xampp. Setelah terekstrak terbentuk folder lampp, lihat hasil ekstrak dengan perintah ls.#tar ­xzvf  xampp­linux­x.x.tar.gz     ­­>ganti x.x dengan versi xampp anda tentunya#ls

4. Jalankan servis Xampp.#/opt/lampp/lampp startStarting XAMPP for Linux 1.6... XAMPP: Starting Apache with SSL (and PHP5)... XAMPP: Starting MySQL... XAMPP: Starting ProFTPD... XAMPP for Linux started.

5. Untuk menjalankan Xampp otomatis pada waktu booting#echo “/opt/lampp/lampp start”>>/etc/rc.local

2.2 Menginstal Joomla 1. Anda dapat mendownload Joomla dari situs www.joomla.org dan menambah ekstensi

(komponen, plugin, dan modul) dari situs extensions.joomla.org.

2. Buatlah folder, misalnya folder webku di /opt/lampp/htdocs#mkdir /opt/lampp/htdocs/webku

3. Kopi file zip joomla ke folder tersebut#cp Joomla_1.5.10­Stable­Full_Package.zip /opt/lampp/htdocs/webku

4. Pindah ke direktori tersebut dan ekstrak dengan perintah unzip#cd /opt/lampp/htdocs#unzip  Joomla_1.5.10­Stable­Full_Package.zip

5. Buka browser dan ketikkan http://localhost/webku. Selanjutnya ikuti langkah­langkah instalasi Joomla via web.

⌘ 6 ⌘

Joomla 

Instalasi Joomla melalui Web

Langkah 1 – Pemilihan Bahasa

Jika requirement joomla sudah terpenuhi, anda akan melihat halaman awal instalasi joomla yakni pemilihan bahasa pengantar yang digunakan pada langkah-langkah instalasi joomla selanjutnya. Pilih default bahasa pengantar en-GB- English (United Kingdom). Klik Next.

Langkah 2 – Cek Prainstal

Langkah selanjutnya adalah cek prainstal. Pada langkah ini, Joomla melakukan cek requirement apakah server yang anda pergunakan sudah memenuhi kriteria yang dibutuhkan joomla. Joomla akan mencek berbagai parameter PHP yang dibutuhkan untuk operasional Joomla. Selanjutnya klik Next.

⌘ 7 ⌘

Joomla 

Langkah 3 – Lisensi GNU

Pada langkah ini, terdapat pernyataan lisensi GNU General Public License yang digunakan sebagai lisensi Joomla. Dengan lisensi ini, anda bebas menggunakan Joomla untuk keperluan anda, menyebarluaskan, dan memodifikasinya. Klik Next.

Langkah 4 – Konfigurasi Database

Langkah konfigurasi database ini adalah langkah yang penting karena Joomla akan menggunakannya untuk melakukan koneksi ke database. Karena pada tutorial ini menggunakan xampp, ketikkan isian konfigurasi dengan :- Database Type : mysql -> Database yang digunakan

- Host Name : localhost -> Nama hostname- Username : root -> Username MySql- Password : ------- ->(kosongi, default)- Database Name : joomla -> Nama database yang digunakan Selanjutnya klik Next.

Langkah 5 – Konfigurasi FTP

⌘ 8 ⌘

Joomla 

Langkah ini untuk melakukan konfigurasi FTP (File Transfer Protocol) yang berfungsi menangani transfer file. Biarkan default dan klik Next.

Langkah 6 – Konfigurasi Utama

Pada langkah ini, Kita menentukan konfigurasi :- Site Name : PT. Linux Enterprise -> isikan dengan nama website anda- Your Email : revorizaal@yahoo.com -> isikan dengan email and- Admin Password : ******* -> isikan dengan password administrator web- Confirm Admin Password : ******* -> isikan ulang password admin selanjutnya klik Next.

⌘ 9 ⌘

Joomla 

Langkah 7 – Finish

Selamat, Pada langkah ini, anda telah berhasil mengkonfigurasi Joomla. Selanjutnya buat file configuration.php yang berisi copy-paste dari kode pada text area. Upload/taruh pada folder root website. Pada kasus ini, pada folder /opt/lampp/htdocs/ webku. #cp configuration.php /opt/lampp/htdocs/webkuSelanjutnya hapus folder installation dengan : #rm -R /opt/lampp/htdocs/webku/installation/Selesai sudah instalasi Joomla, selanjutnya kita bisa melakukan kustomisasi web yang baru kita buat.

⌘ 10 ⌘

Joomla 

3Administrasi Joomla

Buah paling manis dari berani bermimpi adalah kejadian­kejadian menakjubkan dalam 

perjalanan mencapainya

Ikal, Maryamah Karpov

3.1 Mengoperasikan JoomlaAnda dapat masuk ke tampilan web yang baru dibuat dengan mengetikkan dalam alamat

URL lokal http://localhost/webku.

⌘ 11 ⌘

Joomla 

Halaman depan JoomlaGambar diatas adalah tampilan muka default Joomla fresh install. Inilah kelebihan CMS

seperti Joomla yang memberi kemudahan untuk membuat website secara instant, powerful, dan mudah digunakan. Sedangkan untuk masuk halaman administrator Joomla, anda dapat mengetikkan http://localhost/webku/administrator.

Halaman login administratorPada halaman login, masukkan username dan password dari administrator. Secara default,

Joomla akan membuat user admin sebagai administrator.

Halaman control panel administrator

Pada halaman control panel ini, ada menu bar utama pull down yang bisa anda pilih. Menu bar utama yang bisa anda pilih :– Site : Berisi Control Panel, manajemen user, media manager (tempat meletakkan gambar),

global configuration(mengganti setting konfigurasi global), dan menu logoff administrator.– Menus : Berisi menu-menu yang bisa anda konfigurasi, ditambahkan, diganti, atau didelete.

Menu yang biasa kita ubah adalah main menu. – Content : Kita bisa menambahkan artikel/tulisan dengan mengklik menu ini. Beberapa yang

perlu kita ketahui adalah istilah article, section, dan category, dan frontpage. Section adalah pokok umum, subjek dengan jenjang tertinggi yang nantinya akan dibagi menjadi Categories (kategori-kategori). Untuk menambah section, klik Content > Section

⌘ 12 ⌘

Joomla 

Manager > New.Category adalah bagian dari section dan berisi satu atau lebih item article. Sebuah section bisa mempunyai banyak kategori. Untuk mengaksesnya hampir sama dengan section, yakni Content > Category ManagerArticle adalah artikel/tulisan/isi dalam website itu sendiri. FrontPage adalah halaman depan website ketika seseorang mengetikkan URL alamat website kita. Article yang frontpagenya aktif akan tampil pada halaman depan website kita.

– Components : Berisi daftar komponen yang telah terinstal. Secara default, Joomla telah menyediakan komponen banner(untuk iklan di website), contacts, newsfeed, polls(untuk polling), search(untuk melakukan pencarian), dan weblinks(menambah link ke website lain).

2.4 Mapping konten websiteSebagai Ilustrasi : misalkan kita akan membuat website elearning ilmu komputer yang

artikelnya meliputi berbagai tutorial komputer, kita perlu melakukan mapping artikel agar lebih rapi. Misalkan seperti mapping dibawah ini :

Section : Pemprograman webCategory : PHP, HTML, ASP, CSS, Article: Membuat buku tamu dengan PHP, Pengantar PHP, PHP dan MySQL, Pengenalan HTML, Pengenalan CSS, CSS dengan Membuat web itu mudah, dll

Section : Desain GrafisCategory : Pengolah foto, Pengolah gambar vector, WebdesainArticle : Pengantar Gimp, Desain banner dengan Gimp, Efek kaca dengan Inkscape, Pengantar Inkscape, Webdesain dengan Amaya, dll.

Section : LinuxCategory : Distro, Tips dan Trik, JaringanArticle : Mengenal Ubuntu, Mengenal Mandriva, Instalasi apache di Ubuntu, dll

Mapping website seperti diatas akan sangat memudahkan kita untuk mengatur konten website kita. Usahakan agar mapping konten seperti ini dilakukan pertama kali sehingga untuk selanjutnya kita tinggal mengikuti alur yang sudah kita tentukan sebelumnya.

2.5 Menambahkan SectionMisalkan kita membuat Section Linux (lihat mapping diatas) yang nantinya berisi kategori-

kategori seputar Linux seperti review distro, berita opensource, trik-trik Linux, tutorial jaringan Linux, dll. Klik Content > Content manager > new.

⌘ 13 ⌘

Joomla 

Membuat Section LinuxArea deskripsi (description) adalah tempat Anda menguraikan isi/konten dari bagian

(section). Ingatlah bahwa isi dari sebuah bagian (section) dapat terdiri dari satu atau lebih kategori, dan ketika user (pengunjung situs Anda) melihat uraian ini, itu juga akan berhubungan dengan daftar kategori di dalam bagian (section).

Saat Anda sudah selesai membuat atau mengedit bagian, kliklah pada tombol toolbar Save di bagian kanan atas layar untuk menyimpan pekerjaan Anda. Ini akan mengantar Anda kembali ke Section Manager. Anda juga dapat menggunakan toolbar tombol Apply untuk menyimpan pekerjaan Anda tanpa meninggalkan editor tersebut.

2.6 Menambahkan Category Hampir sama caranya dengan menambahkan Section. Category dapat anda tambahkan

lewat Content > Category Manager > New. Misalkan kita buat kategori Review Distro Linux yang berisi artikel-artikel review distro linux terbaru. Isi title dengan Review Distro Linux dan Section dengan Linux.

2.7 Menambahkan ArticleNah, sekarang kita baru bisa membuat review dari distro linux. cara menambahkan artikel

lewat Content > Article Manager > New. Misalkan tulisannya berjudul “Mandriva, distro yang user friendly”. Isi dari artikelnya (nanti copy-paste ke editor):

Mandriva adalah salah satu distro linux yang sangat populer. Mandriva dikenal dengan kemudahannya. Mandriva, yang pada waktu itu bernama Mandrake dibuat oleh seorang berkebangsaan prancis bernama Gael Duval. Tujuan awal dibuatkannya Mandrake adalah bagaimana membuat linux mudah digunakan oleh user. Sekarang Mandrake berubah nama menjadi Mandriva setelah mengakuisisi Connectiva, sebuah perusahaan OpenSource yang mempunyai tampilan linux yang cantik. Sekarang, Mandriva dikenal sebagai perusahaan yang sukses berbisnis dengan OpenSource. Meskipun telah menjadi perusahaan, Mandriva tidak melupakan komunitas yakni dengan membuat Mandriva versi Free Edition dan Mandriva One.

Tentukan Sectionnya dengan Linux dan Category dengan Review Distro Linux. Apabila ingin menampilkan ke halaman depan , ganti Front Pagenya dengan yes. Lihat hasilnya setelah klik Save.

2.8 Mengganti template Joomla

⌘ 14 ⌘

Joomla 

Hal yang membuat orang tertarik berkunjung ke sebuah website adalah selain karena kelengkapan fitur website tersebut, juga tampilan website yang menarik. Kita dapat menggunakan template Joomla baik free atau berbayar yang sangat banyak di internet, mendownloadnya, kemudian mengkustomisasi dengan gambar header, menu, navigasi yang kita buat sendiri dengan bantuan tool grafis seperti Gimp, Photoshop, dan banyak lagi. Tips : untuk mencari template free pergunakan keyword “Free Joomla Template 1.5” di google. Cari yang template 1.5.x, mengingat versi Joomla yang penulis gunakan adalah versi 1.5.x.

Cara mengupload template dengan mengklik menu Extensions > Install/Uninstall dan browse file template yang akan diupload. Selanjutnya klik Upload file & Install. File template sukses terupload setelah muncul pesan Install Template Success.

Cara mengaktifkan template dengan mengklik menu Extensions > template Manager. Pilih template yang mau anda gunakan dan klik default pada menu bar.

Memilih template melalui template manager

Tampilan Template yang baru terinstalTemukan dan jelajahi fitur-fitur Joomla, cari tutorial, coba template-template baru, coba

⌘ 15 ⌘

Joomla 

banyak komponen, dan kuasai Joomla karena pengetahuan tentang Joomla ini bisa menjadi salah satu penghasilan, misalnya dengan membuat website untuk perusahaan, kantor, portal, galery, dst.

Website Joomla : www.joomla.orgJoomla Plugin : extensions.joomla.org

Sekilas Penulis

Nama : Rizal MashuriEmail/YM : revorizaal@yahoo.comWebsite : http://rizalrepublic.wordpress.com

Silahkan sebarkan, Untuk pengetahuan V(^_^)

⌘ 16 ⌘