Higher Nationals – Summative Assignment Feedback Form

Student Name/ID

Unit Title Unit 13: Web Design and Development

Assignment Number 1 Assessor

Date Received 1st
Submission Date
submission
Date Received 2nd
Re-submission Date
submission
Assessor Feedback:

LO1 Explain server technologies and management services associated with hosting and managing websites

Pass, Merit & Distinction P1 P2 M1 M2 D1

Descripts

LO2 Categorise website technologies, tools and software used to develop websites

Pass, Merit & Distinction P3 P4 M3

Descripts

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

Pass, Merit & Distinction P5 P6 M4 D2

Descripts

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

Pass, Merit & Distinction P7 M5 D3

Descripts

* Please note that grade decisions are provisional. They are only confirmed once internal and external moderation has taken place and grades decisions have
been agreed at the assessment board.

I
Assessor Feedback:

Grade: Assessor Signature: Date:

Resubmission Feedback:
 Please note resubmission feedback is focussed only on the resubmitted work

Grade: Assessor Signature: Date:

Internal Verifier’s Comments:

Signature & Date:

II
Important Points:

1. It is strictly prohibited to use textboxes to add texts in the assignments, except for the compulsory
information. eg: Figures, tables of comparison etc. Adding text boxes in the body except for the
before mentioned compulsory information will result in rejection of your work.
2. Avoid using page borders in your assignment body.
3. Carefully check the hand in date and the instructions given in the assignment. Late submissions will
not be accepted.
4. Ensure that you give yourself enough time to complete the assignment by the due date.
5. Excuses of any nature will not be accepted for failure to hand in the work on time.
6. You must take responsibility for managing your own time effectively.
7. 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.
8. Failure to achieve at least PASS criteria will result in a REFERRAL grade .
9. Non-submission of work without valid reasons will lead to an automatic RE FERRAL. You will
then be asked to complete an alternative assignment.
10. If you use other people’s work or ideas in your assignment, reference them properly using
HARVARD referencing system to avoid plagiarism. You have to provide both in-text citation and a
reference list.
11. If you are proven to be guilty of plagiarism or any academic misconduct, your grade could be
reduced to A REFERRAL or at worst you could be expelled from the course
12. Use word processing application spell check and grammar check function to help editing your
assignment.
13. Use footer function in the word processor to insert Your Name, Subject, Assignment No, and
Page Number on each page. This is useful if individual sheets become detached for any reason.

III
STUDENT ASSESSMENT SUBMISSION AND DECLARATION

When submitting evidence for assessment, each student must sign a declaration confirming that the work is
their own.
Student name: Assessor name:

Issue date: Submission date: Submitted on:

Programme:
HND in Computing

Unit 13: Web Design and Development

Assignment number and title:

1 | Web application for Velvet Vogue clothing store

Plagiarism
Plagiarism is a particular form of cheating. Plagiarism must be avoided at all costs and students who break
the rules, however innocently, may be penalised. It is your responsibility to ensure that you understand
correct referencing practices. As a university level student, you are expected to use appropriate references
throughout and keep carefully detailed notes of all your sources of materials for material you have used in
your work, including any material downloaded from the Internet. Please consult the relevant unit lecturer or
your course tutor if you need any further advice.

Student Declaration

Student declaration
I certify that the assignment submission is entirely my own work and I fully understand
the consequences of plagiarism. I understand that making a false declaration is a form of
malpractice.

Student signature: Date:

IV
Assignment Brief

Student Name/ID
Number

Unit Number and Title Unit 13: Web Design and Development

Academic Year 2024/2025

Unit Tutor
Web application for Velvet Vogue clothing store
Assignment Title

Issue Date
Submission Date

Submission Format

A written portfolio that explores and highlights key information on the technologies that
could be utilised to develop, host and manage the website for Velvet Vogue.

The portfolio should consist of the following components. (Activity 2)

 Solution design documents produced to meet the requirements of a given

problem, including requirements specifications, visual and technical design
documentation details of additional considerations

 Development documentation, including records of test plan and review processes,

and refinements made to the website throughout development.

The recommended word limit is 2000–2,500 words, although you will not be penalised for
exceeding the total word limit.

An Evaluative report to evaluate the design and development process of the website.
(Activity 1 and 3)

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.

V
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

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

Computing-related cognitive skills :

 Demonstrate knowledge and understanding of essential facts, concepts, principles

and theories relating to computing and computer applications
 Recognise and analyse criteria and specifications appropriate to specific problems,
and plan strategies for their solutions
 Critical evaluation and testing: analyse the extent to which a computer-based
system meets the criteria defined for its current use and future development
 Methods and tools: deploy appropriate theory, practices and tools for the design,
implementation and evaluation of computer-based systems.

Computing-related practical skills :

 The ability to specify, design and construct reliable, secure and usable computer-
based systems
 The ability to evaluate systems in terms of quality attributes and possible trade-offs
