HNC/D Computing and Systems Development

2018/19

Unit 10: Website Design + Development Student Name :

Assignment Number : 2
Lecturer : Andrew Dockerty Date Set: 28/1/19
Unit IV/Moderator name: Dean Lewis Date Due In : 20/5/19
IV/Moderator approved signature: Date Handed In :

This assignment covers LO1 – Understand web design concepts

Assessment grade and Date Achieve Feedback

criteria d Comments and actions
Y/N
P5 Create a design
document for a branded,
multipage website
supported with medium
fidelity wireframes and a
full set of client and user
requirements.
P6 Use your design
document with
appropriate principles,
standards and guidelines
to produce a branded,
multipage website
supported with realistic
content.
M4 compare and
contrast the multipage
website with the design
document.
D2 Critically evaluate the
design and development
process against your
design document and
analyse any technical
challenges.
P7 Create a suitable
Test Plan identifying key
performance areas and
use it to review the
functionality of your
website.
M5 Evaluate the Quality
Assurance (QA) process
and review how it was
implemented during your
design and development
stages.
D3 Critically evaluate the
results of your test plan
and include a review of
the overall success of
your multipage website;
Use this evaluation to
explain any areas of
success and provide
justified
recommendations for
areas that require
improvement.
Guidance on academic conduct

This is an individual piece of work.

Evidence of plagiarism or collusion will be taken seriously.
Credit will not be given for simply technology dumping and inappropriate
use of appendices. Technology dumping is the copying and pasting of
facts regarding a topic area hoping to hit learning outcomes. At this level
it is expected that students read, disseminate and evaluate.

All work submitted as part of the individual element must be all of your
own work. Make sure that any citations are referenced correctly in
accordance with the Harvard system.

Student Declaration

I declare that this assignment is all my own work. All sources of

information and material I have used within this assignment,
including internet research, have been fully identified and have
been referenced accurately. I acknowledge that any work that is
found to be plagiarised may result in disciplinary actions.

Student signature ________________________ Date ______________________

Lecturer Signature ________________________Date _______________________

Website Design
Unit 10

Assignment 2 Design and Implementation

Rubric

Following your presentation to the junior website developers, you are to design and
create a multipage website following industry practice. You will analyse your
progress and test the functionality of the website. Ensure to document your progress
and write up your success and areas for improvements.

Your company have been asked, to produce a Web site for a marketing client. You
are required to create an interactive website with the emphasis being on the
production of a set of simple dynamic web pages, which embody good design
principles. The site will be themed around a template, with placeholders for text and
content. Images and icons will be used, to give the client a feel for the proposed
website design. You will also include a membership area, where users can register
to have access to restricted areas.

Your site must be visually attractive and easy to use conforming to general web
page design principles and standard HCI conventions. Your development will
consider a range of technologies and features including:

 Layout of pages  Interactive features

 Site structure  Images
 Navigation  Animation
 Format of content  HTML 5
 Cascading Style Sheets  Client and Server side scripting
 Page elements  Web authoring software tools
 Compliance with the W3C  Meta Tagging(SEO)

You will document the following:

Design
 Evaluate a range of different websites focusing on design and explain the
features that you will use in your development
 Identify the nature of interactivity to be included in the development
 Review accessibility standards and guidelines and their possible impact on
design and aesthetics. Consideration of the end user needs in the form of a
contextual user profile
 Wireframes for each proposed page considering layout techniques, templates
dimensions and colour schemes.
  You will design an appropriate site map for the
development and justify the type of structure adopted.
 Discuss why and how the quality of content can affect the performance of a
website.
 Compare your website to your original designs and draw conclusions from
your lifecycle.

Implementation
 Produce technical documentation describing in technical language, how all of
the features of the system were created, (appropriate use of annotated screen
shots and sample source code (HTML 5, CSS 3 and JavaScript/PHP) should
be used).a
 Create onscreen help to assist the users
 Printouts of the webpage’s as displayed in the browser (in colour)
 Printout of all source code suitably commented will be provided as
appendices (HTML 5, CSS 3 and JavaScript/PHP)
 Critically evaluate your work analysing any technical qualities and challenges.

Testing
 The production of a test plan (QA) and procedures displaying thorough testing
of the design. The test plan should test the functional and non-functional
requirements, browser compatibility, platform testing, script testing and valid
code. The test plan should reference appropriate screen shots.

Test no Test Expected Results Actual Results Action Appendix

 Analyse the actual test results against the expected results to identify any
discrepancies. It is expected that testing takes place throughout the
development lifecycle. Evaluate how successful your testing was.
 Consider the effects of good and bad search engine optimisation (SEO) and
indexing on the performance of a website.
 Assess the impact of poorly optimised website graphics.
 Review the overall success of your website in the form of a written evaluation.

Please review the subsequent grading criteria for more details on the expected
elements and topics that need to be included.
Deliverables

Hand in a professionally presented report (2000 words minimum) that should

include:
 An assignment front cover sheet
 Contents page
 Report
 References

Learning outcome:

LO3 Utilise website technologies, tools and techniques with good design principles to
create a multipage website.

LO4 Create and use a Test Plan to review the performance and design of a
multipage website.

To achieve the merit and distinction criteria, you will demonstrate extensive research
using a range of resources that are appropriately referenced. Your work will be
professionally presented.