Panduan

Membuat Website Dengan Joomla! 1.5.x

Afif Nurwilianto +6285233801344 mas@wongbagoes.net
Copyright © 2009, ECOMAGZ Indonesia

TENTANG PENULIS Afif Nurwilianto – Wongbagoes sebenarnya bukan seorang ahli bahasa pemograman ataupun pakar website. Namun, penulis diberikan kesempatan untuk mengenal beberapa CMS sehingga sedikit mampu (meskipun belum sebaik seorang pakar) membangun beberapa website berbasis Joomla! ataupun Wordpress. Selain membangun website, penulis juga aktif menulis di blog pribadi maupun komunitas. Dan pada bulan Mei 2009, penulis menjuarai kompetisi SEO (Search Engine Optimization) Ebeye. Penulis dapat dihubungi melalui no HP 085233801344, Yahoo Messenger willwee306, email: willwee306@yahoo.com atau mas@wongbagoes.net, atau dapat juga mengunjungi blognya di http://wongbagoes.net.

KONTAK PENULIS Afif Nurwilianto ECOMAGZ Indonesia Jl. Wisma Capita Selecta, Jl. Babakan Raya V/195 Dramaga, Bogor, Jawa Barat 16680 Phone : + 6285233801344 YM!, GTalk : willwee306 Twitter : twitter.com/wongbagoes Plurk : plurk.com/wongbagoes Facebook : facebook.com/wongbagoes Email : willwee306@yahoo.com mas@wongbagoes.net Personal Blog : http://wongbagoes.net Website : http://ecomagz.web.id DISCLAIMER Tulisan dalam buku ini merupakan gabungan dari pengalaman penulis dan dipadukan berbagai sumber referensi. Kesamaan atau kemiripan dalam penyajian maupun penggunaan istilah sangat mungkin terjadi. Anda diperkenankan untuk mempublikasikan, atau menggandakan seluruh atau sebagian dari buku ini. Jika Anda berkenan, untuk tetap menyertakan nama penulis dalam setiap publikasi atau penggandaan yang menggunakan buku ini sebagai panduan ataupun referensi.

Copyright © 2009, ECOMAGZ Indonesia

penerjemah. Kemudahan instalasi dan pengelolaan.5. ASP. Beberapa tugas manajemen umum. para perancang. maupun menambah script yang disertakan dalam software tersebut asal tetap mencantumkan hak cipta dan mentaati peraturan yang telah disepakati bersama-sama.0 yang merupakan “cloning” dari Mambo versi 4. pemeriksaan naskah.Joomla!. 2. Beberapa keunggulan Joomla! antara lain: 1. Nama Joomla! merupakan sebuah ejaan yang berkaitan dengan ilmu fonetik dari kata Swahili “Juumla” yang memiliki arti bersama-sama atau secara keseluruhan. Joomla sudah merilis versi 1. Komunitas di belakang Joomla! meliput para pengembang. Selain itu. para pengembang inti Mambo yang keluar dari kepengurusan tersebut bergabung dan pada 16 September 2005 membuat sebuah CMS bernama Joomla! Open Source. Meskipun Joomla menggunakan bahasa PHP. plugins. Sejarah Munculnya Joomla! berawal dari “konflik internal” di dalam kepengurusan pengembang inti Mambo Open Source atau lebih sering dikenal dengan Mambo pada tahun 2005. bukan berarti harus memahami seluruhnya tentang bahasa PHP. Sehingga pengguna dengan sedikit kemampuan pemograman dapat dengan mudah membuat website yang menarik. sedangkan semua administratif dan tugas manajemen tersisa pada backend. 3.org. namun masih bisa membuat sebuah web dinamis secara cepat dengan beberapa fitur yang sangat lengkap.14. Bagi mereka tidak memahami kode HTML. maupun php tidak perlu takut untuk mempelajarinya karena meskipun tidak tahu tentang kode-kode tersebut.0. sebagian pengembang inti Mambo keluar dari kepengurusan pengembang program inti Mambo.org . para penulis isi. Ketika buku ini ditulis. Sistem Templating yang Mudah Joomla! mempunyai suatu sistem templating mudah yang memperbolehkan perancang dan pengembang untuk mengembangkan dan menyesuaikan sesuai keinginan. dapat mengakses langsung ke alamat website resminya di http://www. plugins. Eextensibility melalui component. Fitur Utama Joomla! Joomla! is powerfull. Perkembangan selanjutnya.5. Rilis versi awal Joomla! yaitu versi 1. Gagasan tersebut ditentang keras oleh pengembang dari pihak ketika (3rd developer). menghapus.joomla. mnegirim artikel juga yang dapat diakses dari frontend. Disebut cloning karena memang semua sciptnya sama persis. Joomla! adalah salah satu CMS yang memilliki komunitas besar di seluruh dunia dengan didukung oleh para pengembang ketiga yang akan terus mengembangkan program inti Joomla!. Sekarang terdapat lebih dari 4. Untuk mengetahui lebih lanjut tentang Joomla!. Sekitar bulan Agustus 2005. dan yang paling penting yaitu pengguna (end user). CGI. Pihak pendiri (founder) Mambo ingin membentuk sebuah institusi yang bernama Mambo Foundation. Pemisahan frontend dan backend Di dalam Joomla! terdapat pemisahan Frontend dan Backend sehingga dengan mudah dapat mengatur dan mengelolanya. Disebut open source karena pengguna dapat memodifikasi. dan module Joomla! mempunyai banyak component. Joomla! adalah sebuah software gratis yang dapat digunakan untuk membuat web yang paling sederhana hingga paling kompleks. sehingga pengguna awam dapat dengan mudah melakukannya.3. dengan Joomla! pengguna dapat dengan mudah mengatur dan mengelola website. Interface website disajikan seperti frontend. ECOMAGZ Indonesia . dan dapat diakses melalui http://extensions.CHAPTER 1 – MENGENAL JOOMLA! Apa itu Joomla!? Joomla! merupakan salah satu Content Management System (CMS) terbaik yang bersifat Open Source. Search Engine Friendly URLs Copyright © 2009. 5. memodifikasi sesuai keinginan. Tahapan instalasi Joomla! layaknya aplikasi desktop kebanyakan. 4. alasannya karena jika pengembangan Mambo dikendalikan oleh Mambo Foundation dikhawatirkan suatu saat Mambo akan dikomersilkan.200 ekstensi yang siap dipakai untuk Joomla!. dan module yang mengijinkan pengguna untuk menambahkan. Dengan Joomla! pengguna dengan mudah dan bebas menentukan apa saja yang akan dibuat untuk memperkaya dan mempercantik websitenya. pengurus sistem.

