Assignment Brief (RQF)

Assignment Brief (RQF)

Pearson BTEC Level 4 Higher National Diploma
in Computing
Qualification Pearson BTEC Level 4 Higher National Diploma in Computing

Unit Number and Title Unit-10 Web Design and Development

Academic Year: 2022

Start Date 22th November 2022(Tuesday)

Deadline 17th December 2022(Saturday)

Assessor Name Ms. Yin Mon Nyein Aye

Assignment Number Assignment- 2 of 2

Assignment Title Website Design and Test Plan

Internal Verifier Name Mrs. Mon Mon Soe

Submission Format:

 Use PDF format to submit your Assignment.

 Use Harvard referencing system.
 Check carefully the submission date and the instructions given with the
assignments
 Late assignments will not be accepted, except for valid circumstances with
supporting evidences
 Ensure that you give yourself enough time to complete the assignment by
the due date.
 Do not leave things such as printing to the late minute-excuses of this nature
will not be accepted for failure to hand-in the work on time.
 You must take responsibility for managing your own time effectively.
 If you are unable to hand in your assignment on time and have valid reasons
such as illness, you may apply (in writing) for an extension.
 Take great care that if you use other people’s work or ideas in your
assignment, you properly reference them in your text and any bibliography.
 Plagiarism is on offence. Plagiarized work will be differed.

Prepared by: Higher Education Qualifications (HEQ) Approved by: HEQ, QDAM (HE)
Version 1.0 – November 2017
DCL 1 – Public (Unclassified)
1
 Assignment Brief (RQF)

 Use Microsoft Word for report.

 Your report must be formatted as follow:
o Font Name : Verdana
o Font Size : 10 pt
o Margin : .75 inches (round)
o Line Spacing : 1.5 pt
o Alignment : Justify
o Left Hand Side of Header: Batch Number
o Right Hand Side of Header: Your Name
o Centre of Footer : Page Number
 Complete the title page and sign the statement of authenticity.
 Your assignment must be submitted in pdf format.

Interim Review Session (Formative Assessment)

 5th and 6th December 2022

Submit your final work via moodle.gusto-education.com by


 17/12/2022 (Saturday) 23:55 PM
Unit Learning Outcomes:

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.

Assignment Brief and Guidance:

Scenario:
You are working as a full-stack web developer in a renowned web
application development company.

A new Estate Agent named “Future Residency Limited” is demanding to develop

a very basic website to promote its property business. They start selling and renting
the new build and old apartments to individual customers. Initially, “Future
Residency Limited” is eager to present their 5 new build apartments to sell and 10
old houses to rent with detailed information (e.g. price, location, number of
bedrooms, nearest stations, and additional key features).

A website must be supported by different browsers and access to different

devices e.g. Mobile, Computer, Tablets. Based on your knowledge and expertise in
web development, you have to design, develop a user interactive website based on
their requirements. The client also wants SEO and content analysis for attracting
users. You are free to make any assumptions but your assumptions must be related

Prepared by: Higher Education Qualifications (HEQ) Approved by: HEQ, QDAM (HE)
Version 1.0 – November 2017
DCL 1 – Public (Unclassified)
2
 Assignment Brief (RQF)

to the property business. The website domain name will be www.future-

residency.com.

The recommendation for designing and developing the website:

You must need to create a design document with appropriate principles and
standard guidelines to produce a branded, multipage website before developing the
website.

The Website should have around 5-7 pages, each of those pages should use a
similar style so that the pages look like they belong to the same website. And every
page must have a meaningful title and relevant content. Each HTML page and CSS
should pass the W3C validation. You must use at least one external style sheet.

You should have consistent navigation for all pages and organize all the pages in a
good structure. Your website should be easy to use, easy to read; background
colour, front end colour, table, form, images, etc. should be properly managed and
organized.

You should create a contact us page and place the Google map on the contact page.

You should have a customer inquiry form on your website (only front-end, you don’t
have to write any server-side code to store the data) which must have text box,
label, combo box, radio button, check box, command button, list box, etc.

You should use some multi-media content e.g. audio, video, flash, etc.

NOTE: if you copy any images, sound, video from Google make sure the copyright
issue of using these materials so you have to reference the origin of that resource
in a comment in your HTML or CSS file.

Task 1:

Create a design document for a branded, multipage website supported with

medium fidelity wireframes and a full set of client and user requirements.
 Purpose of the website
 Targeted audience
 A full set of client requirements
 User requirements
 Sitemap/Navigation map which shows all key pages and their relationship
 Wireframes which show a view of the content on the key pages
 Visual style specifications: typefaces, colours, backgrounds, images
