Unit 13: Website Design & Development
Authorised Assignment Brief part 1
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.
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:
LO1 Explain server technologies and management services associated with hosting and managing
websites.
LO2 Categorise website technologies, tools and software used to develop websites.
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
solve problems. solve practical problems
● Ability to evaluate and analyze the server technologies and management services involved in
BTEC HN Assignment Brief Template
Issue Date: Jan 2024 Owner: HN QD
DCL1 Public (Unclassified) Version 2.0
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.
Cosmetics fashion sales management systems.
Land sales management systems.
BTEC HN Assignment Brief Template
Issue Date: Jan 2024 Owner: HN QD
DCL1 Public (Unclassified) Version 2.0
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 1: Discuss the server technologies and management services associated with hosting and
managing websites. Explain the relationships between domain names, Domain Name System (DNS)
services, and communication protocols used to access a website.
+ Identify the purpose and types of DNS
Definition Website?
How does the website work?
What is domain name?
How are the domain names organized and managed?
What is a Domain Name System (DNS)?
Purpose and type of DNS, how does DNS work
+ Explain the purpose and relationships between communication protocols, server hardware,
operating systems and web server software.
Web communication protocols
Server hardware
Operating systems
Web server software
Relationship between communication protocols, server hardware, operating systems and web
server software with regards to designing, publishing and accessing a website.
+ Analyze web development technologies and frameworks.
State the role of frameworks in website design and development
List a few frameworks for front end and back end
State the characteristics, advantages and disadvantages of 2 frameworks for front end and 2
frameworks for back end
Choose the appropriate framework for the scenario and give reasons.
BTEC HN Assignment Brief Template
Issue Date: Jan 2024 Owner: HN QD
DCL1 Public (Unclassified) Version 2.0
+ Review the influence of search engines on website performance.
Definition of SEO
Roles and types of SEO
How are search engine rankings established?
SEO standard website design criteria
The influence of search engines on website performance (Analyzing ranking factors that affect
website performance and how page loading speed affects SEO)
Provide examples demonstrating how to improve search rankings through SEO
+ Justify the techniques, management services, tools and software chosen to realize a custom-built
website
Evaluate the selected languages for website design according to scenarios and compare with other
languages.
Evaluate selected tools to design websites according to scenarios and compare with other tools.
Evaluate selected frameworks to design websites according to scenarios and compare with other
frameworks.
Activity 2: Evaluate and categorize the website technologies, tools, and software used for website
development.
+ Discuss the capabilities and relationships between front-end and back-end website technologies.
Front-end technologies such as HTML, CSS, JS, ReactJS, AngularJS… Give advantages and
disadvantages
Back-end technologies such as PHP, Java, Node.JS... Give advantages and disadvantages
Explain how these relate to presentation and application layers.
Role of presentation and application layers
How the Front-end and back-end website technologies relate to presentation and application
layers in OSI model
+ Discuss the tools that create online websites.
Definition, advantages and disadvantages of Tools: WordPress, wix.com, Joomla, Coffee Cup
Example: give an example of steps to create a website using WordPress, wix.com, Joomla, Coffee
Cup.
Create a comparison table showing the differences between online website creation tools and
custom-built websites in terms of design flexibility, performance, functionality, User Experience
(UX), and User Interface (UI).
+ Analyze tools and techniques for website design and development
About tools: State the advantages and disadvantages of IDE Frontend (Visual Studio Code,
Sublime Text, Notepad ++...) Backend (NetBeans, Visual Studio (C#),Eclipse...) database
management tool (MS SQL Server, My SQL Workbench , Oracle…)
BTEC HN Assignment Brief Template
Issue Date: Jan 2024 Owner: HN QD
DCL1 Public (Unclassified) Version 2.0
- About techniques: State the advantages and disadvantages of frameworks (ASP.NET, Laravel,
Spring Hibernate, ...), database servers (MySQL, SQL Server, MongoDB, ...)
Recommended resources
Please note that the resources listed are examples for you to use as a starting point in your research –
the list is not definitive.
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
LO1 Explain server technologies and management services
associated with hosting and managing websites
P1 Identify the purpose and types M1 Analyze the impact of LO1 & 2
of DNS, including explanations common web development
D1 Justify the techniques,
on how domain names are technologies and frameworks
organized and managed. with regards to website design, management services, tools and
functionality and management. software chosen to realize a
custom-built website.
P2 Explain the purpose and
relationships between M2 Review the influence of
communication protocols, server search engines on website
hardware, operating systems and performance and provide
web server software with regards evidence-based support for
to designing, publishing and improving a site’s index value
accessing a website. and rank through search engine
optimization.
LO2 Categorize website technologies, tools and software used to
develop websites
P3 Discuss the capabilities and M3 Analyze a range of tools and
BTEC HN Assignment Brief Template
Issue Date: Jan 2024 Owner: HN QD
DCL1 Public (Unclassified) Version 2.0
relationships between front-end techniques available to design
and back-end website and develop a custom- built
technologies and explain how website.
these relate to presentation and
application layers.
P4 Discuss the differences
between online website creation
tools and custom-built sites with
regards to design flexibility,
performance, functionality, User
Experience (UX) and User
Interface (UI).
BTEC HN Assignment Brief Template
Issue Date: Jan 2024 Owner: HN QD
DCL1 Public (Unclassified) Version 2.0
