CP1406/CP5638 Assignment 2 – Full Website Project
Due: Monday 03/05/2022 @ 11.59 pm
In this assignment, you will continue working on from your basic florist website. You will ensure that the site is responsive, you will perform usability testing, and publish the website to a web server. Your finished website will have web form functionalities and use JavaScript to perform user data validation. In this assignment, HTML, CSS, and JavaScript are to be employed.
Because you already have a simple site and received feedback from Assignment 1, you should be able to improve your website accordingly. You must document items specified in the feedback on Assessment 1 and how you improved them.
Copyright By PowCoder代写 加微信 powcoder
You have two (2) milestones but will submit your documentation and website together as part of this one project. These are summarised here with further details below:
Milestone 1 Response to Feedback & Design Comps
Milestone 1 Part 1-3 are to be submitted together with Milestone 2. Name your Word document for your Milestone 1 “report.docx”.
• Part 1: Design Mocks (during Week 8 prac):
Create design mock-ups for two “levels” or styles of pages. You may create your mocks either as images (using a drawing or design program like Photoshop, Balsamiq or figma.com) or as web pages.
• Home page
• Content-heavy page designed for reading, not scanning (like About Us or something – this depends on your plan and what pages you decide on)
Include your design mocks in your report.docx.
• Part 2: Response to feedback (during Week 9 prac)
Copy and paste your feedback into your report.docx and specify how you addressed any issues raised here.
• Part 3: Usability Test Plan (during Week 10 prac)
Your site should be mostly complete by the start of week 10, so that it is ready for usability testing. You will follow a prescribed usability testing process involving realistic users, whom you will need to organise for a live testing session. You will create and use a testing plan for usability testing in week 10. Document your usability testing results and feedback from the users in your report.docx. Any changes you make to your website based on the feedback are to be recorded in the report.
Milestone 2 – Finished Product
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.
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.
© 2022 – Information Technology @ University 1/4
Home Page: with a clear purpose (goal-driven) and relevant content General Information: about, contact, etc.
Announcements: specials, news, etc.
• Create a contact us form that would be suitable for the site/client and demonstrates several different kinds of form fields as appropriate.
• You need to use JavaScript to validate your form data (e.g., users shouldn’t be able to submit the form if the required fields are blank, or contain incorrect input).
Responsive Design: Use CSS media queries to ensure your site is responsive and displays well on mobile phones, tablets, and desktop browsers in large and small windows.
Upload your Assignment 2 to SiteGround web server:
• Name your assignment folder “a2”.
• Upload the folder “a2” to “public_html” folder on SiteGround web server.
• When you have done the above steps correctly, the link to your website homepage should look
something like https://username.sgedu.site/a2
Milestones 1 & 2: 40% for CP1406 and 35% for CP5638
Due: Milestone 1 is to be presented to your tutor during Week 8-10. Both Milestones 1 and 2 are to be submitted by 11.59pm on Monday 03/05/2022.
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 may only use the images provided for the site (no other images unless you create something yourself). Please ask on Slack if you are unsure about what is considered acceptable. You must reference any code that you use that you did not create in your report.docx.
Items required for submission:
1. Design Comps (report.docx)
2. Response to Feedback (report.docx)
3. User Testing Report and Further Development Suggestions (report.docx)
4. Updated website (all files including html, css, js files, and images).
Submission
1. Upload your site (not report) to your webserver.
2. Upload a zip file containing all the files (report.docx and all the files for your website) for this
assessment to LearnJCU.
3. Write the text of the link to your published web site in the LearnJCU submission text area;
it should look something like https://username.sgedu.site/a2/
© 2022 – Information Technology @ University 2/4
CSS is used effectively. External style sheet(s) used as appropriate. Selectors are well chosen; class names are meaningful. CSS code is appropriate, and all code is valid. alt attributes used correctly for all images.
Good use of JavaScript for form validation. Code used is of a high standard (identifier naming, formatting and commenting)
Report is complete and well-written, containing comprehensive details of:
– Response to Assignment 1 Feedback
– Design Comps
– Usability testing plan
– Usability testing results including
possible/planned changes
CSS is mostly used effectively. External style sheet(s) used as appropriate. Selectors are mostly well-chosen; class names are not all meaningful. CSS code is mostly appropriate, and code has minimal errors. alt attributes are used correctly for most images.
Exemplary (9, 10)
The content of the website is complete and of a high standard. Content has been written/edited to suit the Web, the audience and site goals. Content is goal driven.
Good (7, 8) Satisfactory (5, 6) Limited (1-4)
Very Limited (0)
Content is incomplete and/or of a low standard, containing errors and not being suitable for the Web, audience, or site goals. Not goal driven.
Text has been (re)formatted to be suitable for page purposes and for site goals, images enhance meaning of text. Calls to-action are used appropriately and well designed.
The content of the website is complete and of a decent standard. Content has mostly been written/edited to suit the Web, the audience and site goals. Content is mostly goal driven.
Most text has been (re)formatted to be suitable for page purposes and for site goals, images enhance meaning of text. Calls to- action are used appropriately
Text appears just copied from client content or is poorly presented, images not used or not used well to enhance communication. Missing calls-to-action.
Information Design
Information Architecture
Content has been thoughtfully organised to be suitable for sitegoals, calls-to- action are clearly used
Content is mostly well-organised, notsufficiently goal-driven
Interface Design
Design is professional, consistent, suitable for site goals and audience
Design is fairly good, not as suitable forsite goals and audience as it should be,minor inconsistencies across different
Content placement seems illogical
Poor quality, not suitable for sitegoals and audience
CSS is barely used or poorly used. Class names are not meaningful. Styles are inappropriately embedded in HTML. Content structure is not suitable. Alt attributes are not used for images. Lots of code errors.
The HTML content structure is correct and viewable with styles disabled. HTML code is appropriate, and all code is valid.
Exhibits aspects of exemplary (left) and satisfactory (right)
The HTML content structure is correct. HTML code is mostly appropriate, and code has minimal validation errors.
Website works well for only two (2) of the following resolutions: mobile phones, tablets, and desktop browsers in large and small windows.
Exhibits aspects of satisfactory (left) and very limited (right)
Content structure is not suitable. HTML code is used inappropriately (e.g. use of deprecated elements or attributes).
Website works well at any resolution (mobile phones, tablets, and desktop browsers in large and small windows). Breakpoints used for 3 different screen sizes.
Website is not responsive.
Responsiveness
JavaScript (Form Validation)
Sufficient use of JavaScript for form validation. Code used is mostly of a high standard (identifier naming, formatting and commenting) but with some problems.
No or little JavaScript.
Report is mostly complete but lacking some expected details, or is not well-written.
Report is mostly incomplete or very poorly written.
© 2022 – Information Technology @ University 4/4
程序代写 CS代考 加微信: powcoder QQ: 1823890830 Email: powcoder@163.com