Project Name :  WebBased TimeSheet
  Project Task :  Simple Tool For Improving productivity for using multiple company or may use within a company with various departments,with weeklystaus features
  Software Used :  PHP, MySQL
Live Demo   
 
   Web Based Time Sheet for Improving productivity
 
  1. Employees can enter their Status of work in this timesheet in day(minutes mode or decimal mode)or weekly wise.
  2. Employees can take their status Report as PDF and CSV .
  3. Admin View project report with estimated budget,estimated time,total cost,total time.
  4. various Departments in a company or multiple companies can act as a Admin to control their employees , then take whole employee status Report as PDF and CSV.
  5. Super Admin control Admin rights to access the timesheet,take backup and restore the database (we have an idea to extend the functionality of Super Admin in the next version).
Find below some screenshots which will help to understand the working of Timesheet.
 
The following sections involve in the timesheet,
 
 
1.LoginForm
Only one Login form for both Employees and Admin.
  
 
 
2. Displays the error message, if you enter invalid username or password
 
3.If you are valid user, allows entering timesheet entry for Employee,or Admin.
Employee Section
 
 
Four menus are available,
3.1 Daily Time Status Entry
 
 
Here,
 
1.Clicking the ‘calender’ link,it will pop up the calendar for choosing date.
 
2.Then click the button Hours spent. It allows the user to enter the status of the employees. See the below screen shot.
 
 
 
Enter Timesheet status by Decimal mode
 
  • These above projects are assigned to particular employee. Admin only can assign project to particular employee.
  • Enter Hours spent(in hours only like if working hours is 1hr 15 minutes means you have to enter 1.25 hr) for projects ,then enter comments,optionally enter start and end time for that project.
  • Then click the save Time status button, it saves the employees time status entry as pending.
Enter Timesheet by minutes mode
 
 
Click the checkbox for enter timesheet by minutes mode,the screen will display like following.
 
 
 
Choose minutes from the dropdown and enter hours in the textbox and comments (optional) enter start,end time.
 
Click Save Time statusbutton, it save the timespent for each project for this date as pending.
 
To save status as approve in daily status entry go to the Weekly Time sheet Entry and click submit button for the corresponding week.
 
 
3.2 Weekly Time sheet Entry
 
Enter timespent for weekly wise
Top of table display starting date to ending of the week for enter timesheet.
Click Previous button for enter PreviousWeek or Click Next button for enter NextWeek.
 
Click Current button for enter timestatus current week , all are marked as rounded ellipse in below image.
 
Enter Comments
 
Click yellow color image for enter comments for that project ,click save for save comments and close symbol or cancel link for close popup window.
 
Save Timesheet
 
After Enter timespent for some days, we may save timesheet Temporary . It is saved as pending state after that we may change time spent as well as comments.
 
Submit Timesheet
 
After Enter all days we may submit timesheet . It is saved as approved.
 
After Click Submit ,we can only view the entries,cannot add new entries or edit existing entries( hours,comments).
 
Click clear button the data currently entered.
 
Total time spend for a week,projectwise,daywise are displayed while you entered in timesheet.
 
 
3.3 Report
  When you click report menu from menu header,
  
  You may view all entry status here,
  
  1.Employee short profile also displayed here,
 
 2.Take Report as PDFsee rounded red ellipse in the below image.
 
 3.Take Report as CSVsee rounded red ellipse in the below image.
 
  4. Display project details on Mouse hover.
 
  5.Employee can view the project wise timespent report by chossing dropdown.
 
 
 
3.4 My profile
Employee View and Edit details by clicking my Profile in the menu.
 
 
 
3.5Change Password
Click here to see the page
 
Admin Section
 
Admin Registration
 
To Create New Admin ,click the AdminRegistration as indicates red color ellipse in the below image
 
or click the apply here for join as admin.
 
 
Admin Registration form
 
 
After Registeration thankyou page will display.
 
Once super admin approve your request you may login and access this timesheet.
 
After Your Request approved by Super Admin you will get a mail regarding approval.
 
Admin Login
 
Same login form for employee and adminclik this link to see the login page.
 
If you logged in as Admin, it will bring you to below page.
 
After admin login , it displays the below page:-
 
   Below menus are available for Admin.
 
Employee Details
 
Create New Employee
Click create new employee link for create new employee.
 
 
   The Below page for adding new employee details.
   
   - Employee Details such as Email id,Rateper hour using the rateper hour we can estimate the total cost for project.
 
   - After entering all details in this page, click Save Details button.
   
   - When you click the clear button, it clears all the values inside the textbox.
   
   - While clicking Employee details on the right corner as indicates red ellipse in the below screen, it list out the employee details page.
   
 
 