(Evidence for P5)

Prepared by: Higher Education Qualifications (HEQ) Approved by: HEQ, QDAM (HE)
Version 1.0 – November 2017
DCL 1 – Public (Unclassified)
3
 Assignment Brief (RQF)

After website design and content have been approved, then you can proceed to
create the actual site pages as required on Task 1.

Task 2:

Build the website based on your design document using current standards,
incorporating features in Task 1, produce a branded multipage website for “future
residency” with realistic content on the key pages.

When implementing the design, your website must:

 Be responsive

 Background colour, front end colour, table, form, images, etc. should be
properly managed and organized.

 Use CSS for a consistent style of all pages for navigation and classes

 Use headings, lists, and buttons

 Have clickable images

 Be interactive and contain animation

 Consistent page title: “www.future-residency.com” and proper site

description.

 Web pages will display in a wide variety of browsers and computer

(Evidence for P6)

M4: You would also compare and contrast your multipage website created to the
design document.

1) Write a comparison and contrast of your completed website against your design.
Does the completed website in Task2 match the design in Task 1?

2) Up to 400 words or more

(Evidence for M4)

D2: You are critically evaluated your design and development process you carried
out against your original design (design document) and also analyse any
technical challenges you faced throughout the design and development phases
of this project.
1) Describe what you process in Task 1
2) Describe what you process in Task 2
3) Compare what you did in Task 1 and Task 2
4) Discuss which part is difficult, which part is easy

Prepared by: Higher Education Qualifications (HEQ) Approved by: HEQ, QDAM (HE)
Version 1.0 – November 2017
DCL 1 – Public (Unclassified)
4
 Assignment Brief (RQF)

5) Up to 500 words or more

(Evidence for D2)

P7: Create a detailed Test Plan to test the completed website. The Test Plan
will cover key performance areas of your website. Write a review of the functionality
and performance of your website.
Checking all links and buttons for all pages

Animations and modals work as expected

Correct spelling and grammar

Correct responsive, appearance on mobile, tablet and desktop

 Correct content
You will need to critically review the actual outcomes of the tests against your
expected outcomes.

(Evidence for P7)

M5: Evaluate the Quality Assurance (QA) process and review how it was
implemented during your design and development stages.
1) Explain the importance of having a Quality Assurance Process.
2) Discuss the purpose why you need to do validation of your codes
3) Evaluate the result of your review from your peers (at least 3 peers)
4) Discuss the purpose of having your website peer-reviewed
5) Up to 400 words or more

(Evidence for M5)

D3: Having completed a thorough test of the finished website, you must now
critically evaluate the results of the testing. Review the overall success of the
website against the original requirements and recommend areas for improvement
with justification.
1) Discuss the purpose of why you need implement test plan
2) Evaluate your test plan result
3) Describe the test which failed and how you solve the errors
4) Explain if you manage met the requirements
5) Explain any areas of success and provide justified recommendations for areas
that require improvement.
6) Up to 500 words or more.
Prepared by: Higher Education Qualifications (HEQ) Approved by: HEQ, QDAM (HE)
Version 1.0 – November 2017
DCL 1 – Public (Unclassified)
5
 Assignment Brief (RQF)

Learning Outcomes and Assessment Criteria:

Learning Outcome Pass Merit Distinction
LO3 Utilise website P5 Create a design M4 Compare and
technologies, tools document for a contrast the
and techniques with branded, multipage multipage website
good design website supported created to the
principles to create with medium fidelity design document.
a multipage website wireframes and a D2 Critically
full set of client and evaluate the design
user requirements. and development
P6 Use your design process against
document with your design
appropriate document and
principles, analyse any
standards and technical
guidelines to challenges.
produce a branded,
multipage website
supported with
realistic content.

LO4 Create and use P7 Create a suitable M5 Evaluate the D3 Critically

a Test Plan to Test Plan identifying Quality Assurance evaluate the results
review the key performance (QA) process and of your Test Plan
performance and areas and use it to review how it was and include a review
design of a review the implemented during of the overall
multipage website functionality and your design and success of your
performance of your development multipage website;
website. stages. use this evaluation
to explain any areas
of success and
provide justified
recommendations
for areas that
require
improvement.

Prepared by: Higher Education Qualifications (HEQ) Approved by: HEQ, QDAM (HE)
Version 1.0 – November 2017
DCL 1 – Public (Unclassified)
6