Вы находитесь на странице: 1из 18

Training Project Time Sheet Tasks

Standards:
Images: 1. Images should be images folder. 2. All the images should be in one place. 3. Image sizes also should not very large. HTML: 4. 5. 6. 7. File name should be meaningful Controls name also should be meaningful Unwanted codes are not allowed in the html file. Commented messages allowed if necessary

Validation: 8. JavaScript file name should be meaningful 9. Each and every input controls should be validates. 10. Error messages should be clear and easy to understand 11. Mandatory fields should be notified. 12. Input controls should accept appropriate values only, e.g.: calendar control should accept date only instead of numeric values and text values.

Common Tasks
1. Create CSS file: One CSS file only allowed in the whole project. This CSS file should be placed in CSS folder of the project. Each and every design, color, styles and font should be based on this CSS file. Avoid the inline CSS styles and so on. The CSS classes in the CSS file not more than 25 or 30, it should not very large. Reuse the classes Class name also meaningful or easy to understand. All menus, sub-menus, links, body of the page, tabs, table color, header, footer and etc should be based on our CSS file. Avoid use Ids instead of class.

2. Create Header: Company logo should be placed in top left corner. Adjacent of the logo, Project name or company name should show with little bit big size. Coloring and font styles, sizes will not change from one page to another.

Topmost left corner username must be shown. Adjacent of the username, logout link should be placed. Topmost right corner Advanced search option to be there. Next to the advanced search link, help link with image should be there. Under the company name, the following menus to be there Home, Admin and Timesheet.

3 .Create Footer: 1. The following message should show in all pages, Copyright 2011 Compindia InfoTech Pvt. Ltd. All Rights Reserved. with very good look and feel.

Functionality
2. Login Page Center of the page following controls to be placed. One lable control must be placed, the lable text is Login. Below the login label this lable (You can login with your member account) should be there. Under the you can login with your member account lable two lables (Username and Password) should be placed. Adjacent of the lables two text boxes must be placed. In these two text boxes used to enter the username and password of the end user. Below this control one checkbox control to be there with the explanation of Remember me next time. If user enable the checkbox when he login time, the username and password must be automatically remembered when he try to login again. Next button control to be placed, the button text is Log in. Suppose the user entered valid username and password then he clicked the login button, the page must be checked the values, once the values are correct, then redirect to the home page or else wherever we want. In case user entered invalid data, error must be shown. These two fields are mandatory. Below the Login button one link button to be placed, the link button text is Forgot your password?. If user clicks this link, the page will be redirect to forget password page. Next to the link one lable to be there, the lable text is OR. Finally one more link button to be placed, the link button text is If you don't have an account yet you can click here to get one. In this text click here to get one text only must be a hyperlink. If user clicks that link, the page will redirect to Registration page. 3. Forgot Password Center of the page one label, label text is Forgot Your Password? below this label one more label to be placed, label text is Enter your username to receive your password. And then one label (label text is Username) with text box. Adjacent of the text box one button control must be there, button text is Submit. If user entered valid username and then clicked the submit button, the password should be retrieved from the database and send to the user email id. And also one message also should be shown in the screen; the message is Password Sent Successfully to your email id. The email content should be like this You have requested a password reminder from Project Name XYZ. Your password is: ABC123. If user entered invalid username, one error message must be shown in the screen, the error message is Invalid username has entered, please try again with valid username. 4. Change Password page

