CP1406/CP1806/CP5638 Assignment 2 – Full 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 Python, NodeJS or PHP, to allow user data validation. In this assignment HTML, CSS, JS and Python, NodeJS or PHP are to be employed.
Because students already have already a simple site and received feedback (A1), 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 Assessment 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 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 in Page 2 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 Assessment 1
• 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 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
© 2020 – Information Technology @ James Cook University 1/4
Finished site components at a minimum are:
Important: The .
The information architecture is up to you to decide for whatever you think is best as a result of careful consideration in your planning.
requirements here are not specified as pages, but as features or functionality
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 Petite 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 Petite Treats Weekly newsletter.
We have added the following information to our files regarding your interests:
Name:
Email:
Product interests:
Usability Testing
In week 10 you should follow a prescribed usability testing process involving realistic users, 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
1. Response to Feedback & Design Comps
2. User Testing Report and Further Development Suggestions
3. Updated web site
© 2020 – Information Technology @ James Cook University 2/4
Submission
1. Upload your work to your AWS web server.
2. Create a Link.doc file to paste a HYPELINK and include this file n final submission OR insert link as a
HYPERLINK in your plan.html file
3. Please test item 1 and 2 before you proceed item 5 below
4. Ensure your plan.html (updated) from Assignment-1 is also included as this assess again in see rubric
below
5. Upload a word or PDF file containing the GitHub URL that has all the files for assessment to
LearnJCU.
© 2020 – Information Technology @ James Cook University 3/4
Criteria
Exemplary (9, 10)
Good (7, 8)
Satisfactory (5, 6)
Limited (2, 3, 4)
Very Limited (0, 1)
Weightin g
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%
© 2020 – Information Technology @ James Cook University 4/4