presented within the given problem
 The ability to deploy effectively the tools used for the construction and
documentation of computer applications, with particular emphasis on understanding
the whole process involved in the effective deployment of computers to solve
practical problems.

Generic skills for employability :

 Intellectual skills: critical thinking; making a case; numeracy and literacy

 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.

VI
John Finlo is an ambitious entrepreneur who has recently started a clothing store called "Velvet
Vogue". Specializing in trendy casualwear and formal wear, that offers a vast selection of clothing
and accessories for young adults who want to express their identity through their style.
John is looking for new ways to promote his business by enhancing the online presence of his brand.
So he has approached you to develop a multi-page (initially between four and six pages) website that
will act as a showcase of his products categories, allow customers to make transactions, inquiries and
provide a seamless shopping experience. The website will need to provide the following features:
 A visually appealing home page that showcases the products, promotions, and new arrivals. The
home page should include clear navigation to different sections of the website. (Product
categories, the shopping cart, customer support/inquiry page etc.)
 Product pages that display detailed information about each item, including high-quality images,
descriptions, available sizes, colors, and pricing.
 A shopping cart that includes add, review, adjust quantities and proceed payments of the
products they select.
 Product categories and filters that allow users to search items based on criteria such as gender,
clothing type, size, price range and etc.
 User accounts and profiles that allow customers to create personal accounts, admin accounts to
add new products to the web site.
 Responsive design that ensures the website accessibility across different devices
Your task is to design and develop an e-commerce website that reflects his brand identity and satisfy
the preferences and needs of its target audience. Develop a web-based solution for the above scenario
and produce a report covering the following tasks.

VII
Assignment activity and guidance:
Activity 1 – Evaluative report

Write an evaluative report that explores the technologies that could be utilized to develop, host and
manage the website for Velvet Vogue. The report should include the following.
 Identification of the purpose and different types of DNS
 An explanation of how domain names are organized and managed
 An explanation of the relationships between hardware and software used to design, publish and
access the Velvet Vogue website, with consideration of:
o communication protocols (e.g. HTTPS, FTP)
o server hardware
o operating systems
o Web server software (e.g. Apache, TomCat, IIS, Nginx).

 An analysis of how web development technologies and frameworks (e.g. HTML5, JSON,
JQuery, REACT, Angular, Node.js) have had an impact on web design, functionality and
management
 A review of the influence of search engines on website performance
 A review, supported by clear, well-documented evidence, of how to improve the index value of
a website through SEO
 A discussion of the capabilities and relationships of front-end and back-end website
technologies and how they relate to the presentation and application layers
 An analysis of the impact of different tools and techniques available on custom-built website
design and development
 A discussion of the differences between online website creation tools and custom-built sites
with consideration of:
o design flexibility
o performance
o functionality
o User Experience (UX)
o User Interface (UI).

Activity 2 -portfolio

Design, Develop and Test the Website

You are to design a multi-page website solution that will meet the needs of the Velvet Vogue website.

Your design documents should include:

 a full set of client and user requirements, e.g. functional and non-functional requirements, user
acceptance criteria
 wireframes
 interface designs
 details of:
o networking and hosting considerations

VIII
 o security features
o how accessibility and inclusivity guidelines will be implemented.

You should then use your design documents to implement a multi-page website that will meet the
needs of Velvet Vogue.

Your implementation should include the following.

 A branded, multi-page website for Velvet Vogue, supported with realistic content from your
additional research
 The creation of a suitable test plan for the site. The test plan should identify key areas that cover
both the functionality and performance of the developed website
 An explanation of the web design principles, standards and guidelines used
 A justification of the implementation of the multi-page website decisions against the planned
design decisions, noting any similarities or differences
 An implementation of the test plan against the final developed multi-page website
 Analysis of the QA process, including a review of how it was implemented during the design
and development stages of the multi-page website for Velvet Vogue.

Activity 3 – Evaluative repot contd.

Evaluation

Produce an evaluative report that explores the design and development of the website, and how well the
final website meets the needs of Velvet Vogue.
The report should include the following.

 Justification of the chosen management services, tools and software from the range of options
presented in Activity 1 that were used ultimately in the development of the Velvet Vogue
website
 An evaluation of the design and development process of making the Velvet Vogue website,
compared to the original design document
 An evaluation of any specific technical challenges faced creating the Velvet Vogue website
 An evaluation of the results of the Test Plan and the overall success of the website
 A list of recommended improvements for the Velvet Vogue website; this could be based on
client feedback and the results of testing.

IX
 Recommended resources.