If we click the Change Password link, it should be open one new page. In page we should give title name Change Password in center. Then next lines give massages Please enter your Old password and New Passwords below and click "change password" button to change your old password . Then create a one table structure, first give the table heading Change Password in 1 row. Then split row in 2 columns, left side give the label name Old Password. Right sides provide the textbox for get the input. Same process for new password and confirm password. Then check the validation and update into Database. New password and confirm password must be match else throw an error as Does not match both password. Once the password has been changed, following message should be shown in the screen The password has been changed successfully. 5. Timesheets List (main) Time Sheet main page: When am click the Time Sheets button on the menu and it will open a new page. In here we have two types users: Admin user (Project Managers, Team Leaders, HR) Normal user (Employee) If logged as admin user, we should show the following links in the timesheet page top center. (Add Timesheet, View Employee Timesheets, Reporting, Approving, Add Leave Application). You need to show the current date timesheets for all employees. It will automatically load the employee timesheets. In this page have one calendar control for select the date, then after select date in calendar control and then we clicks the Go button, the page should be displayed the results with the following details like Date, Employee ID, Employee name, project name, Hours worked, Work category, Description. If we want to see old date timesheets, you click the calendar control, select old date and press the GO button. The page should display that particular date of timesheet for all employees. (Date, Employee ID, Employee Name, Project Name, Hours Worked, Work Category, Description). In here all columns name must be Links, for edit a particular timesheet. If we click the link it will redirect to edit the time sheet page. In Page have title name Edit Timesheet. Then you create a table structure, and show the table heading of Welcome XXXXXX. Then it has 6 input fields are, Left side Project Name: right side gives input box for show and get input; Next lines, Left side Work Queue: right side gives input box for show and get input; Next lines, Left side Total Hours Worked: right side gives input box for show and get input; Next lines, Left side Description: right side gives input text area box for show and get input; Next lines, Left side Date: right side gives input box for show and get input Next line have, 3 radio buttons (Client's Project Work, In-house work, Training). Then next lines need three button controls (edit, reset, History). Then we give some notes for user: (**By clicking save button, I certify that the hours reported above are accurate and complete. I further understand that misstatements on the timesheet may result in disciplinary action up to and including termination.) In this page now all fields are in read-only. If we click the edit button, all fields become editable except date field. Then buttons are will be changed into (EDIT, SAVE, RESET, HISTORY). Now we can able to update the data and save into database. Reset button used to clear the fields. History button is used to show a particular timesheet log

history. It will open new page, and show the history details. Thats are, Give the heading (History of The Timesheet (No: 127754)) Then, show the fields (Updated By, Action Performed, Updated Date and IP Address) For ex: UpdatedBy Action Performed Updated Date IPAddress XXXXXXX Time Sheet Updated 6/8/2011 11:53:26 PM 122.174.60.50 Then here have one cancel button, if click this button it will redirect to previous page. Now come back to Time sheet list page: above we see the how to see old time sheet. After we finish that functionality, now datas will be display. (Date, Employee ID, Employee Name, Project Name, Hours Worked, Work Category, Description). Now Date columns should have one delete, for delete the particular row record. If we click the delete button, it will ask delete conformation to user. Then Employee ID columns also should have one arrow button, if we click the arrow button, it will open one pop up page, that page containing, In top we give one heading (To View List of projects for the period.) and next we have Dropdown list for show the month and year. This dropdown boxes will use to, get some period of record to show (month vice). Then we show the massage is (List of Projects Worked by name for last 7 days.) First initially load the last seven days record of, Timesheet date and project name for particular user project worked history from database. After then have cancel link button to close the pop up. Then Employee Name columns also should have one arrow button, if we click the arrow button, same process of Employee ID above. Then Project Name columns also should have one arrow button, if we click the arrow button, it will open one pop up page, that page containing, In top we give one heading (Employees working on Training / Learning.) then we should to show, employee list ( Employee ID, Employee Name) for who all are working in that particular Project on that date which we clicked. Last give Close link button for close the pop up. If logged as Normal user, we should show the current date timesheets of logged employee. It will automatically load the logged employee timesheets. 6. View time sheets page View Time sheet: (Normal user) When am I click the Time sheet link, it will open a new page. In that new page must be having a dropdown. The dropdown will automatically load the project names which is available in the database. Under the dropdown to be placed two calendar controls which are called start date and end date. Next to the calendar controls there must be one button control, button text is Go. Initially the page will display No records found when we didnt select any project name, start date and end date. If we select one project from dropdown and select the start date and end date from the calendar control then we clicks the Go button, the page should be displayed the results with the following details like Date, Project name, Work queue, Hours, Work category, Work Description, By TL and By CL. In this details page must be one drop down in left corner of the details, the drop down will load the values statically like 5, 10, 15 and so on, if we select the value from drop down, the page will show the no of records what we selected. End of the records details page right corner one link must be

placed, the link called Download, if we click the download link it will export the records to .CSV file what are the records displayed in the screen.

7. View Employee time sheets page View All Employee Time Sheets: (admin user) When am I click the Time sheet link, it will open a new page. In that new page must be having a dropdowns. The dropdowns will automatically load the project names and employee names which is available in the database. Under the dropdowns to be placed two calendar controls which are called start date and end date. Next to the calendar controls there must be one button control, button text is Go. Initially the page will display current date timesheet of all employees who are all entered the timesheets when we didnt select any project name, start date and end date. If we select one project from dropdown , employee name from dropdown and select the start date and end date from the calendar control then we clicks the Go button, the page should be displayed the results with the following details like Date, Project name, Work queue, Hours, Work category, Work Description, By TL and By CL. In this details page must be one drop down in left corner of the details, the drop down will load the values statically like 5, 10, 15 and so on, if we select the value from drop down, the page will show the no of records what we selected. End of the records details page right corner one link must be placed, the link called Download, if we click the download link it will export the records to .CSV file what are the records displayed in the screen. 8. Reporting page When we click the Reporting link, the new pop-up page will open. In that page the following controls and details should show. One text box should be placed in top of the page with the label of Please enter number of days to view report: Next to the text box one button control with the button text of Go. If type some numeric value in the text box and then clicks the Go button, the page will refresh and show results with the following details like XL sheet. The default reports column must be the following fields EMP Id, EMP Name, week day1, week day2, week day3, week day4, week day5, and week day6 and week day7. The no of days based to be shown which we entered the value in the text box EMP id and EMP name is common field. E.g.: If I typed 10 and then clicked go button EMP id, EMP name with 10 days time sheet details. In this day column following details should be there, which project involved, Permitted Hours and Total hours too. Each and every column of the project name near by one tiny image or link to be there, this link will show the more info about the timesheet. When I click the more info link/image new pop-up need to open, that pop-up page the following details should be there. Employee First Name + Last Names timesheet, e.g. V Herkimers Timesheet. And Project Name, Work Queue, Hours Worked, Description and Date details too. All the fields should be read only. Bottom/top of the page close link/image must be there. If we click close lick, page need to close. 1. Approving (time sheet) page When we click the Approving link, the approving page need some of the following links, button controls, and labels and drop down boxes. These are all links Approved Time Sheets, Disapproved Time Sheets and Time Sheet Requesting More info. Under the above links one label (Employee Name) with drop down box. In this drop

down box will load automatically all the active employee names in the database. Next to the dropdown box need three button controls Approve, Disapprove and Request More info respectively. Next below the above controls one label (To view Timesheets for the period) with two dropdown boxes. First drop down month names will load automatically next one is year will load automatically from 2000 to current year. Initially the page will show the following text Records not found for last 7 days. If we select one employee name from the dropdown box, month and year also from dropdown box, the page need to refresh and show the results as per the selection. The unapproved records need to be shown. The grid must have 4 columns, first column need checkbox with Date (label), next column Project name, next column Hours Worked and last one is Description. Here if I checked the first two checkboxes and then click the Approve button, those two records only update to approved records state remain still pending in the unapproved state with the following message Pending Review Timesheets of Employee Name for the period Jun 2011. Suppose if I clicked Approved Time Sheets links, these two approved records should be shown in the screen. Need more info link in near by Project name, if we click this one popup need to open, and show the results with the following fields, one label with text of Employees working on Project Name below who are all entered the timesheet for that project that particular date which we clicked, Emp id and employee name must be list out there and Bottom/top of the popup need one page close link.. Same as if we click Project description more info link, the new popup need to open, and show the results of the particular date which we entered Project name, work queue, Hours worked, Description and date too with the heading of Employee Names Time sheet. Bottom/top of the popup need one page close link. All the fields should be read only. If I click Approved Time sheets link, a new page will open with the following result fields. Time sheet id, Time sheet date, Updated By, Project name and Updated date. Above this fields need one label like this Employee name Approved Timesheets. Bottom of the page need page close link. If we click Disapproved Time sheets links, the page need to show the results as per the data which selected in employee name drop down box, month drop down box and year drop down box. In this disapproved page top must have a header like Employee Name disapproved Time sheets. The grid fields are Timesheet id, Time sheet date, Updated By, Project Name, Updated Date and Reason too. Bottom of the page need one button control to cancel the page, if we click the cancel button, the page need to redirect to the previous page. The above functionality same for when we click Request for More info button. If I click more info button need to open one alert with text box with label (Give reason for requesting more information), Ok and Cancel button also. If I click Time sheets requesting more info link, a new page will open with the following result fields. Time sheet id, Time sheet date, Updated By, Project name, Updated date and Reason. Above this fields need one label like this Requesting More Info for Employee name Timesheets. Bottom of the page need page close link Suppose without selecting the checkbox in the list out but we selected in the employee name, month and year. Now if we click Approve/Disapprove/Request More info button, one alert must show with the detail like Select at least one timesheet to Approve/ Disapprove/Request More info based on the button which we clicked. 10. Clients page 1) If we click on Clients HyperLink button we need show the clients form provided with Following details:

show a Label with text provided as Clients List under this display a message stating that Showing page 1 of n page(s).Here current page number will be in Dropdownlist so if we change the Dropdownlist value we need to go to particular page depends on the Dropdownlist value. Below this Display CompanyId and CompanyName values in grid.Note that Records per page should not exceed more than 8.For paging use Next>> and <<Prev.If we Click on CompanyId or CompanyName Values we need to redirect to Edit Client Information page where the information can be edited.Sorting need to be provided if we click on CompanyId or CompanyName Fields in the grid. After that Display a ImageButton With the Following text Add New Client.If we click on Add New Client Button it need to redirect to Add New Client page. 2) If we click on Add New Client Button it will be navigated to Add New Client page provided with following details: show a Label with text provided as Add New Client under this display a message stating * denotes required fields. After this display a TextHeading as Company Information under this display a Label with text as Company Name* adjacent to this place a TextBox to Enter Companyname value. Below this display a TextHeading as Contact Information under this i)display a Label with text as Full Name:* adjacent to this place a TextBox to Enter Full Name value. ii)display a Label with text as User Id:* adjacent to this place a TextBox to Enter User Id value. iii)display a Label with text as Password:* adjacent to this place a TextBox to Enter Password value. iv)display a Label with text as RetypePassword:* adjacent to this place a TextBox to Enter RetypePassword value. v)display a Label with text as Phone: adjacent to this place a TextBox to Enter Phone value. vi)display a Label with text as Fax: adjacent to this place a TextBox to Enter Fax value. vii)display a Label with text as Email:* adjacent to this place a TextBox to Enter Email value. viii)display a Label with text as Available Groups* adjacent to this place a Dropdownlist Values must be loaded from database ix)display a Label with text as Available Policies adjacent to this place a ListBox Values must be loaded from database Below this display a TextHeading as Location Information under this i) display a Label with text as Address1:* adjacent to this place a TextBox to Enter Address1 Value. ii) display a Label with text as Address2: adjacent to this place a TextBox to Enter Address2 Value. iii) display a Label with text as City:* adjacent to this place a TextBox to Enter City Value. iv) display a Label with text as State:* adjacent to this place a Dropdownlist values must be loaded from the database. v) display a Label with text as zip:* adjacent to this place a Textbox to Enter zip Value. vi) display a Label with text as Country:* adjacent to this place a Textbox to Enter Country Value. Below this display 3 imagebuttons adjacently stating as