Untuk tutorial ini.Dalam mengelola website search engine optimization adalah suatu hal penting.3. ECOMAGZ Indonesia . Namun. Dan Joomla! telah menyediakan pilihan untuk itu. Wamp Server.3 ke atas 2. PHP.x ke atas Dari ketiga software di atas kita diharuskan mengkonfigurasinya yang tidak mudah dan memerlukan waktu apalagi yang masih awam dengan ketiga hal di atas.23. PHP versi 4.5. dan MySQL. diantaranya: PHPTriad. Persyaratan untuk Instalasi Joomla! Sistem minimum yang dibutuhkan untuk instalasi Joomla! 1. Ada berbagai macam web server saat ini.x ke atas 3. AppServ. Uniserver.x adalah: 1. Copyright © 2009. EasyPHP. MySQL versi 3. penulis menggunakan WampServer sebagai web server. Apache versi 1. jangan khawatir karena orang awampun dengan mudah dapat menjalankan ketiga aplikasi ini dengan satu paket software yang sudah menyediakan Apache. XAMP. dan lain-lain.

Anda bisa mengubahnya ke tempat lain. Proses instalasi WampServer sangat mudah dan sederhana seperti menginstal program pada umumnya. 6. Muncul pembukaan instalasi dan klik next 4. Double click pada file installer wampsever dan terlihat perintah instalasi sebagai berikut: WampServer dapat di unduh di http://www. 7. Siapkan file WampServer 2. php 3. Untuk lebih jelasnya. Copyright © 2009. silakan tunggu beberapa saat. ikuti petunjuk berikut ini: 1. 5. Pada jendela berikutnya. Proses instalasi sedang berjalan.CHAPTER 2 – INSTALASI WEB SERVER Dalam tutorial ini menggunakan WampServer sebagai web server. Terserah Anda. Muncul jendela yang menunjukkan alamat lokasi tempat akan dtempatkannya aplikasi WampServer.wampserver. Anda akan diberi pilihan untuk meletakkan shortcut (pintasan) WampServer. ECOMAGZ Indonesia .com/en/download. Secara default akan dipilih c:\wamp. sebagai ikon di desktop maupun sebagai ikon di Quick Launch.

Selesai. Atau http://127. ECOMAGZ Indonesia . silakan disesuaikan dengan pengaturan Mail Server Anda. 9. maka anda akan di arahkan ke web browser dengan URL http://localhost. Apabila Anda telah mempunyai aplikasi mozilla firefox akan muncul jendela alert sebagai berikut: Apabila Anda ingin menjadikan Firefox sebagai web browser utama Wampserver. Berikutnya muncul jendela pengaturan Mail Server. Intalasi selesai klik Finish 11. Cukup mudahkan… ☺ Copyright © 2009. silahkan klik Yes. Maka tampilan di web browser Anda akan menjadi seperti di bawah ini dan menandakan proses instalasi berhasil. Jika tidak. 13.0. Selanjutnya. klik pada icon Wampserver di kanan bawah desktop Anda dan klik localhost.8. klik next. 10.1/ 12.