Weblinks:
https://developer.chrome.com/ (n.d.) Chrome DevTools [online] Available at:
https://developer.chrome.com/docs/devtools/ [Accessed 1 August 2022]
https://developers.google.com/ (2022) Search Engine Optimization (SEO) Starter Guide [online]
Available at: https://developers.google.com/search/docs/beginner/seo-starter-guide [Accessed 1 August
2022]
https://getbootstrap.com/ (n.d.) Build fast, responsive sites with Bootstrap [online] Available at:
https://getbootstrap.com/ [Accessed 1 August 2022]
https://ibrandstudio.com/ (n.d.) Design Theory Principles That Work When Building A Website [online]
Available at: https://ibrandstudio.com/articles/building-website-design-theory-principles [Accessed 1
August 2022]
https://wishdesk.com/ (2020) QUALITY ASSURANCE FOR YOUR WEB PROJECT: STAGES,
METHODS, & PRACTICES [online] Available at: https://wishdesk.com/blog/quality-assurance-stages-
steps-tools [Accessed 1 August 2022]
https://www.comentum.com/ (2022) Guide to Web Application Development [online] Available at:
https://www.comentum.com/guide-to-web-application-development.html [Accessed 1 August 2022]
https://www.monocubed.com/ (2022) List of 10 Best Web Frameworks for Web App Development in
2022 [online] Available at: https://www.monocubed.com/blog/most-popular-web-frameworks/
[Accessed 1 August 2022]

Reading:
Duckett, J (2011) HTML and CSS: Design and Build Websites. 1st edn, Wiley
Duckett, J (2014) JavaScript and jQuery: Interactive Front End Development. 1st edn, Wiley
Duckett, J (2022) PHP & MySQL: Server-Side Web Development. 1st edn, Wiley
Plekhanova, J. (2009) Evaluating web development frameworks: Django, Ruby on Rails and CakePHP,
Available at: https://ibit.temple.edu/wpcontent/uploads/2011/03/IBITWebframeworks.pdf

Journals:
Divyam. G. Pulkit J. and Bharat, B. (2020) Enhancement of Security using Various Web Development
Frameworks. Proceedings of the International Conference on Innovative Computing &
Communications (ICICC) 2020, SSRN: https://ssrn.com/abstract=3600740 or
http://dx.doi.org/10.2139/ssrn.3600740
K. Lei, Y. Ma and Z. Tan, (2014) Performance Comparison and Evaluation of Web Development
Technologies in PHP, Python, and Node.js. 2014 IEEE 17th International Conference on
Computational Science and Engineering, 2014, pp. 661-668, doi: 10.1109/CSE.2014.142.
Salas-Zárate, M. et al. (2015) Analyzing best practices on Web development frameworks: The lift
approach. Science of Computer Programming, Volume 102, pp.1-19. doi:
https://doi.org/10.1016/j.scico.2014.12.004
Visser, E.B. & Weideman, M. (2011) An empirical study on website usability elements and how they
affect search engine optimisation. SA Journal of Information Management 13(1), Art. #428, 9 pages.
doi: 10.4102/sajim.v13i1.42
Wilson, R. et al. (2006) Search engine optimisation: A primer on keyword strategies. Journal of Direct,
Data and Digital Marketing Practice. doi:10.1057/PALGRAVE.DDDMP.4340563

X
Learning Outcomes and Assessment Criteria

Pass Merit Distinction

LO1 Explain server technologies and management services associated

with hosting and managing websites LO1 & LO2

P1 Identify the M1 Analyse the impact of common web D1 Justify the

purpose and types of development technologies and frameworks technologies,
DNS, including with regard to website design, functionality management
explanations on how and management. services, tools
domain names are and software
organised and M2 Review the influence of search engines on chosen to realise
managed. website performance and provide evidence- a custom-built
based support for improving a site’s index website.
P2 Explain the value and rank through search engine
purpose and optimisation.
relationships between
communication
protocols, server
hardware, operating
systems and web
server software with
regard to designing,
publishing and
accessing a website.
LO2 Categorise website technologies, tools and software used to
develop websites

P3 Discuss the M3 Analyse a range of tools and techniques

capabilities and available to design and develop a custom-built
relationships between website.
front-end and back-
end website
technologies and
explain how they

XI
relate to presentation
and application layers.

P4 Discuss the
differences between
online website
creation tools and
custom-built sites
with regard to design
flexibility,
performance,
functionality, User
Experience (UX) and
User Interface (UI).

LO3 Utilise website technologies, tools and techniques with good D2 Evaluate the
design principles to create a multipage website design and
development
P5 Create a design M4 Justify the multipage website process of the
document for a implementation decisions against the design multipage
branded, multipage document. website against
website, supported the design
with medium fidelity document
wireframes and a full including any
set of client and user technical
requirements. challenges faced.

P6 Use the design

document with
appropriate principles,
standards and
guidelines to produce
a branded, multipage
website supported
with realistic content.

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

XII
P7 Create a suitable M5 Analyse the Quality Assurance (QA) overall success of
test plan, identifying process and review how it was implemented the multipage
key performance areas during the multipage website design and website with
to review the development stages. recommendations
functionality and for improvement.
performance of the
multipage website
developed.

XIII