First imagebutton text as Save & Continue and Second imagebutton text as Save & Back and Third imagebutton text as Reset If we click on Save & Continue button the data must be save in database and redirect to same page(Add New Client page). If we click on Save&Back button the data must be save in database and redirect to Clients List page. If we click on Reset button we need to clear all the values in the current page. 3) In Clients List page CompanyId and CompanyName values are shown in grid.If we Click on particular CompanyId or CompanyName Values we need to redirect to Edit Client Information(where we can edit particular company details) page provided with the following details: show a Label with text provided as Edit Client Information under this display a message stating * denotes required fields. After this display a TextHeading as Company Information under this display a Label with text as Company Name* adjacent to this place a TextBox to display particular Companyname value in read only mode. Below this display a TextHeading as Contact Information under this i)display a Label with text as Name:* adjacent to this place a TextBox to display particular Name value in read only mode. ii)display a Label with text as Phone: adjacent to this place a TextBox to display particular value in read only mode. iii)display a Label with text as Fax: adjacent to this place a TextBox to display particular Fax value in read only mode. iv)display a Label with text as Email:* adjacent to this place a TextBox to display particular Email value in read only mode. Below this display a TextHeading as Location Information under this i) display a Label with text as Address1:* adjacent to this place a TextBox to display particular Address1 Value in read only mode. ii) display a Label with text as Address2: adjacent to this place a TextBox to display particular Address2 Value in read only mode. iii) display a Label with text as City:* adjacent to this place a TextBox to display particular City Value in read only mode. iv) display a Label with text as State:* adjacent to this place a TextBox to display particular State value in read only mode. v) display a Label with text as zip:* adjacent to this place a Textbox to display particular zip Value in read only mode. vi) display a Label with text as Country:* adjacent to this place a Textbox to display particular Country Value in read only mode. Below this display 3 imagebuttons adjacently stating names as Edit ,Reset and Location If we click on Edit button Display a TextHeading as Company Information under this display a Label with text as Company Name* adjacent to this place a TextBox to display particular Companyname value in editable mode. Below this display a TextHeading as Contact Information under this i)display a Label with text as Name:* adjacent to this place a TextBox to display particular Name value in editable mode. ii)display a Label with text as Phone: adjacent to this place a TextBox to display particular value in editable mode. iii)display a Label with text as Fax: adjacent to this place a TextBox to display particular Fax value in editable mode.

iv)display a Label with text as Email:* adjacent to this place a TextBox to display particular Email value in editable mode. Below this display a TextHeading as Location Information under this i) display a Label with text as Address1:* adjacent to this place a TextBox to display particular Address1 Value in editable mode. ii) display a Label with text as Address2: adjacent to this place a TextBox to display particular Address2 Value in editable mode. iii) display a Label with text as City:* adjacent to this place a TextBox to display particular City Value in editable mode. iv) display a Label with text as State:* adjacent to this place a Dropdownlist and select particular State value. v) display a Label with text as zip:* adjacent to this place a Textbox to display particular zip Value in editable mode. vi) display a Label with text as Country:* adjacent to this place a Textbox to display particular Country Value in editable mode. Below this display 3 imagebuttons adjacently stating names as Save ,Delete, Reset and Location If we click on Save button save that particular Client information in database. If we click on Delete button delete that particular Client information in database. If we click on Location button it must Redirect to Locations List page it contains the following details: show a Label with text provided as Locations List under this display a message stating that Showing page 1 of n page(s).Here current page number will be in Dropdownlist so if we change the Dropdownlist value we need to go to particular page depends on the Dropdownlist value. Below this Display LocationId and LocationAddress in grid for that particular client.Note that Records per page should not exceed more than 8.For paging use Next>> and <<Prev.If we Click on LocationId or LocationAddress Values we need to redirect to Edit Location Information page where the information can be edited.Sorting need to be provided if we click on LocationId or LocationAddress Fields in the grid. Below this place a ImageButton stating the name as AddNewLocation If we click on AddNewLocation Button it will be navigated to Add New Location page where we can add locations to that particular client this page will be provided with following details: display a TextHeading as Location Information under this i) display a Label with text as Address1:* adjacent to this place a TextBox to Enter Address1 Value. ii) display a Label with text as Address2: adjacent to this place a TextBox to Enter Address2 Value. iii) display a Label with text as City:* adjacent to this place a TextBox to Enter City Value. iv) display a Label with text as State:* adjacent to this place a Dropdownlist values must be loaded from the database. v) display a Label with text as zip:* adjacent to this place a Textbox to Enter zip Value. vi) display a Label with text as Country:* adjacent to this place a Textbox to Enter Country Value. Below this display 3 ImageButtons stating as Save&Continue,Save&Back and Reset If we click Save&Continue Button the data will be saved in database for that particular client and redirected to same page. If we click Save&Back Button the data will be saved in database for that particular client and redirected to Clients List page.

