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

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

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

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

Berikutnya muncul jendela pengaturan Mail Server. Selanjutnya.1/ 12. 13.8.0. klik next. 10. ECOMAGZ Indonesia . Intalasi selesai klik Finish 11. silahkan klik Yes. klik pada icon Wampserver di kanan bawah desktop Anda dan klik localhost. Selesai. 9. Cukup mudahkan… ☺ Copyright © 2009. Atau http://127. Maka tampilan di web browser Anda akan menjadi seperti di bawah ini dan menandakan proses instalasi berhasil. maka anda akan di arahkan ke web browser dengan URL http://localhost. silakan disesuaikan dengan pengaturan Mail Server Anda. 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.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Sign up to vote on this title
UsefulNot useful