Professional Documents
Culture Documents
Unit 10 Web Design and Development - Reworded - 2021
Unit 10 Web Design and Development - Reworded - 2021
• Constructive?
Give details:
LO3. Utilise website technologies, tools and techniques with good design principles to create a multipage
website.
Pass, Merit & P5 P6 M4 D2
Distinction Descripts
LO4. Create and use a Test Plan to review the performance and design of a multipage website.
Pass, Merit & P7 M5 D3
Distinction Descripts
Resubmission Feedback:
Assignment Feedback
Formative Feedback: Assessor to Student
Summative feedback
General Guidelines
1. The font size should be 12 point, and should be in the style of Time New Roman.
2. Use 1.5 line spacing. Left justify all paragraphs.
3. Ensure that all the headings are consistent in terms of the font size and font style.
4. 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.
5. Use word processing application spell check and grammar check function to help editing your
assignment.
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. Carefully check the hand in date and the instructions given in the assignment. Late
submissions will not be accepted.
3. Ensure that you give yourself enough time to complete the assignment by the due date.
4. Excuses of any nature will not be accepted for failure to hand in the work on time.
5. You must take responsibility for managing your own time effectively.
6. 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.
7. Failure to achieve at least PASS criteria will result in a REFERRAL grade .
8. Non-submission of work without valid reasons will lead to an automatic RE FERRAL. You will
then be asked to complete an alternative assignment.
9. 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.
10. 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.
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.
I hereby, declare that I know what plagiarism entails, namely to use another’s work and to present it
as my own without attributing the sources in the correct way. I further understand what it means to
copy another’s work.
Unit Number and Title Unit 10- Web Design and Development
Unit Tutor
Issue Date
Submission Format:
Part 1.
Report- Submit a professional report with approepriate report formattimg and guidelines followed. All the research
data should be referenced along with in-text citations using Hrvard referencing syste.
Part 2
A fully functional web solution
Develop a web based solution for the above scenario and produce a report covering the following tasks.
Task 1 - Server technologies and management services associated with hosting and managing websites (LO1)
1.1 Explain and differentiate the different web technologies such as communication protocols, server hardware, o
web server software with regards to designing, publishing and accessing the Hospital Management System (HMS
1.2 Identifry and define the types of DNS and the uses of it, with clarifications on how domain names are structure
search engines on website performance. Provide evidence-based support for improving a site’s index value and
Management System (HMS) through search engine optimization.
1.3 Identify and explain the common web development technologies and frameworks. Explain the tools and techniq
the above web application and justify your choice by providing valid evidences.
Task 2 - Categories website technologies, tools and software used to develop websites (LO2)
2.1 Considering the requirments given in the above scenario define the relationships between front-end and back-e
and discuss how the front-end and the back-end relate to presentation and application layers.
2.2 Discuss the differences between online website creation tools and custom-built web sites by considering the
3.1 Design a suitable web application solution for the given scenario using PHP, JS and MySQL (Screenshots of impo
proper comments and user interfaces filled with sample data must be attached to the documentation). Apply a
proposed system and provide the well normalized database design of the proposed system. Provide evidences o
website supported with fidelity wireframes and a full set of client and user requirements.
3.2 Compare and contrast the multipage website created to the design document. Use your design document with
standards and guidelines to produce a branded, multipage website supported with realistic content and Critica
design ,development process against your design document analyisng any technical challenges you faced during
Note - Synthesize client and the server-side functionalities in the proposed design.
Task 4 - Create and use a Test Plan to review the performance and design of a multipage website (LO4)
4.1 QA process is expected to discover design issues and development errors while testing a product’s user inte
the user experience (UX). Evaluate the Quality Assurance (QA) process and review how it was implemented
development stages.
4.2 Create a suitable test plan for the developed system and critically evaluate the results of your Test Plan . I
overall success of your multipage website; use this evaluation to explain any areas of success and provide j
recommendations for areas that require improvements.
Comments:
Special Thanks
I am really grateful because I managed to complete my Web Design and Development assignment. I
respect and thank our HND Web Design and Development lecturer for giving we an opportunity to do
this assignment work and providing us all support and guidance which made me complete the
assignment on time, we extremely grateful to him for providing such a nice support and guidance.
Another big thanks to Esoft Metro Campus for this learning opportunities. I had a good time at class
in Esoft with many learning resources.
1.1 Explain and differentiate the different web technologies such as communication
protocols, server hardware, operating systems and web server software with regards to
designing, publishing and accessing the Hospital Management System (HMS).
Communication Protocols
A communication protocol is a set of rules that allows two or more entities in a communication system
to communicate with one another in order to convey data via any physical quantity variation. The
syntax, semantics, and synchronization of communication, as well as possible error recovery
procedures, are defined by these rules or standards. Hardware, software, or a combination of both can
implement protocols. (networxsecurity.org)
A connection-oriented communications protocol that makes it easier for computers in a network to send
and receive messages. It is the most widely used protocol in networks that employ the Internet Protocol
(IP); it is sometimes referred to as TCP/IP when used jointly. (sdxcentral.com)
2. Internet Protocols
Internet Protocol (IP) is a method or protocol for sending data from one computer on the Internet to
another. Every computer, called a host on the Internet, has at least one IP address that uniquely identifies
it from all other computers on the Internet.
File Transfer Protocol (FTP) is a communication protocol used to send files from computer to computer,
one of which acts as a server if both have internet connections.
FTP is a network protocol between clients and servers that allows users to download web pages, files,
and programs available for other services. If users want to download information to their computer, use
FTP. (hypr.com)
4. Telnet
TELNET is an abbreviation for TERMINAL NETwork. This is a type of protocol that allows a
computer to connect to a local computer. It is used as the standard TCP / IP Virtual Terminal Services
protocol provided by ISO. The computer that initiates the connection (called the local computer). The
computer to connect to, that is, H. Those that accept connections are called remote computers. When a
connection is established between the local computer and the remote computer. During telnet operation,
everything running on the remote computer is displayed from the local computer. Telnet works
Server Hardware
Server Hardware could be any computer if it serve any services that mines it's server, but server
definitions will be different in every Level it's depend on your requirement, if services need to access
with 2 or 3 computer or services execution on server is less not needed much RAM and CPU , it's simple
for big task you need more resources, more man , for small task we can do our-self Accordingly we
categorize server hardware, below mention server given according to our need and it's in sequence,
most powerful server is mainframes server which is used by Bank, where the execution is very high
"Rack Servers", "Blade Servers" , "Tower Servers" , "Mainframes"
Figure 1 Servers
Hard Disk
A hard disk drive (sometimes abbreviated as hard drive, HD, or HDD) is a non-volatile data storage
device. It is usually installed inside your computer and connects directly to the hard drive controller on
your computer's motherboard. (computerhope.com)
Operating system "OS" An interface between a computer user and computer hardware. An operating
system is software that performs all basic tasks such as file management, memory management, process
management, input / output processing, and control of peripherals such as drives and printers.
(tutorialspoint.com)
Some popular Operating Systems include Linux Operating System, Windows Operating System, Mac,
etc.
Linux® is an open supply working device (OS). A working device is the software program that without
delay manages a device`s hardware and assets, like CPU, memory, and storage. The OS sits among
packages and hardware and makes the connections among all your software program and the bodily
assets that do the work. (redhat.com)
Figure 3 Linux OS
Microsoft Windows (also known as Windows or Win) is a graphical operating system developed and
published by Microsoft. It provides ways to save files, run software, play games, watch videos, and
connect to the Internet. (computerhope.com)
Microsoft Windows was first introduced in version 1.0 on November 10, 1983. Since then, more than
12 versions of Windows have been released, including the current version of Windows 10.
This is an operating system that runs on a Macintosh computer. Pronounced "Mackohes". Mac OS has
existed since the first Macintosh was announced in 1984. Since then, Mac OS has been continually
updated with many new features. Each major version of the operating system is identified by a new
number (Mac OS 8, Mac OS 9, etc.)
The core of Mac OS was almost decades old, so Apple decided to completely overhaul the operating
system. In March 2001, Apple announced a completely new version of Mac OS and rewrote it from
scratch. The company called it "Mac OS X" and properly pronounced it "Mac OS 10". Unlike previous
versions of Mac OS, Mac OS X is based on the same kernel as Unix and has many advanced
management features and utilities. The operating system is much more sophisticated than previous
versions of Mac OS, but it still has the same ease of use that people expect from Apple software (
techterms.com)
Server software is a type of software designed to be used, operated, and managed on a computer server.
Provides and facilitates the use of underlying server processing power for use in a variety of high-end
computing services and features.
Server software is primarily designed to interact with the server's hardware infrastructure, including
processors, memory, storage, input / output (I / O), and other communication ports. Depending on the
type or usage of the server, the server software can be divided into various formats, including: B. It is
as follows. (techopedia.com)
Each of the above types of server software uses servers for a variety of features and services, but all
focus their primary goals on the use of unique computing power and resources. In addition, the server
software can be for physical servers or virtual / cloud servers built on top of physical servers.
(techopedia.com)
There are some of the common web server names are given below.
• Apache
• Microsoft Internet Information Service (IIS)
• NginX (This can be pronounced as Engine X)
Apache HTTP Server is a free open-source web server that serves web content over the Internet.
Commonly called Apache, it quickly became the most popular HTTP client on the Web as soon as it
was developed. It is widely believed that Apache was named after its development history and the
process of improvement with applied patches and modules, but it was fixed by Durability in 2000.
(sumologic.com)
Abbreviation for "Internet Information Service". IIS is a web server software package developed for
Windows Server. It is used to host websites and other content on the web.
Microsoft's Internet
Information Services
provide a graphical user
interface (GUI) for
managing websites and their
users. It provides a visual
means for creating,
configuring, and publishing
websites on the web. Web
administrators can use the
IIS Manager tool to change
website options such as
Figure 7 Microsoft Internet Web Server
default pages, error pages,
log settings, security
settings, and performance optimization.
IIS can serve both standard HTML web pages and dynamic web pages such as ASP.NET applications
and PHP pages. When a visitor visits a page on a static website, IIS simply sends the HTML code and
associated image to the user's browser. When you visit a page on a dynamic website, IIS runs all the
applications, processes the scripts contained in the page, and sends the resulting data to the user's
browser. (techterms.com)
NGINX is a free open-source high performance HTTP server and reverse proxy, as well as an IMAP /
POP3 proxy server. NGINX is known for its high performance, stability, rich feature set, easy
configuration, and low resource consumption.
NGINX is one of the few servers created to address the C10K problem. Unlike traditional servers,
NGINX does not rely on threads to process requests. Instead, use a much more scalable event-driven
(asynchronous) architecture. This architecture
uses a small but most important, predictable
amount of memory under load. You can take
advantage of NGINX's high performance and
small footprint without having to expect to
handle thousands of simultaneous requests.
NGINX can scale in all directions, from the
smallest VPS to large server clusters.
(nginx.com)
Figure 8 NginX
1.2 Identify and define the types of
DNS and the uses of it, with
clarifications on how domain names are structured. Review the effect of search engines
on website performance. Provide evidence-based support for improving a site’s index
value and rank of the Hospital Management System (HMS) through search engine
optimization.
The Domain Name System (DNS) is called the phonebook of the Web. When a client sorts a space
title or site address into the address bar of the browser, the DNS server is capable for interpreting the
space title to a particular IP address, driving it to the proper site.
DNS Recursor
The recursor can be thought of as a custodian who is inquired to go discover a specific book some
place in a library. The DNS recursor may be a server planned to get questions from client machines
through applications such as web browsers. Ordinarily the recursor is at that point dependable for
making extra demands in arrange to fulfill the client’s DNS inquiry.
A top-level space (TLD) is the furthest right fragment of a space title, found after the final dab. Too
known as space expansions, TLDs serve to recognize certain components of website, such as its reason,
proprietor or geological zone. For illustration, a .edu top-level space permits clients to immediately
recognize that location as the next instructive institution. (wix.com)
The concept of TLDs was made by ARPANET within the 1960s with the goal of facilitating the method
of memorizing IP addresses. It wasn’t until the early 1980s that the most punctual top-level spaces were
created and the organized categorization you’ll come over when enlisting a space title nowadays was
presented. Each top-level space has an autonomous registry overseen by a assigned organization
beneath the direction of the Web Enterprise for Relegated Names and Numbers (ICANN). (wix.com)
➢ .com
➢ .gov
➢ .edu
➢ .org
➢ .mil
➢ .net
A website's domain name is its name. A domain name is the address that allows Internet users to access
a website. A domain name is a unique identifier that is used to locate and identify computers. Computers
employ IP addresses, which are a collection of numbers. Humans have a hard time remembering long
strings of numbers. Domain names were introduced in place of IP addresses and are currently used to
identify entities on the Internet.
Figure 10 Domains
1.3Identify and explain the common web development technologies and frameworks.
Explain the tools and techniques chosen to develop the above web application and justify
your choice by providing valid evidences.
SEO stands for “search motor optimization.” In straightforward terms, it implies the method of
improving your location to extend its perceivability when individuals seek for items or administrations
related to your commerce in Google, Bing, and other look motors. The superior perceivability your
Links
Links are found in nearly all web pages. Links allow users to click their way from page to page.
Contents
An important factor of Search Engine Optimization is creating contents towards the keywords which
are searched by the users in the search engines.
Page Structure
Page Structure is the third of the Search Engine Optimization. Mostly the web pages are written or
created in HTML. From this we can understand how the HTML code is structured can in a web page
can create a good impact on the search engine’s ability to classify a page.
1.3 Identify and explain the common web development technologies and frameworks.
Explain the tools and techniques chosen to develop the above web application and justify
your choice by providing valid evidences.
Link Building
The Link Building is the links which comes from the external websites. This can be defined as
Backlinks. This is considered as one of the core ranking factor in Google.
On-Page Optimization
One of the main work of on-page optimization techniques include progressing the URL of the page to
incorporate keywords.
Content Marketing
However, when the possible keywords are got founded, then the content marketing comes inside.
Mostly this will use to update an existing content or to create a brand new content. Because the search
engines like the Google gives a high quality content on its page.
Backlink Analysis
Backlink investigation will be permitting the client to analyze which websites are linking to their site.
SEO Platforms
This stage can track watchword positioning, can recognize on-page and off-page opportunities, can
offer assistance with watchword research.
a client sorts a space title or site address into the address bar of the
Figure 13 HTML
Short for "Cascading Style Sheet". Cascading style sheets are used to format the layout of web pages.
They can be used to set text styles, table sizes, and other aspects of a web page that could previously
only be set in the HTML code of a page.
CSS helps web developers create a unified look and feel across multiple pages of a website. Instead of
defining the style of each table and block of text in a page's HTML, commonly used styles need to be
defined only once in the CSS document. Once the style is defined in a cascading style sheet, it can be
used by any page that references the CSS file. Plus, CSS makes it easy to change styles on multiple
pages at once.( techterms.com)
Figure 14 CSS
Short for "PHP: Hypertext Preprocessor", a recursive acronym. PHP is a scripting language used by
web developers to create dynamic web pages. It is usually installed by default on the Apache web
server, along with MySQL as part of the "LAMP" configuration.
PHP scripts can range from simple one-line commands to complex functions. Some PHP-based
websites generate virtually all website content using a series of PHP scripts dynamically. Although the
Figure 15 PHP
Java Script
Javascript (JS) is a scripting language mainly used on the web. It is used to enhance HTML pages and
is usually embedded in HTML code. JavaScript is an interpreted language. Therefore, it does not need
to be compiled. JavaScript renders web pages interactively and dynamically. This allows pages to react
to events, display special effects, accept mutable text, validate data, set cookies, detect the user's
browser, and more.
HTML pages are ideal for displaying static content, e.g. an image or text. However, most pages these
days are rarely static. Many pages today have menus, forms, slideshows, and even images that allow
users to interact. Javascript is the language used by web developers to provide such interaction. Since
JavaScript works with HTML pages, a developer must know HTML to exploit the full potential of this
scripting language. While there are other languages that can be used to script on the web, in reality they
are essentially JavaScript. (techopedia.com)
Framework
In computer systems, a framework is often a layered structure that indicates what types of programs can
or should be built and how they will depend on each other. Some computer system frameworks also
include actual programs, specify a programming interface, or provide programming tools to use the
frameworks.
Bootstrap could be a free and open-source front conclusion improvement system for the creation of
websites and web apps. The Bootstrap system is built on HTML,
CSS, and JavaScript (JS) to encourage the improvement of
responsive, mobile-first destinations and apps. (techtarget.com)
Figure 17 Bootstrap
Foundation
Figure 18 Foundation
Onsen UI
Onsen UI is an open-source UI system that creates it simple to make native-feeling Progressive Web
Apps (PWAs) and cross breed apps. It permits engineers to make apps utilizing Web innovations like
CSS, HTML5, and JavaScript. (educative.io)
Figure 19 Onsen UI
When it comes to designing a website, there are a variety of tools and techniques to choose from.
It does not imply that each member of a high performing team employs the same tools and techniques
when creating website. When choosing your tool and technique for creating a website, keep all
necessary considerations in mind so that you not have any problems in the future.
• Notepad++
• Sublime Text Editor
• NetBeans
Notepad++
• Line Numbering
• Edit Text file up to 2GB in size
• Edit Multiple files, organized in tabs
• Advance find and replace, with support for regular expression
• Syntax highlighting for over 70 programming languages, including HTML and windows
batch files
• A plugin system for adding features to the software
• Multi-platform
• The theme and color scheme varies
• Support more than 70 types of files
NetBeans
NetBeans is an open-source integrated development environment (IDE) for developing with Java,
PHP, C++ and other programming languages. NetBeans is also known as modular component
platform which is used to develop Java desktop applications. (techterms.com)
Advantages of NetBeans
Figure 22 NetBeans
CSS Queries
You can learn how to use media queries to make minor changes to a single style sheet in a course from
CSS Tricks. In the case of a fluid-width design with a sidebar that is 35% of the page's actual width, for
example, one can tell what to do depending on the browser window's actual width if the browser is very
small, very broad, or very wide. (sharma.in.com)
Due to the significant increase in the number of mobile devices, responsive web design is no longer just
a UX-only profession. All marketers must consider site design and responsiveness as part of their
strategy development. You may not need to know every detail of developing and building a responsive
website as a web marketer. You'll need to be aware of the marketing duties associated with your content.
(sharma.in.com)
You'll need to make your site compatible with a variety of devices and browsers if you want to attract
a large number of visitors. You must make your website accessible to everyone who views it,
regardless of the application or browser they are using. (sharma.in.com)
No Stock Photography
People aren't as fascinated in glamorous photos as they once were. They are surely looking for a more
unbiased view of what a company represents or stands for. Dry stock photographs on a plain white
background are no longer fashionable. Characters with personalities and narratives are in high
demand. Only use photos that are related on your website. Subliminal messages are sent to your
audience through your images. (sharma.in.com)
Task 2 - Categories website technologies, tools and software used to develop websites
2.1Considering the requirements given in the above scenario define the relationships
between front-end and back-end website technologies and discuss how the front-end and
the back-end relate to presentation and application layers.
Front-end web development, also known as client-side development, is the production of HTML, CSS,
and JavaScript for a website or web application so that users can see and interact with them directly.
The challenge associated with user interface development is that the tools and techniques used to create
the user interface of a website are constantly changing and therefore the developer must be constantly
aware of the developments. of this field. ( frontendmasters.com)
Back-end refers to the parts of a computer application or program code that allow it to work and are not
accessible to the user. Most of the data and operation syntax are stored and accessed in the back part of
the computer system. Generally, the code consists of one or more programming languages. The back-
end is also known as the data access layer of software or hardware and includes all the functions required
to be accessed and navigated through digital media.
The Back-end developers mostly use sever side language such as PHP, Ruby, Python, Java and Net to
build an application. Some tools like MySQL Oracle and SQL server to find, change or to
Save the data and assist in back to the user in Front end code. (techtarget.com)
Frontend and Backend are the two most commonly used terms in the Web industry, but the difference
between the two is very subtle. They are the two most basic parts of software engineering and play an
important role in Web development. The front end is what you see and interact with, and the back end
is how everything works. The front end can refer to the graphical user interface, while the back end is
the part of the website that you cannot see or interact with. These two terms are very important for Web
development, but they are very different from each other. Although they are certainly unique terms and
each has its own role, they are very similar to two sides of the same coin. The function of the website
depends on interacting with each other as a single unit. This article explains the difference between the
two.
The frontend is the part of the website that users can see and interact with, such as graphical user
interfaces (GUI) and command lines, including layout, navigation menus, text, images, videos, etc.
Rather, the backend is part of the website that users cannot see and interact with. It all depends on how
everything works.
Both play a vital role in web development and, although there are considerable differences between
them, they are like two sides of the same coin. The interface deals with the visual aspects of the website
that users can see and experience. Instead, everything that happens in the background can be attributed
to back-end web development. It's more like a front-end web experience facilitator.
Presentation layer
The presentation layer is located at the sixth level of the OSI model, it is responsible for providing and
formatting information for the application layer to process or display further. This type of service is
needed because different computer architectures use different data representations. Unlike providing
transparent data transport at the fifth level, the presentation layer handles all issues related to data
presentation and transport, including translation, encoding, and compression.
(router-switch.com)
Application layer
The application layer is the seventh layer of the seven-layer OSI model. The application layer interface
interacts directly with the application and provides common web application services. The application
layer also makes a request to the presentation layer. The application layer is the top layer of an open
system that provides services directly to the application process.
(router-switch.com)
2.2 Discuss the differences between online website creation tools and custom-built web
sites by considering the design flexibility, performance, functionality, User Experience
(UX) and User Interface (UI). Evaluate the tools and techniques available to design the
web application given in the scenario.
Figure 24 Weebly
Shopify
Shopify is primarily an e-commerce website builder. All of the paid plans come with built-in shopping
carts and marketing features to help you sell online. There are only nine free e-commerce templates
from which you can choose. If you don’t mind paying, there are dozens of premium templates available,
but they cost about $100 on average.
The editor isn’t a true drag-and-drop editor, which may add to the learning curve a bit. It’s more
point-and-click navigation, but it’s easy enough to figure out and use after you spend some time with
the tools. (forbes.com)
Wix
Wix is one of the most popular website builders because it offers something for everyone. You can use
the free plan to create a website, but you’ll be on a subdomain and have Wix display ads. The lowest-
priced plan is a bit limiting, but you have access to lots of free apps to extend your site’s functionality.
On the higher-tier plans, you’ll get SEO and analytics tools, an events calendar and a logo maker. E-
commerce plans offer even more, but they’re also a bit pricey. (forbes.com)
Figure 26 Wix
Design and Flexibilities of the custom-Built Sites and Online Built Websites
Custom websites are flexible to update and will grow with your business. Unlike template-based
websites, custom websites are easier to modify and are more likely to last with the addition of new
features. You will also receive…
• Communicate with a professional developer/designer to make your website look and work
exactly the way you want it to.
• Consistent branding on your website will complement all of your other business activities. Your
website designer will use your branding throughout your site, including fonts, colors, and logos
to ensure that all aspects of your marketing are consistent.
• Unique Design - having a unique professionally designed website will work well for current
and future clients You would avoid having a website in general and websites really say a lot
about a business.
• Professional maintenance - since you will be paying for a "service", there will always be
someone managing your site and checking that it is up and running as it should. This may
include updating software and making sure your website is secure and will function properly.
The difference between online web creation tools and custom-built website
Design Flexibilities Less Flexible than the Custom More Flexible than the online
built web creation tools
Task 3 - Utilize website technologies, tools and techniques with good design principles to
create a multipage website (LO3)
3.1 Design a suitable web application solution for the given scenario using PHP, JS and
MySQL (Screenshots of important code lines with proper comments and user interfaces
filled with sample data must be attached to the documentation). Apply a database
design for the proposed system and provide the well normalized database design of the
proposed system. Provide evidences of the design, multipage website supported with
fidelity wireframes and a full set of client and user requirements.
Page Code
Some of the Technical Challenges that I faced during the website development
• During the planning stage, there was too much time spent trying to understand the customers.
• Had some when issues collecting content for the website because it is a library management
website and finding appropriate photographs was difficult.
• When students were given surveys, they were unable to provide feedback. Only a few
students responded.
• There were numerous coding problems and difficulties in designing the database while
designing the back end of the website.
• Had some poor system performances while creating the system
4.1 QA process is expected to discover design issues and development errors while
testing a product’s user interface (UI) and gauging the user experience (UX). Evaluate
the Quality Assurance (QA) process and review how it was implemented during your
design and development stages.
How was quality assurance implemented during the web design and development stage.
The goal of quality assurance is to monitor and enhance the entire development process so that any
issues are quickly identified and rectified. It is difficult to overstate the significant role QA plays in
web development because the earlier errors are detected, the cheaper it is to resolve them and the less
influence they have on your business.
(P7 Create a suitable Test Plan identifying key performance area and use it to review
the functionality and performance of your website.)
References
• Communications Protocol
https://www.networxsecurity.org/members-area/glossary/c/communications-protocol.html
• FTP
https://www.hypr.com/file-transfer-protocol-ftp/
• telnet
https://www.geeksforgeeks.org/introduction-to-telnet/
• Hard disk
https://www.computerhope.com/jargon/h/harddriv.htm
• NginX
https://www.nginx.com/resources/wiki/
• Php
(https://techterms.com/definition/php)
• JavaScript
(https://www.techopedia.com/definition/3929/javascript-js)
• Bootstrap
(https://www.techtarget.com/whatis/definition/bootstrap)
• Onsen UI
(https://www.educative.io/answers/what-is-onsen-ui)
• Notepad++
(https://notepad-plus-plus.org/downloads/)
• NetBeans
(https://www.techopedia.com/definition/24735/netbeans)
• Presentation layer
https://www.router-switch.com/faq/what-is-presentation-layer-and-function.html
• Application Layer
https://www.router-switch.com/faq/what-is-application-layer-the-functions-and-examples-of-
application-layer.html
• what is QA ?
https://www.techtarget.com/searchsoftwarequality/definition/quality-assurance