Schools UI Design V11
Content
UI Design Specifications For Schools Product
Version 1.0 Version History Version 1 Date June 19 , 2012 Prepared by janardhan a Approved By Changes
2. Detailed UI Design Specifications 2.1 Common
2.2 Site Admin Side 2.2.1 Settings 2.2.1.1 Email Settings UI Screen Same as the admin_email_settings.html screen which we have done for the restaurant , needs to be done with schools mock up. 2.2.1.2 System Settings UI Screen Same like admin_system_settings.html which we have done for the restaurant , but this will have the following form fields. Form Form Field Name Minimum Password Length Login Details Encryption For Passwords Date Format Form Field Text Box Radio Buttons : Login Name , Email ID Radio Buttons : Two Way Encryption , No Encryption Pull down menu , Select MM-DD-YYYY YYYY-MM-DD DD-MM-YYYY Radio Buttons : Yes , No Short Name , Long Name Radio Buttons : Yes , No Text Box Text Box or Pull down menu [ Based on the selection of the state selection radio button , if selected as Yes , then display the pull down menu or text box Pull down menu Text Box Pull down menu Select MST PST IST Radio Buttons : Yes , No Validation
Link Yahoo Map For Pick up Points Country Display State Selection Default City Default State
Default Country Default Zip code Site Timezone
Need TimeZone on register form ?
Need student Login Need Parents Login Save Clear Cancel 2.2.1.3 Layout Settings UI Screen
Radio Buttons : Yes , No Radio Button : Yes , No Submit Reset Button
Same as the admin_layout_settings.html screen which we have done for the restaurant , needs to be done with schools mock up. 2.2.1.4 SEO Settings UI Screen Same as the admin_seo_settings.html screen which we have done for the restaurant , needs to be done with schools mock up.
2.2.2 Payment Settings We don’t need this section. 2.2.3 Module Management Same as the admin_module_management.html screen which we have done for the restaurant , needs to be done with schools mock up. 2.2.4 Staff Management 2.2.4.1 Group Management Screen Same as the admin_groups_management.html screen , With the following changes. 1. Remove the restaurant pull down menu 2. remove the restaurant column in the table 3. In the group description remove the restaurant word and put or classes [ because we are doing this for schools ] Also add the following form after the Group description text area This is a not required field. Form Field Name Available Classes Assigned Classes Form Field List Box >> , > , << , < List Box Validation Required
2.2.4.2 Permission Management Screen UI Screen Same as the admin_permission_management.html screen which we have done for the restaurant , needs to be done with schools mock up. 2.2.4.3 Staff Management Screen UI Screen Same as admin_staff_management.html , the layout will be same , but adding some other links and buttons. Form – 1 Form Field Name First Name Last Name Email Id Login Name Address City Zipcode State Country Form Field Text Box Text Box Text Box Text Box Text Area Text Box Text Box Text Box or Pull down menu Pull down menu Select US UK India Text Box Text Box List Boxes as In admin_staff_management.ht ml Submit Reset Button Validation Required Required Not Required Required Required Required Required Required Required
Phone No Mobile No Group Name Save Changes Clear Cancel Table – 1 Static Content
Phone No Validation Mobile No Validation
Clicks on the Staff Name hyper link or assign to assign the classes and subjects Clicks on the edit icon to edit the staff details Clicks on the delete icon to delete the staff details DownloadCSV [ Hyper Link ] Pagination Links , No of records pull down menu , all columns except the Action column needs to be hyper linked for sorting Name Martin Address Login Name Phone No Mobile No Action Edit Icon ,
Delete Icon Assign Icon
2.2.4.3.1 Assign Classes & Subjects Pop Up menu Form – 1 Form Field Name Available Classes >> , > , << , < Assigned Classes Save Clear Form –2 Form Field Name Available Subjects >> , > , << , < Assigned Subjects Save Clear Form Field List Box Buttons List Box Submit Reset Validation Required Form Field List Box Buttons List Box Submit Reset Close [ Hyper link ] Validation
2.2.5 Students Management 2.2.5.1 Students Management screen Form – 1 Upload Students Static Content Upload the students in by the csv file , download the csv format to know about the format of the csv file needs to be uploaded. Form Field Name Upload Students Upload Clear Cancel Form – 2 Form Field Name First Name Last Name Email Id Login Name Address Form Field Text Box Text Box Text Box Text Box Text Area Validation Required Required Not Required Required Required Form Field File Type Submit Reset Button Validation Required
City Zipcode State Country
Phone No Mobile No Main Class
Text Box Text Box Text Box or Pull down menu Pull down menu Select US UK India Text Box Text Box Pull down Menu 1st A 2 nd B
Required Required Required Required
Phone No Validation Mobile No Validation
Form – 3 Form Field Name Available Ancillary Classes Assigned Classes Form Field List Box >> , > , << , < List Box Validation
Required
Form – 4 Form Field Name Assign Guardian Add New Guardian Form Field Radio Button Radio Button Validation
If the Assign Guardian radio button is selected , Form - 5 The user should able to add more rows , by clicks on the “+” symbol it will add new row , by clicks on “-“ , the row can be removed. Form Field Name Guardian Type Form Field Pull down menu Select Father Mother Gurdian Text Box [ Search by typing the word ] Validation Required
Name
+ [ Add symbo] - [ Remove symbol]
If Add New Guardian radio button is selected , Display the following message “Add the Guardian after add the students”
Form – 6 Save Changes Clear Cancel Table – 1 Static Content Clicks on the Student Name hyperlink to add / edit the guardian Pagination Links , No of records pull down menu , all columns except the Action column needs to be hyper linked for sorting Name Martin Address 45 , koranamnag a Login Name Martin_78 Phone No 3743747998 Mobile No 7787878798 Action Edit Icon , Delete Icon Submit Reset Button
2.2.5.2 Add Guardian Screen Form – 1 Form Field Name First Name Last Name Email Id Login Name Address City Zipcode State Country Form Field Text Box Text Box Text Box Text Box Text Area Text Box Text Box Text Box or Pull down menu Pull down menu Select US UK India Text Box Text Box Pull down Menu Select Gurdian Father Mother Validation Required Required Not Required Required Required Required Required Required Required
Phone No Mobile No Guardian Type
Phone No Validation Mobile No Validation Required
Form – 2 Form Field Name + Form Field Icon to add more rows Icon to remove the rows Validation
Form – 3 Form Field Name Save Clear Cancel 2.2.6 Manage Guardian 2.2.6.1 Manage Guardian Screen Form – 1 Upload Parents Static Content Upload the parents in by the csv file , download the csv format to know about the format of the csv file needs to be uploaded. Download CSV Format Form Field Name Upload Parents Upload Clear Cancel Form – 2 Form Field Name First Name Last Name Email Id Login Name Address City Zipcode State Country Form Field Text Box Text Box Text Box Text Box Text Area Text Box Text Box Text Box or Pull down menu Pull down menu Select US UK India Text Box Text Box Pull down Menu Select Gurdian Father Mother Validation Required Required Not Required Required Required Required Required Required Required Form Field File Type Submit Reset Button Validation Required Form Field Submit Reset Button Validation
Phone No Mobile No Guardian Type
Phone No Validation Mobile No Validation Required
Form – 3 Form Field Name Assign Students Add New Guardian Form Field Radio Button Radio Button Validation
If Assign Students radio button is selected , Form - 4 The user should able to add more rows , by clicks on the “+” symbol it will add new row , by clicks on “-“ , the row can be removed. Form Field Name Main Class Form Field Pull down menu Select 1B 2A 3B Text Box [ Search by typing the word ] Validation Required
Name
+ [ Add symbo] - [ Remove symbol]
If Add New Student radio button is selected , Display the following message “Add the Students after add the guardian”
Form – 4 Form Field Name Save Clear Cancel Table – 1 Static Content Clicks on the Student Name hyperlink to add / edit the students. Name Martin Login Name Martin_78 Guardian Type Father Phone No 3743747998 Mobile No 7787878798 Action Edit Icon , Delete Icon Form Field Submit Reset Button Validation
2.2.6.2 Add Students to Guardian Screen Form - 1
Form Field Name First Name Last Name Email Id Login Name Address City Zipcode State Country
Phone No Mobile No Main Class
Form Field Text Box Text Box Text Box Text Box Text Area Text Box Text Box Text Box or Pull down menu Pull down menu Select US UK India Text Box Text Box Pull down Menu 1st A 2 nd B
Validation Required Required Not Required Required Required Required Required Required Required
Phone No Validation Mobile No Validation Required
Form – 2 Form Field Name Available Ancillary Classes Assigned Classes Form – 3 Form Field Name + Form – 4 Save Clear Cancel 2.2.7 Staff Login 2.2.7.1 Staff Login Screen UI Screen Same as the admin_login.html screen which we have done for the restaurant , needs to be done with schools mock up. 2.2.7.2 Staff ForgotPassword Screen UI Screen Submit Reset Button Form Field Icon to add more rows Icon to remove the rows Validation Form Field List Box >> , > , << , < List Box Validation
Same as the admin_forgot_password.html screen which we have done for the restaurant , needs to be done with schools mock up. 2.2.7.3 Staff Change Password Screen Same as the admin_change_password.html screen which we have done for the restaurant , needs to be done with schools mock up. 2.2.8 School Management Fom – 1 Form Field Name Name Description Address Zipcode City State Country Form Field Text Box Text Area Text Area Text Box Text Box Text Box Pull down menu Select US UK File Type Icon Icon Validation Required Required Required Required Required Required
Upload + _ Contacts Form – 2 Form Field Name Contact Name Contact Type
Form Field Text Box Pull down menu Admin Accountant Text Box Text Box Text Box Icon Icon
Validation Required
Email Id Phone No Fax No + _
Not Required Not Required Not Required
Form Field Name Save Clear Cancel 2.2.9 Class Management Form – 1
Form Field Submit Reset Button
Validation
Form Field Name Class Name Description Class Type
Division
Save Clear Cancel Table – 1
Form Field Textbox Text Area Pull down menu Select Main Ancillary Select A B C D Submit Reset Button
Validation Required Required
Not Required This field will appear only when the user selects the class type as Main
Need pagination on the top and bottom and download CSV and no of records per page combo box Name 4 th A Description This class is for… [ hyper link tool tip] Type Main Division A Action Edit Icon , Delete Icon
2.2.10 Subjects Management Form – 1 Form Field Name Subject Name Description Save Clear Cancel Table – 1 Pagination Links , No of records pull down menu , all columns except the Action column needs to be hyper linked for sorting Name Science Description This subject is… [Hyper link tool tip] Action Edit Icon , Delete Icon Form Field Textbox Text Area Submit Reset Button Validation Required
2.2.11 CMS Screen Same as the admin_content_management.html screen which we have done for the restaurant , needs to be done with schools mock up. 2.2.12 Menu Wizard Screen
Same as the admin_menu_wizard.html screen which we have done for the restaurant , needs to be done with schools mock up. 2.2.13 School , Class Calendars 2.2.13.1 Calendar Main Screen Same as admin_calenders.html , but need the following changes 1. On the pop up screen add the pull down menu with Select , Events , Exam Schedules , Assignments values. 2. Change the Create Event button to “Add” 3. Near to the daily , add one more pull down menu with Select , Events , Exam Schedules , Assignments values. 2.2.13.2 Events , Exam Schedules , Assignments , Holiday List Same as admin_events.html , but needs the following changes. 1. Before the What Text box , add the pull down menu with Select , Events , Exam Schedules , Assignments , Holidays as values. 2. Remove the restaurant pull down menu 3. In Where pull down menu display class1 , class2 , class3 as values 4. Disable the Featured check box when Exam Schedules , Assignments values are selected from the pull down menu 5. Gallery form will be displayed only when the user selects the event from the pull down menu 6. Add the subjects pull down menu when exam schedules is selected from the pull down menu. 7. Display the following table only when the Assignments is selected from the pull down menu. Pagination Links , No of records pull down menu , all columns except the select column needs to be hyper linked for sorting Student Name Status Select Pull down menu Check box Completed Not Completed 8. When the user selects the holiday from the pull down menu , only What text box and when date picker needs to be enabled. 2.2.13.3 Calendar Types Screen Table - 1 Login Name
Static Content Please select the calendar types whch needs to be maintained through your calendars. The selected types will be appeared on the calendar. Available Calendar Types Events Exam Schedules Assignments Holidays Form – 1 Form Field Name Save Clear Cancel Form Field Submit Reset Button Validation Select Check Box Check Box Check Box Check Box
2.2.14 Forms Management 2.2.14.1 Forms Management Screen Form - 1 Form Field Name Form / Document Name Class Name User Type Form Field Text Box Pull Down Menu Pull down menu Staff Student Parents Pull down menu Group 1 Group 2 Group 3 Checbox Submit Reset Button Validation Required Required
Groups
Publish Save Clear Cancel Table – 1 Static Content
Required
Clicks on the form name to download the form. Pagination , no of records per page pull down menu and all the columns except the action needs to be hyper linked for sorting. Form Name Class Name User Type Groups Created On Publis h Action
Exam Fees Form
1A
Student
Student1
12-03-2008
Yes
Edit Icon , Delete Icon
2.2.14.2 Download Forms Screen Table – 1 Pagination , no of records per page pull down menu and all the columns except the action needs to be hyper linked for sorting. Form Name Exam Fees Form Class 1A Created On 12-03-2008 Description This form can be used… [ tool tip hyper link ]
2.2.15 Manage Bus Routes 2.2.15.1 Manage Bus Routes Screen Form – 1 Form Field Name Bus route Name Description State Country Form Field Text Box Text area Text Box Pull down menu Select US UK Validation Required Required Required
Form – 2 Static Content Add The Pcik Up points for this route. Starting Point Form Field Name Location Address City Zipcode Remarks Form – 3 Form – 2 needs to repeat when there is Form Field Name + Form Field Icon Icon Validation Form Field Text Box Text Area Text Box Text Box Text Area Validation Required Required Required Required
Form – 4 Form Field Name Save Clear Cancel 2.2.15.2 Bus Routes List Table – 1 Clicks on the bus route name to see the pick up points Clicks on the Assign Icon [ display the Icon you have given on the action ] to assign the students to the selected bus route. Bus Route Koramangala route Starting Point Koramangala End Point Jaya Nagar Action Edit Icon , Delete Icon , Assign Icon [ to assign the students to the Form Field Submit Reset Button Validation
2.2.15.3 Pick Up Points Screen This is a pop up screen when the user clicks on the bus route name. Table – 1 Location Koramangala BTM J.P Nagar Address 45 th Cross , 5th Main 45 th Cross , 5th Main 45 th Cross , 5th Main Remarks This is near to the Monday to sunday Yahoo Map Link to Yahoo Map Link to Yahoo Map Link to Yahoo Map
2.2.15.4 Assign Students – Busroutes This is a pop up screen to when the users clicks on the assign Icons Form – 1 Form Field Name Class List Students Clear Students List Form Field Pull down Menu 1A 1B Submit Reset Validation Required
Name Marti n
Address 45 , 5 th Cross , koramangala
Phone No 3743747998
Mobile No 7787878798
Select Check Box
Select Pick up Points Select Radio Button Radio Button Radio Button Radio Button Pick up Point Vivek Nagar Domlur Airport Indira Nagar Address 34 , vivek nagar ext 45 , domlur ext 56 , airport 75 , indira nagar
Form – 2 Form Field Name Assign Clear Form Field Submit Reset Validation
2.2.16 Manage Announcements 2.2.16.1 Add Announcements Screen Form Field Name Title Class Form Field Text Box [ Long ] Pull down menu Select Any Class 1A Class 1B List Box [ Multiple selection ] Students Parents Staff List Box [ Muliplt selection ] Group 1 Group 2 Group 3 Date Picker Check Box Fxkeditor Submit Reset Button Validation Required
User Type
Groups
Expiry date Publish ? Announcement Desc Save Clear Cancel
Required Required Required
2.2.16.2 Annoucements Lists Two Tabs : Live , Expired
Pagination Links , No of records pull down menu , all columns except the Action column needs to be hyper linked for sorting Title Trip to Munnar User Type Students Class N/A Expiry Date 12-03-2008 Publish yes Action Edit Icon , Delete Icon
2.2.16.3 Annoucements Details Pop up screen This is pop up screen , open when the user clicks on the title. Title Trip To Munnar User Type Students Groups Group 1 , Group 2 , Group 3 Expiry Date 12-03-2008 Publish Yes Announcement We are planning to go to munnar by this july 7 th , all students can enroll their names to the respective teachers. We are planning to go to munnar by this july 7 th , all students can enroll their names to the respective teachers. We are planning to go to munnar by this july 7 th , all students can enroll their names to the respective teachers. We are planning to go to munnar by this july 7 th , all students can enroll their names to the respective teachers.
2.2.17 Awards Management 2.2.17.1 Add awards Screen Form Field Name Award Name Description Type Academic Year [ Note : this pull down menu appear only If the user selects the Rolling as a type from above pull down menu] Period Form Field Text Box Text Area Pull down menu Rolling Special Pull down menu Apr-2008 Apr-2009 Start : Date Picker , End : Date Picker Validation Required Required
Table – 1 Selected Winners [ no need for pagination etc ] Name Martin User Type Student Class 1A Action Delete Icon
Form – 2 Form Field Name Save Clear Cancel Form – 3 Assign Awards Form Field Name Select The User Type Class Form Field Staff , Students , Parents Pull down menu 1A, 2C 3C Text Box Submit Reset Button Validation Required Form Field Submit Reset Button Validation
Name Search Clear Cancel Table – 2 Note
: This table appear if the user type is selected as a Student
Student Details Pagination , no of records per page , all columns needs to be hyper linked for sorting. Name Martin Note Address 45 , koramangala Class 1B Select Check box
: This table appear if the user type is selected as a Staff
Staff Details Pagination , no of records per page , all columns needs to be hyper linked for sorting. Name Mark Note Class 1B Select Check box
: This table appear if the user type is selected as a Parent
Parents Details Pagination , no of records per page , all columns needs to be hyper linked for sorting.
Name Martin Thomas
Student Martin 1 , Martin 2
Class 1B
Select Check box
2.2.17.2 Awards Lists Screen Table – 1 Pagination , no of records per page , all columns needs to be hyper linked for sorting Name Best Roll model Description This award is for the best roll… [ hyper link tool tip] User Type Student Award Type Special Acton Edit Icon , Delete Icon , History Icon
2.2.17.3 Award Details Screen This is a pop up screen , opens when the user clicks on the award name. Table – 1 Award Details Title Description User Type Award Type Period Table - 2 List of winners Name Mark Martin 2.2.17.4 Award History Screen This will open on a new screen when the user clicks on the history Icon. Table – 1 Pagination , no of records per page , all columns needs to be hyper linked for sorting Name Best Roll model Description This award is for the best roll… [ hyper link tool tip] Given To Martin User Type Student Award Type Special Class 1B 2A Best Roll Model This award is for the best roll etc etc Students , Parents Special 12-03-2008 to 12-03-2009
2.2.18 Country Management Same as the admin_country_management.html screen which we have done for the restaurant , needs to be done with schools mock up. 2.2.19 State Management Same as the admin_state_management.html screen which we have done for the restaurant , needs to be done with schools mock up. 2.3 User Side Screens Only the public , students , parents access the user side screens. 2.3.1 Class Pages Users clicks on the classes link from the top and can looks. After login the class menu will have the pop up with the classes where the students and students parents are linked with. When the users clicks on the screen without logged in , they will come and see the list of classes. 2.3.1.1 Class Lists Screen Two Tabs : Main class , Ancillary Class Main Class Screen – When clicks on the Main Class Tab Class 1A Class 2A Class 3A Class 4A This class is This class is This class is This class is for the students etc for the students etc for the students etc for the students etc
Ancillary Class Screen – When Clicks on the Ancillary Class Tab Cultural Club Cricket Club Foorball Union Westen Dance Group 2.3.1.2 Class Home Screen Tabs : Calendars , Announcements , Students 2.3.1.2.1 Announcements Lists Screen Two Tabs : Live , Expired Title Trip to Munnar Div Pop Up Published On 10-03-2008 Expiry Date 12-03-2008 This class is for cultual programs Cricket can be entertaiment and etc etc Football is a name of sports etc etc Western dance group founded
When the user clicks on the Title , display the following div pop up. We are planning to go to munnar by this july 7 th , all students can enroll their names to the respective teachers. We are planning to go to munnar by this july 7 th , all students can enroll their names to the respective teachers. We are planning to go to munnar by this july 7 th , all students can enroll their names to the respective teachers. We are planning to go to munnar by this july 7 th , all students can enroll their names to the respective teachers.
2.3.1.2.2 Students List Screen Pagination , No of records per page and the colums except the action column needs to be hyperlinked. Name Martin Address 45 , 5 th Cross 24 th Main Koramangala Phone No 3743747998 Mobile No 7787878798 Action Edit Icon , Delete Icon
2.3.1.2.3 Calendars Tabs : Events , Exam Schedules , Assigments , Holidays By default the the events tab needs to be highlighted and the displayed. 2.3.1.2.3.1 Events Screen Same as the calenders_events.html screen which we have done for the restaurant , needs to be done with schools mock up. Also do the same event_signup_popup , gallery.html for the links on the events. 2.3.1.2.3.2 Exam Schedules 1. The layout will be same as the calenders_events.html , but this screen don’t have the gallery , sign up for event link. 2. Change the Events Archive to Schedules archive. 3. There is no featured schedules , so no need for the featured coloured schedules which will always open [ in the events screen there is featured events that is always opened , , this we don’t need here ] 2.3.1.2.3.3 Assignments 1. The layout will be same as the calenders_events.html , but this screen don’t have the gallery , sign up for event link.
2. Change the Events Archive to assignment archive. 3. There is no featured assignments , so no need for the featured coloured schedules which will always open [ in the events screen there is featured events that is always opened , this we don’t need here ]. 2.3.1.2.3.4 Holidays Pagination Links , No of records pull down menu , all columns except the Action column needs to be hyper linked for sorting Holiday Deepavali Date 23-07-2008 Description Deepavali is celeberated for… [ tool tip hyper link ]
2.3.2 School Calendar When the users clicks on this link , there will be events , holidays tabs. The layout will be same as 2.3.1.2.3.1 Events Screen , 2.3.1.2.3.4 Holidays respectively. 2.3.3 Bus Routes 2.3.3.1 Bus Routes List screen Your Bus route Table – 1 [ This table will be displayed only if the students logged in or parents logged in , this will be controlled from program , but provide this one table with only one record] Clicks on the bus route name to see the pick up points Clicks on the Assign Icon [ display the Icon you have given on the action ] to assign the students to the selected bus route. Bus Route Koramangala route Starting Point Koramangala End Point Jaya Nagar Action Edit Icon , Delete Icon , Assign Icon [ to assign the students to the
Table – 2 [ This table will be appeared , when the users see not logged in as well as when they logged in , provide many records in this table ] Clicks on the bus route name to see the pick up points Clicks on the Assign Icon [ display the Icon you have given on the action ] to assign the students to the selected bus route. Pagination Links , No of records pull down menu , all columns except the Action column needs to be hyper linked for sorting Bus Route Koramangala route Starting Point Koramangala End Point Jaya Nagar Action Edit Icon , Delete
Icon , Assign Icon [ to assign the students to the 2.3.3.1 Pick Up Points Screen This is a pop up screen when the user clicks on the bus route name. Table – 1 Location Koramangala BTM J.P Nagar Address 45 th Cross , 5th Main 45 th Cross , 5th Main 45 th Cross , 5th Main Remarks This is near to the Monday to sunday Yahoo Map Link to Yahoo Map Link to Yahoo Map Link to Yahoo Map
2.3.4 Awards 2.3.4.1 Awards Lists Screen Table – 1 [ This table appear only when the students / paresnts logged in and if they are having the award , this will be controlled from program , but provide this table in the html design] Your Awards Name Best Roll model Description This award is for the best roll… [ hyper link tool tip] Award Type Special
Table – 2 Pagination , no of records per page , all columns needs to be hyper linked for sorting Name Best Roll model Description This award is for the best roll… [ hyper link tool tip] User Type Student Award Type Special
2.3.4.2 Award Details Screen This is a pop up screen , opens when the user clicks on the award name. Table – 1 Award Details Title Description User Type Best Roll Model This award is for the best roll etc etc Students , Parents
Award Type Period Table - 2 List of winners Name Mark Martin 2.3.4.3 Award History Screen Table – 1
Special 12-03-2008 to 12-03-2009
Class 1B 2A
Pagination , no of records per page , all columns needs to be hyper linked for sorting Name Best Roll model Description This award is for the best roll… [ hyper link tool tip] User Type Student Award Type Special
2.3.5 Forms Table – 1 Pagination , no of records per page pull down menu and all the columns except the action needs to be hyper linked for sorting. Form Name Exam Fees Form Class 1A Created On 12-03-2008 Description This form can be used… [ tool tip hyper link ]
2.3.6 News Same as the news.html screen which we have done for the restaurant , needs to be done with schools mock up. 2.3.7 Media Same as the media.html screen which we have done for the restaurant , needs to be done with schools mock up. 2.3.8 Suggestion Form Field Name From To Form Field Text Box Pull down menu School Admin Headmaster Principal Text Area Validation Required Required
About
Required
Send Clear Cancel 2.3.9 Contact Us
Submit Reset Button
Same as the contactus.html screen which we have done for the restaurant , needs to be done with schools mock up. But with the following changes. Also use the same map_popup.html pop up. 1. we don’t need multiple school address as multiple restaurants , there will be only one address will be there. 2.3.10 Students , Parents Login Screens 2.3.10.1 Student , Parent Login Screen Form Field Name Login Name Password Forgotpassword Rememebr me Login Clear Form Field Text Box Password Link Check box Submit Reset Validation Required Required
2.3.10.2 Forgot Password Screen Same as the forgot_password.html screen which we have done for the restaurant , needs to be done with schools mock up. 2.3.10.3 Change Password Screen Same as the change_password.html screen which we have done for the restaurant , needs to be done with schools mock up. 2.3.11 about us screen Same as the aboutus.html screen which we have done for the restaurant , needs to be done with schools mock up. 2.3.12 Parents Newsletter Sign Up Box Static Content If you want to receive the newsletters about the school and about your students records , sign up for the newsletter. Form - 1 Form Field Name Sign Up for newsletter ? Subscribe Clear Cancel Form Field Tao radio Buttons Yes , No Submit Reset Button Validation Required
Version 1.0 Version History Version 1 Date June 19 , 2012 Prepared by janardhan a Approved By Changes
2. Detailed UI Design Specifications 2.1 Common
2.2 Site Admin Side 2.2.1 Settings 2.2.1.1 Email Settings UI Screen Same as the admin_email_settings.html screen which we have done for the restaurant , needs to be done with schools mock up. 2.2.1.2 System Settings UI Screen Same like admin_system_settings.html which we have done for the restaurant , but this will have the following form fields. Form Form Field Name Minimum Password Length Login Details Encryption For Passwords Date Format Form Field Text Box Radio Buttons : Login Name , Email ID Radio Buttons : Two Way Encryption , No Encryption Pull down menu , Select MM-DD-YYYY YYYY-MM-DD DD-MM-YYYY Radio Buttons : Yes , No Short Name , Long Name Radio Buttons : Yes , No Text Box Text Box or Pull down menu [ Based on the selection of the state selection radio button , if selected as Yes , then display the pull down menu or text box Pull down menu Text Box Pull down menu Select MST PST IST Radio Buttons : Yes , No Validation
Link Yahoo Map For Pick up Points Country Display State Selection Default City Default State
Default Country Default Zip code Site Timezone
Need TimeZone on register form ?
Need student Login Need Parents Login Save Clear Cancel 2.2.1.3 Layout Settings UI Screen
Radio Buttons : Yes , No Radio Button : Yes , No Submit Reset Button
Same as the admin_layout_settings.html screen which we have done for the restaurant , needs to be done with schools mock up. 2.2.1.4 SEO Settings UI Screen Same as the admin_seo_settings.html screen which we have done for the restaurant , needs to be done with schools mock up.
2.2.2 Payment Settings We don’t need this section. 2.2.3 Module Management Same as the admin_module_management.html screen which we have done for the restaurant , needs to be done with schools mock up. 2.2.4 Staff Management 2.2.4.1 Group Management Screen Same as the admin_groups_management.html screen , With the following changes. 1. Remove the restaurant pull down menu 2. remove the restaurant column in the table 3. In the group description remove the restaurant word and put or classes [ because we are doing this for schools ] Also add the following form after the Group description text area This is a not required field. Form Field Name Available Classes Assigned Classes Form Field List Box >> , > , << , < List Box Validation Required
2.2.4.2 Permission Management Screen UI Screen Same as the admin_permission_management.html screen which we have done for the restaurant , needs to be done with schools mock up. 2.2.4.3 Staff Management Screen UI Screen Same as admin_staff_management.html , the layout will be same , but adding some other links and buttons. Form – 1 Form Field Name First Name Last Name Email Id Login Name Address City Zipcode State Country Form Field Text Box Text Box Text Box Text Box Text Area Text Box Text Box Text Box or Pull down menu Pull down menu Select US UK India Text Box Text Box List Boxes as In admin_staff_management.ht ml Submit Reset Button Validation Required Required Not Required Required Required Required Required Required Required
Phone No Mobile No Group Name Save Changes Clear Cancel Table – 1 Static Content
Phone No Validation Mobile No Validation
Clicks on the Staff Name hyper link or assign to assign the classes and subjects Clicks on the edit icon to edit the staff details Clicks on the delete icon to delete the staff details DownloadCSV [ Hyper Link ] Pagination Links , No of records pull down menu , all columns except the Action column needs to be hyper linked for sorting Name Martin Address Login Name Phone No Mobile No Action Edit Icon ,
Delete Icon Assign Icon
2.2.4.3.1 Assign Classes & Subjects Pop Up menu Form – 1 Form Field Name Available Classes >> , > , << , < Assigned Classes Save Clear Form –2 Form Field Name Available Subjects >> , > , << , < Assigned Subjects Save Clear Form Field List Box Buttons List Box Submit Reset Validation Required Form Field List Box Buttons List Box Submit Reset Close [ Hyper link ] Validation
2.2.5 Students Management 2.2.5.1 Students Management screen Form – 1 Upload Students Static Content Upload the students in by the csv file , download the csv format to know about the format of the csv file needs to be uploaded. Form Field Name Upload Students Upload Clear Cancel Form – 2 Form Field Name First Name Last Name Email Id Login Name Address Form Field Text Box Text Box Text Box Text Box Text Area Validation Required Required Not Required Required Required Form Field File Type Submit Reset Button Validation Required
City Zipcode State Country
Phone No Mobile No Main Class
Text Box Text Box Text Box or Pull down menu Pull down menu Select US UK India Text Box Text Box Pull down Menu 1st A 2 nd B
Required Required Required Required
Phone No Validation Mobile No Validation
Form – 3 Form Field Name Available Ancillary Classes Assigned Classes Form Field List Box >> , > , << , < List Box Validation
Required
Form – 4 Form Field Name Assign Guardian Add New Guardian Form Field Radio Button Radio Button Validation
If the Assign Guardian radio button is selected , Form - 5 The user should able to add more rows , by clicks on the “+” symbol it will add new row , by clicks on “-“ , the row can be removed. Form Field Name Guardian Type Form Field Pull down menu Select Father Mother Gurdian Text Box [ Search by typing the word ] Validation Required
Name
+ [ Add symbo] - [ Remove symbol]
If Add New Guardian radio button is selected , Display the following message “Add the Guardian after add the students”
Form – 6 Save Changes Clear Cancel Table – 1 Static Content Clicks on the Student Name hyperlink to add / edit the guardian Pagination Links , No of records pull down menu , all columns except the Action column needs to be hyper linked for sorting Name Martin Address 45 , koranamnag a Login Name Martin_78 Phone No 3743747998 Mobile No 7787878798 Action Edit Icon , Delete Icon Submit Reset Button
2.2.5.2 Add Guardian Screen Form – 1 Form Field Name First Name Last Name Email Id Login Name Address City Zipcode State Country Form Field Text Box Text Box Text Box Text Box Text Area Text Box Text Box Text Box or Pull down menu Pull down menu Select US UK India Text Box Text Box Pull down Menu Select Gurdian Father Mother Validation Required Required Not Required Required Required Required Required Required Required
Phone No Mobile No Guardian Type
Phone No Validation Mobile No Validation Required
Form – 2 Form Field Name + Form Field Icon to add more rows Icon to remove the rows Validation
Form – 3 Form Field Name Save Clear Cancel 2.2.6 Manage Guardian 2.2.6.1 Manage Guardian Screen Form – 1 Upload Parents Static Content Upload the parents in by the csv file , download the csv format to know about the format of the csv file needs to be uploaded. Download CSV Format Form Field Name Upload Parents Upload Clear Cancel Form – 2 Form Field Name First Name Last Name Email Id Login Name Address City Zipcode State Country Form Field Text Box Text Box Text Box Text Box Text Area Text Box Text Box Text Box or Pull down menu Pull down menu Select US UK India Text Box Text Box Pull down Menu Select Gurdian Father Mother Validation Required Required Not Required Required Required Required Required Required Required Form Field File Type Submit Reset Button Validation Required Form Field Submit Reset Button Validation
Phone No Mobile No Guardian Type
Phone No Validation Mobile No Validation Required
Form – 3 Form Field Name Assign Students Add New Guardian Form Field Radio Button Radio Button Validation
If Assign Students radio button is selected , Form - 4 The user should able to add more rows , by clicks on the “+” symbol it will add new row , by clicks on “-“ , the row can be removed. Form Field Name Main Class Form Field Pull down menu Select 1B 2A 3B Text Box [ Search by typing the word ] Validation Required
Name
+ [ Add symbo] - [ Remove symbol]
If Add New Student radio button is selected , Display the following message “Add the Students after add the guardian”
Form – 4 Form Field Name Save Clear Cancel Table – 1 Static Content Clicks on the Student Name hyperlink to add / edit the students. Name Martin Login Name Martin_78 Guardian Type Father Phone No 3743747998 Mobile No 7787878798 Action Edit Icon , Delete Icon Form Field Submit Reset Button Validation
2.2.6.2 Add Students to Guardian Screen Form - 1
Form Field Name First Name Last Name Email Id Login Name Address City Zipcode State Country
Phone No Mobile No Main Class
Form Field Text Box Text Box Text Box Text Box Text Area Text Box Text Box Text Box or Pull down menu Pull down menu Select US UK India Text Box Text Box Pull down Menu 1st A 2 nd B
Validation Required Required Not Required Required Required Required Required Required Required
Phone No Validation Mobile No Validation Required
Form – 2 Form Field Name Available Ancillary Classes Assigned Classes Form – 3 Form Field Name + Form – 4 Save Clear Cancel 2.2.7 Staff Login 2.2.7.1 Staff Login Screen UI Screen Same as the admin_login.html screen which we have done for the restaurant , needs to be done with schools mock up. 2.2.7.2 Staff ForgotPassword Screen UI Screen Submit Reset Button Form Field Icon to add more rows Icon to remove the rows Validation Form Field List Box >> , > , << , < List Box Validation
Same as the admin_forgot_password.html screen which we have done for the restaurant , needs to be done with schools mock up. 2.2.7.3 Staff Change Password Screen Same as the admin_change_password.html screen which we have done for the restaurant , needs to be done with schools mock up. 2.2.8 School Management Fom – 1 Form Field Name Name Description Address Zipcode City State Country Form Field Text Box Text Area Text Area Text Box Text Box Text Box Pull down menu Select US UK File Type Icon Icon Validation Required Required Required Required Required Required
Upload + _ Contacts Form – 2 Form Field Name Contact Name Contact Type
Form Field Text Box Pull down menu Admin Accountant Text Box Text Box Text Box Icon Icon
Validation Required
Email Id Phone No Fax No + _
Not Required Not Required Not Required
Form Field Name Save Clear Cancel 2.2.9 Class Management Form – 1
Form Field Submit Reset Button
Validation
Form Field Name Class Name Description Class Type
Division
Save Clear Cancel Table – 1
Form Field Textbox Text Area Pull down menu Select Main Ancillary Select A B C D Submit Reset Button
Validation Required Required
Not Required This field will appear only when the user selects the class type as Main
Need pagination on the top and bottom and download CSV and no of records per page combo box Name 4 th A Description This class is for… [ hyper link tool tip] Type Main Division A Action Edit Icon , Delete Icon
2.2.10 Subjects Management Form – 1 Form Field Name Subject Name Description Save Clear Cancel Table – 1 Pagination Links , No of records pull down menu , all columns except the Action column needs to be hyper linked for sorting Name Science Description This subject is… [Hyper link tool tip] Action Edit Icon , Delete Icon Form Field Textbox Text Area Submit Reset Button Validation Required
2.2.11 CMS Screen Same as the admin_content_management.html screen which we have done for the restaurant , needs to be done with schools mock up. 2.2.12 Menu Wizard Screen
Same as the admin_menu_wizard.html screen which we have done for the restaurant , needs to be done with schools mock up. 2.2.13 School , Class Calendars 2.2.13.1 Calendar Main Screen Same as admin_calenders.html , but need the following changes 1. On the pop up screen add the pull down menu with Select , Events , Exam Schedules , Assignments values. 2. Change the Create Event button to “Add” 3. Near to the daily , add one more pull down menu with Select , Events , Exam Schedules , Assignments values. 2.2.13.2 Events , Exam Schedules , Assignments , Holiday List Same as admin_events.html , but needs the following changes. 1. Before the What Text box , add the pull down menu with Select , Events , Exam Schedules , Assignments , Holidays as values. 2. Remove the restaurant pull down menu 3. In Where pull down menu display class1 , class2 , class3 as values 4. Disable the Featured check box when Exam Schedules , Assignments values are selected from the pull down menu 5. Gallery form will be displayed only when the user selects the event from the pull down menu 6. Add the subjects pull down menu when exam schedules is selected from the pull down menu. 7. Display the following table only when the Assignments is selected from the pull down menu. Pagination Links , No of records pull down menu , all columns except the select column needs to be hyper linked for sorting Student Name Status Select Pull down menu Check box Completed Not Completed 8. When the user selects the holiday from the pull down menu , only What text box and when date picker needs to be enabled. 2.2.13.3 Calendar Types Screen Table - 1 Login Name
Static Content Please select the calendar types whch needs to be maintained through your calendars. The selected types will be appeared on the calendar. Available Calendar Types Events Exam Schedules Assignments Holidays Form – 1 Form Field Name Save Clear Cancel Form Field Submit Reset Button Validation Select Check Box Check Box Check Box Check Box
2.2.14 Forms Management 2.2.14.1 Forms Management Screen Form - 1 Form Field Name Form / Document Name Class Name User Type Form Field Text Box Pull Down Menu Pull down menu Staff Student Parents Pull down menu Group 1 Group 2 Group 3 Checbox Submit Reset Button Validation Required Required
Groups
Publish Save Clear Cancel Table – 1 Static Content
Required
Clicks on the form name to download the form. Pagination , no of records per page pull down menu and all the columns except the action needs to be hyper linked for sorting. Form Name Class Name User Type Groups Created On Publis h Action
Exam Fees Form
1A
Student
Student1
12-03-2008
Yes
Edit Icon , Delete Icon
2.2.14.2 Download Forms Screen Table – 1 Pagination , no of records per page pull down menu and all the columns except the action needs to be hyper linked for sorting. Form Name Exam Fees Form Class 1A Created On 12-03-2008 Description This form can be used… [ tool tip hyper link ]
2.2.15 Manage Bus Routes 2.2.15.1 Manage Bus Routes Screen Form – 1 Form Field Name Bus route Name Description State Country Form Field Text Box Text area Text Box Pull down menu Select US UK Validation Required Required Required
Form – 2 Static Content Add The Pcik Up points for this route. Starting Point Form Field Name Location Address City Zipcode Remarks Form – 3 Form – 2 needs to repeat when there is Form Field Name + Form Field Icon Icon Validation Form Field Text Box Text Area Text Box Text Box Text Area Validation Required Required Required Required
Form – 4 Form Field Name Save Clear Cancel 2.2.15.2 Bus Routes List Table – 1 Clicks on the bus route name to see the pick up points Clicks on the Assign Icon [ display the Icon you have given on the action ] to assign the students to the selected bus route. Bus Route Koramangala route Starting Point Koramangala End Point Jaya Nagar Action Edit Icon , Delete Icon , Assign Icon [ to assign the students to the Form Field Submit Reset Button Validation
2.2.15.3 Pick Up Points Screen This is a pop up screen when the user clicks on the bus route name. Table – 1 Location Koramangala BTM J.P Nagar Address 45 th Cross , 5th Main 45 th Cross , 5th Main 45 th Cross , 5th Main Remarks This is near to the Monday to sunday Yahoo Map Link to Yahoo Map Link to Yahoo Map Link to Yahoo Map
2.2.15.4 Assign Students – Busroutes This is a pop up screen to when the users clicks on the assign Icons Form – 1 Form Field Name Class List Students Clear Students List Form Field Pull down Menu 1A 1B Submit Reset Validation Required
Name Marti n
Address 45 , 5 th Cross , koramangala
Phone No 3743747998
Mobile No 7787878798
Select Check Box
Select Pick up Points Select Radio Button Radio Button Radio Button Radio Button Pick up Point Vivek Nagar Domlur Airport Indira Nagar Address 34 , vivek nagar ext 45 , domlur ext 56 , airport 75 , indira nagar
Form – 2 Form Field Name Assign Clear Form Field Submit Reset Validation
2.2.16 Manage Announcements 2.2.16.1 Add Announcements Screen Form Field Name Title Class Form Field Text Box [ Long ] Pull down menu Select Any Class 1A Class 1B List Box [ Multiple selection ] Students Parents Staff List Box [ Muliplt selection ] Group 1 Group 2 Group 3 Date Picker Check Box Fxkeditor Submit Reset Button Validation Required
User Type
Groups
Expiry date Publish ? Announcement Desc Save Clear Cancel
Required Required Required
2.2.16.2 Annoucements Lists Two Tabs : Live , Expired
Pagination Links , No of records pull down menu , all columns except the Action column needs to be hyper linked for sorting Title Trip to Munnar User Type Students Class N/A Expiry Date 12-03-2008 Publish yes Action Edit Icon , Delete Icon
2.2.16.3 Annoucements Details Pop up screen This is pop up screen , open when the user clicks on the title. Title Trip To Munnar User Type Students Groups Group 1 , Group 2 , Group 3 Expiry Date 12-03-2008 Publish Yes Announcement We are planning to go to munnar by this july 7 th , all students can enroll their names to the respective teachers. We are planning to go to munnar by this july 7 th , all students can enroll their names to the respective teachers. We are planning to go to munnar by this july 7 th , all students can enroll their names to the respective teachers. We are planning to go to munnar by this july 7 th , all students can enroll their names to the respective teachers.
2.2.17 Awards Management 2.2.17.1 Add awards Screen Form Field Name Award Name Description Type Academic Year [ Note : this pull down menu appear only If the user selects the Rolling as a type from above pull down menu] Period Form Field Text Box Text Area Pull down menu Rolling Special Pull down menu Apr-2008 Apr-2009 Start : Date Picker , End : Date Picker Validation Required Required
Table – 1 Selected Winners [ no need for pagination etc ] Name Martin User Type Student Class 1A Action Delete Icon
Form – 2 Form Field Name Save Clear Cancel Form – 3 Assign Awards Form Field Name Select The User Type Class Form Field Staff , Students , Parents Pull down menu 1A, 2C 3C Text Box Submit Reset Button Validation Required Form Field Submit Reset Button Validation
Name Search Clear Cancel Table – 2 Note
: This table appear if the user type is selected as a Student
Student Details Pagination , no of records per page , all columns needs to be hyper linked for sorting. Name Martin Note Address 45 , koramangala Class 1B Select Check box
: This table appear if the user type is selected as a Staff
Staff Details Pagination , no of records per page , all columns needs to be hyper linked for sorting. Name Mark Note Class 1B Select Check box
: This table appear if the user type is selected as a Parent
Parents Details Pagination , no of records per page , all columns needs to be hyper linked for sorting.
Name Martin Thomas
Student Martin 1 , Martin 2
Class 1B
Select Check box
2.2.17.2 Awards Lists Screen Table – 1 Pagination , no of records per page , all columns needs to be hyper linked for sorting Name Best Roll model Description This award is for the best roll… [ hyper link tool tip] User Type Student Award Type Special Acton Edit Icon , Delete Icon , History Icon
2.2.17.3 Award Details Screen This is a pop up screen , opens when the user clicks on the award name. Table – 1 Award Details Title Description User Type Award Type Period Table - 2 List of winners Name Mark Martin 2.2.17.4 Award History Screen This will open on a new screen when the user clicks on the history Icon. Table – 1 Pagination , no of records per page , all columns needs to be hyper linked for sorting Name Best Roll model Description This award is for the best roll… [ hyper link tool tip] Given To Martin User Type Student Award Type Special Class 1B 2A Best Roll Model This award is for the best roll etc etc Students , Parents Special 12-03-2008 to 12-03-2009
2.2.18 Country Management Same as the admin_country_management.html screen which we have done for the restaurant , needs to be done with schools mock up. 2.2.19 State Management Same as the admin_state_management.html screen which we have done for the restaurant , needs to be done with schools mock up. 2.3 User Side Screens Only the public , students , parents access the user side screens. 2.3.1 Class Pages Users clicks on the classes link from the top and can looks. After login the class menu will have the pop up with the classes where the students and students parents are linked with. When the users clicks on the screen without logged in , they will come and see the list of classes. 2.3.1.1 Class Lists Screen Two Tabs : Main class , Ancillary Class Main Class Screen – When clicks on the Main Class Tab Class 1A Class 2A Class 3A Class 4A This class is This class is This class is This class is for the students etc for the students etc for the students etc for the students etc
Ancillary Class Screen – When Clicks on the Ancillary Class Tab Cultural Club Cricket Club Foorball Union Westen Dance Group 2.3.1.2 Class Home Screen Tabs : Calendars , Announcements , Students 2.3.1.2.1 Announcements Lists Screen Two Tabs : Live , Expired Title Trip to Munnar Div Pop Up Published On 10-03-2008 Expiry Date 12-03-2008 This class is for cultual programs Cricket can be entertaiment and etc etc Football is a name of sports etc etc Western dance group founded
When the user clicks on the Title , display the following div pop up. We are planning to go to munnar by this july 7 th , all students can enroll their names to the respective teachers. We are planning to go to munnar by this july 7 th , all students can enroll their names to the respective teachers. We are planning to go to munnar by this july 7 th , all students can enroll their names to the respective teachers. We are planning to go to munnar by this july 7 th , all students can enroll their names to the respective teachers.
2.3.1.2.2 Students List Screen Pagination , No of records per page and the colums except the action column needs to be hyperlinked. Name Martin Address 45 , 5 th Cross 24 th Main Koramangala Phone No 3743747998 Mobile No 7787878798 Action Edit Icon , Delete Icon
2.3.1.2.3 Calendars Tabs : Events , Exam Schedules , Assigments , Holidays By default the the events tab needs to be highlighted and the displayed. 2.3.1.2.3.1 Events Screen Same as the calenders_events.html screen which we have done for the restaurant , needs to be done with schools mock up. Also do the same event_signup_popup , gallery.html for the links on the events. 2.3.1.2.3.2 Exam Schedules 1. The layout will be same as the calenders_events.html , but this screen don’t have the gallery , sign up for event link. 2. Change the Events Archive to Schedules archive. 3. There is no featured schedules , so no need for the featured coloured schedules which will always open [ in the events screen there is featured events that is always opened , , this we don’t need here ] 2.3.1.2.3.3 Assignments 1. The layout will be same as the calenders_events.html , but this screen don’t have the gallery , sign up for event link.
2. Change the Events Archive to assignment archive. 3. There is no featured assignments , so no need for the featured coloured schedules which will always open [ in the events screen there is featured events that is always opened , this we don’t need here ]. 2.3.1.2.3.4 Holidays Pagination Links , No of records pull down menu , all columns except the Action column needs to be hyper linked for sorting Holiday Deepavali Date 23-07-2008 Description Deepavali is celeberated for… [ tool tip hyper link ]
2.3.2 School Calendar When the users clicks on this link , there will be events , holidays tabs. The layout will be same as 2.3.1.2.3.1 Events Screen , 2.3.1.2.3.4 Holidays respectively. 2.3.3 Bus Routes 2.3.3.1 Bus Routes List screen Your Bus route Table – 1 [ This table will be displayed only if the students logged in or parents logged in , this will be controlled from program , but provide this one table with only one record] Clicks on the bus route name to see the pick up points Clicks on the Assign Icon [ display the Icon you have given on the action ] to assign the students to the selected bus route. Bus Route Koramangala route Starting Point Koramangala End Point Jaya Nagar Action Edit Icon , Delete Icon , Assign Icon [ to assign the students to the
Table – 2 [ This table will be appeared , when the users see not logged in as well as when they logged in , provide many records in this table ] Clicks on the bus route name to see the pick up points Clicks on the Assign Icon [ display the Icon you have given on the action ] to assign the students to the selected bus route. Pagination Links , No of records pull down menu , all columns except the Action column needs to be hyper linked for sorting Bus Route Koramangala route Starting Point Koramangala End Point Jaya Nagar Action Edit Icon , Delete
Icon , Assign Icon [ to assign the students to the 2.3.3.1 Pick Up Points Screen This is a pop up screen when the user clicks on the bus route name. Table – 1 Location Koramangala BTM J.P Nagar Address 45 th Cross , 5th Main 45 th Cross , 5th Main 45 th Cross , 5th Main Remarks This is near to the Monday to sunday Yahoo Map Link to Yahoo Map Link to Yahoo Map Link to Yahoo Map
2.3.4 Awards 2.3.4.1 Awards Lists Screen Table – 1 [ This table appear only when the students / paresnts logged in and if they are having the award , this will be controlled from program , but provide this table in the html design] Your Awards Name Best Roll model Description This award is for the best roll… [ hyper link tool tip] Award Type Special
Table – 2 Pagination , no of records per page , all columns needs to be hyper linked for sorting Name Best Roll model Description This award is for the best roll… [ hyper link tool tip] User Type Student Award Type Special
2.3.4.2 Award Details Screen This is a pop up screen , opens when the user clicks on the award name. Table – 1 Award Details Title Description User Type Best Roll Model This award is for the best roll etc etc Students , Parents
Award Type Period Table - 2 List of winners Name Mark Martin 2.3.4.3 Award History Screen Table – 1
Special 12-03-2008 to 12-03-2009
Class 1B 2A
Pagination , no of records per page , all columns needs to be hyper linked for sorting Name Best Roll model Description This award is for the best roll… [ hyper link tool tip] User Type Student Award Type Special
2.3.5 Forms Table – 1 Pagination , no of records per page pull down menu and all the columns except the action needs to be hyper linked for sorting. Form Name Exam Fees Form Class 1A Created On 12-03-2008 Description This form can be used… [ tool tip hyper link ]
2.3.6 News Same as the news.html screen which we have done for the restaurant , needs to be done with schools mock up. 2.3.7 Media Same as the media.html screen which we have done for the restaurant , needs to be done with schools mock up. 2.3.8 Suggestion Form Field Name From To Form Field Text Box Pull down menu School Admin Headmaster Principal Text Area Validation Required Required
About
Required
Send Clear Cancel 2.3.9 Contact Us
Submit Reset Button
Same as the contactus.html screen which we have done for the restaurant , needs to be done with schools mock up. But with the following changes. Also use the same map_popup.html pop up. 1. we don’t need multiple school address as multiple restaurants , there will be only one address will be there. 2.3.10 Students , Parents Login Screens 2.3.10.1 Student , Parent Login Screen Form Field Name Login Name Password Forgotpassword Rememebr me Login Clear Form Field Text Box Password Link Check box Submit Reset Validation Required Required
2.3.10.2 Forgot Password Screen Same as the forgot_password.html screen which we have done for the restaurant , needs to be done with schools mock up. 2.3.10.3 Change Password Screen Same as the change_password.html screen which we have done for the restaurant , needs to be done with schools mock up. 2.3.11 about us screen Same as the aboutus.html screen which we have done for the restaurant , needs to be done with schools mock up. 2.3.12 Parents Newsletter Sign Up Box Static Content If you want to receive the newsletters about the school and about your students records , sign up for the newsletter. Form - 1 Form Field Name Sign Up for newsletter ? Subscribe Clear Cancel Form Field Tao radio Buttons Yes , No Submit Reset Button Validation Required
