辅导KXO205、写作website留学生

” 辅导KXO205、写作website留学生KXO205 assignment Semester1, 20181KXO205 ASSIGNMENT SPECIFICATIONINTRODUCTIONThe aim of this assignment is to create a online survey website. The contents and thefeatures of the website are described in details below.DUE DATEPART 1 (15%): 10PM, Thursday 8th November 2018 (Shanghai time)PART 2 (30%): 10PM, Thursday 13th December 2018 (Shanghai time)SUBMISSION METHODYou should prepare the components as follows:Files for the website:Make sure that the folder in which You have all the files for this online survey websiteshould be labelled with your username.You must compress the files into a .zip archive before uploading it to MyLO.PART 1 (DUE BY NOVEMBER 8)All the pages of the web site are linked, although they are not full functional yet. A couple ofinteractivities such as image swapping or your choice of interactivity, must be included. Designof pages of home, people, online survey, contact us, my page, sign up, and admin is done. Anyother functionalities of the site including Database and PHP will be implemented in Part 2.Table creation in database along with the site design is done.DESCRIPTION OF THE TASKS1. The online survey website contains the following pages:a. Home pageb. People pagec. Online survey paged. Contact us pagee. My pagef. Sign Up pageg. Admin page [functionality will be in PART 2]For more detailed information about the components of the pages, you should read Detailsof the main contents required carefully for PART 2.KXO205 assignment Semester1, 201822. There are three different level users: [PART 2]o Public user: users who have not signed up or logged in to the websiteo General Member: users Who have logged in as a general member (When theuser Sign up, the default level for the new user is General member)o Administrator: users who have logged in as an administratorFor more detailed information about privilege for each level, you should read Details of themain contents required [PART 2] carefully. For example, if the page is only for theadministrator, general member or public user cannot access the page (Even if they typed theurl of the page, they cannot access).3. All pages in this online survey website should contain the following sections:1. Header section: It should contain the title of the page. If the page is People page,the title of the page should be People.2. Navigation section: It should contain the following linksHome that links to home pagePeople that links to people pageOnline Survey that links to survey pageContact us that links to contact page3. Main content section: It should contain the relevant information for each page. Youcan find the detailed information about the contents from Details of the maincontents required4. Extra section [PART 2]: It contains the login/logout and sign up linkBefore log in: There should be four components in this section:i. A link that redirects to Sign Up page (e.g. the text for this link canbe create your account)ii. Username field (It should have label)iii. Password field (It should have label)iv. Login (submit) buttonIf the username or password is invalid, the page should display the popup message(Invalid username or password)If the username and password are valid, login bar should display as below:After log in: There Should be four components in this sectioni. Welcoming text message (not pop-up message) with an accountname (e.g. Welcome! soonjayeom)ii. A link that redirects to Online survey Pageiii. A link that redirects to Admin Page if the user is adminiv. Logout (submit) button.When the logout button is clicked, the extra section should display the componentsin Before login part.NOTE: Once the user logged in, user must keep logging in (all pages in the website)until the user clicks logout button or close entire browser.5. Footer section: It should contain the following componentsThe utas username of the developer (e.g. soonjayeom)The student number of the developer (e.g. 101788)KXO205 assignment Semester1, 20183DETAILS OF PROGRMMING STYLEAll semantic structure of the website should be controlled by HTML. You should payparticular attention to the elements that you use – make sure that you use the mostappropriate element for the kind of text you are marking up.All layout and other details of the appearance of the website should be controlled by validCSS (Cascading Style Sheets) rules. You should place CSS rules in an external style sheet.All behavior of The website (the response to mouse clicking or keyboard reaction) shouldbe controlled by valid JavaScript (jQuery).If you use the jQuery plugins developed by others, you should create readme.txt file andspecify which plugins you used. (You will get half mark for the related section)For this assignment, you should use PHP as a server-side scripting. Uses built-in PHPfunction where possibleYou should use MySQL database in server. The detailed table structure can be found fromDetails of Table Required section. NOTE: The database and tables should be used asrequired (*database on school server is case-sensitive)All references (URI values) within the site are relative. Do NOT use absolute URL.DETAILS OF THE TABLE REQUIREDThe table structure should be exactly same as specified. NOTE: The database and tablesshould be used as required.You do not need to submit your table sql fileYou should make the tables exactly same as the below images.If not, your work cannot be marked.1. `users` TableThe structure of the `users` table*DOB: Date of Birth*Access: Access level. Admin should be 1 General User should be 2.*Created: created time. Not updated time*The value of password should be encrypted.2. `survey` TableThe structure of the `survey` tableKXO205 assignment Semester1, 20184*Created: created time. Not updated timePART 2 (DUE BY DECEMBER 13)Correct functionalities implemented to a fully functional site.DETAILS OF THE MAIN CONTENT REQUIRED1. HOME PAGEAvailable user level: Public User, General Member, and AdministratorThis main content of page includes your own contents according to the design decision of the page.2. PEOPLE PAGEAvailable user level: Public User, General Member, and AdministratorThis main content of page must contain:Display the unordered list: Show the Name of the users who are in admin level accesslevel is 1 – (a.k.a. staff). (Extract names from the table users)o When the user clicks the certain staffs name, the detailed information of the staff(date of birth and email from table/database) should be shown. If the user clickshis/her name again, the detailed information should be hided.o The names should be sorted in alphabetical order.3. ONLINE SURVEY PAGEAvailable user level: General Member, and AdministratorThis main content of page must contain:A Form contains following input elements:(Every fields should have the appropriate label)o [Required field] Gender field using radio buttono [Required field] Country field using select area (In the Country field, you shouldinclude USA` and `Australia) When the country is selected, the page should show:KXO205 assignment Semester1, 20185o State field using select area(You do not need to put all States but at least three states foreach country) If the country is not selected, you should not show `State` field When the state is selected, the page should show:o City field using select area(You do not need to put all states but at least three city for eachcountry) If the country or state is not selected, you should not show `City` fieldo [Required field] `Satisfaction` field using radio button (Yes or No)o Submit buttono Reset buttonWhen the form is submitted (when the submit button is clicked)o The form is submitted only when the form is completed. Show error message ifthere is any empty field in this form.o The webpage should let the user know that the form is submitted.o The submitted form data should be saved into the table survey in databaseusername. The detailed table survey can be found in the Details of TableRequired section.4. CONTACT US PAGEAvailable user level: Public User, General Member, and AdministratorThis main content of page includes your own contents according to the design decision of the page.5. SIGN UP PAGEAvailable user level: Public UserThis main content of page must contain:A Form contains following input elements and each element should be validated when theuser entered something on each field:Every fields should have the appropriate labelo [Required field] Username To be valid, the user must enter a value that contains atleast one letter and is not a username that has been taken.o [Required field] Password To be valid the user must enter a value that contains atleast 5 characters which must not include any spaces (all other characters areacceptable)o [Required field] Re-type Password To be valid the user must enter a value that isexactly the same entry as the first password entryo [Required field] Name First and Last nameo [Required field] Date of birth- Users should be given 3 drop down lists (year, month,and day field) to enter this (it must be a valid date February should have 28 or29) the options in the drop down lists must make it possible to enter no date. The month field should be Shown when the year is selected. The day field should be shown when the month is selected The year range should be: 1970 2018KXO205 assignment Semester1, 20186 NOTE: If you use the jQuery plugins developed by others, you shouldspecify which plugins you used. (You will get half mark for this section).o [Optional field] Email User should put valid email form.o Submit button value is Sign Upo Reset buttonWhen the submit button is clicked,o If all fields are valid The webpage should let the user know that the form is submitted. The submitted form data should be saved into the table users in databaseusername. The detailed table users can be found in the Details of TableRequired section. (The default access level should be 2)o If any field is invalid, The page should show all appropriate error messages (e.g. passwordshould be more than 5 characters). The entered data should be remained in the field.6. MY PAGEAvailable user level: General Member, and AdministratorThis main content of page must contain:Authentication form(Every fields should have the appropriate label)o The page should have a form with username field and password field. Username field: The value of username should be the current logged-inusername. The field should be un-clickable Password field: text field Submit buttono If the user submits invalid password, the page should display the alert message Youhave entered wrong password. Please try again.o If the user submits the valid password, the page should display as follows: A Form contains following input elements and each element should bevalidated when the user enters something on each field: Each input elements should extract and display the saved value that userstyped when he/she signed upUsername field: un-clickable. Display the username[Required field] Name same as field in Sign up page[Required field] Date of birth Same as field in Sign up page[Optional field] Email same as field in Sign up page.Submit button value is EditReset button When the submit button is clicked,If all fields are valido The webpage should let the user know that the form is submitted.KXO205 assignment Semester1, 20187o The submitted form data should be saved into the table users indatabase username. The detailed table users can be found inthe Details of Table Required section.If any field is invalid,o The page should show all appropriate error messages.o The entered data should be remained in the field.7. ADMIN PAGEAvailable user level: AdministratorThis main content of page must contain:Authentication formEvery fields should have the appropriate labelo The page should have a form with username field and password field. Username field: The value of username should be the current logged-inusername. The field should be un-clickable Password field: text field Submit buttono If the user submits invalid Password, the page should display the alert message Youhave entered wrong password. Please try again.o If the user submits the valid password, the page should display as follows: User management tableThe table should display the following columns for all users (all rowsin the table users) ID Username Name DOB Email AccessThe value of table headings (th) should be exactly same as thecolumn names in the table users.The value of Access column should be displayed as drop down listthat has two options: General and Admin. It should select theappropriate level for each user when the page is loaded. If the user islevel 2 in the table users, the drop down list should be selected asGeneral when the page is loaded.NOTE: Admin can modify the users access level.Submit buttonReset buttono When the submit button is clicked,The webpage should let the user know that the form is submitted.The submitted form data should be saved into the table users indatabase username. The detailed table users can be found in theDetails of Table Required section.KXO205 assignment Semester1, 20188MARKINGDetailed information is available in rubrics.MARKING INFORMATIONYour submitted work will be marked by using the browser Firefox on a Windows computer withWAMP installed. If your work does not work properly in the above mentioned environment, thework will not be marked.LATE SUBMISSIONSLate assignments will only be accepted in exceptional circumstances and provided thatthe proper procedures have been followed. Assignments that are submitted late withoutlecturers approval will be subject to mark penalties if they are accepted at all (see theDiscipline web site for details on this).Forms to request extensions of time to submit assignments are available from the Disciplineweb site. Requests must be accompanied by suitable documentation and should besubmitted before the assignment due date.HELPSRead the specification carefully and make sure that you know what application needs to do.Look at the examples in self-studies, tutorials, and lectures, to see whether you have seen similartasks before. DO NOT neglect your self-study and tutorial work in the unit to work on theassignment. Some of the activities may lead you to see what needs to be done in the assignment.You may seek help with this assignment by calling or emailing to the unit coordinator(Soonja.Yeom@utas.edu.au). When you ask, please do:o Make sure you know (or think you know) what your problem is.o Have details of the work you have done so far and the progress you have made on handwhen you seek help. The more specific you can be in your request for help the moreimmediately useful the help is likely to be.COPYRIGHT PLAGIARISMPractical assignments are used by the Discipline of ICT for students to both reinforce anddemonstrate their understanding of material which has been presented in class. They have arole both for assessment and for learning. It is a requirement that work you hand in forassessment is substantially your own. You are reminded that you need to check if any objecthas copyright. If it is copyright free, you may use it. Nevertheless you state it when you useobjects including picture, photo, symbols and/or icons in your assignment.请加QQ：99515681 或邮箱：99515681@qq.com WX：codehelp

“