1. Start
  2. 1. Application structure
  3. The way the PM application works
  4. 2. Application presentation
  5. Dashboard
  6. Calendar
  7. Add new
  8. Archive
  9. My tasks
  10. Manage categories
  11. Members and logout
  12. 3. Install

Project Management Application PHP & AJAX - v1.2

Manage your projects in one place, the easy way !


Thank you for purchasing our Project Management Application. 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. Thanks so much!

1. Application structure


The main application is localised in yourfolder/system/application and it is splited in other 3 folders: controllers, models, views. This type of structure is called MVC, model – view – controller.

Controllers – are the heart of application, as they determine how HTTP requests should be handled. A controller is simply a class file that is named in a way that can be associated with a URI.

In this folder you have defined the main controllers dashboard.php that handles all requests from the management platform and login.php that handles with user authentication.

Models - are PHP classes that are designed to work with information in your database. For example, let's say you use codeIgniter to manage a platform management.

In this folder there is the management.php model that contains functions which work together with the dashboard.php controller.

Views - a view is simply a web page, or a page fragment, like a header, footer, sidebar, etc. In fact, views can flexibly be embedded within other views (within other views, etc., etc.) if you need this type of hierarchy.Views are never called directly, they must be loaded by a controller, in our case the dasboard controller. Remember that in an MVC framework, the Controller acts as the traffic cop, so it is responsible for fetching a particular view.

Inside this folder there is another folder called management, that contains everything that means views, css, images and the JS that handles the answers from the model.

mvc

The way the PM application works


A clear example of adding a new category is presented below. First thing you see is the add window, in this case Add a new category:

add-category

As you can see above there is the javascript function addcategory(); presented below:

avascript-addcategory

With this javascript function the information is sent to the dashboard controller that contains the add_category function presented below, which will take the information:

dashboard-function

This function will receive the information send by the javascript and it will send it to the management model that will add your information in the mysql database.

management-addcategory

The information sent by the model returns the JSON representation of a value that is sent back to the dashboard controller inside the add_category function, and after this it is sent to the javascript function that will interpret the result.

2. Application presentation


The app contains the main buttons:

menu-top

Dashboard


This section contains all your active projects, organized on categories, like: Projects and Code Canyon. As the image below shows, each category also has a badge that indicates how many projects are inside the category.

dashboard

The projects are displayed tabular, each tab contains the name, description, the deadline (meaning the calendar date when the project must be finished) and the project's progress represented by the orange bar.

project-apple

As you can see, the project is made of 4 task groups: Visual product identity, Design, Development, Flash presentation, all defined by the administrator.

A group of tasks contains predefined tasks for the PM members; when a task is accomplished, the member can check it as “done” and the project's process will grow. A group of tasks can be edited or deleted.

You also have a set of buttons (Add new tasks, Delete, Modify, Pause and Complete).

Add new tasks – it adds task groups and the tasks;

Delete – it erases the project and it tasks;

Modify – it modifies the project;

Pause – sends the project in the paused project archive and he will disappear from the current category;

Complete – sends the project in the completed project archive and he will disappear from the current category;

 

Calendar


This is a classic calendar that contains all the projects' deadlines.

calendar

Add new


With the add new button you can add categories, members or projects. The categories ease your work by splitting your projects by their type (the splitting is made by you, by adding the correct project to the correct category). The projects are added to the category; a project is represented by a group of tasks.

Archive


Inside the archive are sent the completed or paused projects. You can search the project in the archive by date or simply by browsing all the archive, without establishing a period.

archive

For easing the project searching, we have implemented a datepicker with calendar.

My tasks


This section contains all your personal tasks and their deadlines.

mytasks

 

Manage categories


This section allows you to modify some information or to erase a category.

managecategories

Members and logout


In this section are displayed all the members inside the platform and also the Logout button; the online members have an online status green dot on the avatar.

members

3. Install


Easy 3 step installing process:

1. Copy: Copy all the files from PM folder in the directory where you want to install the application.
2. Install: Access wwww.yourdomain.com/yourfolder/ and follow the installation instructions.
3. Erase: Erase the 'install.php' file and the 'Install' folder.