Advertisement
Other

Build a Social Network Using Joomla!

by

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
  • Code
    Articles
    Introduction to WordPress App ThemesApp theme 400
    With the increasing growth rate of WordPress powered websites, the need for WordPress themes is rising. Multi-purpose themes are becoming highly popular among website owners. Many existing themes are built mainly to address blog functionality. But with the growth of WordPress web application development, we are in need of specialized themes for different purposes. These themes are known as app themes. In this article, we going to familiarize with the concept of app themes and their usage in real world.Read More…
  • Code
    Articles
    A Guide to Providing Quality Customer SupportQuality customer support
    If you’ve ever released free or premium WordPress Themes or Plugins, you know that launching your new product is not the end of the process. In fact, it’s just the start, and raises a lot of questions: How do you provide support? How do you support customers after they’ve used your product? How do you manage email, social media and forum support easily? Should you support your free products, or just your premium ones? Read More…
  • Code
    Web Development
    Componentizing the WebJavascript wide retina preview
    Follow along with Krasimir, learning how to componentize your web applications.Read More…
  • Code
    Creative Coding
    Using a Custom Post Type to Create a Home Page BannerUsing a custom post type to create a home page banner
    Sometimes it's useful to have a nice obvious banner on your site's home page—for announcements, snippets that aren't long enough to merit a blog post, or links to new content within the site. But you don't want to be editing your homepage content every time you add a new piece of content, nor do you want to be delving into the code to add content.Read More…
  • Computer Skills
    App Training
    Beyond Highlighting: How to Get the Most From Your AnnotationsAnnotations icon
    It's easy to highlight a passage in an eBook, but there's so much more you can do with digital highlights. Here's everything you need to know to annotate your eBooks and PDFs on your Mac, PC, iPad, and more, and then put your annotations to work for you.Read More…
  • Code
    Theme Development
    Making the Perfect WordPress Theme: Maintenance, Compatibility, and Customer CareWp white 400
    In the previous part of this series, we reviewed what to avoid when making a WordPress theme. It is an important article because it's really easy to make those mistakes. And in this article, we're going to go through the things we need to do after making our theme.Read More…