CN4 - Design Specification

Transcription

1 1. System Architecture CN4 - Workload Tracking Figure 1 : System Architecture

2 Authentication We use Drupal as our content management system, which it already provides login and access control system, so we can implement this feature into our system without having to design it ourselves. In order to use our system, the users need to login with username and password generated by web administrator. When the user input username and password, it will transfer these data to the database in order to check whether this user exist or not. It also compares the password given with the password stored in the database. If it is valid, the system then allow user to access the website but user will be limited by their role also. Manage Employee After logged-in, our system will check the role of logged-in user. If the user is a secretary. In the front page, it will show only the list of employees that had been added by that user ID. The system will retrieve the data from the database where user ID is matched. In the front page, there is also an Add button where the secretary user can add new employee. To add new employee, the user have to input all required information. Then all of the data including user ID will be inserted into the database so the system can keep track of who inserted what data. User can click to see the profile of each employee from the list provided. When click, the system will send employee name to the profile page. So, profile page can use that data as a query to retrieve all information of that specify employee from the database. Then it uses the return data to generate and show on the employee profile and schedule. Moreover, user can edit/delete employee data from the profile page by click at the button which will bring user to the following page along with the Employee Name attached. Within the profile page, secretary user can also click at the button Create contract or Create timesheet on each course listed which will send Employee ID and Course Name to the requested page (will be mentioned later). The profile page also use Employee Name to retrieve recent timesheet form from the database, so user can view or edit old forms. If the user is an executive. In the front page, the system will send a request to the database to retrieve all employee data and the database will return the list of all employees. Then the system will show it on the screen. Executive can click to see the profile page of each employee also. In this case the profile page will recieve Employee Name from the front page which it will use this data to retrieve employee information and schedule from the database. Within the profile page, executive user can click at the button to view the statistic of that employee and Employee ID will be send to the requested page. (will be mentioned later)

3 Generate Contract After the secretary user click at the button Create contract from the profile page. Contract page will get 2 data which are Employee ID and Course Name. These data are use to send a request to the database, then the database will return employee data and course information back. Then system will generate the contract form automatically base on the returned data, so the user doesn t need to fill in every detail again. After the user has completed the form, user can click Save in order to send all the updated data to the database or print the form out as A4 paper size. Generate Timesheet After the secretary user click at the button Create timesheet from the profile page. Contract page will get 2 data which are Employee ID and Course Name. These data are use to send a request to the database, then the database will return employee data and course information back. Then system will generate the timesheet form which include employee data and workload information automatically base on the returned data, so the user don t need to fill in every detail again. After the user has completed the form, user can click Save in order to send all the updated data to the database or print the form out as A4 paper size. Statistic Report After the executive user click at the button Statistic from the profile page. Statistic page will get Employee ID, so it can use to send a request to the database. Then database will return information such as number of class cancellation and number of make-up class to the statistic page. These data will be used to show as a bar chart. Database There are 5 tables that keep all information which included User table, Employee table, Contract table, Timesheet table, and Workload table. The system has to send a request to these tables in order to retrieve the stored data back or when insert new data.

4 2. Detailed Design 2.1 Database Design Figure 2 : ER Diagram Figure 2 shows five tables of the system database that stored the information which compose of WebUser table, Employee table, Contract table, Timesheet table, and Workload table. WebUser table It is used to keep the username, password, and user role. So when the user login and input their username and password, our system will compare those inputs with the data stored. Employee table It keeps the personal information of each employee. It has WebUser ID as a foreign key, this is used to tell which secretaries are the one who added employee data. Contract table It is used to keep the information that appear in the contract form. It also keeps the information of one course inside the table as well because one contract form is used for one course. Employee ID is used as a foreign key to represent the owner of the contract. The relationship between Employee table and Contract table is one-to-many because one employee can have many contracts.

5 Timesheet table It is used to keep the information that appear in the timesheet form but not include workload because workload information will be stored in a separate table called Workload table. The relationship between Timesheet table and workload table is one-to-many because one timesheet can have many role of workload. Timesheet table also keeps date of when the form creates under the attribute name createdon. Employee ID is used as a foreign key to represent the owner of the timesheet. 2.2 User Interface Designs Login Page This is the first page of our website, where users have to login. Front Page When the user has logged in, the system will bring the user into front page. This page shows list of employee where it will show only employees that the user has permission to access. At this page, the user can click add button in order to add a new employee or click select button on the last column of the table in order to view selected employee profile.

6 Profile Page This page shows the employee s personal information and teaching timetable. It allows the secretary user to edit and delete employee s profile. The secretary user can click to generate timesheet and contract form at this page. In case of executive user, this page will allow the user to view employee s statistic instead of generate the forms. And it also allows secretary user to click at the link to view recent created forms.

7 Add/Edit Page When the user click to add a new employee in the front page (or click to edit employees profile), it will bring the user to this page. This page contains input boxes for entering employee s personal information (in edit case: the boxes will already fill). Below on schedule field, the user can search the course by filling course number, semester, and year, and then click the search button. If the course is found, the table will show the section list of the course. The user can add the course section that the employee teach by clicking on plus button or delete an added course by clicking on trash button.

8 Contract Form Page When the user click to generate contract form, the form will be already filled with employee s information, and the user can edit and either save or print out the form. Timesheet Form Page When users click to generate timesheet form, the system will automatically fill the basic information into the table and calculate total payment. The user can edit the table, then save or print it out.

9 Statistic Page Executive users can only view this page, which it will show the statistic of the selected employee. The user can select to either view specific semester, or overall statistic. 2.2 System Site Map This figure indicates how secretary and executive users traverse through the website. Executive users are allowed to view employee s profile and statistic, while secretary users are allowed to add, edit, or delete employee s profile and generate forms.