Unit 13: Website Design & Development
Authorised Assignment Brief 2
Programme Title Pearson BTEC Level 5 Higher National Diploma in Computing
Student Name/ ID
Number
Unit number and
Unit 13: Website Design & Development
Title
Academic Year
Unit Tutor
Assignment title Web Services Presentation and Guidebook
Issue date
Submission date
Submission Format:
Format:
● The submission is in the form of 1 document.
● You must use the Times font with 12pt size, turn on page numbering; set line spacing to 1.3 and
margins to be as follows: left = 1.25cm, right = 1cm, top = 1cm, bottom = 1cm. Citation and
references must follow the Harvard referencing style.
Submission:
● Students are compulsory to submit the assignment in due date and in a way requested by the Tutor.
● The form of submission will be a soft copy posted on http://cms.btec.edu.vn/.
● Remember to convert the word file into PDF file before the submission on CMS and submit the
code sharing link on GitHub to the assignment post.
Note:
● The individual Assignment must be your own work, and not copied by or from another student.
● If you use ideas, quotes or data (such as diagrams) from books, journals or other sources, you must
reference your sources, using the Harvard style.
A written report to evaluate the content used in the development of the website, as well as an evaluation of
BTEC HN Assignment Brief Template
Issue Date: Jan 2024 Owner: HN QD
DCL1 Public (Unclassified) Version 2.0
the use of the IDE and the role of coding standards in software development teams.
The recommended word limit is 1,500–2,000 words, although you will not be penalised for exceeding the
total word limit.
You are required to make use of headings, paragraphs and subsections as appropriate, and all work must
be supported with research and referenced using the Harvard referencing system.
Make sure that you understand and follow the guidelines to avoid plagiarism. Failure to comply this
requirement will result in a failed assignment.
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
Transferable skills and competencies developed:
Cognitive skills related to website systems
● Computational thinking
● Demonstrate knowledge and understanding of essential concepts, principles, and theories related to
the internet, websites, and their management.
● Identify and analyze criteria and specifications appropriate to specific problems and strategically
plan solutions in website project design and implementation.
● Critical review and audit: domain structure, domain name system, web protocols, database servers,
development frameworks, website publishing, content management, search engine optimization, web
browsers, HTML standards, CSS and CSS preprocessing (LESS, SASS), presentation models,
responsive design, integrated development environments, user requirements, interface design,
experience User experience, branding, navigation, optimization, and accuracy.
● Methods and tools: deploy appropriate theory, practice, and tools to design, deploy, and evaluate a
complete sales website
Practical skills related to website analysis and design
● Ability to identify the underlying services needed for storage, management, and retrieval Visit a
secure website. It will then introduce and explore the methods used by designers and developers to
combine back-end (server-side) technology with front-end (client-side) technology.
● Ability to evaluate the system in terms of quality attributes and possible trade-offs in website
design
● Ability to effectively deploy the tools used to build and document computer applications, with
particular emphasis on understanding the entire process involved in effectively deploying computers to
BTEC HN Assignment Brief Template
Issue Date: Jan 2024 Owner: HN QD
DCL1 Public (Unclassified) Version 2.0
solve problems. solve practical problems
● Ability to evaluate and analyze the server technologies and management services involved in
hosting and managing secure websites, classifying the website technologies, tools, and software used
to develop websites, make good use of technologies, tools, and website techniques. design principles
for creating a multi-page site and create and use a Test Plan to review the performance and design of a
multi-page site.
Generic skills for employability
● Intellectual skills: critical thinking; making a case; numeracy and literacy
● Self-management: self-awareness and reflection; goal setting and action planning
● Independence and adaptability; acting on initiative; innovation and creativity
Contextual awareness, e.g. the ability to understand and meet the needs of individuals, business and the
community, and to understand how workplaces and organisations are governed.)
Vocational scenario :
You work as a comprehensive website development team leader for a leading digital technology solutions
company. Your team is about to get a big contract to develop an online fashion sales website.
One of the preparatory tasks is choosing the appropriate tools and techniques to realize a custom-built
website.
As part of your role, you are required to create an engaging presentation to help train junior staff in basic
web technologies including website hosting and management as well as server technology. Your
presentation should not only explain the basics in that field but also show the impact of these technologies
on the design, functionality, management or performance of the website.
You also need to give more technical presentations to senior staff to discuss front-end and back-end
technologies as well as other tools, techniques, and software used to develop websites from simple ( online
website creation tools) to complex (custom-built) . Your presentation will serve as a guide to choosing the
right tools and techniques for your next project.
Examples of typical systems for student projects include:( Each student must design a website to sell a
different product that cannot be duplicated)
Computer sales management systems.
Phone sales management systems.
Men’s fashion sales management systems.
Women’s fashion sales management systems.
Jewellery sales management systems.
BTEC HN Assignment Brief Template
Issue Date: Jan 2024 Owner: HN QD
DCL1 Public (Unclassified) Version 2.0
Cosmetics fashion sales management systems.
Land sales management systems.
Car sales management systems.
It's important to note that:
The system's complexity will vary depending on the project's requirements and the students'
capabilities.
Students should select a system that aligns with their acquired knowledge and skills while
ensuring its practicality and effectiveness in real-world applications.
Instructors should provide appropriate guidance and support to help students successfully complete their
projects.
Assignment activity and guidance
Activity 3 Use technologies, tools, and techniques to create a multi-page website.
- Create a design document for a multipage website
Introducing the scenario of the fashion sales website project
Function, non-function requirements
Use case diagram
Wireframe structure and components of website
- Apply coding techniques to develop a multi-page website
+ Use HTML 5, CSS 3 and JavaScript to design a website that requires at least the following pages:
A Home page
A Contact Page
A Login page (check validate form using JavaScript)
A Register page (check validate form using JavaScript)
A Profile page
A My Cart Page
- Justify the multi-page websites against design documents
+ Similar wireframes and web screenshots for comparison. Clarify the similarities and differences
between them.
Discuss any deviations between the design and implementation.
Justify why changes were made (e.g., technical limitations, user feedback, improved usability).
Assess the overall success of the website in terms of design consistency, user experience, and
functionality.
BTEC HN Assignment Brief Template
Issue Date: Jan 2024 Owner: HN QD
DCL1 Public (Unclassified) Version 2.0
A Home page
A Contact Page
A Login page
A Register page
A Profile page
A My Cart Page
- Evaluate the website development process
Evaluate the design document:
+ Assess how well the design document helped guide the website development process and
identify its strengths and weaknesses.
Evaluate development process:
+ Assess the actual development phase of the project and how closely it followed the design
document.
Show the technical challenges/difficulties in web development with evidence & explanation.
+ Identify technical challenges encountered during the development process and how you resolved
them.
+ Provide evidence of how you handled each challenge.
Summarize the overall development process, focusing on successes and areas that need
improvement.
Offer suggestions based on your experience for improving future design and development
processes.
Activity 4 Test Plan to review the performance and design of a multipage website
- Testing
State the definition, types of testing and advantages and disadvantages of different types of testers.
Create a test case table, test log of the following contents: registration form, login form (check
validate form).
Create a test case table, test log UX, UI.
- Analyze the Quality Assurance (QA) process.
Provide an overview of the QA process and its importance in web development.
Present about steps in QA
Explain which steps of the QA process you followed during your project
Use screenshots, logs, or test reports to provide evidence that the steps were applied in the QA
process
- Evaluate the results
Test Result Evaluation
BTEC HN Assignment Brief Template
Issue Date: Jan 2024 Owner: HN QD
DCL1 Public (Unclassified) Version 2.0
+ Provide a summary of the test cases that were executed, and indicate which tests passed or failed.
+ Highlight any specific areas where the website performed well
+ Discuss the failed test cases, if any, and explain the cause of the failure (e.g., browser-specific
issues, JavaScript errors).
Test result evaluation, review overall success of multipage website
+ Evaluate the website's overall performance and usability after testing and debugging.
Show the advantages, disadvantages:
+ Identify what worked well in terms of design, functionality, and user experience.
+ Identify areas where the website could be improved or where limitations were encountered.
Offer actionable recommendations based on the test results and overall evaluation to improve the
website's functionality, performance, and user experience:
+ Look at the disadvantages and areas where the website did not meet the desired performance or
functionality
+ Offer specific improvements that could address these issues
+ Provide justification for each recommendation
Weblinks - general:
http://www. developers.google.com/web/tools Google Web Development Tools
http://www. getbootstrap.com Open-source web development toolkit
http://www. www.w3.org World Wide Web Consortium
Learning Outcomes and Assessment Criteria
Pass Merit Distinction
LO3 Utilise website technologies, tools and techniques with good
design principles to create a multipage website
P5 Create a design document for a M4 Justify the multipage D2 Evaluate the design and
branded, multipage website website implementation development process of the
supported with medium fidelity decisions against the design multipage website against the
wireframes and a full set of client document. design document including any
and user requirements. technical challenges faced.
P6 Use the design document with
appropriate principles, standards
BTEC HN Assignment Brief Template
Issue Date: Jan 2024 Owner: HN QD
DCL1 Public (Unclassified) Version 2.0
and guidelines to produce a
branded, multipage website
supported with realistic content.
LO4 Create and use a Test Plan to review the performance and D3 Evaluate the results of the Test
design of a multipage website Plan and the overall success of the
multipage website with
P7 Create a suitable test plan, M5 Analyse the Quality recommendations for
identifying key performance Assurance (QA) process and improvement.
areas to review the functionality review how it was
and performance of the multipage implemented during the
website developed. multipage website design and
development stages.
BTEC HN Assignment Brief Template
Issue Date: Jan 2024 Owner: HN QD
DCL1 Public (Unclassified) Version 2.0
