Higher Nationals in Computing

Unit 10: Website Design and Development

ASSIGNMENT 1

Learner’s name: HUYNH CONG HUY

ID: GCS210720
Class: GCS1005C
Subject code: 1633
Assessor name: PHAN MINH TAM

Assignment due: 2 7 / 1 1 / 2 0 2 2 Assignment submitted: 2 7 / 1 1 / 2 0 2 2

 ASSIGNMENT 1 FRONT SHEET

Qualification BTEC Level 5 HND Diploma in Computing

Unit number and title 10: Website Design & Development

Date Received 1st

Submission date 27/11/2022
submission

Date Received 2nd

Re-submission Date 30/11/2022
submission

Student Name HUYNH CONG HUY Student ID GCS210720

Class GCS1005C Assessor name TamPM

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’s signature

Grading grid
P1 P2 P3 P4 M1 M2 M3 D1
❒ Summative Feedback: ❒ Resubmission Feedback:

Grade: Assessor Signature: Date:

Signature & Date:

 Assignment Brief 1 (RQF)

Higher National Certificate/Diploma in Computing

Student Name/ID Number:

Unit Number and Title: Unit 10: Website Design & Development
Academic Year: 2021 – 2022
Unit Assessor: Phan Minh Tam
Assignment Title: Web Technologies
Issue Date: 21 March 2022
Submission Date: 27/11/2022
Internal Verifier Name:
Date:

Submission Format:

Format: The submission is in the form of two documents/files

● A ten-minute Microsoft® PowerPoint® style presentation which can be shared with your
colleagues for feedback. The presentation can include links to performance data with
additional speaker notes and a bibliography using the Harvard referencing system. The
presentation slides for the findings should be submitted with speaker notes as one copy.

● An extended guidebook or detailed report that provides more thorough, evaluated or

critically reviewed technical information on all of the topics covered in the presentation.

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.greenwich.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.
Page |1
 ● 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.

Assignment Brief and Guidance:

You currently work for a software training company that produces courses and topic
presentations to established companies and, importantly, to new start-ups. MWS wishes to pursue
a bespoke web-based e-commerce solution. As part of your role, you have been asked to create an
engaging presentation to help inform and train staff members on the tools and techniques
associated with front- and back-end development together with the technologies and services
required to set up, host and manage a typical commercial website. You will find more information
in the file MWS-CaseStudy.docx.

In addition to your presentation, you will also provide an extended guidebook containing further
information for staff members or a detailed report containing a technical review of the topics
covered in the presentation.

Your presentation should include:

1. Server technologies and the management services associated with hosting and managing
websites.

2. A review of different website technologies supported with the tools and software used to
develop websites (including the differences between online website creation tools and custom-
built sites).

Your extended guidebook or detailed report should include a summary of your presentation as
well as additional, evaluated or critically reviewed technical notes on all of the expected topics.

Page |2
Learning Outcomes and Assessment Criteria (Assignment 1):
Learning Outcome Pass Merit Distinction
LO1 P1 Identify the M1 Evaluate the D1 Justify the tools
purpose and types of impact of common and techniques
DNS, including web development chosen to realize a
explanations on how technologies and custom built website.
domain names are frameworks with
organised and regards to website
managed. design, functionality
P2 Explain the and management.
purpose and
relationships M2 Review the
between influence of search
communication engines on website
protocols, server performance and
hardware, operating provide evidence-
systems and web based support for
server software with improving a site’s
regards to designing, index value and rank
publishing and through search
accessing a website. engine optimisation.
LO2 P3 Discuss the M3 Evaluate a range
capabilities and of tools and
relationships techniques available
between front-end to design and
and back-end develop a custom
website technologies built website.
and explain how
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).

Page |3
 Table of Contents
