UNIVERSITY OF GREENWICH

ASSIGNMENT 1
Website Design & Development

Nguyen Nhat Thanh

12-12-2022

0
 Assignment Brief 1 (RQF)
Higher National Certificate/Diploma in Computing

Student Name/ID Number: Nguyen Nhat Thanh

Unit Number and Title: Unit 10: Website Design & Development
Academic Year: 2021 – 2022
Unit Assessor: Hoang Nhu Vinh
Assignment Title: Web Technologies
Issue Date: 01 April 2021
Submission Date:
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, youmust reference your sources, using the Harvard style.
● Make sure that you understand and follow the guidelines to avoid plagiarism. Failure to comply
this requirement will result in a failed assignment.

1
 Unit Learning Outcomes:
LO1 Explain server technologies and management services associated with hosting and
managingwebsites.

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 helpinform 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
developwebsites (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.

2
 ASSIGNMENT 1 FRONT SHEET
Qualification BTEC Level 5 HND Diploma in Computing

Unit number and title 10 - Website Design & Development

Submission date Date Received 1st submission

Re-submission Date Date Received 2nd submission

Student Name Nguyen Nhat Thanh Student ID GCS210101

Class GCS1004A Assessor name Le Minh Hoa

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 Toai

Grading grid
P1 P2 P3 P4 M1 M2 M3 D1

3
❒ Summative Feedback: ❒ Resubmission Feedback:

Grade: Assessor Signature: Date:

Signature & Date:

4
 Table of Content
P1. Identify the purpose and types of DNS, including explanations on how domain names are
organized and managed .........................................................................................................................7
1. Domain name system – DNS .................................................................................................... 7
1.1. Explain the concept of DNS .............................................................................................. 7
1.2. Purpose and type of DNS .................................................................................................. 7
2. How domain names are organized and managed ................................................................... 8
2.1. Domain Name .................................................................................................................... 8
2.2. How does a Domain Name work? .................................................................................... 8
P2. Explain the purpose and relationships between communication protocols, server hardware,
operating systems, and web server software with regards to designing, publishing, and accessing
a website ..................................................................................................................................................9
1. Communication protocol .......................................................................................................... 9
2. Server hardware ...................................................................................................................... 11
3. Server software ........................................................................................................................ 12
3.1. Server operating system.................................................................................................. 12
3.2. Windows Server............................................................................................................... 13
3.3. MacOS X Server .............................................................................................................. 13
3.4. Red hat Enterprise Linux (RHEL) ................................................................................ 13
3.5. Web server (IIS) .............................................................................................................. 13
3.6. Apache Web Server ......................................................................................................... 13
3.7. HS Web server ................................................................................................................. 14
P3. Discuss the capabilities and relationships between front-end and back-end website
technologies and explain how these relate to presentation and application layers. .......................14
1. Front-End................................................................................................................................. 14
1.1. Definition .......................................................................................................................... 14
1.2. Commont Front-End technologies ................................................................................. 15
2. Back-End.................................................................................................................................. 17
2.1. Definition .......................................................................................................................... 17
2.2. Common Back-End technology: .................................................................................... 17
3. The relationship between Front-End and Back-End in building a website ....................... 20
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) ........................................................................................................................................21
1. What is UX? ............................................................................................................................. 21
2. What is UI? .............................................................................................................................. 22
3. Online creation tool (WIX) ..................................................................................................... 22

5
 4. Custom built sites .................................................................................................................... 23
5. Comparison between online and custom-built tools or applications. ................................. 24
References .............................................................................................................................................26

6
 P1. Identify the purpose and types of DNS, including explanations on how
domain names are organized and managed
1. Domain name system – DNS
1.1.Explain the concept of DNS
The Domain Name System (DNS) is a hierarchical and decentralized naming system used to
locate devices that may be accessed through the Internet or other Internet Protocol (IP)
networks. These are widely used to convert human-readable domain names to IP addresses,
such as those used in URLs and email addresses. For instance, the domain name
www.example.com is translated from the IP address 12.34.56.78 using DNS. 2020 Turner

