P. 1
25311961 Tutorial Membuat Website Dengan Joomla 1 5 x

25311961 Tutorial Membuat Website Dengan Joomla 1 5 x

|Views: 16|Likes:
Published by Rizky Nursyiam

More info:

Published by: Rizky Nursyiam on Jul 27, 2012
Copyright:Attribution Non-commercial

Availability:

Read on Scribd mobile: iPhone, iPad and Android.
download as PDF, TXT or read online from Scribd
See more
See less

07/27/2012

pdf

text

original

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

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

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

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. Terserah Anda. silakan tunggu beberapa saat.com/en/download. 7. Copyright © 2009. Secara default akan dipilih c:\wamp. Pada jendela berikutnya. Anda akan diberi pilihan untuk meletakkan shortcut (pintasan) WampServer. 5. Proses instalasi WampServer sangat mudah dan sederhana seperti menginstal program pada umumnya. ECOMAGZ Indonesia . Muncul jendela yang menunjukkan alamat lokasi tempat akan dtempatkannya aplikasi WampServer. ikuti petunjuk berikut ini: 1. Siapkan file WampServer 2. 6. Anda bisa mengubahnya ke tempat lain. Untuk lebih jelasnya. Proses instalasi sedang berjalan. Muncul pembukaan instalasi dan klik next 4.CHAPTER 2 – INSTALASI WEB SERVER Dalam tutorial ini menggunakan WampServer sebagai web server. php 3.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

You're Reading a Free Preview

Download
scribd
/*********** DO NOT ALTER ANYTHING BELOW THIS LINE ! ************/ var s_code=s.t();if(s_code)document.write(s_code)//-->