If we click Reset Button the data will be reset in that particular form. If we Click on LocationId or LocationAddress Values we need to redirect to Edit Location Information page where the information can be edited for that particular client this page will be provided with following details: display a TextHeading as Location Information under this i) display a Label with text as Location Id: adjacent to this place a TextBox to display particular Location Id Value in read only mode. ii) display a Label with text as Address1:* adjacent to this place a TextBox to display particular Address1 Value in read only mode. iii) display a Label with text as Address2: adjacent to this place a TextBox to display particular Address2 Value in read only mode. iv) display a Label with text as City:* adjacent to this place a TextBox to display particular City Value in read only mode. v) display a Label with text as State:* adjacent to this place a TextBox to display particular State value in read only mode. vi) display a Label with text as zip:* adjacent to this place a Textbox to display particular zip Value in read only mode. vii) display a Label with text as Country:* adjacent to this place a Textbox to display particular Country Value in read only mode. Below this display 3 image buttons stating Edit, Reset and Contact If Reset button is clicked Reset all the values If we click on Edit button i) display a Label with text as Location Id: adjacent to this place a TextBox to display particular Location Id Value in read only mode. ii) display a Label with text as Address1:* adjacent to this place a TextBox to display particular Address1 Value in editable mode. iii) display a Label with text as Address2: adjacent to this place a TextBox to display particular Address2 Value in read only mode. iv) display a Label with text as City:* adjacent to this place a TextBox to display particular City Value in editable mode. v) display a Label with text as State:* adjacent to this place a Dropdownlist and select particular State value. vi) display a Label with text as zip:* adjacent to this place a Textbox to display particular zip Value in editable mode. vii) display a Label with text as Country:* adjacent to this place a Textbox to display particular Country Value in editable mode. Below this display 4 image buttons stating Save, Delete, Reset and Contact If Save Button is clicked save that Location information for that particular client in database If Delete Button is clicked delete that Location information for that particular client in Database If Contact Button is clicked it will be Redirected to Contacts List page with the following details shown below(Here Contact details will be shown for that particular location): show a Label with text provided as Contacts List under this display a message stating that Showing page 1 of n page(s).Here current page number will be in Dropdownlist so if we change the Dropdownlist value we need to go to particular page depends on the Dropdownlist value. Below this Display ContactId and ContactName values in grid. Note that Records per page should not exceed more than 8.For paging use Next>> and <<Prev. If we Click on ContactId or ContactName Values we need to redirect to Edit Contact Information

page where the information can be edited. Sorting need to be provided if we click on ContactId or ContactName Fields in the grid. After that Display a ImageButton With the Following text Add New Contact If we click AddNewContact Button it will be redirected to Add New Contact page with the following details shown below(Add contact details for particular location and client): show a Label with text provided as Add New Contact under this display a message stating * denotes required fields. display a Text Heading as Contact Information under this i)display a Label with text as Name:* adjacent to this place a TextBox to Enter Full Name value. ii)display a Label with text as User Id:* adjacent to this place a TextBox to Enter User Id value. iii)display a Label with text as Password:* adjacent to this place a TextBox to Enter Password value. iv)display a Label with text as RetypePassword:* adjacent to this place a TextBox to Enter RetypePassword value. v)display a Label with text as Phone: adjacent to this place a TextBox to Enter Phone value. vi)display a Label with text as Fax: adjacent to this place a TextBox to Enter Fax value. vii)display a Label with text as Email:* adjacent to this place a TextBox to Enter Email value. Below this display 3 imagebuttons adjacently stating as First imagebutton text as Save & Continue and Second imagebutton text as Save & Back and Third imagebutton text as Reset If we click on Save & Continue button the data must be save in database and redirect to same page(Add New Contact page). If we click on Save & Back button the data must be save in database and redirect to Clients List page. If we click on Reset values must be reset for that particular form If we Click on ContactId or ContactName Values we need to redirect to Edit Contact Information page this will have the following details: display a Text Heading as Contact Information under this display a message as * denotes required fields below this i) display a Label with text as ContactID* adjacent to this place a TextBox to display particular ContactID value in read only mode ii)display a Label with text as Name:* adjacent to this place a TextBox to display particular Name value in read only mode. iii)display a Label with text as Phone: adjacent to this place a TextBox to display particular value in read only mode. iv)display a Label with text as Fax: adjacent to this place a TextBox to display particular Fax value in read only mode. v)display a Label with text as Email:* adjacent to this place a TextBox to display particular Email value in read only mode. Below this place 2 Imagebuttons stating the names as Edit and Reset If we click on Reset button clear all the values If we click on Edit button i) display a Label with text as ContactID* adjacent to this place a TextBox to display particular ContactID value in read only mode ii)display a Label with text as Name:* adjacent to this place a TextBox to display particular Name value in editable mode.