Copyright © 2009. Anda harus mengupload hasil ekstrasi file Joomla! ke webserver dan terlebih dahulu membuat databasenya di phpMyAdmin. Lebih jelasnya llihat petunjuk berikut: 1. Isi Form Create new database . Hal itu tergantung nama folder yang telah dibuat. Perlu diingat. Ingat jangan sampai lupa! 2. lalu tekan Enter. Setelah proses ekstrak selesai bukalah salah satu browser (Internet Explorer. Membuat Database melalui phpMyAdmin atau arahkan browser ke http://localhost/phpmyadmin.5. tulisan website bukan sebagai patokan.Sebelum proses intalasi maka. ECOMAGZ Indonesia .CHAPTER 3 – INSTALASI JOOMLA! Setelah proses instalasi WampServer selesai maka kita siap untuk menginstal Joomla!. Chrome. Extract file Joomla! 1. Firefox. Opera. atau yang lain) lalu ketikkan http://localhost/website.11 ke folder C:\wamp\www\website Ekstrak Joomla! ke folder c:\wamp\www\website 3.

klik next 4. jika telah yakin tekan tombol Next. dan nama Database (periksa kembali ketika membuat database sebelumnya). bisa dilanjutkan dengan klik next. Tahap 2 – Pre Instalations Chek. Copyright © 2009. Masukkan Host. Secara default. hanya memberkan informasi tentang lisensi dan peraturan-peraturan yang harus dipenuhi dalam menggunakan Joomla! Open Source. 5. Tekan tombol Next untuk melanjutkan. Tahap 4 . Username. ECOMAGZ Indonesia . Jika tidak ada masalah. Password. Tahap 3 – Persetujuan mengenai ketentuan Lisensi. Pada tahap ini.Pilih bahasa yang dikehendaki. Joomla! mengecek kebutuhan yang harus dipenuhi.Database. 6.

website Anda akan blank. Tahap 5 – Konfigurasi FTP (File Transfer Protocol). Sebaiknya aktifkan fasilitas instal sample data agar website tidak kosong sehingga tidak membingungkan pada tahap selanjutnya. JIka kita mengerti mengenai pengunaan FTP. Pada tahap ini kita memberikan informasi mengenai nama situs dan informasi mengenai pengguna. Jika lupa mengaktifkan fasilitas ini. Tidak ada yang perlu dikonfigurasi jika melakukan instalasi di computer rumah (localhost) 8. Tahap 7 – Finish. FTP merupakan protokol yang dikhususkan untuk transfer file secara remote (jarak jauh). Sebelum Joomla dapat digunakan. Anda harus menghapus folder instalation dalam folder joomla. Tahap 6 – Konfigurasi Utama. klik tombol Next.Isikan sesuai database yang sebelumnya di buat 7. Kemudian masukkan alamat email dan masukkan passwordnya admin agar mudah diingat. ECOMAGZ Indonesia . Copyright © 2009. kita bisa melakukan konfigurasi FTP di sini. Berikutnya. ada satu langkah terakhir yang harus dilakukan. Isi alamat email dan password yang mudah di ingat Instal sample data untuk mempermudah untuk proses selanjutnnya 9.

Copyright © 2009. ECOMAGZ Indonesia .10. Setelah dihapus sillahkan refresh URL http://localhost/website. dan sekarang situs Joomla! siap digunakan.

Setelah itu masukkan username “admin” dan gunakan password yang Anda buat saat melakukan instalasi. Tugas pemilik adalah mengelola content yang akan ditampilkan di halaman depan melalui backend. icon dibawah ini dari bagian artikel manager.CHAPTER 4 – BAGIAN UTAMA JOOMLA! Salah satu fitur Joomla! adalah pemisihan frontend dan backend sehingga dengan mudah dapat mengatur dan mengelolanya. Menu Bar Control Panel Toolbar yang sering dijumpai. pemeriksaan naskah. Isi username dengan “admin”. sedangkan semua administratif dan tugas manajemen tersisa pada backend. Copyright © 2009. anda akan disambut oleh icon-icon control panel. mengirim artikel juga yang dapat diakses dari frontend. Untuk masuk ke backend silahkan buka http://localhost/website/administrator. Sekilas mengenai backend Saat pertama kali masuk ke bagian backend. dan hampir sama fungsinya. ECOMAGZ Indonesia . dan password yang Anda buat tadi. Sebagai contoh. Beberapa tugas manajemen umum. Icon-icon ini merupakan jalur cepat menuju fungsi-fungsi yang sering dikunjungi. Interface website disajikan pada frontend.

Top Menu di buat sebagai jalan cepat untuk memasuki halaman-halam yang paling penting dari situs. News Flash Top Menu Search Selected News Main Menu Content Resources Online Key Concepts User Form Advertisement Banner Footer RSS Syndication Powered by Joomla! Disebelah kiri. di sini merupakan artikel yang terakhir dibuat. artikel dan lain-lain. dapat berupa berita. Main Menu adalah pusat dari navigasi situs. Menu ini akan terlihat pada posisi yang sama di setiap halaman dari situs. Sedangkan popular adalah artikel yang mempunyai hits tertinggi. Content adalah factor utama yang menentukan apakah situs Anda akan ramai dikunjungi atau tidak. Untuk lebih jelas mengenai modulee dan component akan dipelajari di chapter selanjutnya. portofolio. Di bagian atas Anda dapat melihat Top Menu. dan sebagainya.Bagian Frontend Gambar di bawah adalah struktur dari frontend Joomla!. Link Home pada menu item paling atas merupakan sambungan untuk kembali ke halaman pertama. galeri foto. Di bagian bawah terdapat content. Content adalah inti dari sebuah website. Di bagian atas terdapat Latest News. Pada dasarnya bagian kanan atau bagian kiri tersusun dari module-module yang dikendalikan oleh component. Mungkin Anda akan menaruh sambungan ke profil. ECOMAGZ Indonesia . kita dapat melihat terdapat beberapa buah menu. Copyright © 2009. event.

CHAPTER 4 – MENGELOLA ARTIKEL Content yang berupa artikel merupakan bagain terpenting bagi sebagian besar website. Sebuah Section tidak dapat terhapus jika masih terdapat Category di dalamnya. dan category boleh tidak memiliki satupun artikel. Indonesia Swasembada Daging 2010 b. ECOMAGZ Indonesia . Artikel b iii. Artikel c 2. Peternakan i. Hal ini untuk mempermudah pengelolaan nama Category dan Section yang sesuai dengan artikel tersebut. terlebih dulu harus mengetahui tema artikel yang akan ditulis nantinya. dan yang terakhir Item menu. kemudian Content (Article). Category 1A i. Agribisnis a. 1. Section 1 a. lalu Category. maka penulisan artikel lebih didahulukan dari pada pembuatan itemitem menu. Seorang web master umumya membuat item-item menu terlebih dahulu sebelum memasukkan artikelnya. Artikel b iii. Category 1B i. Flu Babi Mengamcam Peternakan Babi ii. berikut ini penjelasan pembuatan Section yaitu : Agribisnis. Artikel a ii. Membuat Section Dalam menentukan nama Section. Ini biasa dilakukan dalam membuat website yang bersifat statis (menggunakan tag HTML biasa). Sebagai studi kasus. Pertanian i. Dan seterusnya… Terdapat aturan sederhana yang harus diikuti. Harga Pupuk Semakin Melangit ii. dan sebuah category harus masuk ke dalam section. yang pertama kali dilakukan adalah membuat Section. Jika diurutkan proses pembuatan website menggunakan Joomla!. sedangkan category dikelompokkan ke dalam section. Oleh karena Joomla! merupakan sebuah aplikasi web yang bersifat dinamis.Section boleh tidak memiliki satupun category. Setiap artikel harus masuk ke dalam sebuah category. Sebuah Category tidak dapat terhapus jika masih terdapat artikel yang berada dalam category tersebut. Pertama kali pilih menu Content > Section 2. Artikel a ii. Artikel c b. Atau dengan kata lain Joomla! mengelompokkan artikel ke dalam category. Struktur sebuah organisasi artikel sebagai berikut: 1. Seteleh berada di setion manager klik new Copyright © 2009.

Membuat Category Seteleh selesai membuat section. Ok. dan aktifkan radio button published ke Yes Isi dengan judul section Pilih Yes Isi deskripsi dari section 4. Masukkan nama section.3. ECOMAGZ Indonesia . Jika sudah selesai Anda bisa membuat section-section yang lain. maka hal yang perlu kita lakukan adalah memikirkan dan membuat artikel yang sesuai dengan category dan section yang telah dibuat. Kali ini kita akan membuat category pertanian. Isi dengan judul category Pilih Yes Pilih section sesuai dengan yang dibuat sebelumnya Isi deskripsi dari category Membuat artikel Setelah section dan category dibuat. sekarang kita buat artikel dengan misal “Harga Pupuk Semakin Melangit” Copyright © 2009. Pilih content > category manager > new. Klik Save. dilanjutkan dengan membuat category.

Setelah muncul pop up gambar klik kanan pada gambar. Nama isian Published Frontpage Section Category Keterangan Menentukan apakah artikel akan dipublikasikan atau tidak Menentukan apakah artikel tampila di halaman utama atau tidak. ECOMAGZ Indonesia . Hal ini dilakukan untuk menambah menarik pengunjung dan menambah visualisasi artikel. Untuk mengetahui URL gambar. Karena penulis yakin tresno iku jalaran soko kulino. kemudian baru muncul pilihan category Cukup jelas ☺ Banyak item yang belum dibahas. Pilih file yang akan di upload browse > Start Upload 3. 1. jika Anda senantiasa bergaul dengan Joomla! ☺ Memasukkan Gambar Seringkali kita melihat sebuah website dalam setiap artikel terdapat gambar atau foto pendukung. Masuk melalui site > media manager 2. sebaiknya Anda mencoba satu demi persatu. ingin memasukkan gambar ke artikel. jangan lupa klik Save. Anda akan mencintai Joomla!. klik pada icon gambar. Dan bagaimana dengan Joomla!? Lagi-lagi Joomla memberikan kemudahan itu semua. Pilihan section yang sesuai.Masuk menu Content > Article Manager > New Isi dengan judul artikel Pilih Yes Pilih section sesuai dengan yang dibuat sebelumnya Isi artikel Pilih category yang sesuai dengan isi artikel Setelah selesai. Copyright © 2009. Dan copy Image Location Nah URL ini akan digunakan ketika.

yaitu: Main Menu : Terdapat navigasi utama User Menu : Suatu menu khusus yang berisi beberapa fungsi untuk pengguna ketika mereka login. 1. Joomla! sudah memiliki sistem pengaturan menu sendiri untuk memudahkan administrator mengelola navigasi. Poll. Navigasi merupakan sesuatu yang sangat penting dalam sebuah website. Menu pada terhubung dengan main menu di Menu Manager dan modulee di modulee manager Copyright © 2009. 4. bahwa item menu dapat menghubungkan (link) Article maupun Component. external link. dan component lain. Chatting. Key Concept : Menu yang mempunyai link yang menjelaskan halaman dan ekstensi. ECOMAGZ Indonesia .CHAPTER 5 – MENGELOLA MENU DAN NAVIGASI Tampilan utama sebuah website sangat berpengaruh pada feedback pengunjung terhadap website tersebut dalam menyajikan informasi yang beragam. Di sini tidak membahas seluruh tipe item menu. Sedangkan untuk tampilan berita dapat berupa Blog. separator. 2. Hal ini dikarenakan pengaturan dan tata letak menu kurang dipahami pengguna dan terkesan “asal tempel”. Tipe item menu bermacam-macam yang dapat dibedakan menjadi empat tipe yaitu: internal link. Pada instalasi Joomla!. dan Wrapper. maupun Table. Top Menu : Duplikasi dari beberapa link yang berada di dalam menu utama. User. 5. Seperti telah dijelaskan di awal. 6. pengunjung dapat mudah menumakan content yang mereka inginkan. List. Search. Resources : Terdapat link yang berhubungan dengan Joomla! Example page : Link yang mempertunjukkan tata letak konten yang berbeda-beda. Dengan navigasi. Tidak jarang pengunjung hanya beberapa saat saja mengunjungi website tersebut meskipun sebenarnya informasi yang disajikan sangat penting untuk diketahui. terdapat 6 enam menu yang terpasang. Yang perlu diketahui adalah masing-masing menu setidaknya mempunyai satu menu yang menghubungkan sehingga bisa tampak di sebuah halaman. 3. misalnya: Games. Enam Menu tersbut. Sedangkan untuk tipe Internal link juga memiliki beberapa kategori item menu yaitu Article. Concact. dan alias. Weblink. Bagaimana Menu dan Module Bekerja? Masing-masing menu mempunyai satu buah modulee agar sebuah menu bisa muncul pada sebuah halaman. Newsfeed.

Separator : Membuat pemisah antar menu. Internal Link : Membuat menu baru yang mengarah pada item yang berada di situs kita. Masing-masing menu mengontrol link mana yang dituju dan module mana yang dituju dihalaman depan. 7. Apakah browser yang sama atau membuka window baru. Dan langkah terakhir pilih artikel yang kita inginkan dan Save. kita dihadapkan dengan beberapa pilihan: 4. Untuk membuat menu baru klik Menu Mangaer > Main Menu/Resources/Key Concept > New. Lantas bagaimana membuat menu baru yang mengarah pada artikel sebelumnya? Klik Menu Manager > Resources > New > Article > Article Layout > New. atau menambah visualisasi menu agar lebih menarik. Disebalah kanan ada beberapa parameter yang harus kita atur. Setelah itu akan tampak halaman dimana artikel-artikel itu berada. ECOMAGZ Indonesia . External Link : Membuat Menu baru yang mengarah pada alamat URL lain. 5. Alias : Menu ini akan menghubungkan dengan item menu yang sudah ada dan akan mengambil parameter yang sama dari item menu sasaran. dan akan muncul tampilan sebagai berikut: Isikan judul item menu Pilihan pada menu mana item yang akan ditampilkan Item bisa saja ditampilkan sebagai sub item dari yang lain Opsi untuk memilih pengguna yang bisa melihat item menu Pilihan dimana item baru akan ditampilkan.Menambah Item Baru pada Menu Menu manager mengandung semua menu yang ada website. akan keluar tampilan sebagai berikut: Dalam tahap ini. Untuk menampilkan artikel yang kita buat tadi klik tombol select di samping select Article. 6. Untuk memudahkan pencarian artikel pillih section atau category di mana artikel tadi di buat Copyright © 2009.

atau bisa juga melalui menu site > user manger. Frontend User Frontend User hanya memiliki hak untuk mengakses halaman depan. Akan tetapi. Copyright © 2009. bekerja pada menu “Site > Global Configuration”. dan memasang/ mengganti template dan bahasa Administrator tidak diperbolehkan untuk : merubah informasi super administrator.CHAPTER 6 – USER MANAGEMENT Dalam proses pengelolaan sebuah website. Skenario yang paling sederhana misalkan dengan membuat jenis content. tanpa nama dan tidak terdaftar. Anda akan masuk bagian user manager untuk mengelola pengguna situs Anda. pilih icon user manger. Pilih icon new untuk menambahkan pengguna baru. seringkali kita memutuskan untuk membagi-bagi content berdasarkan level pengguna. bekerja pada menu “Site > Global Configuration”. Unregistered user tidak lebih dari pengunjung biasa. Pada mulanya. dan public backend. Mereka dibagi menjadi 4 buah kelompok sesuai dengan kekuasaan yang dimilikinya: Kelompok Registered Author Editor Publisher Hak Akses Penguasa yang terdaftar. mengirim pesan masal kepada seluruh pengguna . memasanag module dan component. Sama halnya dengan frontend user. manager tidak diperbolehkan untuk mengelola pengguna lain. hanya terdapat satu pengguna. mengubah/ memasang template dan bahasa. yaitu administrator. public frontend. mengirim pesan masal pada pengguna. content biasa untuk pengunjung yang belum terdaftar dan content special bagi pengunjung yang terdaftar. Pengguna Manager Hak Akses Manager bisa membuat content dan melihat berbagai macam informasi tentang system.Untuk itu Joomla! membagi pengguna ke dalam beberapa level sesuai dengan hak yang diberikan. backend user yang dipilah pilah lagi menjadi beberapa level sesuai dengan hak yang dimilikinya. Bisa melakukan proses login dan melihat bagian dari website kita yang hanya ditujukan bagi pengguna terdaftar Author memiliki hak yang sama dengan pengguna kelompok “Registered” ditambah author bisa menulis dan memodifkasi content mereka sendiri Editor memiliki hal yang sama dengan pengguna kelompok author ditambah mereka memiliki hak untuk menulis dengan mengubah seluruh content di frontend Publisher memiliki hak yang sama dengan editor ditambah mereka memiliki hak untuk menulis dan mengubah setipa bagian yang ada dii frontend Backend User Backend User memilik hak untuk masuk ke ranah panel administrasi Joomla! kita. Pengguna pada Joomla! terbagi menjadi 3 buah kelompok besar: Unregistered user. Joomla! menyediakan fasilitas untuk mengelola pengguna. Administrator Super Administrator Membuat Pengguna Baru Dari Control panel. Hanya super administrator yang diperbolehkan untuk membuat super administrator lain. ECOMAGZ Indonesia . Fasilitas pengelolaan pengguna di Joomla! tidak hanya sekedar untuk pengunjung yang terdaftar Kita bisa membuat pengguna yang memiliki akses ke backend (bagian administrasi) untuk membantu mengelola situs. Super Admintrator memiliki hak untuk menjalankan seluruh fungsi yang ada pada panel admintrasi Joomla!. Mereka tidak punya hak lebih selain melihat-lihat content yang diberikan untuk pengguna public.

bahasa Inggris yang akan digunakan. sebagai berikut: Isi dengan username dan password yang Anda buat tadi. maka menu di bagian kiri bawah bertambah. pilihlah UTC+7 Setelah itu. Jika pengguna baru berasal dari Indonesia bagian barat. yakni user menu. Parameter Your Details Submit an article Submit Web Link Logout Keterangan Berisi profil pengguna. Namun. Pesan ini muncul karena. jika sudah online website akan secara langsung akan memberikan email konfirmasi kepada pengguna baru Untuk mencoba user baru. Editor TinyMCE adalah editor yang direkomendasikan karena sangat powerfull layaknya Microsoft Word Help Site Tempat dimana pengguna akan mendapatkan petunjuk Time Zone Referensi waktu yang digunakan. simpan user yang baru dengan memilih Save. Setelah Anda login. Catatan: Setelah di Save akan muncul pesar error “Could not instantie mail function”. ECOMAGZ Indonesia . User Editor Editor yang digunakan untuk proses pembuatan dan editing content. Secara default Joomla!.Parameter lainnya Parameter Keterangan Language Bahasa yang digunkan. Untuk mengirimkan artikel atau berita Untuk mengirimkan link baru Cukup jelas ☺ Copyright © 2009. server email belum dikonfigurasi. silahkan buka browser dan temukan Login Form di sebelah kiri bawah.

segala sesuatu yang terkait dengan penampilan halaman suatu website. component mempunyai tampilan di halaman depan yang diatur oleh module dan bisa dikonfigurasikan dari seksi administrasi menu component. Untuk menginstal ekstensi klik browse > upload file & install. File ekstensi berupa file . : Ekstensi yang lebih ringan dan kecil dari pada component. background image. grafis dan typography.CHAPTER 7 – MENGENAL EXTENSIONS Extensions adalah aplikasi kecil (meskipun bisa besar dan kompleks) yang menambah fungsionalitas pada Joomla! Secara umum.Joomla!. meliputi warna. Misalnya. : Tipe ekstensi yang mengatur tampilan grafis. pengaturan jarak. Beberapa fungsionalitas pada Joomla! merupakan ekstensi yang dipasang sejak awal instalasi Joomla!. Modulee. ketika kita menulis artikel di text editor. mengatur font. tinymce akan mengubah text area yang sederhana tadi mendai rich editor sehingga teks area bisa digunakan untuk menebalkan tulisan. Menu. Anda juga akan diperlihatkan tambahan lagi perincian atau pengaturan ekstensi. mendefinisikan karakter huruf .zip. Module Plugin Template Languane Menginstall Extensions Semua tipe ekstensi memiliki cara penginstalaan yang sama. dengan kata lain. dan lain sebagainya mempunyai perwakilan module masing-masing. Special. Copyright © 2009. Ektensi ini digunakan dalam proses penampakan content di halaman. ECOMAGZ Indonesia . Untuk mengetahui lebih detailnya. Plugins (Mambots). dan menentukan status aktif dari suatu ekstensi. sebenarnya ada sebuah plugin yang bekerja yakni tinyme. Anda dapat memasanag. Kadang juga bergantung kepada ekstensi pihak ketiga. Dari beberapa tipe tersebut dapat dibagi lagi menjadi beberapa category. : Ekstensi yang berupa sebuah kode pemograman yang akan mengkonfigurasi beberapa fungsi pada Joomla!. ukuran huruf. Language. polling. Sebuah component mungkin saja datang dalam dua buah bagian yaitu component bersama dengan module yang berkaitan. iklan. Yaitu dengan masuk menu extension > install/uninstall. jumlah Extension (ekstensi) sangat banyak yang terbagi menjadi beberapa tipe yaitu: Component. : Tipe ekstensi ini memungkinkan pengguna untuk menginstal bahasa yang dikehendaki.org Extension di atas berjalan dan dikelola oleh Joomla!. silahkan buka http://extensions. memasukkan gambar dan sebagainya. dan sekat dari halaman. Setelah selesai menginstall akan ada peringatan dari Joomla! apakah file ekstensi sukses terinstall atau tidak. Maksudnya. menghapus. Anda akan melihat contoh-conroh ekstensi seperti ini pada penjelasan macam-macam ekstensi. Saat menerima sinyal. Ekstension tersebut dipaket sejak awal karena dinilai memiliki fungsi yang akan berguna bagi situs kebanyakan. Component : Ekstensi yang paling besar dan kompleks diantara jenis ekstensi lainnya. dan Template. Ekstensi pada Joomla! dibagi menjadi beberapa jenis sesuai dengan tingkat kompleksitas dan fungsionalitasnya.

Untuk menginstall: 1. Untuk mengupload dokumen klik menu Component > DOCman > Home 4. apakah sudah muncul poling tersebut??? Klo jawabanya iya ajaib. Coba Anda tengok di front end. Untuk memunculkan masuk Extensions > Module > Polls DOCman (Download section. jika berhasil akan ada alert: 3. kita harus membuat kategori terlebih dahulu Dari Home > Category > add. Masuk component > polls > new Lantas klik Save. Sebelum mengupload file baru. Untuk mengupload file Dari Home > New File Copyright © 2009. ECOMAGZ Indonesia .0rc1 Buka menu Extension > Install > Browse > Upload. Buat beberapa kategori yang sesuai dengan kebutuhan website 5.Mencoba Beberapa Component Polls Polls merupakan salah satu komponen yang hadir bersamaan dengan paket instalasi joomla. Siapkan file com_docman_1. Sesuai namanya komponen ini digunakan untuk membuat poling sederhana. Document Management) Merupakan salah satu komponen yang digunakan untuk pengaturan dokumen. Sekarang mari kita coba membuat poling. 2.4.

Isi dengan judul file Pilih category yang telah dibuat sebelumnya. Coba kita tengok halaman downloadnya. Copyright © 2009. Dan terakhir klik Save. Lalu klik icon Make a new document entry using this file. ECOMAGZ Indonesia . Pilih Yes untuk approve dan published Isi dengan deskripsi file Pilih gambar jika ada Pilih file 9.6. Setelah berhasil mengupload akan keluar alert 8. 10. Lalu upload a file from your computer 7. Lantas bagaimana untuk menampilkan component ini ke halaman depan? Ya. jawabannya sama seperti membuat menu baru. Ok.

Proses instalasi selesai. Copyright © 2009. ECOMAGZ Indonesia . Siapkan file com_phocaguestbook_v1.2 Buka menu Extension > Install > Browse > Upload Dan akan muncul alert ini: Klik Install 4.3. dan jangan lupa pilih yes pada published.Phoca Guestbook 1. langkah selanjutnya membuat nama guestbook 5. 3. Isikan nama guestbook. 2.

Buku tamu website kita menjadi seperti ini 8.6. 7. Dan yuhu…. dan di sebalah kanan pilih guestbook yang telah dibuat tadi. langkahnya sama seperti membuat menu baru. jangan lupa klik Save. Untuk komponen yang lain silahkan dicoba sendiri ☺☺☺ Copyright © 2009. Untuk memunculkan guestbook pada menu. Isi nama item menu. Mudahkan ☺. ECOMAGZ Indonesia .

Secara default Joomla! telah terinstall 3 buah template yang bisa digunakan. lantas klik default. tak ubahnya memasang extension lainnya. template yang diiinginkan lantas klik default. 1. Masuk Extensions > Installer > Browse > Upload 3. Untuk mencoba template lain. Sebagai contoh Anda ingin menggunakan template beez. Copyright © 2009. Dan tampilannya akan berubah seperti ini: Untuk menginstal template. Tentu kita bosen dengan tampilan default Joomla! yang terkesan biasa.CHAPTER 8 – MENGGANTI TEMPLATE Selain tersedianya berbagai macam extensions. ECOMAGZ Indonesia . Joomla! melalui pengembang pihak ke tiga juga mempunyai ribuan template yang siap kita gunakan baik yang berbayar ataupun yang gratis. Untuk mengganti template masuk ke menu extension > template manager.com atau tanya saja via google. Untuk mengganti template seperti tutorial sebelumnya (Extensions> Template manager > centang template yang di pilih > klik default). Sipakan file template (.com 2.zip) jika menginginkan gratisan dapat di download di siteground.

Tunggu beberapa saat hingga proses comporess selesai. 1. 2. Copyright © 2009. 1. Tujuannya adalah untuk mengamankan data dari para cracker yang ingin merusak website. module. Meskipun semua file Joomla! sudah lengkap terupload ke web hosting namun jika tidak ada database maka website tidak akan tampil. ECOMAGZ Indonesia . Untuk mengekspor database dari lokal (komputer pribadi). Oleh karena itu. diusahakan sesering mungkin meng backup database (misal dua minggu sekali). Compress masing-masing folder berbentuk . Selain semua file Joomla!. dan plugins berada dalam database tersebut.zip Mengekspor Database Database merupakan bagian yang sangat penting dalam sebuah web.CHAPTER 9 – UPLOAD KE INTERNET Mengkompres File Joomla! Sebelum melakukan upload file ke web hosting. Dalam panduan ini c:\wamp\www\website. ketikkan alamat URL http://localhost/phpmyadmin 2. Disebelah kanan nampak beberapa database dan pilih database yang dibuat sebelumnya.zip (klik kanan > add archive > pilih zip > ok) 3. Buka folder di mana file joomla diletakkan. semua file harus dikompres terlebih dulu agar prosesnya lebih cepat dan aman. yang perlu diupload ke web hosting adalah database. apabila web portal sudah berjalan dengan baik. Karena semua informasi mengenai component. Jika sudah selesai muncul sebuah file berekstensi . template.

4. Untuk mengekspor database. Lalu pada bagian tipe database pilih SQL. Copyright © 2009. ECOMAGZ Indonesia . Semua table tersebut nantinya akan diletakkan dalam web hosting. Nampak beberapa daftar tabel dari database webportal. Pastikan semua tabel sudah terseleksi semua. pilih menu Ekspor. 5.3.

var $error_reporting = '-1'.0. Langkah berikutnya. Simpan sebagai file dengan cara mencentang tab Save as file. var $cache_handler = 'file'. var $sef_rewrite = '0'.joomla. <?php class JConfig { var $offline = '0'.6. var $sef_suffix = '0'. var $feed_limit = '10'. var $list_limit = '20'. 6. 7.0. Semua file siap untuk di transfer ke webhosting Mentransfer file ke web hosting (server) Untuk mentransfer file Joomla! dapat dilakukan dengan beberapa cara diantaranya menggunakan aplikasi File Transfer Protocol (FTP) atau melalui Control Panel (Cpanel). klik tombol GO. seluruh tabel akan terisi secara otomatis ke database. Ada banyak aplikasi FTP. var $helpurl = 'http://help.org'. ECOMAGZ Indonesia . var $debug_lang = '0'. 3. Ok. var $ftp_enable = '0'. Setelah terupload semua extraks file .com:2082 2. dan upload folder. Klik tombol Go untuk memulai import database. 4. var $log_path = '/home/USERNAME/public_html/logs'. var $gzip = '0'. diantaranya adalah BlazeFTP dan Filezilla.SQL Anda ke database server. silahkan import file file *.zip. var $caching = '0'.com/cpanel atau http://www. var $secret = 'cvdIMHCiEchGIJ5f'. Klik Browse lalu cari lokasi file *.sql Anda 8. 1. Setelah selesai.php Joomla. 5. 9. Setelah masuk Control Panel pilih file manager. dengan bantuan phpmyadmin yang terdapat di server hosting. Copyright © 2009. ubah setting pada file configuration. var $debug = '0'. Pilih nama database. Kedua aplikasi tersebut bersifat free yang dapat didownload melalui internet. Selanjutnya buatkan nama database baru melalui control panel hosting [CPANEL > menu MySQL Database]. var $memcache_settings = array(). var $cachetime = '15'. var $force_ssl = '0'. Selanjutnya. var $sef = '0'. var $xmlrpc_server = '0'. lalu klik menu Import 7. jika tidak ada error.domain.domain. var $feed_email = 'author'. var $live_site = ''. var $tmp_path = '/home/USERNAME/public_html/tmp'. var $editor = 'tinymce'.1'. var $ftp_host = '127. masukkan alamatnya misal: http://www. var $offset = '0'. Diasumsikan mengupload menggunakan Control Panel.

var $ftp_user = ''. var $offline_message = 'This site is down for maintenance. ganti dengan settingan yang dibuat di server online. var $lifetime = '15'. var $smtppass = ''. } ?> * Huruf yang kapital. Dan Rahmel. var $sendmail = '/usr/sbin/sendmail'. var $MetaDesc = 'Joomla! . var $user = 'DATABASE USER'. Building Website with Joomla! 1. Packt Publishing Ltd. 2008 3. Barrie M.5. Joomla'. enak tho? Mantebs tho…. Malang. 2007 2. 2008 6. var $password = 'PASSWORD DB USER'. Serius? Sekali lagi serius… Buka video tutorial yang ada dalam CD.'. warungwebsite. var $sitename = 'Website Pribadi'. 2008 5. var $db = 'DATABASE NAME'. 2007 4. var $MetaAuthor = '1'. Beginning Joomla!: From Novice to Professional.. var $ftp_pass = ''. Desantara Eka W. var $MetaKeys = 'joomla. var $session_handler = 'database'. var $smtphost = 'localhost'.com 7. Udah dilihat? Nah. var $smtpuser = ''. Copyright © 2009. Birmingham UK.the dynamic portal engine and content management system'. APress USA. var $dbprefix = 'jos_'. Hagen Graf. var $fromname = 'Website Pribadi'. Joomla! A User's Guide: Building a Successful Joomla! Powered Website. UK. Video Tutorial. North. var $smtpauth = '0'. dkk. Joomla! Web Security. ECOMAGZ Indonesia . Peningkatan Teknologi Informasi. var $MetaTitle = '1'. var $ftp_root = ''. Referensi 1. Prentice Hall. Tom Canavan. var $host = 'localhost'. Packt Publishing Ltd . Please check back again soon. CARA INSTAN MEMBUAT WEBSITE JOOMLA! ONLINE Bingung? Gak usah bingung? Sama sekali jangan!!! Karena sebenarnya membuat website joomla tak butuh waktu banyak. Modul Joomla. Dan buku serta sumber informasi lainnya. var $mailfrom = 'aku@domain. var $dbtype = 'mysql'.var $ftp_port = '21'.com'. var $mailer = 'mail'.

Sign up to vote on this title
UsefulNot useful