Figure 1- DNS

1.2.Purpose and type of DNS

• Purpose
+ DNS performs the roles of "translator" and "conveyor of information." DNS will
translate the domain name into an IP address from one of four distinct number ranges. For
example, if the IP address for www.example.com is modified to 12.34.56.78, the domain
name now reads 12.34.56.78. As a consequence, instead of having to learn and input a
variety of IP addresses, users just need to key in the domain name when they visit a website
since the browser will recognize it automatically.
+ Every computer linked to the Internet has a unique IP address. This IP address is used
to establish a connection between the server and the client. When you send an email or visit
any random website, DNS is vital in this situation.

DNS

7
 + Namespace for domains. Hostnames are divided into domains, which are smaller
hierarchical subdivisions. Top-level domains, second-level domains, and subdomains are
further categories for them.
+ DNS servers that recurse. DNS records will be kept on these servers in a temporary
memory. They have a system in place for updating the data and synchronizing with the
authoritative nameserver. The benefit is that they may be numerous, dispersed around the
world, and offer speed and redundancy.
+ Reliable DNS servers. On such a server, the zone file is the most important piece of data.
It includes all DNS records as well as any modifications to the entries that take place inside
it. It contains the hostname's most accurate information.
+ DNS lookup. A device that needs a DNS record submits each request. It is a query that
is sent back and forth between recursive servers in quest of an answer.
+ DNS entries. The DNS records are where the domain name system keeps data. Such text
documents include A Records, SPF Records, CNAME Records, and others. They are text
documents with various functions.
(Pramatarov, 2020)

2. How domain names are organized and managed

2.1.Domain Name
A domain name is like a street address online. It makes it simpler for customers to find your
website than using its internet protocol (IP) address. Domain names, which are made up of a
name and an extension, play a significant role in the organization of the internet. (Hasna A. &
Domantas G., 2022)

Figure 2 - Top-level domain (TLD)

2.2.How does a Domain Name work?

8
 + Specialized databases are used to arrange domain names. The system of international
domain registrars includes these databases. DNS performs the conversion of IP addresses
into hostnames that can be read by humans (Domain Name System). There is a mixture of
top-level and second-level domains in the domain names. The hostname of the domain is
its second-level domain. Top-level domains are further divided into the gTLD, ccTLD, and
nTLD categories.
+ Domain name registration is handled by the Internet Corporation for Assigned Names
and Numbers, or ICANN. The ICANN is in charge of handling these domains as a result.
The assigning of IP addresses is an issue.
+ You may also choose your domain name and have a domain registrar register it for you.
Now that you know, a domain name has a top-level domain as well as a second-level
domain. The third level of a domain name is comprised of subdomains. For instance, the
top-level domain is ".com," the second-level domain is "nhatthanh0310", and the
subdomain is "www" if you own the name www.nhatthanh0310.com.
(Denis, 2021)

P2. Explain the purpose and relationships between communication protocols,

server hardware, operating systems, and web server software with regards to
designing, publishing, and accessing a website

1. Communication protocol
• Communication protocol overview
+ A communications protocol, sometimes referred to as a network protocol, is a collection
of guidelines for a certain type of networking communication.
+ TCP/IP (Transmission Control Protocol/Internet Protocol), UDP/IP (User Datagram
Protocol/Internet Protocol), HTTP (Hypertext Transfer Protocol), and FTP are examples
of common Internet protocols (File Transfer Protocol).
+ Frequently, several protocols represent various aspects of a single communication; when
joined, they form a protocol stack. The words "protocol" and "protocol stack" are
frequently used to refer to the computer programs that carry out protocols.