iii)display a Label with text as Phone: adjacent to this place a TextBox to display particular value in editable mode. iv)display a Label with text as Fax: adjacent to this place a TextBox to display particular Fax value in editable mode. v)display a Label with text as Email:* adjacent to this place a TextBox to display particular Email value in editable mode. Below this place 3 Imagebuttons stating the names as Save, Delete If we click on Save Button save the data in database and redirect to Contacts List Page If we click on Delete Button delete that particular record in database and redirect to Contacts List Page 11. Users page 1) If we click on Users HyperLink button we need show the Users form provided with Following details: show a Label with text provided as Users List under this display a message stating that Showing page 1 of n page(s).Here current page number will be in Dropdownlist so if we change the Dropdownlist value we need to go to particular page depends on the Dropdownlist value. Below this Display UID,UserId and UserName in grid. If we Click on UID,UserId UserName Values we need to redirect to Edit User Information page where the information can be edited. Sorting need to be provided if we click on UID,UserId and UserName Fields in the grid. After that Display a ImageButton With the Following text AddNewUser. If we click on Add New User Button it need to redirect to Add New User page. 2) If we click on Add New User Button it will be navigated to Add New User page provided with following details: show a Label with text provided as Add New User under this display a message stating * denotes required fields. Below this display a TextHeading as User Information under this i)display a Label with text as Full Name:* adjacent to this place a TextBox to Enter Full Name value. ii)display a Label with text as User Id* adjacent to this place a TextBox to Enter UserId Value iii)display a Label with text as Password* adjacent to this place a TextBox to Enter Password Value iv) display a Label with text as Email* adjacent to this place a TextBox to Enter Email Value v) display a Label with text as Title adjacent to this place a TextBox to Enter Title Value vi)display a Label with text as Available Groups* adjacent to this a Dropdownlist Values must be loaded from database vii) display a Label with text as Available Policies adjacent to this place a ListBox Values must be loaded from database Below this display 3 imagebuttons adjacently stating as First imagebutton text as Save & Continue and Second imagebutton text as Save & Back and Third imagebutton text as Reset If we click on Save & Continue button the data must be save in database and redirect to same page (Add New User page). If we click on Save & Back button the data must be save in database and redirect to Users List page. If we click on Reset values must be reset for that particular form

12. Edit User Information page In Users List page if we Click on UID,UserId UserName Values we need to redirect to Edit User Information page will be provided with following details: show a Label with text provided as Edit User Informationunder this display a message stating * denotes required fields. Below this display a TextHeading as User Information under this i)display a Label with text as FullName:* adjacent to this place a TextBox to display particular Name value in read only mode. ii) display a Label with text as User Id* adjacent to this place a TextBox to display particular User Id value in read only mode. iii) display a Label with text as Email* adjacent to this place a TextBox to display particular Email value in read only mode. iv) display a Label with text as Title adjacent to this place a TextBox to display particular Title value in read only mode. v) display a Label with text as Available Groups* adjacent to this place a Dropdownlist and display particular AvailableGroups value in read only mode vi)Below this display a TextHeading as Available Policies under this display ListBox Values must be loaded from database vii)Below this display a TextHeading as Policies for Username(ex: Policies for Rafiulla Mohammad) and display that particular User policies(Policies at the time of adding user) in ListBox Below this display 2 Imagebuttons stating names as Edit and Reset If we click on Edit Button i)display a Label with text as FullName:* adjacent to this place a TextBox to display particular Name value in editable mode. ii)display a Label with text as User Id* adjacent to this place a TextBox to display particular User Id value in editable mode. iii) display a Label with text as Email* adjacent to this place a TextBox to display particular Email value in editable mode. iv) display a Label with text as Title adjacent to this place a TextBox to display particular Title value in editable mode. v) display a Label with text as Available Groups* adjacent to this place a Dropdownlist Select AvailableGroups Value. vii) Below this display a TextHeading as Available Policies under this display ListBox Values must be loaded from database adjacent to this place 2 ImageButtons stating names as Add>> and <<Remove adjacent to this ImageButtons display a TextHeading as Policies for UserName(ex: Policies for Rafiulla Mohammad) and display that particular User policies(Policies at the time of adding user) in ListBox . If any one selects Items in Available Policies and clicks on Add>> ImageButton the Items must be added in Policies for UserName ListBox(check not to add duplicates). If any one selects Items in Policies for UserName ListBox and clicks on <<Remove the selected items must be Removed in Policies for UserName ListBox. Below this keep 3 Image Buttons stating the names as Save,Delete and Reset If Save Button is clicked save the Edited values in database and redirect to Users List page If Delete Button is clicked delete that particular record in database and redirect to Users List page