Edit Employee Details
 
   Edit or view or delete existing employee details.
 
  Click view icon for view the employee details.
 
  Click Delete icon for completely delete the employee or activate or deactive by editing the employee details.
 
 
    Here, you just click on the edit icon as shown in above screen shot, it opens the employee’s profile.
 
 
 
After changing the details, just click the Update employee details button, then it display the message “Employee Details updated successfully”.
 
Project Details
 
 
   While click the project details, it displays the screen as shown below.
   
Click Create New Project link for adding new project.
 
 
Add New Project
 
    Admin assign the project to employee (or more than one employees), or Allocate the project to employees.
   
   - Here we may add the project Estimated Budget and Estimate Time , depending on that we can see how much time and

      how much cost spent will be calculate depending on the employee involved project in Report Page.
 
   - After entering all the fields, click the submit button. It saves successfully.
   
 
 
 
Edit Project Details
 
In the above screen shot the top left most corners has the link ‘Edit Project Details’ indicates red color ellipse.
 
Clicking the link will go to below page. There you see the list project details. See the below screen shot.
 
 
 
1.Fliter the project like opened or closed by choosing project status dropdown and click view list.
 
2.Clicking the cross icon to delete project from the list.
 
3.Clicking the edit icon it will go to the below page. There you update project details.
 
 
Add ,Edit ,Delete Non Project Details
 
Click the Add new non project(like vacation,powercut,function) it will go to the below page. There you Add new Non project details.
 
In that screen Below table show all NonProject List.
 
By clicking Edit icon ,edit the non project details Or ,Delete the Non Project.
 
 
TimeStatusEntry
Same as employee time sheet entry process for weekly,daily. click here weekly page , click here daily page.
 
Defaulter List
In default it will display list of employees are not entered on current date.
 
Select anyone date and clicking the ‘view list’ button it shows the list of employee names who are not enter the time sheet on the selected date. See the below screen shot.
 
 
 
Report
Clicking the ‘Report’ menu from menu header will shows the all employees time sheet status.
 
            1.you may search the Time sheet report based on employee name, project name or project starting ending date. See the below screen shot.
   
We can know the total time spent on particular project or particular employee, on the last page of details displayed 'Total Time spent'.
 
2.Admin can take report pdf and csv by clicking the icon in the report page.
 
3.On Mouseover we can see the project details on project name,as well as on employee details on EmployeeName.
 
4.This report page contain the starttime and endtime.
 
 
Easy to search Report
 
Autocomplete future
 
- type starting letter of employee or project in the textbox we can view the list of employees or project names , choose from the list.
 
- or click arrow button and choose list from the avaliable list like All or projectname or employeename.
 
-If we select any one project means , we may see below list containing a table for Display the Total estimated time and total estimate budget,Total Hours Spentby employees

Toal Costcalcualted by rateper hour of employee(employee registeration have this field) with the hour spent by employee

BalanceEstiamtedTime,BalanceEstimated Budget.
 
 
Change Password
Admin or employee can change password
 
 
SuperAdmin
 
Super admin have the following functionality
 
SuperAdminLogin
 
 
New Members waiting for approval
 
After Super admin Login ,the page will display like below,
 
New Members waiting for approval
 
Click the TickMark in the Approve Column for Approve the Admin.
 
 
 
It will show the Details of Admin ,then Click Approve Button to Approve.
 
 
 
Admin Details
 
click the admin Details in the menu for view the admin list it will display all active admins.
 
Click cross icon in the Deactivate column which is marked as red ellipse in the below image for Deactivate admin.
 
Below Table display the deactivated Admin list we may activate Admin by clicking TickMark in the table.
 
Click Views Link It will show the Details of admin.
 
 
Login as Admin
 
    Click the Admin Login give Username and Password and access the Admin Functionalities like,
 
Creat Employee,Projects,View Report ect..
 
if want to switch over siteadmin means click the siteadmin like below screen shot marked as red ellipse.
 
if want to switch to admin means click admin link from menu.
 
 
Take Database Backup
 
Take db backup by click DB Backup From the menu like below screenshot and click the Create BackupDatabase.
 
 
After Click Create Backup the following screen appear ,here you may check Structure or data or both then click download.
 
 
 
See this Demo here
Buy this Product
Contact rajamanickam.a@gmail.com for giving feedback/comments