Catalog
Unit 10: Website Design and Development ASSIGNMENT 1.................................................................................................................1
Assignment Brief 1 (RQF)........................................................................................................................................................................1
Higher National Certificate/Diploma in Computing..............................................................................................................................1
ASSIGNMENT 1 ANSWERS.......................................................................................................................................................................5
P1 Identify the purpose and types of DNS, including explanations on how domain names are organised and managed..............6
1. Introduction to DNS..............................................................................................................................................................................6
1.1. What is DNS?......................................................................................................................................................................................6
1.2. Types of DNS and purpose of them..................................................................................................................................................6
1.2.1. DNS queries....................................................................................................................................................................................7
1.2.2. DNS server......................................................................................................................................................................................7
1.2.3. DNS record......................................................................................................................................................................................7
2. How domain names are organised and managed..............................................................................................................................7
P2 Explain the purpose and relationships between Communication Protocols, Server Hardwares, Operating Systems, Web
Server Softwares with regards to designing, publishing and accessing a website.............................................................................7
3. Communication protocols....................................................................................................................................................................7
3.1. Definition:...........................................................................................................................................................................................7
3.2. Purpose...............................................................................................................................................................................................7
3.3. Some protocols used in website.......................................................................................................................................................8
4. Server hardware...................................................................................................................................................................................8
4.1. Definition............................................................................................................................................................................................8
4.2. Purpose...............................................................................................................................................................................................8
4.3. Example..............................................................................................................................................................................................8
HPE ProLiant ML350 Gen10 server........................................................................................................................................................9
5. Operating system..................................................................................................................................................................................9
5.1. Definition............................................................................................................................................................................................9
5.2. Purpose...............................................................................................................................................................................................9
5.3. Common OS......................................................................................................................................................................................10
6. Web server software...........................................................................................................................................................................10
6.1. Definition..........................................................................................................................................................................................10
6.2. Purpose.............................................................................................................................................................................................11
6.3. Common web server softwares......................................................................................................................................................11
7. Explain the relationship between Communication Protocols, Server Hardwares, Operating System and Web Server Software
..................................................................................................................................................................................................................11
8. How to publishing and accessing a website on Internet................................................................................................................12
8.1. Publishing a website on Internet....................................................................................................................................................12
8.2. Accessing a website on Internet.....................................................................................................................................................12
P3 Discuss the capabilities and relationships between front-end and back-end website technologies and explain how these
relate to presentation and application layers......................................................................................................................................13
9. Front-End.............................................................................................................................................................................................13
9.1. What is Front-End............................................................................................................................................................................13
9.2. Common Front-End technologies...................................................................................................................................................13
10. Back-End............................................................................................................................................................................................13
10.1. What is Back-End...........................................................................................................................................................................13
10.2. Common Back-End technologies..................................................................................................................................................13
11. The relationship between front-end and back-end in building a website...................................................................................14
P4 Discuss the differences between online website creation tools and custom build sites with regards to design flexibility,
performance, functionally, UX and UI...................................................................................................................................................14
12. What is User Experience(UX)?.........................................................................................................................................................14
13. What is User Interface(UI)?.............................................................................................................................................................15
Page |4
14. Online website creation tools:..............................................................................................................................................................16
14.1. Definition:.......................................................................................................................................................................................16
14.2. Some common tools.......................................................................................................................................................................16
15. Custom build sites:...........................................................................................................................................................................17
15.1. Definition:.......................................................................................................................................................................................17
15.2. Some common tools:......................................................................................................................................................................17
16. The difference between online website creation tools and custom build sites:.........................................................................17
REFERENCE.............................................................................................................................................................................................20

Page |5
 ASSIGNMENT 1 ANSWERS

P1 Identify the purpose and types of DNS, including explanations on how domain
names are organised and managed

1. Introduction to DNS
1.1. What is DNS?
 The Domain Name System (DNS) is the phonebook of the Internet. Humans access information
online through domain names, like nytimes.com or espn.com. Web browsers interact
through Internet Protocol (IP) addresses. DNS translates domain names to IP addresses so browsers
can load Internet resources.

1.2. Types of DNS and purpose of them

There are three DNS types :

Page |6
 1.2.1. DNS queries
 DNS query is also known as a DNS request. So, it is a request for information that is sent from the
user’s computer to ask for the IP address to a DNS server. This means the DNS client is querying the
DNS server to get the IP address, related to that domain.

1.2.2. DNS server

 DNS servers convert domain names into IP addresses. It takes request from human and converts
that into machine IP addresses that make easier to reach the origin server.

1.2.3. DNS record

 DNS server created a DNS record to give important information about the domain or hostname and
its current IP address.

2. How domain names are organised and managed.

 Domain names are organized in specialized databases. These databases are part of the worldwide
system of domain registrars. The mapping of IP names corresponding to human-readable hostnames
is done via DNS (Domain Name System). The domain names are a combination of second-level
domains and top-level domains. The second-level domain is the human-readable hostname of the
domain. The other type Top-level domains are categorized into three types of top-level domains:
gTLD, ccTLD and nTLD.

P2 Explain the purpose and relationships between Communication Protocols,

Server Hardwares, Operating Systems, Web Server Softwares with regards to
designing, publishing and accessing a website
3. Communication protocols
3.1. Definition:
 Communication protocols are formal descriptions of digital message formats and rules. They are
required to exchange messages in or between computing systems. Communication protocols are
important in telecommunications systems and other systems because they create consistency and
universality for the sending and receiving of messages.

Page |7
 3.2. Purpose
 Communication protocols assist varied network devices to converse with each other by transmitting
the analog signals, digital signals, different files & process the data from one device to other devices.
These types of protocols are applicable in telecommunication & computer networks where suitable
rules are executed to transmit information from source to destination. The most vital protocols
within networking are TCP (Transmission Control Protocol) & User datagram protocol (UDP).

3.3. Some protocols used in website

 HyperText Transfer Protocols (HTTP)

 File Transfer Protocol (FTP)

 Hypertext Transfer Protocol Secure (HTTPS)

 IP Security (IP Sec)

4. Server hardware
4.1. Definition
 Basically, the hardware in the computer is the part that we can see, hold, and touch. The hardware in
the computer includes: monitor, mouse, keyboard, cords, CPU, Ram ... The hardware is created by
computer manufacturing companies, the hardware components will be used. to run the software.

4.2. Purpose
 The main purpose of this server hardware in the media industry is the activity of sharing the
data and performing the task to keep the working system smooth and always elevated. Their server
task could be about the file sharing, website hosting, the applications of the custom, and the
database.
 These kinds of tasks require a lot of demand and reliability of making it necessary to buy this server
hardware with the best features.

Page |8
 4.3. Example

HPE ProLiant ML350 Gen10 server

5. Operating system
5.1. Definition
 An operating system is a low level piece of software that manage the computer’s hardware and
software, and provides an interface between the user and the computer

5.2. Purpose
 The operating system is the software that controls, manages and run all of the applications on the
computer.
 The functions of an operating system include:

 Loading a software interface for the user to interact with (usually a GUI or CLI)
 Managing hardware resources such as memory and devices
Page |9
  User management
 authentication & security
 File management
 When a user is using a computer they are either interacting directly with the operating system ( e.g.
logging in to the computer) or via an application (e.g. saving a word processing document)

5.3. Common OS
 Microsoft Windows

 Mac OS

 Android OS

6. Web server software

6.1. Definition
 Web Server Software is also just a software application. It is installed, and runs on a computer - the
server serves as a Web Server, thanks to this program that users can access the Web site information

P a g e | 10
 from another computer on the network (Internet, intranet). Web Server has the ability to send Web
clients via the Internet environment (or Intranet) via HTTP protocol.

6.2. Purpose
 A web server’s main purpose is to store web site files and broadcast them over the internet for you
site visitor’s to see. In essence, a web server is simply a powerful computer that stores and transmits
data via the internet. When someone visits a web page on your site their browser communicates
with your web server, sending and receiving information that ultimately dictates what appears on
the visitor’s computer screen. Thus, the main purpose of a web server is to store and transfer web
site data upon the request of a visitor’s browser.

6.3. Common web server softwares

 Apache
 Apache Tomcat
 Microsoft IIS
 Caddy web server

7. Explain the relationship between Communication Protocols, Server Hardwares, Operating

System and Web Server Software
 The three essentials components of a computer are the hardware, the software, and the operating
system. Additionally, communication protocols are a crucial form of assistance. Operating system
assist us through the hardware to operate on the computer without understanding the computer
language. Hardware is the stuff we can touch to interact with computers, and it serves as a translator
between people and computer that make it simple for humans to use the computers, as well as
software that enables humans to manipulate computers to perform tasks otherwise impossible
without the use of computers and software, become ineffective. As for communication protocols,
they make it easier for computers to communicate and share information, which increases computer
productivity.

P a g e | 11
 8. How to publishing and accessing a website on Internet
8.1. Publishing a website on Internet
 5 steps to prepare and publish your website

 Prepare your website content

 Design and build your website
 Find web hosting
 Do a quality assurance audit
 Publish your website using browser

8.2. Accessing a website on Internet

 Accessing webpage merely involves entering the URL in the address bar, but that’s just the start of a
more complicated process. In a split second the browser makes contact with globally distributed
web servers, requests stored data packages, and then assembles the webpage from the information
contained in the packages.

From URL to IP address

 The easiest way to access a website is to write the desired address into the address bar located in
the browser. This address is known as a Uniform Resource Locator (URL), and every webpage can be
reached with its own individual URL (web address). A URL is made up of several sections; all of
which have their own functions. Here is a generic example of a webpage URL:

Top-
Third-
Second-level level
Protocol level (Path) (File)
domain domai
domain
n

http:// www. exampledomain .com /directory /index.html

P3 Discuss the capabilities and relationships between front-end and back-end

website technologies and explain how these relate to presentation and application
layers
P a g e | 12
 9. Front-End
9.1. What is Front-End
 A front end is the graphical user interface of a computer that makes it easier to use. For
example, Microsoft Windows 3.11 was a front end for the MS-DOS command line. Before Windows,
the user had to memorize multiple commands to perform tasks on the command line that made
computers difficult for most users.
 With Windows, once a user learns how to use the mouse for navigation, interactions between the
user and computer become easier. However, they still have all the same functionality of MS-DOS.

9.2. Common Front-End technologies

 JavaScript
 HTML
 CSS
 React 

10. Back-End
10.1. What is Back-End

 In programming and development, the back-end describes a person who designs and develops

programs and scripts that process data and perform tasks the user doesn't see. For example, a
website's back-end developer is responsible for how the server sends information to visitors. In
contrast, a front-end developer is responsible for how that information is presented and how users
interact with it.

10.2. Common Back-End technologies

 PHP
 Python
 C#. NET
 C++

11. The relationship between front-end and back-end in building a website

P a g e | 13
 Though both front-end development and back-end development are necessary to create a website,
they're vastly different. A front end deals with the "front" of a website or application, meaning its
design and coding that keep the website functioning properly for the end user.
 The back end, however, refers to everything on the “back” end, or server-side of a website or
application, such as the transformation and storage of user data and the ability to serve up data in a
scalable and highly available manner.

P4 Discuss the differences between online website creation tools and custom build
sites with regards to design flexibility, performance, functionally, UX and UI

12. What is User Experience(UX)?

 User experience (UX) design is the process design teams use to create products that provide
meaningful and relevant experiences to users. UX design involves the design of the entire process of
acquiring and integrating the product, including aspects of branding, design, usability and function.

P a g e | 14
 13. What is User Interface(UI)?

 User interface (UI) design is the process designers use to build interfaces in software or
computerized devices, focusing on looks or style. Designers aim to create interfaces which users find
easy to use and pleasurable. UI design refers to graphical user interfaces and other forms—e.g.,
voice-controlled interfaces.

P a g e | 15
 14. Online website creation tools:
14.1. Definition:

 Is a tool designed to simplify the art of creating an effective website. Before the rise of website
builders, creating an online presence for an individual or business would require a lot of coding
work, to dictate how each page hosted by a provider would work. Now, website builders offer
simple, low-code, and visual solutions for site building instead.

14.2. Some common tools

 Image Optim

 Free Stock Photos

 Graphic Burger

P a g e | 16
 15. Custom build sites:
15.1. Definition:

 A custom-built website is generated from scratch. It is coded to suit whatever your business is into.
There’s no template that will constraint your needs.
 Custom-built websites are flexible to updates and will grow as your business grows. Unlike
templated sites, personalized ones are easier to modify

15.2. Some common tools:

 Wix – Page builder

 pCloud – Cloud storage

 Total Theme – WordPress theme.