13. Groups Name page

Click the Groups List link, it should be open one new page. In page we should give title name Group Names List in center. The grid view will automatically load the group names lists which is available in the database. And below show the No of paging nos in dropdown list. (Ex: Showing page [dropdown] of 18 pages). Then page should display the group list in grid view with paging. Every row of names should be having link to edit that group name. If we click the group name link, it should redirect to Edit group Information page. This page should be contain table structure, it should be contain, one heading in top center (Edit group name), then next line; left side give label Group Name , right side give textbox for get the input details. Next lines you should show the two list boxes, for Users in this group list and Product in this group list. In this list boxes should show which users, products under in selected group, we should show that user and product groups list in list box control. In here should have 4 buttons, they are (Edit, Save, Delete, cancel). If we click the Edit button, it should be open one new page. In page we should give title name Select Group Names List in center. In this page we are going select product group, user group for new group or editing group. Next we should set two list box controls in between two buttons. Now the functionality is we going selected items in left side list box to right side list box. Here left side list box, automatically loaded for what are all datas available in database (product names and usernames vice versa). Here we need to show two types of list boxes, one for product and anther one for users. Here should have two buttons (Ok, Cancel) Then press ok button for save in database, if we click Cancel button, page should redirect to the previous page. Product group list and User group list box below need two button like Remove and Remove All, if we select one user/group and the click Remove that particular group/user should remove, if click Remove All button all users/groups should remove. Then below show one button for ADD THE GROUP. If we click the ADD THE GROUP, it should be open one new page. In page we should give title name Group Names List in center. Add New Group Its a page to add new groups it will redirect from the button Add new Group in the Groups page. This page contains three labels as Group Name, products in this Group and Users in this group. For the Group Name label the user entry type is text box and its a mandatory field. In the beginning of the form need to intimate the mandatory field as * denotes require fields. Below the intimation need to show the header as Add Group and below the header the label Group Name should be shown with the text box. Below the Group Name need to show two list boxes. One in the left with the header Products in the group and another one in the right with the header Users in the group. Both the list boxes should dont have any items on the page load. Below the list boxes need to show the buttons as Edit, Save & Continue, Save & Back and Reset.

Edit Button Event. This button is used to select the products and the users from the Product Users page to add item in the Product in the group & Users in the group list boxes. It will redirect to product users page and the product users page contains four list boxes. First two list boxes are arranged on left and right with the headers Products in the group and Product Available. The products in the group list box contain no items on the page load and the Product available list box contains all the products as items on the page load. Between these two list box need to show two buttons and <<. Below the products in the group need to show two buttons Remove and Remove All. After the list boxes need to show two more list boxes same as top ones with the header Users in the group in the left and Users Available in the right. The Users in the group list box contain no items in page load and the users available list box contains all the users as items. Between these two list box need to show two buttons and <<. Below the Users in the group need to show two buttons Remove and Remove All. and << buttons Event. The button is used to add single item from right list box to left list box. And the button << is to add multiple selected items from right list box to left list box (Products Avaliable to Prodcuts in the group and Users available to Users in the Group). Remove and Remove All buttons Events The button Remove are used to remove a single item from the left list boxes (Products in the group and Users in the group) and Remove All is used to remove all items from the left list boxes (Products in the group and Users in the group). Below that need to show two buttons as Ok and Cancel , The button Ok is used to populate the selected products and the users to the add group page list boxes correspondingly and the button cancel is used to redirect to Add Group page. Save & Continue button The button is used to save the records and should not redirect to any other page. Save & Back button The button is used to save the records and redirect to previous page (Groups Page). Reset The button is used to reset all the user entry fields in the form. 14. Product Names (project Names) page Click the Product names link, it should be open one new page. In page you should give title name Product names List in center. The grid view will automatically load the product names lists which is available in the database. And below show the No of paging nos in dropdown list. (Ex: Showing page [dropdown] of 18 pages). Then page should display the project list in grid view with paging. Every row of names should be having link to edit that project names. If we click the project name/id link, it should redirect to Edit project Information page.