• Explain
+ HTTP is the cornerstone of the World Wide Web (WWW). It specifies the message
format used in communications between web browsers (such as Firefox and Chrome) and
web servers as well as how a web browser should respond to a certain request from a web
browser.

9
 + FTP is the essential protocol used to send files through a communication network, as its
name suggests. It establishes two TCP connections: one for file transmission and the other
for user authentication.
+ SMTP is the protocol used by email servers worldwide to connect with one another.
+ TCP serves as the underlying Transport Layer Protocol for the three protocols, which
are all Application Layer Protocols. However, there are significant differences in how they
employ it and carry it out generally. They are briefly separated in the table below.

PARAMETER HTTP FTP SMTP

Port number 80 20 and 21 25

Type of band transfer In-band Out-of-band In-band

State Stateless Maintains state

Number of TCP 2 (Data Connection and

connections Control Connection)

Can use both Persistent Persistent for Control

Type of TCP connection Persistent
and Non-persistent connection. Non-persistent

PARAMETER HTTP FTP SMTP

Data Connection

Push Protocol
Type of Protocol Pull Protocol (Mainly)
(Primarily)

Transfer files between Transfers mails

Transfer directly between
Type of Transfer Web server and Web via Mail
computers
client Servers

+ HTTP doesn't have a state. The HTTP Web Server does not keep track of which requests
originated from which users, according to a stateless protocol. As a result, HTTP uses
Cookies to give the user a customized experience.
+ FTP is out-of-band because it needs a different channel to transport data and control
information (Data connection) (Control connection).

10
 + All communications must be in 7-bit ASCII format since SMTP is a lot older than HTTP.
HTTP, on the other hand, does not have this restriction.
+ HTTP encapsulates each file in its own HTTP message. On the other hand, SMTP
condenses the entirety of the communication into a single message.

• Server
+ A computer that serves as a data source for other computers is known as a server. It can
provide data to systems connected to a wide area network (WAN) or a local area network
(LAN) through the Internet (WAN).
+ There are many different kinds of servers, including web servers, mail servers, and file
servers. Each kind runs software that is tailored to the function of the server. For example,
a Web server may run Apache HTTP Server or Microsoft IIS, both of which allow users to
visit websites via the Internet. A program that can send and receive emails using SMTP,
such as Exim or Email, may run on a mail server. To share files via a network, a file server
can use Samba or the operating system's built-in file sharing functionality. (Anon, 2020)

2. Server hardware
The CPU, RAM, and I/O specifications are the three key factors I want to take into
account :
+ Central Processing Unit (CPU) —executes instructions.
+ Random Access Memory (RAM) —is a controller between CPU and I / O.
+ Storage Input / output (I / O) —is the speed at which data can be read from and written
to long term storage.

• Central Processing Unit (CPU)

+ CPU stands for "Central Processing Unit" in an acronym. The main part of a computer
that processes instructions is the CPU. It is responsible for running the operating system,
applications, and continuously taking input from users or running software. It evaluates the
input and produces output that may either be shown on the screen or stored by an
application.
+ Below are some best CPUs for the server.
1. Intel Xeon W-3275M Processor (28C/56T 38.5M Cache, 2.50 GHz)
2. Intel Xeon W-3275 Processor (28C/56T 38.5M Cache, 2.50 GHz)
3. Intel Xeon W-3265M Processor (24C/48T 33M Cache, 2.70 GHz)
4. Intel Xeon W-3245M Processor (16C/32T 22M Cache, 3.20 GHz)

• Random Acess Memory (RAM)

+ Random Access Memory, or RAM for short, is a type of variable memory that allows
read-only access to any location in memory based on a memory address. When power is
removed, all information that was temporarily saved in RAM will be lost.

11
 + ECC RAM is used by the server, which is uncommon in regular PCs. Error-correcting