16. The difference between online website creation tools and custom build sites:
 Advantages of already available creation tools/ templates

 They are easier to use and you don’t need too much coding knowledge to use them.

P a g e | 17
  Their implementation is much faster than custom sites because you just need to make a few
changes to get started.
 Templates are less expensive as they are already designed and there are no complicated tasks
involved.
 They are ideal for startup businesses or simple businesses at the initial level.
 Maintenance is much easier as no coding is involved.

 Disadvantages of template tools

 The site built through these tools may look similar to many others as all are using the same
templates.
 They are less flexible because you cannot get access to coding if you are facing any issues.
 You may face security issues as you don’t own legal rights for those templates.
 They might not be designed to be functional on 100% of devices.
 Already available templates are not SEO friendly and it might take too much time for your site to
get ranked.

 Advantages of custom built site

 Custom built sites are more flexible as they are designed to work for your business specifically.
 There are no limitations as you can change or update any feature whenever you need to.
P a g e | 18
  They are unique because they are specially designed to represent the basic purpose and specialty
of your brand.
 The designs are unlimited because they start from scratch and you can have any design of your
desire.
 Customized sites give you better SEO rankings as they are different and unique from others and
get more attention if users thus providing more traffic and revenue.
 They are designed to work on all sort of devices which make them user friendly as well.

 Disadvantages of customized sites

 You need to spend more money to get design and development according to your needs.
 It takes more time to start from scratch and make a website as per your wish.
 You need to find a reliable and professional source otherwise your investment will be wasted.

Now if we compare online creation tools vs custom built sites we can see that a custom built site can
prove to be more beneficial for your business because it not only helps you stand out in the pool of other
websites but also promises good outputs. If you go towards a customized site, you need a reputed web
company to help you out otherwise your money and time will be wasted. Unisoftwares is one of the best
options for you to get your site customized because we have a team of professionals and experts who can
give you what you want.

P a g e | 19
 REFERENCE

1. Uni. B, (2022). Differences and Between Online Creation Tools and Custom Build Suit. [online]
Available at: https://unisoftwares.com/blog/difference-between-online-creation-tool-and-custom-
built-website/ [Accessed November 25, 2022].
2. Kyle.H, (2021). Front-end vs Back-end: Definition and Differences. [online] Available at:
https://www.indeed.com/career-advice/career-development/front-end-vs-back-end [Accessed
November 25, 2022].
3. Hossein. M, (2020). Common DNS Request Types. [online] Available at:
https://support.opendns.com/hc/en-us/articles/227986607-Common-DNS-Request-Types
[Accessed November 25, 2022].
4. Tim. K, (2022). What is IIS/Windows Web Server? How to use it, Top Tools & Resources. [online]
Available at: https://www.comparitech.com/net-admin/iis-windows-web-server/ [Accessed
November 25, 2022].
5. Staff .E, (2022). How to Choose the Best Website Builder in 2022 (Compared). [online] Available at:
https://www.wpbeginner.com/beginners-guide/how-to-choose-the-best-website-builder/
[Accessed November 25, 2022].
6. Staff .E, (2022). 15 Best and Most Popular CMS Platforms in 2022 (Compared). [online] Available at:
https://www.wpbeginner.com/showcase/best-cms-platforms-compared/ [Accessed November 25,
2022].
7. Cordenne.B, (2021). 11 Best Front-End Technologies To Use In 2021. [online] Available at:
https://www.trio.dev/blog/front-end-technologies [Accessed November 25, 2022].
8. Spec.A, (2021). Top 12 Best Back-End Technologies To look for In 2022. [online] Available at:
https://www.spec-india.com/blog/backend-technologies[Accessed November 25, 2022].
9. Rich.M, (2018). THE DIFFERENCE BETWEEN TEMPLATE AND CUSTOM-BUILT WEBSITES. [online]
Available at: https://www.primedesignsolutions.com/learning-center/difference-template-custom-
built-websites/[Accessed November 25, 2022].
10. Albert.C, (2014). Microsoft’s Cloud Server Hardware [online] Available at:
https://www.datacenterknowledge.com/archives/2014/01/27/closer-look-microsofts-cloud-server-
hardware[Accessed November 25, 2022].

P a g e | 20