CP1406/CP1806/CP5638 Assignment 2 – Website Project
Overview
In this assignment, students will continue working on from their bakery sites. In this assignment, students will ensure that the site is responsive, has web form functionalities and uses JavaScript and PHP, to allow user data validation. In this assignment HTML, CSS, JS and PHP are to be employed.
Because students already have a simple site and received feedback (Assignment 1), they should be able to improve their site accordingly. Also, for this assignment, User testing and usability testing are performed. The student is required to implement least one item that was specified in the feedback on Assignment 1.
•
• You have two milestones that will be submitted together as part of this one project. These are summarised here with further details below:
•
• Milestone 1 Response to Feedback & Design Comps (10% due Friday Week 7 )
• Part 1: Response to feedback
•
Copy and paste your feedback into a Word document and specify how you will address the items. You must identify at least one item to focus on for your second submission.
•
• Part 2: Design Rationalisation
•
For the 3 pages listed below you must describe each page in detail, specifying colour choices, images, fonts and content. You must specify how you will make any changes needed due to feedback from Assignment 1.
• Home page
• Product detail page
• Newsletter signup page
•
• Part 3: Usability test plan
You will create a test plan to be used in the practical in Week 10 to test your site.
Milestone 2 – Finished Product (30%, due Friday week 10)
This is the full, finished product website, the result of you going through the complete website design and development process. Use the outputs of Milestone 1 to develop a functional, finished site. Your site should be mostly complete by week 10, so that it is ready for usability testing. Assessment of this milestone is for both completeness and quality.
Milestone 2 items:
• User Testing Report and Further Development Suggestions
• Updated web site
The Usability Testing Report will follow the usability test plan you developed in Milestone 1. It should contain notes from your user testing, and a section discussing what improvements you think should be made to the site given more time
Finished site components at a minimum are:
Important: The requirements here are not specified as pages, but as features or functionality. The information architecture is up to you to decide for whatever you think is best as a result of careful consideration in your planning.
Home Page with content written to rank well on search engines (including meta data)
Specials describes current sale items
Product Detail pages give information about each particular item
Contact Us Page gives information about organisers details and contact information
Newsletter Signup contains a form for the user to give their name, email address, product interests, birthday (day and month only) and approval to be added to the Tropical Treats email list. The form should ensure that all fields have been filled in correctly (using JavaScript data validation) and display a message on a following page showing the information that was sent.
For example:
Thank you for signing up for the Tropical Treats Weekly newsletter. We have added the following information to our files regarding your interests:
Name:
Email:
Product interests:
Birthday:
Usability Testing
In week 10 you should follow a prescribed usability testing process involving realistic users (your friends), whom you will need to organise for a live testing session. You may undertake this as part of your practical in Week 10, or do it outside of class. You will then update and improve the site based on the results of this testing.
Milestones 1 & 2 – 40%
Due: Week 10, Friday
Please note that it is acceptable to find and use code for parts of your site. You must write the core functionality yourself. You cannot use any existing content management systems or existing templates. The work you submit must be substantially your own.
You must reference any code that you use that you did not create in your user testing report.
Items required for Assessment 2 submission
• Response to Feedback
• User Testing Report and Further Development Suggestions
• Updated web site
Submission
• Upload your work to your JCU Singapore web server.
• Upload a zip file containing all the files for this assessment to LearnJCU. Provide a note on the submission page with a link to your published web site.
Rubric for this Assignment in the next page. Please look at it and see where you will be assessed.
Criteria
Exemplary (9, 10)
Good (7, 8)
Satisfactory (5, 6)
Limited (2, 3, 4)
Very Limited (0, 1)
Weighting
Development in response to feedback
All suggested changes from feedback have been made, or feedback did not indicate any changes to be made.
Exhibits aspects of exemplary (left) and satisfactory (right)
Most suggested changes from feedback have been made/attempted.
Exhibits aspects of exemplary (left) and satisfactory (right)
Few or no changes in response to feedback have been made.
15%
Information Design
All content is clear, well-written and suitable for the site. Writing is suitable for scanning.
Content is mostly clear, some typos, grammar or other writing issues. Writing is suitable for scanning.
Missing content and / or difficult to read or understand.
10%
Information
Architecture
Content has been thoughtfully organised to be suitable for site goals, calls-to-action are clearly used
Content is mostly well-organised, not sufficiently goal-driven
Content placement seems illogical
10%
Interface
Design
Design is professional, consistent, suitable for site goals and audience
Design is fairly good, not as suitable for site goals and audience as it should be, minor inconsistencies across different pages
Poor quality, not suitable for site goals and audience
15%
HTML + CSS
Content and design elements are all present, HTML & CSS used appropriately
Content and design elements are mostly present, HTML & CSS mostly used appropriately
Content and design elements are mostly missing, HTML & CSS problems
10%
Javascript + PHP
Javascript is used appropriately to validate form data entry or other uses. No errors are evident in running the code.
PHP code is used to display the results of the form submission. Some effort in modifying the code to suit the situation have been attempted.
Exhibits aspects of exemplary (left) and satisfactory (right)
Javascript is attempted to validate form data entry or other uses. A few errors are evident in running the code. PHP code is attempted to display the results of the form submission. Essentially a copy and paste of PHP code given in class.
No or little Javascript and/or PHP scripts have been attempted.
10%
Usability Testing Results
Usability testing results are submitted, and some effort at changing the site in response to this feedback have been made.
Usability testing results are submitted, but little of the feedback has been implemented.
Usability testing results are not submitted and/or none of the feedback has been implemented.
10%