“Social Tasks” quick setup guide

“Social Tasks”

Created: 01/11/2012
By: Vincenzo Buldrini
Email: support@bulsystem.com

Thank you for purchasing Social Tasks.
If you have any questions that are beyond the scope of this help file, please feel free to email via my user page contact form here.

Table of Contents

  1. Introduction
  2. Installation
  3. Customization
  4. Addittional Help

Introduction - top

Social Tasks is task management inspired by Social Networking.

The Idea - Manage Tasks and To Do's like in a social network

How it Works - What you can do with Social Tasks
Interaction - How the team will interact with the Stream
Team Members - They will help you getting things done!
Features - Whats included on Social Tasks

Installation - top

Follow these easy steps to install Social Tasks.

Step 1

  1. Copy the /socialtasks/ folder on your server
  2. Open /socialtasks/ on your browser. For example: http://localhost/socialtasks/
  3. You should be redirected to the installation page: http://localhost/socialtasks/config/install.php
Step 2
Now, follow the installation procedure as written on your browser:
  1. edit MySql settings on file: /socialtasks/config/connection.php
  2. fill the required fields: google account email address (the real one, it will be required for the first login!), check if the installation folder is correct, write the name of your installation (IE. "SocialTasks").
  3. Click Install
It's all Done!
Now, you can start using Social Tasks!
  1. Visit Social Tasks root folder (IE. http://localhost/socialtasks/)
  2. Login using your Google Account.

Customization - top

index.php contains a standalone version of Social Taks.
If you want to include Social Tasks on your current private site administration, read below:

Required Files
  1. Connection File
  2. Function File
  3. Social Task Stylesheet
  4. JavaScripts Libraries
  5. Socialt Task javascript file
  6. Sender File and Stream File
To include social task in your page:

Connection file (1) and Function File (2)
add the following line AT THE BEGINNING of the PHP page:
			<?php require('config/connection.php');  require('includes/socialtasks_functions.php'); ?>
Social Task Stylesheet (3)
add the following line BETWEEN THE HEAD TAGS:
			<link media="screen" rel="stylesheet" href="css/socialtasks_style.css" type="text/css">
JavaScripts Libraries (4)
add the following line BETWEEN THE HEAD TAGS:
			<script src="http://code.jquery.com/jquery-latest.js"></script>
			<script src="/js/jquery.jeditable.mini.js"></script>
			<script type="text/javascript" src="js/jquery-ui-1.8.16.custom.min.js"></script>
Socialt Task javascript file (5)
add the following line BETWEEN THE HEAD TAGS, after JavaScripts Libraries:
			<script type="text/javascript" src="js/socialtasks.js"></script>
Sender File and Stream File
add the following line in BODY, where you want Social Tasks to appear:
			<div id="socialTasks">

Addittional Help - top

Once installed, on Social Taks, please click Help link for instructions on how to use Social Tasks.

Once again, thank you for purchasing Social Task. I'd be glad to help you if you have any questions: no guarantees, but I'll do my best to assist.

Vincenzo Buldrini

Go To Table of Contents