Ashik’s IT Thoughts

February 21, 2007

Developing Web Site by Integrating Joomla, SMF and Community Builder

Filed under: Community, Web — ashikuzzaman @ 4:34 pm

Here I provide you the step by step instructions that I carried last night to develop a web site for an IT professionals’ association in California, USA. They need a good news/content management system, a very good forum software and some sort of community/networking features other than regular static/dynamic functionalities that might be developed later phase by phase. I know Joomla (emerged from Mambo) PHP framework or CMS has many great extensions that I can use in developing web 2.0 sites. Although it has been long since I last used PHP, joomla made my work easy by mostly limiting me in configuration and installation efforts to develop a site. So I thaught to share it with you here. I wish there would be something similar in Java with all the extensions and easy to install features!

Pre-Requisite

A domain hosting space where you want to host your site. I chose hostmonster as they have support for PHP, MySQL, Fantastico, Joomla, SMF and many more.

Steps

  1. Install Joomla! I logged into my hostmonster control panel, used Fantastico to install Joomla 1.0.12 in /cms directory. Keep the MySQL database, username and password handy with you as these will be needed in later steps.
  2. Download SMF and Unzip it in your local workspace naming it forum. I downloaded SMF 1.1.2 from http://www.simplemachines.org/download
  3. Upload the unzipped forum direcotry with all its contents to your web server’s /public_html directory.
  4. Install SMF through the following URL – http://www.yourdomainname.com/forum/install.php and follow the wizard from there onwards.
  5. Dont use the GZip compression output, uncheck that option in the wizard page.
  6. Give the same MySQL database name, user name and password that you used for joomla installation. You can find these information in configuration.php file under your domain’s /cms directory. The 3 variables to check for the values are – $mosConfig_user, $mosConfig_password, $mosConfig_db .
  7. Once you finish installation, you should get a success message and install.php file should be deleted for security reason.
  8. Download community builder distribution. I downloaded CBuilder1_0_2_unzip1st.zip from – http://extensions.joomla.org/component/option,com_mtree/task,viewlink/link_id,210/Itemid,35/
  9. Unzip the community builder zip file in your local hard drive. You will need cblogin.zip, comprofiler.zip, mod_comprofilermoderator.zip and mod_comprofileronline.zip files from this location in later steps.
  10. Install comprofiler component. To do so, login to Joomla administrator (http://www.yourdomainname.com/cms/administrator) and select the Installers->Components menu item. Browse for the comprofiler.zip file inside your unizipped community builder directory and press upload file & install button.
  11. Install cb login module. To do so, select the Installers->Modules menu item. Browse for the cblogin.zip file inside your unizipped community builder directory and press upload file & install button.
  12. Install cb moderation module. To do so, select the Installers->Modules menu item. Browse for the mod_comprofilermoderator.zip file inside your unizipped community builder directory and press upload file & install button.
  13. Install cb online module. To do so, select the Installers->Modules menu item. Browse for the mod_comprofileronline.zip file inside your unizipped community builder directory and press upload file & install button.
  14. Add a new user menu item named Members List as a URL pointing to: index.php?option=com_comprofiler&task=usersList
  15. Add new menu item CB Details by clicking on Menu->usermenu->New button.
  16. In New Menu Item page, select Component and press Next button.
  17. Select Community Builder from the Component List.
  18. Populate the Name field as CB Details.
  19. Select Parent Item: Top, Access Level: Registered and Published: Yes.
  20. Click on Save button to add this new menu item under user menu.
  21. Activate the CB Login module. To activate select Modules->Site Modules, check from the list that CB Login module is set for Public Access viewing and then publish this module.
  22. Deactivate mod_login module so that you can use only cb login form instead of joomla login form in your site. To deactivate, find out Modules->Site Modules->Login Form and unpublish it.
  23. Use up arrow to bring the CB Login module up in the left navigation bar. You may also re-position all the modules as you need by setting module order and position.
  24. Activate CB Workflows module. To activate, find out Modules->Site Modules->CB Workflows, check if its set to Registered access level and then publish it.
  25. Now download Joomla SMF Bridge (JSMF) from http://www.joomlahacks.com/joomla/components/Joomla-SMF_Forum
  26. Install JSMF component in Joomla. To install it, go to http://www.yourdomainname.com/cms/administrator and select the Installers->Components menu item. Browse for the com_smf_2_0_2.zip file inside your unizipped community builder directory and press upload file & install button.
  27. After installation success message for JSMF, continue for JSMF Installation Page.
  28. Provide the abosulte path for SMF directory which you can find after logging into SMF forum administration panel. An example value for this may be /home/aabeatco/public_html/forum
  29. Provide SMF tables prefix as smf_
  30. Click the Save button at the top right.
  31. Click to patch Jomla Source Files.
  32. Click to patch SMF Source Files.
  33. Click verify link to synchronize users between Joomla and SMF.
  34. Login to Joomla administrator.
  35. Select Components->Community Builder->Plugin Management.
  36. In Install New Plugin section, upload & install cb_plug_smf_2_0_3.zip file.

If you have followed the steps properly, you have enabled your site for visitors to register/login using CB Login form, roam around and give entries for the various news/polls/blogs entries, submit weblinks, do social networking with like minded community members etc. Your users should be able to roam around the joomla cms pages through the link – http://www.yourdomainname.com/cms and the forum either through http://www.yourdomainname.com/forum or from CMS home page’s Forum link.

Advertisements

28 Comments »

  1. Great tutorial, but I would use The SMF bridge rather than the JH version. There is a vulnerability in the current version of the joomlahacks bridge…
    http://www.joomlahacks.com/component/option,com_smf/Itemid,94/topic,3396.0

    Comment by na — March 27, 2007 @ 10:20 am

  2. OMG THANK YOU THANK YOU i was about to kill myself and i found this THANK YOU THANK YOU THANK YOU!!!!!!!!!!!!!!!!!!!!!!!

    Comment by Ryan — March 27, 2007 @ 7:00 pm

  3. Hello, Your site is great. Regards, Valintino Guxxi

    Comment by Anonymous — May 4, 2007 @ 11:43 pm

  4. red lobster menu

    red lobster menu

    Trackback by red lobster menu — June 27, 2007 @ 12:26 pm

  5. […] Developing Web Site by Integrating Joomla, SMF and Community Builder « Ashik’s IT Thoughts (tags: CMS joomla SMF) […]

    Pingback by links for 2007-08-19 — August 19, 2007 @ 3:19 pm

  6. Thanks Ashik for putting the whole information here. Its a great instruction. By the way, as I am creating another site..did you even tried creating one with joomla, smf and wordpress with Single sign on?
    Thanks

    Comment by Choudhury — October 15, 2007 @ 1:40 pm

  7. thank you very much sir,
    It was very helpful for me

    Comment by Arun — November 21, 2007 @ 4:37 am

  8. can you please help me with the error:

    Failed: Code to be patched not found in file: header( ‘Expires/home//public_html/tipan/index.php

    ive been trying for 2 days and still can’t install… thanks!

    Comment by jpvenracion — January 13, 2008 @ 11:18 am

  9. Thank you, very match !!!
    Pay attention, this site http://allprocard.com
    Very interesting information.

    Comment by allprocard — January 15, 2008 @ 4:40 pm

  10. I install com_comprofiler.zip on Joomla 1.5 and get the error message
    Your Extension appears to be written for an older version of Joomla!. You must enable the System – Legacy Plugin in the Plugin Manager if you wish to complete this task.
    Do you know where I can get CBuilder for Joomla 1.5? If not what modifications are required?
    Thanks

    Comment by Mickey — February 3, 2008 @ 10:38 am

  11. Mickey, I don’t think the JSMF bridge is compatible with Joomla 1.5. You can activate legacy mode in the Admin CP to try, but I think that others have tried and it hasn’t worked. I suggest you download Joomla 1.0.14 to overcome these compatibility issues…

    Comment by Jai — February 11, 2008 @ 1:38 pm

  12. YESSSSSSS! I finally got it working! Thankyou so much. Just a note to those who are using Joomla version 1.0.14 – You also need to upload the mod_smf_login_2_0_3, but don’t publish it…

    Comment by Jai — February 11, 2008 @ 3:16 pm

  13. This is a great article. Very informative. We just signed up with Server Intellect not too long ago and have been very pleased with their web hosting services.

    Comment by Randall — February 12, 2008 @ 12:53 pm

  14. I think his is a lot complex for me I go to study better community builder and I’ll be back!

    Comment by escaliers — April 13, 2008 @ 6:10 am

  15. thanks, and you can read another tricks and tips for joomla at http://www.coretemplate.com

    Comment by Core — December 16, 2008 @ 9:51 am

  16. If you want JOOMLA templates, all integrated web 2.0 features in one online website builder. MORE.

    Comment by Philippe Bodart — December 28, 2008 @ 8:20 am

  17. ONLINE WEBSITE BUILDER.

    Comment by Philippe Bodart — December 28, 2008 @ 8:24 am

  18. Поставьте Akismet

    Comment by bbizbor — February 17, 2009 @ 11:16 am

  19. This is very complex for me since I am a newbie. I will be back for more, been googling a lot about joomla and SMF lately. Thanks for the tutorial!

    Comment by Erwin Lozano — March 18, 2009 @ 8:19 pm

  20. Tadalafil the prescription erectile dysfunction (ED) tablet clinically proven to both work fast (in as little as 30 minutes for some men) and work up to 36 hours ciallis generic online ! For cialis 20mg fast delivery for you.. No prescription required – buy sexual activity tabs ! Fast to get viagra pills online… Find out more about cheap levitra at the online calis order uk site

    Comment by shuvur — March 24, 2009 @ 6:30 am

  21. Levitra works in much the same way as Sildenafil Citrate, but is much faster, lasting up to 36 hours ciallis cheap . For levitra generic soft tabs fast delivery worldwide.. No prescription required -buy sexual health tabs online… Easy to get cheap viagra pills online… Find out more about sexual activity at the online ciallis herbal site..

    Comment by lorenelod — March 26, 2009 @ 11:59 pm

  22. Простите если не по адресу, но автомобилисты есть?

    Comment by innognott — April 2, 2009 @ 10:31 am

  23. I think it is tough it needs more study and practice

    Comment by Andy Shuarts — September 26, 2009 @ 5:24 am

  24. there has been a number of information regardingn this matter in the net, it is good to know that you have this on your list!

    Comment by Lincoln Dornbos — October 24, 2010 @ 9:51 pm

  25. Work with the professionals for your IT Business :http://www.irvineconsulting.com

    Comment by james church — November 8, 2010 @ 3:34 am

  26. Hello sir,

    Can anyone help me I am doing it on wamp. i have done everything.

    i already installed smf.
    i already istall community buildrer.

    i am stuck at this line

    1. Add a new user menu item named Members List as a URL pointing to: index.php?option=com_comprofiler&task=usersList
    2. Add new menu item CB Details by clicking on Menu->usermenu->New button.

    Plz help meee…..

    Comment by Raman — January 31, 2011 @ 11:13 pm

  27. Very interesting articole!

    Comment by Escaliers — March 4, 2011 @ 6:57 am


RSS feed for comments on this post. TrackBack URI

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

Blog at WordPress.com.

%d bloggers like this: