Build a Social Network Using Joomla!

Social network implementation has become a necessity for successful websites. Joomla!, the popular Open-Source CMS, has some great and affordable ways to bring your site to the social networking level. Let’s review how.

This article will walk through the beginnings of setting up a social site using Joomla. Some of the end goals and solutions will vary depending on your needs.

Joomla! shouldn’t just be looked at as a CMS but a framework from which to build your applications and accomplish your dreams. Before you jump in and start lacing together extensions to build your site, proper planning and a roadmap is essential.

Site Strategy

So you want to start a social network with Joomla! you say? First you need a purpose statement. In our sample, this is our purpose:

To create and nurture business relationships by offering free network and support opportunities.

After establishing the site purpose we need to know the site requirements. Start by asking questions:

How will people use my site?

Users will create custom content and events. They will also comment and review past events and content.

How will they interact with others?

Interaction will come by having user created groups, messaging, blogs / articles and helps, etc.

How much control do I want to give them?

Users will have unrestricted access to create content, events, comments, etc. Moderators will monitor the activity.

Are there features I can offer users to generate site income?

Users may purchase banner ad spots on the different pages.

Once we obtain answers to our questions, we need to create requirement guidelines to help us find the right Joomla plugins to use. We need the following features:

  • Messaging / commenting system for user interaction towards custom created content.
  • Event creation, registration, etc.
  • Blogging
  • Groups
  • Banner system
  • A Forum for helpful discussion threads (it’s in our purpose statement)

You can find almost anything you need at the Joomla Extension Directory

Finding the Right Plugins

With any large CMS community such as Joomla! there will be a lot of good and bad extensions to choose. Using a bogus plugin could make or break your website. It’s important you get it right the first time! Fortunately, Joomla! has some great extension directories for us to look at; each with reviews, ratings, and more. Here are some good resources for Joomla! plugins:

After surfing the directories and reviewing features, I chose the following extensions:

  • JomSocial

    JomSocial

    Most of the core features we need are in this component. It also has a plugin system, making our site future-proof and giving us the opportunity to offer new features to our users.

    Visit Site

  • EventList

    EventList

    This component has event creation, management, plugins, registration, and more. It integrates with JomSocial as well.

    Visit Site

  • MyBlog

    MyBlog

    This component extends the core Joomla content features for a more social blogging experience. This has JomSocial integration as well.

    Visit Site

  • Kunea

    Kunea

    This will offer our users a support forum. They are working on a JomSocial integration for the user profiles.

    Visit Site

  • JReviews

    JReviews

    This will allow for reviews and commenting. It has integration with JomSocial and EventList.

    Visit Site

  • JomComments

    JomComments

    This is another option we could use for commenting. This will allow users to comment on user created content. It also integrates into the social component core, so comments can be displayed on user profile pages.

    Visit Site

  • JomComments

    Ad Agency

    This allow an easy way for users to publish ads on our site.

    Visit Site

I had some determining factors in deciding the components to use. I wanted to make sure they were well supported, had good developers behind them, integrated with each other, and easy to customize.


The default JomSocial template

You will notice that some of these are commercial plugins and the core plugin we’re using, JomSocial, is quite expensive. There are free alternatives out there to try as well. Community Builder is a quality Joomla! extension that could accomplish a lot of the same things JomSocial does. It has a lot of extension integrations available as well. There are open-source commenting and banner ad extensions you can find in the Joomla directories. Amy Stephen and some other developers are creating the impressive new blog extension, Tamka. It should be available for BETA soon!

In the end, I chose the more expensive route because I am comfortable with what they can do.

Implementation

Using Joomla’s installer we can systematically install our extensions into the site. Once this is done, all that is left is configuring the individual extensions and tweaking our layouts. Let’s go over some of the highlights:


Templates that come with JomSocial

JomSocial Customization

You will find the settings for JomSocial are easy to manage. Because of the nature of our social network, our users will be doing a lot of the managing and setup too! Some of the initial things that must be done are:

  • Setup initial groups
  • Setup user profile fields and information
  • Setup the user point system
  • Customize the look and feel

To control the look and feel, JomSocial has many templates to choose from or you can create your own. You can also use template overrides to customize the site too!


The EventList Dashboard

EventList

Allowing users to create their own events, venues, etc. is important but you should have some initial ones created to fill things in. As with all the extensions I chose, EventList is easy to customize the look and feel to match the site. You can edit the CSS file right from the administration panel if needed. Once EventList is up and running we need to install the plugin integration with JomSocial.

Blog, Comments, and the Forum

These extensions follow suite. Configuring them and linking them appropriately in your menus is all you have to do.

Conclusion

Each of the extensions we chose should be easily implemented into our site. As mentioned before, one of the reasons I chose the above extensions is for customization. Most have templating / view files where you can change the markup and CSS to mold it to the look and feel of your design.

With so many extensions available for Joomla!, it’s easy to setup a cost-effective social network. Here are some Joomla! social network launches (for your inspiration):

  • Subscribe to the NETTUTS RSS Feed for more daily web development tuts and articles.


Related Posts

Add Comment

Discussion 103 Comments

Comment Page 2 of 2 1 2
  1. DroBuddy says:

    I’ve been using Joomla! for nearly three years now and it truly is an incredible application; however, unfortunately, understanding OOPHP might as well be a prerequisite for developing your own extensions (but, not for Template design).

    About two weeks ago, I launched my first social networking site (webDevelopmentVideos.com) and it is built around the J! Framework, JomSocial, JomComment and a few other extensions. Due to Joomla’s extensibility, I would highly recommend it to a fellow programmer; however, if you are a designer then there may be easier alternatives to achieve your goals. They may not be as flexible, but there’s always more than one way to achieve any “web development” goal.

    Anyway, several people asked to see a SN that was built with Joomla / JomSocial so I recommend you check out my site. It’s still young and I have yet to do much as far as content development, but I think it came together quite nice considering I built it all in one night! ;-)

    For those of you who are interested, I sent a note to Tuts+ earlier and asked them what kind of Joomla! tutorials they were looking for… If you have any suggestions then send me a message through my site and I’ll see what I can do. So far, I have one video tutorial that will show you how to create your own Joomla! module from scratch (with minimal scripting / PHP), and my next tutorial will show you how to use the J! Framework’s SimpleXML to import job listings from Indeed.com into JS Jobs (a Joomla! “job board” component).

    Any other ideas? Drop me a line…

    Btw, Mike I was expecting more from this tut… But, then again, I thought you were going to walk people through the process, as opposed to, recommending extensions… Nonetheless, it’s a good start for those who aren’t familiar with Joomla!.

  2. estamos intentando implementarla, pero el facebook conect no funciona :S

  3. Nice post about joomla theme.A+ to this post. thanks for posting.

  4. Kazi Ataul Bari says:

    Nice Tutorial, Thanks

  5. เพชร says:

    never thought about jooomla before

  6. van peele says:

    Very nice tut…the age of web design has changed…using any cms is ok as long as it gets the job done and most importantly, if u get paid doing it..like me.

    I use joomla and boy do i get paid

  7. MrFenix says:

    Nice article. But all in all I would rather use Drupal.

  8. me says:

    This is just an advertisement for JomSocial, which costs a MINIMUM of $100 and much more if you’re talking about multiple sites and advanced features.

  9. numpxp says:

    JomSocial feel and look is very professional and web 2.0 like. It’s hard to find something like this with zero configuration. I’ve tried ning.com and socialgo.com, but even they are for professional community, the look is not up to par of what it should be.

  10. David Michael says:

    Has anyone seen the upcoming template for joomla and jomsocial by prothemer/joomlajunkie?
    http://www.joomlajunkie.com/images/chris/creativa/

    That is one beautiful social community template. Can’t wait till it is released

  11. Kunal says:

    Great tut. you can also try community builder which is free and is comparable to jomsocial.

Comment Page 2 of 2 1 2

Add a Comment