This page should be contain table structure, it should be contain, one heading in top center (Edit project name), Next lines left side give label Project ID; right side give textbox for get the input details. Then Next lines left side give label Project Name; right side give textbox for get the input details. And then you save in into database. In here we should give 2 buttons; Edit and Reset, fields value must be read only. If we click Edit button, product id should be read-only but product name can editable, here need 3 buttons like Save, Delete and Reset. Save means data should be save to database, if we click delete button that product id and name should be delete before that need JavaScript confirmation too, if we click Reset button page should be redirect to previous page. Then below show one button for ADD NEW PRODUCT NAME. Click the ADD NEW PRODUCT NAME button; it should be open one new page. In page, you should give title name Add New Product Name in top center. Then create one table structure, and give heading in center, Next lines left side give label Product Name; right side give textbox for get the input details. And then you save in into database. In here we should give 3 buttons; Save & Continue, Save & Back and Reset. Save & Continue: Click this button for save the data into DB, then return back to same page. Save & Back: Click this button for save the data into DB, then return back to come project names list page. Reset: Click this button for clear the all input fields, then return back to same page. 15. Work Queues page Click the Work Queue names link, it should be open one new page. In page you should give title name Work Queue names List in center. The grid view will automatically load the product names lists which is available in the database. And below show the No of paging nos in dropdown list. (Ex: Showing page [dropdown] of 18 pages). Then page should display the Work Queue list in grid view with paging. Every row of names should be having link to edit that work queue names. If we click the work queue name link, it should redirect to Edit work queue information page. This page should be contain table structure, it should be contain, one heading in top center (Edit work name), Next lines left side give label Work ID; right side give textbox for get the input details. Then Next lines left side give label Work Description; right side give textbox for get the input details. And then you save in into database. In here we should give 2 buttons; Edit and Reset, fields value must be read only. If we click Edit button, work id should be read-only but work description can editable, here need 3 buttons like Save, Delete and Reset. Save means data should be save to database, if we click delete button that work id and name should be delete before that need JavaScript confirmation too, if we click Reset button page should be redirect to previous page. Then below show one button for ADD NEW WORK.Click the ADD NEW WORK button; it should be open one new page. In page, you should give title name Add New Work Queue in top center. Then create one table structure, and give heading in center, Next lines left side give label Work Name; right side give textbox for get the input details. And then you save

in into database. . In here we should give 3 buttons; Save & Continue, Save & Back and Reset. Save & Continue: Click this button for save the data into DB, then return back to come same page. Save & Back: Click this button for save the data into DB, then return back to come work queue name list page. Reset: page. Click this button for clear the all input fields, then return back to come same

16. Policy page (Rights) This page contains three links at top and one grid at below. The top links are Groups Policy, Users Policy and Available Policy List. The grid showing the Available policy list with the header Available Policy List. The grid having ACL id, Description and Comments as columns. In the grid the columns ACL id and Description should be in hyperlink. When the end user clicks those link it will redirect to the edit policy page. The edit policy page having header as Edit Policy and it need to intimate the required field as * denotes required filed. It contains three labels as ACL, Description and Comments and three user entry fields (two textboxes and one text area for Comments). All the fields in this page are mandatory. The ACL field should be in read only. After this form the page contains two buttons as Save and Cancel. When the user clicks the save button need to update the record and the cancel button redirect to previous page (Policy page). Group Policy: This page contains headers as Group Policy List. Below the headers need to show one dropdown with all Groups are preloaded and the default selected item is == Group List ==. The header for the dropdown is Total Groups List. Below the dropdown need to show two list boxes. One in the left and another one in right. The left list box shows the Total Policy List with the header Total Policy List. The right list box shows the Group policy list with the header Groups Policy List. Between these list box need to show two buttons (Add >> and << Remove). When the user clicks the add button need to add the selected total policy list from the left list box to right list box and the remove button remove the selected group policy list from right list box. Below the list boxes need to show Save button and it is used to save all the details. If we select one group list from the group list dropdown box, the groups policy dropdown will load the group policy list accordingly what we select. Users Policy: This page contains headers as Users Policy List. Below the headers need to show one dropdown with all the users are preloaded and the default selected item is == User ==. The header for the dropdown is Total Users List. Below the dropdown need to show two list boxes. One in the left and another one in right. The left list box shows the Total Policy List with the header Total Policy List. The right list box shows the Users Policy list with the header Users Policy List. Between these list box need to show two buttons (Add >> and << Remove). When the user clicks the add button need to add the selected total policy list from the left list box to right list box and the remove button remove the selected Users policy list from right list box. If we select one group

list from the group list dropdown box, the groups policy dropdown will load the group policy list accordingly what we select. Available Policies List: This page contains grid showing the Available policy list with the header Available Policy List. The grid having ACL (It is ACL ID), Description and Comments as columns. In the grid the columns ACL and Description should be in hyperlink. When the end user clicks those link it will redirect to the edit policy page. The edit policy page having header as Edit Policy and it need to intimate the required field as * denotes required filed. It contains three labels as ACL, Description and Comments and three user entry fields (two textboxes and one text area for Comments). All the fields in this page are mandatory. The ACL field should be in read only. After this form the page contains two buttons as Save and Cancel. When the user clicks the save button need to update the record and the cancel button redirect to previous page (Policy page).