code memory (ECC memory), a sort of computer data storage, may be used to identify and
rectify the most typical types of internal data corruption. In settings where data corruption
is never tolerated, such in scientific or financial computing, most computers have ECC
memory.
+ ECC memory frequently maintains a memory system immune to single-bit mistakes,
ensuring that the data read from each word matches the data provided to it even when one
of the bits actually stored has been switched to the erroneous state. While certain non-ECC
memory with parity support may detect flaws but not correct them, the bulk of non-ECC
memory cannot identify faults.

• Storage Input / Output (I / O)

+ How much storage I will need now and in the future depends on the particular needs of
my website. My primary issue for efficiency and I/O is how rapidly fresh data can be
read from and written to disk. When feasible, try to use SSD (solid state drive) storage.
SSD devices operate much more quickly than HHD drives because they lack mechanical
parts.
+ I/O speeds will be necessary when my site has a lot of streaming music and/or video
since large files must be moved from the storage phase. A lot of I/O is commonly used by
dynamic websites to transfer data to and from a database.
(Moore, 2020)

3. Server software
3.1.Server operating system
+ The layer of software that allows other software programs or applications to use the
server hardware is known as the server operating system, or server OS. Server operating
systems enable and facilitate common server functions such as Web server, mail server,
file server, database server, application server, and print server.

Figure 3 - Server operating system

12
 + Common server operating systems include Windows Server, Mac OS X Server, and
Linux variants including Red Hat Enterprise Linux (RHEL) and SUSE Linux Enterprise
Server.

3.2.Windows Server
+ Numerous server operating systems have been produced by Microsoft Corporation.
Windows servers are more powerful than their desktop operating system equivalents and
are designed to handle enterprise-scale communications, corporate networking,
Internet/intranet hosting, databases, and other associated services more efficiently.
+ With the release of Windows Server 2008 R2, which has the same codebase as Windows
7, the term "Windows Server" was first used with the introduction of Windows Server 2003
and is still in use today. The first service pack (SP1) for Windows Server 2008 R2, which
was published in October 2009, is currently being created.

3.3.MacOS X Server
+ A server operating system that uses Apple PCs' Mac OS X as its base. For $19.99, OS
X Mountain Lion (v10.8) and OS X Mavericks users can purchase Mac OS X Server, also
known as OS X Server (v10.9). You may get the OS X Server add-on from the Mac App
Store.
+ Mac OS X Server adds specialized server features to the standard OS X operating
system, including SMB2 file sharing, mail and message server functionality, a Profile
Manager for configuring and managing client Mac computers and iOS devices, a Code
Server tool for software development, a caching server, backup server features for
maintaining data on client computers, etc.

3.4.Red hat Enterprise Linux (RHEL)

+ RHEL, or Red Hat Enterprise Linux, is the name of Red Hat's open-source Linux
operating system distribution that is targeted towards enterprises. Both servers and desktop
PCs may be loaded with Red Hat Enterprise Linux, which rivals SUSE Linux Enterprise,
Oracle Linux, and CentOS in the enterprise Linux market.
+ Fedora, an open-source Linux distribution created and sponsored by the Fedora Project,
of which Red Hat is a founding member, serves as the foundation for Red Hat Enterprise
Linux branches at the moment.

3.5.Web server (IIS)

+ A web server is a device that houses webpages. It is a software program that
automatically distributes web pages as they are accessed. The primary goal of the web
server is to store, process, and distribute online pages to users. The Hypertext Transfer
Protocol (HTTP) is used for this intercommunication. The majority of the information on
these web sites is static and consists of HTML words and photos. In addition to HTTP, a
web server also supports the SMTP and FTP email, file transfer, and storage protocols.

3.6.Apache Web Server

13
 + The Apache web server is one of the most well-known web servers produced by the
Apache Software Foundation. The open-source software Apache is compatible with almost
all variations of Linux, Windows, Unix, FreeBSD, Mac OS X, and other operating systems.
Approximately 60% of PCs use Apache Web Server.
+ The Apache web server's modular design makes modifications simple. Because it is open
source, you may add your own modules to the repository to meet your specific needs. In
comparison to other web servers, it is also quite dependable, and administrative issues are
simple to resolve. Any number of systems can be configured to run Apache with success.
You can handle more requests with the most recent Apache versions than with older ones.

3.7.HS Web server

+ IIS is a server from Microsoft that performs many of the same tasks as Apache. It is
more challenging to incorporate and upgrade personal components because it is not open
source.
+ All Windows operating system platforms are supported. Additionally, you will get first-
rate customer assistance if there is a problem.

Figure 4 - Microsoft IIS

P3. Discuss the capabilities and relationships between front-end and back-end
website technologies and explain how these relate to presentation and
application layers.

1. Front-End
1.1.Definition
+ The front end of a website is everything a person sees or interacts with when they visit.
It is in control of how an online experience looks and feels overall. 2019 Fitzgibbons
+ Although the term "website front ends" may sound a little technical, almost everyone
uses them on a regular basis. If you've opened an app to check the weather or a website to
read the day's news, you've interacted with the front end.

14
 + The front end, put simply, is the synthesis of two unique components: visual design and
user interface. The majority of the technical labor is put into the user interface utilizing
web languages like HTML, CSS, and JavaScript, and each of these is developed
independently.

Figure 5 - Common language of front -end

1.2.Commont Front-End technologies

(*) HTML: stands for Hyper Text Markup Language and is the preferred markup
language for creating Web pages.

Figure 6 - Hyper Text Markup Language (HTML)

(*) CSS: Cascading Customize Sheets are used to style a Web page by changing its
background color, font, text size, picture size, and location, among other things.

15
 Figure 7 - Cascading Style Sheets (CSS)

(*) React JS: React is a front-end JavaScript framework that is free and open-source
for creating user interfaces using UI components (also known as React.js or ReactJS). With
frameworks like index.js, React may serve as the foundation for single-page, mobile, or
server-rendered applications. React.js is primarily focused on state management and
providing that information to the DOM, therefore building React apps often necessitates
the usage of additional frameworks for routing and client-side functionality.

Figure 8 - Hyper Text Markup Language (HTML)

(*) Java Script: is a programming language that enables the creation of dynamic
content, the manipulation of multimedia, the animation of visuals, etc.

16
 Figure 9 – JavaScript

2. Back-End
2.1.Definition
+ The infrastructure that supports the front end is the backend, sometimes referred to as
the server-side, and it is made up of parts of software that ordinary users cannot view. A
website's backend is essentially its brain. (Fitzgibbons, 2019)
+ To put it simply, the backend is the code written by the programmer that manages all
server-side activities, such as CRUD (Create/Read/Update/Delete) operations using the
database and all server logic.

2.2.Common Back-End technology:

(*) Python: is a well-known all-purpose programming language that Dutch
programmer Guido van Rossum created in 1991. Python helps backend programmers
create logical and explicit applications since its main strength is short, readable code
(Clark, 2021). In addition, a number of well-known systems and applications, including
Google Search, YouTube, BitTorrent, Google App Engine, Eve Online, Maya, and iRobot
robots, have utilized Python throughout their development.

17
 Figure 10 – Python

(*) PHP: a well-liked programming language used to create dynamic Web sites. HTML
pages are used to host PHP code, which blends syntax from the C, Java, and Perl languages.
It is frequently used to get data out of a database on a web server and display it on a web
page. Additionally, PHP professionals assert that using PHP with MySQL and Linux
Apache is ideal for a flawless development process. (Clark, 2021)

Figure 11 – PHP

(*) Java: is an all-purpose, class-based object-oriented programming language with low

implementation requirements. It is an app development platform for computers. In
addition, it is widely employed to create Java applications for laptops, data centers, game
consoles, scientific supercomputers, mobile phones, and other devices. (Clark, 2021)

18
 Figure 12 – Java

(*) Kotlin: is a backend programming language used in Android app development. It

is displacing Java in the development of Android applications, and its acceptance is
soaring. Kotlin is used by more than 60% of Android app developers for their backend.
Java and the JVM are completely compatible with Kotlin. (Clark, 2021)

Figure 13 – Kotlin

(*) Scala: is a high-level programming language that, in order to be more succinct,

combines object-oriented and functional programming. The Scala compiler is also
beneficial for static types. Because the system will take care of handling static types for
you, you do not need to work for types. It makes this backend programming language more
useful. (Clark, 2021)

19
 Figure 14 – Scala

3. The relationship between Front-End and Back-End in building a website

+ The front-end refers to the client/user interface and related code and tools, whereas the
back-end refers to the server-side and related code and tools. The User/Human will interact
with the software via CSS, HTML, and JavaScript as well as the myriad tools and
frameworks that deal with these technologies. The back-end/server will respond to
inquiries via the internet using the "HTTP" protocol, which allows requests and responses
to be transmitted as "packets" over a network or networks.
+ The server will receive instructions via code from the back-end, which control, among
other things, whether to acquire, generate, update, or remove data. The server will then
connect to data storage, such a database, in order to store and provide structured data. Even
though there are undoubtedly many more processes and technologies at work, the essential
link between the front-end and back-end is the fact that they cooperate to enable human
interactions on a browser (or another server with just a back-end via APIs).

20
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)

1. What is UX?
+ The process through which design teams create products that offer customers meaningful
and relevant experiences is known as user experience (UX) design. This comprises the
branding, design, usability, and function of the whole acquisition and integration process.

• Twitch: uninterrupted user experience

+ Twitch is a well-known brand in the gaming sector. The portal focuses on live streaming of video
games, including significant esports championships. It is also a great illustration of UX design for UX
designers.
+ Twitch was the first company to allow anybody using a mobile device to watch a broadcast to stop the
app while the video was still playing. Users are often subject to limitations on applications that stream
movies, but Twitch went above and above. Users may now lock their phones, and when they unlock
them, the video is still there. The objective is to keep the user experience intact while allowing
interruptions from the outside world and avoiding a complete break.

Figure 15 - Twitch illustrations

• Telegram: example of user control in design

+ Pavel Durov founded Telegram, a free online chat and calling service, in 2013. (Thien,
2021)
+ Whatsapp, its rival, may be more well-known than Telegram. However, there is no
denying that its UX design offers a thoughtful, attention-to-detail experience, which is a
hallmark of a superb UX design example.
+ In addition, Telegram has a tab structure to help users manage their uploaded files.
Additionally, it provides a terrific option to pin the message in the conversation so that
everyone in the chat group can easily observe it. The aforementioned two functions

21
 demonstrate how much work Telegram's design team has put into empowering users to
take charge and create a useful product.

Figure 16 - Telegram illustrations

2. What is UI?
+ The user interface (UI) of a device is the point of interaction and communication between people and
computers. These include desktop aesthetics, keyboards, mouse, and display displays. Additionally, it
refers to the way a user interacts with a website or program.
+ The growing reliance of many organizations on the web and mobile applications has prompted many
businesses to give UI initiatives a higher priority in an effort to enhance the user experience as a whole.
(2021, Churchville)

Figure 17 - User interface

3. Online creation tool (WIX)

+ Web-based and dependent on provider services, online website builders. You only need
a web browser (such Chrome, Firefox, or Internet Explorer) and an Internet connection

22
 with online website builders, as opposed to offline website builders, which need you to
download and update the software on your computer. You may now work on your website
from any place and on any computer thanks to this. Another benefit is that you don't need
to acquire or set up web hosting services separately because they are part of the website
builder. The majority of internet website builders are created for those who have little to
no coding experience.
+ WIX provides cloud-based web development services. With the use of online drag-and-
drop tools, users may create HTML5 websites and mobile sites. There are alternative
website builders than WIX, including Duda, GoDaddy, WordPress.com, Weebly, and
more.

Figure 18 - WIX website illustration

4. Custom built sites

+ Custom-designed site builders are software programs that you download and install on your computer.
All that's left to do is upload your website's content to a web server after constructing it and keeping all of
its files on your computer.
+ Because the application runs on your computer, one advantage of these website builders is that you can
work on your website even if you aren't connected to the internet. However, as you must submit your files
to a web server, you'll need some technological know-how or proficiency. You will still require
purchasing a web hosting package in addition to the website builder.
+ There are rules to go by while building a website, and not all themes can meet those standards. Custom
websites are superior because of this.

23
 Figure 20 - Shopee app

5. Comparison between online and custom-built tools or applications.

Online creation tools Custom built website

Another company may be utilizing Unique design based on the needs of the

Design the same template. business.

flexibility Customization is restricted. A custom site is adaptable to the
What you see is what you get. company's needs.

Doesn't include a reliable support

The company that built your site is there
system.
for support 100% responsive on all
Not 100% guaranteed to be
Performance devices.
responsive on all devices .
Optimized for search engines during
Most templates are not SEO
development.
friendly.

Functionality Low and limited functionality High and unlimited functionality

UX Good Excellence
UI Limited Interfaces Unlimited interfaces

24
 [CONCLUSION]

Depending on how much customization you want, a site

might take much longer. By using an online website
builder, the majority of the website's code will be in place
without our developer having to do anything. The cost of
creating a website online is far lower than creating one
from scratch, but your designer will still have to spend time
modifying the template and adding the contents. E-
commerce and other sorts of bespoke applications are
difficult or impossible to implement on prototype websites.

25
 References
1. Clark, J., 2021. blog.back4app.com/backend-technologies/. [Online]
Available at: https://blog.back4app.com/backend-technologies/
[Accessed 03 12 2022].

2. Moore, J., 2020. www.techtarget.com/searchdatacenter/Server-hardware-guide-to-architecture-products-and-

management [Online]
Available at: https://www.techtarget.com/searchdatacenter/Server-hardware-guide-to-architecture-products-and-
management
[Accessed 04 12 2022].

3. Thien, D., 2021. adflex.vn/telegram-la-gi/. [Online]

Available at: https://adflex.vn/telegram-la-gi/
[Accessed 04 12 2022].

4. Churchville, F., 2021. www.techtarget.com/searchapparchitecture/definition/user-interface-UI. [Online]

Available at: https://www.techtarget.com/searchapparchitecture/definition/user-interface-UI
[Accessed 04 12 2022].

5. Anon., 2020. www.techopedia.com/definition/25705/communication-protocol. [Online]

Available at: https://www.techopedia.com/definition/25705/communication-protocol
[Accessed 04 12 2022].

6. Pramatarov, M., 2020. www.cloudns.net/blog/what-is-dns/. [Online]

Available at: https://www.cloudns.net/blog/what-is-dns/
[Accessed 07 12 2022].

7. Domantas G. & Hasna A., 2022. www.hostinger.com/tutorials/what-is-a-domain-name. [Online]

Available at: https://www.hostinger.com/tutorials/what-is-a-domain-name
[Accessed 07 12 2022].

8. Denis, 2021. blog.inetsystems.com/author/fshaikhinetsystems-com. [Online]

Available at: https://blog.inetsystems.com/author/fshaikhinetsystems-com
[Accessed 08 12 2022].

9. Tucker, C., 2020. www.freecodecamp.org/news/what-is-dns/. [Online]

Available at: https://www.freecodecamp.org/news/what-is-dns/
[Accessed 08 12 2022].

10. Fitzgibbons, L., 2019. www.techtarget.com/whatis/definition/front-end. [Online]

Available at: https://www.techtarget.com/whatis/definition/front-end
[Accessed 09 12 2022].

26