Home Tutorial Membangun Komunitas dengan Community Builder
slametr
E-mail
Membangun Komunitas dengan Community Builder
Tutorial
Slamet Riyanto, Monday, 31 March 2008 15:17

Membangun komunitas yang diintegrasikan ke dalam sistem Joomla sangatlah mudah. Beberapa pengembang pihak ketiga (3d party) telah menyiapkan berbagai macam aplikasi yang dibutuhkan, mulai dari security, form, community, e-commerce, multimedia, avatar, dan masih banyak lagi.

Umumnya, ketika ingin membuat sebuah fitur seperti komunitas diperlukan file instalasi yang terdiri dari Component, Plugin, dan Module. Jadi satu paket fitur komunitas terdiri dari beberapa file. Untuk itu, sangat perlu memperhatkan kebutuhannya agar fasilitas yang disediakan lengkap dan mudah digunakan. Untuk mendownload file yang dibutuhkan, silakan mengunjungi situs resmi Joomla (http://extentions.joomla.org). Anda juga dapat mendownload file tersebus di sini (Download)

Berikut ini, saya sajikan beberapa teknik untuk membuat sebuah komunitas yang diintegrasikan dengan sistem Joomla 1.0.x. Pengalaman yang pernah saya alami, beberapa kali mengintegrasikan Community Builder menggunakan Joomla 1.5.x sering terjadi “error” ketika membaca database yang dibutuhkan. Padahal database tersebut sudah tersedia. Terus terang sampai sekarang kurang tahu penyebabnya. Namun ketika saya integrasikan dengan versi Joomla yang lebih rendan (Joomla 1.0.x) tidak muncul masalah tersebut. OK, tidak perlu mempermasalahkan hal itu. Gunakan saja versi yang tidak menimbulkan masalah. Mungkin karena versin Joomla masih “sangat baru”, 3d party belum beradaptasi dengan baik.

TAHAP 1: KEBUTUHAN DASAR DAN INSTALASI
Beberapa file yang dibutuhkan untuk membuat fitur komunitas, pastikan telah tersedia. Sebelum mulai instalasi, usahakan menyiapkan file-file yang dibutuhkan, silakan Download file tersebut.

  1. Pertama kali pilih menu Installer > Component.

    slametr_cb21.jpg

  2. Tekan tombol Browse, lalu temukan file com_comprofiler.zip yang berada di folder community builder.

    slametr_cb31.jpg

  3. Tekan tombol Upload File & Install.

    slametr_cb41.jpg

  4. Proses instalasi berhasil.

    slametr_cb51.jpg

  5. Langkah selanjutnya, menginstal modul yang masih satu paket dengan Community Building. Pilih menu Installer > Modules.

    slametr_cb61.jpg

  6. Tekan tombol Browse, lalu cari file mod_cblogin.zip

    slametr_cb71.jpg

  7. Tekan tombol Upload File & Install.

    slametr_cb81.jpg

  8. Apabila sudah berhasil, tekan Browse untuk memilih file mod_comprofilerModerator.zip.

    slametr_cb91.jpg

  9. Tekan tombol Upload File & Install.

    slametr_cb101.jpg

  10. Terkhir, uploadfile mod_profilerOnline.zip

    slametr_cb111.jpg

  11. Untuk memeriksa Component yang telah terinstal dengan cara memilih menu Component > Community Building.

    slametr_cb121.jpg

  12. Sedangkan untuk memeriksa Module yang telah terinstal dengan cara memilih menu Module > Site Module. Secara default, Module yang baru diinstal dalam kondisi tidak dipublikasikan (bertanda x). Aktifkan Module tersebut dengan cara menekan ikon tanda silang (tanda x).

    slametr_cb131.jpg

  13. Modul CB Login berfungsi untuk Form login yang dapat berintegrasi dengan Community Builder. Sedangkan modul CB Online adalah memeriksa status anggota komunitas yang sedang online.

 

TAHAP 2: MENGATUR KONFIGURASI
Konfigurasi yang di sini menyangkut beberapa hal diantaranya: pengaturan untuk Registrasi, Tampilan pengguna, Profil pengguna, Gambar, Moderasi, Koneksi, dan Integrasi.

  1. Pilih menu Component > Community Builder > Configuration.

    slametr_cb42110.jpg

  2. Setelah berada di halaman Configuration, pada Tab General aturlah settingnya seperti gambar berikut.

    slametr_cb4226.jpg

  3. Pada Tab Registrasion berisi pengaturan yang berhubungan dengan registrasi seperti alamat email utama, reply, subjek, konfirmasi, informasi pending, dan dan-lain.

    slametr_cb4231.jpg

  4. Tab User List berisi pengaturan tentang jumlah anggota yang akan ditampilkan pada setiap halaman dan mengatur link atau tidak ke nama pengguna.

    slametr_cb4241.jpg

  5. Tab User Profile berisi pengaturan profil pengguna, diantaranya: apakah diijinkan mengganti username, siapa yang berhak melihat profil pengguna, minimal interval untuk menekan (hits) profil, template komunitas yang digunakan, dan lain-lain.

    slametr_cb4251.jpg

  6. Tab Images berisi informasi untuk mengatur ukuran gambar (widht dan height), ukuran thumbnail, izin untuk mengupload gambar dari PC, memilih gambar yang tersedia (gallery), dan lain-lain.

    slametr_cb4261.jpg

  7. Tab Moderation berisi informasi untuk mengatur sistem moderator menyangkut grup moderator, konfirmasi email ke moderator, izin pengguna untuk melaporkan, ijin moderator untuk mengedit profil pengguna, dan lain-lain.

    slametr_cb4271.jpg

  8. Tab Connection berisi informasi pengaturan untuk membuat jaringan (koneksi) antar pengguna. Melalui sistem koneksi tersebut, dapat dipisahkan sesuai jenis koneksi, misal: pengguna IKC, pengguna PDII-LIPI, dan pengguna Pustekkom. Ini semacam jaringan antar pengguna. Sebagai gambaran, pengguna IKC dapat mengundang (invite) pengguna lain di luar IKC.

    slametr_cb4281.jpg

  9. Tab Integration berisi informasi untuk mengatur koneksi versi terbaru (update) dari sistem komunitas yang digunakan. Pilih Manual jika tidak ingin memeriksa versi terbaru.

    slametr_cb4291.jpg

User Management
Tab ini berisi informasi pengguna, baik pengguna Front-end maupun Back-end. Informasi yang dapat ditampilkan antara lain nama pengguna, log in, group, dan lain-lain.

slametr_cb42101.jpg

 

Tab Management
Pengaturan pada bagian ini menyangkut tentang posisi modul yang akan ditampilkan di halaman utama. Posisi Tab terdiri dari header, right, middle, dan tabmian. Plugin yang berwarna merah berarti perlu penambahan instalasi modul dan komponen lain. Oleh karena itu, sebelum mengaktifkan tab tersebut terlebih dulu harus menginstal plugin yang diperlukan. Untuk instalasi Simpleboard Forum akan dibahas pada bab lain dalam buku ini.

  1. Pilih menu Components > Community Builder > Tab Management.

    slametr_cb42111.jpg

  2. Baiklah, untuk mengetahui lebih jauh perlu dijelaskan beberapa fungsi masing-masing item tersebut.
    • Menu = ditampilkan di bagian atas (header). Posisinya dapat diatur, caranya: tekan link teks tersebut. Lalu aturlah pada bagian Position. Aturl pula hak akses untuk melihat menu tersebut.slametr_cb42121.jpg
    • Portrait = foto/gambar pengguna (dapat diganti sesuai keinginan. Posisi foto dapat diatur sesuai keinginan (administrator).

      slametr_cb42131.jpg

    • Article: jumlah artikel yang ditulis oleh pengguna. Posisi informasi artikel tersebut dapat pula diatur, umumnya berada di bagian bawah.
      slametr_cb42141.jpg
  3. Untuk pengaturan Tab lain, bisa anda pelajari dan mencoba sendiri.
Comments
Search
Joomla top
heri 2008-04-09 07:51:36

nah seperti ini yang saya ingin kan thanks mas
bagus
arya2502 2008-04-09 08:53:18

bagus bos
kalo untuk fireboard forum ada penjelasannya ?
kalo ada ditunggu ya
Ok....
binachank 2008-04-09 16:54:29

Ok bos tutorialnya. Tapi aku ada masalah, jarak antara photo dan tab profile
terlalu jauh. Gimana cara ngaturnya ya....?
Sedikit tambahan
guungz 2008-04-11 02:31:23

Sedikit menambahkan, pada step 12 jangan lupa untuk meng-uncheck module Login
Form (module login default bawaan Joomla) juga ya!
email
gabrud 2008-04-11 03:13:46

mas, mo nanya
klo sesama anggota biar bisa saling ngirim email tu pake modul
ato komponen apa yach?
Ini dia........!!
deddy 2008-04-11 09:10:53

:grin Wah ini dia artikel yang paling ditunggu-tunggu member id-joomla. Terima
kasih banget dan mohon lanjutkan lagi pembahasan CB-nya.
Membantu Banggeeettt...!!!
sahrono 2008-04-12 01:58:05

Terima kasih...
Terima kasih...
Terima kasih...
Pokoke' Terima kasih... banget atas artikelnya, bener-bener membantu buat newbie
joomla 1.5
anhie22 2008-04-12 09:50:53

waah...kalau make joomla versi 1.5 gmn yach?? binguung soalnya
okeh
doy 2008-04-13 19:36:24

lanjut boss :grin :grin
good article
ahmad99 2008-04-14 03:03:26

:grin muantab nih, ane lgs praktekin...
mas ada erro di tab management
ahmad99 2008-04-14 03:44:05

saat klik di tab management kok ada error, tidak seperti yang article. kenapa
ya?
bagus tuh
ozenxxx 2008-04-21 05:21:20

bagus tuh mas, tapi saya mau nanya kalo mau kirim artikel kaya gini untk
munculin gambar caranya gimana?
Terima kasih
yoedie 2008-04-22 10:18:03

Terima kasih mas
Artikelnya sangat membantu
re-
imdwee 2008-04-22 16:19:17

^^

Setahu saya kalau untuk memuat foto dalam artikel seperti ini harus upload
gambarnya dulu kedalam situs lalu tinggal ng-link deeh...

O ya, pengen nanya
kalau CB ini kompatibel untuk Joomla versi berapa yak?
thank's banget....
dungde 2008-04-28 09:38:09

makasih banget ya ilmu'y,, :grin bermanfaat bngt nh wat newbe kyk saya..maju
trus kreativitas'y
Hmm..
darul 2008-05-21 10:01:08

Numpang lewat.. hahahha :zzz
Terbuka Harapanku
asnaldi 2008-06-29 18:41:01

Sangat Cerah sekali ini dengan Bantuan Anda, Terima Kasih Banyak, Tutor ini
sangat tinggi nilai jual nya & Manfaat nya, Anda sangat pemurah dan pengertian
terhadap manusia yang serbag kekuarangan :grin :zzz
nice artikel
wawunx 2008-07-09 21:21:08

akhirnya ketemu juga nich artikelnya....
tapi cb_expert_files_only.tar tu
fungsinya buat apa....
kok kayaknya ga da perintah upload ya...
Community Builder
deeniel 2008-07-19 19:42:48

Trima kasih untuk article yang sangat bermanfaat bagi kami Newbee, kalau tak
keberatan tolong dong gimana caranya website kita supaya terdeteksi oleh search
enginee, tks
Upload gambar melalui content editor
AceL 2008-08-13 06:48:29

Permisi mas... saya mau tanya nih. Kalo mau bikin blog untuk tiap member kan
harus pake mamblog. Nah pertanyaannya adalah bagaimana caranya supaya user bisa
melakukan upload gambar? Makasih atas komentarnya.
CB nya nggak bisa di joomla 1.5.x
aan_choto 2008-08-25 14:50:24

koq di joomla 1.5.x nggak bisa bang?
Gak Bisa DI download
j00ml4 2008-09-15 21:18:26

:p Omz kok File nya gak bisa ku download ?? :cry
Bagus Sih, Tapi.....
j00ml4 2008-09-17 01:22:34

Wauw Community Builder Lumayan Juga Yah,, Tutorial nya udah selesai aku baca
tapi... pas aku ngedownload filenya kok gak bisa yah ?? udah di apus kali,,,
mohon bantuannya donk... :cry :p
apa kelebihan com. builder
bee234 2008-09-19 17:11:03

g dah pernah liat2 sih com. builder, tapi blm pernah nyoba install, sebenarnya
kelebihannya apa ya dibanding kalo kita ga install ?
ga bisa downlod CB
danz26 2008-11-06 18:48:56


gimana nih, aku dah daftar sampe download community builder dr
joomlapolis tapi tiap abis slesai download hasil downloadnya berupa file
ini
_mosmsg=You+must+accept+the+agreement+to+view +the+document

maksudnya
gmn tuh, tolong jelasin donk, dan klo misalnya ada site lain buat download
community builder plis kasih tau yah
thx
bisa untuk versi 1.5 ngak
sandigone 2009-02-02 21:40:51

kalau untuk joomla versi 1.5 bisa ngak ya..kok setting configurasi nya
error
help me :cry
Tolongin donk...
vanadi 2009-03-27 02:17:26

Muantabs nih...

Ini yg sdng sy cari, Tutorial CB..

Tapi maaf.. bs bantu
step-by-step utk CB 1.2 ???
Kebetulan bgt nih sy sdng butuh bgt ilmu-ilmu dr
Para Master Joomla, maklum sy pemula dgn Joomla.

Sy sdng buat Form
Pendaftaran OnLine, tp tdk utk ditampilkan, tp utk data saya pribadi, krn
sifatnya Pendaftaran Anggota secara OnLine..

Jadi Form-form Tabel nya
tertentu aja sesuai kebutuhan, gimana caranya yaa...

TQ bgt sblm nya.. sy
tggu yaa...

e-mail : mr.vanadi@yahoo.co
Tolongin donk...
vanadi 2009-03-27 02:22:58

Muantabs nih...

Ini yg sdng sy cari, Tutorial CB..

Tapi maaf.. bs bantu
step-by-step utk CB 1.2 ???
Kebetulan bgt nih sy sdng butuh bgt ilmu-ilmu dr
Para Master Joomla, maklum sy pemula dgn Joomla.

Sy sdng buat Form
Pendaftaran OnLine, tp tdk utk ditampilkan, tp utk data saya pribadi, krn
sifatnya Pendaftaran Anggota secara OnLine..

Jadi Form-form Tabel nya
tertentu aja sesuai kebutuhan, gimana caranya yaa...

TQ bgt sblm nya.. sy
tggu yaa...

e-mail : mr.vanadi@yahoo.co
avatar
cara aktifin "community builder"
santi.h 2009-11-19 01:47:30

hi all
aku udah berhasil edit2 community builder
lalu bagaimana cara
aktifin nya supaya muncul di web saya

trims ya atas informasinya
avatar
sixsixone 2009-12-01 02:23:51

wah! ini sangat membantu nubi sprt saya...
ada gambarnya pula.
Tq
re: cara aktifin "community builder"
yoedcullens 2010-01-26 20:42:33

santi.h wrote:
hi all
aku udah berhasil edit2 community builder
lalu bagaimana
cara aktifin nya supaya muncul di web saya

trims ya atas informasinya


di joomla pas module manajer (kl di mambot kurang tau) nah liat module yg
ada tulisan CB nah itu dibuat published..

semoga membantu
yoedcullens 2010-01-26 20:44:38

Allow bang Slamet Riyanto

mo nanya neh..kl di module user menu bawaan joomla
ada your detail new artikel..

nah kl mo nampilin itu di cb login gimana ya..ud
ngubek2 lom ketemu juga euy...

Mohon bantuan master
avatar
Gut job bang..
fathia 2010-01-27 17:43:30

sesuai ama judulnya aja..
gut job...

avatar
yucos 2010-08-23 21:41:03

Bang kalau mau menambahkan field list gimana ya?
avatar
i575873 2011-09-23 05:14:21

ok , langsung praktek mas.. takcoba dulu step2nya..matursuwun!
sebelumnya. donlote maeng ngedi?
ada yg tau???
ariez165 2012-05-03 16:49:20

gmn caranya user tertentu, hanya bisa membuka halaman tertentu pake CB?

ada yg
bisa bantu?
Only registered users can write comments!

3.26 Copyright (C) 2008 Compojoom.com / Copyright (C) 2007 Alain Georgette / Copyright (C) 2006 Frantisek Hliva. All rights reserved."

Last Updated on Wednesday, 10 June 2009 17:18  

JUG Indonesia

Id-joomla.com adalah situs resmi Joomla User Group (JUG) Indonesia dan Joomla Translation Team

Download Terjemahan Joomla terakreditasi dari JoomlaCode dan laporkan bugs, ide dan saran nya di Sub Forum Hanacaraka

Login

Web
ID-Joomla
Banner
Banner
Dengarkan siaran radio ID-Joomla   Chatroom ID-Joomla   Facebook Page ID-Joomla
We have 1373 guests and 1 member online
Joomla! is the trademark of Open Source Matters, Inc in the United States and other countries. The Joomla! name is used under a limited license granted by Open Source Matters.
Id-joomla.com is not affiliated with or endorsed by Open Source Matters or the Joomla! Project