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

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

Wamp Server.5. Untuk tutorial ini. EasyPHP.3.x adalah: 1.23. XAMP. Apache versi 1. MySQL versi 3. penulis menggunakan WampServer sebagai web server. PHP versi 4. dan MySQL.3 ke atas 2. Ada berbagai macam web server saat ini.Dalam mengelola website search engine optimization adalah suatu hal penting. dan lain-lain. diantaranya: PHPTriad. Copyright © 2009. Namun. ECOMAGZ Indonesia .x ke atas 3. Persyaratan untuk Instalasi Joomla! Sistem minimum yang dibutuhkan untuk instalasi Joomla! 1. Dan Joomla! telah menyediakan pilihan untuk itu. AppServ. jangan khawatir karena orang awampun dengan mudah dapat menjalankan ketiga aplikasi ini dengan satu paket software yang sudah menyediakan Apache.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. PHP. Uniserver.

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

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

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

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

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

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

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

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

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

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

Pilihan section yang sesuai. 1. Setelah muncul pop up gambar klik kanan pada gambar. Dan bagaimana dengan Joomla!? Lagi-lagi Joomla memberikan kemudahan itu semua. Nama isian Published Frontpage Section Category Keterangan Menentukan apakah artikel akan dipublikasikan atau tidak Menentukan apakah artikel tampila di halaman utama atau tidak. sebaiknya Anda mencoba satu demi persatu. Dan copy Image Location Nah URL ini akan digunakan ketika. klik pada icon gambar. Copyright © 2009. kemudian baru muncul pilihan category Cukup jelas ☺ Banyak item yang belum dibahas. Pilih file yang akan di upload browse > Start Upload 3. 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. jangan lupa klik Save. Hal ini dilakukan untuk menambah menarik pengunjung dan menambah visualisasi artikel. Karena penulis yakin tresno iku jalaran soko kulino. ingin memasukkan gambar ke artikel. Anda akan mencintai Joomla!. Untuk mengetahui URL gambar. ECOMAGZ Indonesia .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.

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

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

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

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

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

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

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

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

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

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

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

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

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

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