0% found this document useful (0 votes)
514 views41 pages

1633-GCH0907-Nguyen Duc Quang - Assignment 1

This document provides details for Assignment 1 on website design and development, including an explanation of server technologies and management services associated with hosting, the purpose and types of DNS and how domain names are organized, an explanation of communication protocols and how they relate to server hardware, operating systems, and web server software for designing, publishing, and accessing websites, and a discussion of front-end and back-end website technologies and how they relate to presentation and application layers. The document contains content, learning outcomes, references, and a grading sheet for the assignment.
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
514 views41 pages

1633-GCH0907-Nguyen Duc Quang - Assignment 1

This document provides details for Assignment 1 on website design and development, including an explanation of server technologies and management services associated with hosting, the purpose and types of DNS and how domain names are organized, an explanation of communication protocols and how they relate to server hardware, operating systems, and web server software for designing, publishing, and accessing websites, and a discussion of front-end and back-end website technologies and how they relate to presentation and application layers. The document contains content, learning outcomes, references, and a grading sheet for the assignment.
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 41

ASSIGNMENT 1 FRONT SHEET

Qualification BTEC Level 5 HND Diploma in Computing

Unit number and title 10: Website Design & Development

Submission date 11th Dec 2021 Date Received 1st submission

Re-submission Date Date Received 2nd submission

Student Name Nguyen Duc Quang Student ID GCH200720

Class GCH0907 Assessor name Lai Manh Dung

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 Quang


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

Grade: Assessor Signature: Date:


Signature & Date:
Nguyen Duc Quang GCH200720

Assignment 1 – Web design


and development:
Content

1 :Explain server technologies(slides 3,4)


1.2 : Management services associated with hosting(slide 5)
P1 : Identify the purpose and types of DNS, including explanations on how domain names are organised
and managed.(slide 6-11)
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.(slide 12-20)
P3 : Discuss the capabilities and relationships between front-end and back-end website technologies and
explain how these relate to presentation and application layers.(slide 21-27)
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). (slide 28.29)
References (slide 30 , 31)
1.Explain server technologies

Server Definition : A server is a Explain server technologies and management services


associated with hosting and managing websites:
computer equipped with specific
programs and/or hardware that enables Web server:

it to offer services to other computers


(clients) on its network. There are
different types and capabilities of
servers. Think about transportation. We
can think of transportation as anything
that can move something or someone
from one location to the other.
1.Explain server technologies

Web server: Web server means the web Application Server: The Application Server
server, which is a mainframe connected to -the Application Server, also known as the
an extended computer network. The server App Server -is a program that controls all
contains all the data for which it is application activities between users and the
authorized to manage. Each server has its bottom-level applications of an enterprise
own IP and can read a variety of languages organization or databases. Whether. Typical
such as HTML, HTM, File, ... The server has application services are typically used for
a large capacity and very high speed to be basic transactional conjugate applications.
able to store and operate data stores on the To support high requirements, an
internet well. Through the separate application service must have redundancy
communication port of each server, the within it, control for high visibility, high-level
computer system is able to operate more presentation, distribution of application
smoothly. The server must ensure services, and support for physical access
continuous operation to be able to provide links. database.
data to its computer network.
1.2 Management services associated with hosting:

Managed hosting is an IT
provisioning model in which a
service provider leases dedicated
servers and associated hardware to a
single customer and manages those
systems on the customer's behalf. In
managed hosting, customers can rent
equipment such as dedicated server,
storage and network hardware;
operating systems; and system
software. The customer usually has
administrative access to the leased
systems yet rarely uses it, instead
opting to interact with the system
through a web-based interface.
P1: The purpose and types of DNS, including explanations on how domain names are organized and
managed

1.1.The purpose of DNS is an acronym in


English of the Domain Name System,
which is a name resolution system
invented in 1984 for the Internet, only a
system that allows the corresponding
setting between IP address and domain
name.

Domain Name System (DNS) is a system of


naming order for computers, services, or
any resources involved in the Internet.
P1: The purpose and types of DNS, including explanations on how domain names are organized and managed

Function of DNS each Website:The main function of DNS is to translate domain names into IP
Addresses, which computers can understand. It also provides a list of mail servers which
accept Emails for each domain name. Each domain name in DNS will nominate a set of name
servers to be authoritative for its DNS records.
P1: The purpose and types of DNS, including explanations on how domain names are organized and managed

Domain Name System –DNS:

DNS has an IP search job, DNS is an


essential part of the internet, it can
identify various vulnerabilities when
accessing.
P1: The purpose and types of DNS, including explanations on how domain names are organized and managed

What kind of type DNS :All DNS servers In a normal DNS lookup (when there is no caching available),
these four DNS servers work in harmony to complete the task of
fall into one of four categories: providing an IP address for a specified domain for the client (the
client is usually primitive solver -a simple solver built into an
• Recursive resolver operating system)

• Root name
server
• TLD name server

• Authoritative name servers.


P1: The purpose and types of DNS, including explanations on how domain names are organized and managed

Managed DNS servers:


The Domain Name System (DNS) is the Internet's
system that converts human readable domain names
into digital IP addresses and vice versa.

Some of the businesses that offer Managed DNS


services
▪Dyn
include:
▪Cloudflare
▪Amazon Route 53
▪Cloud DNS
▪UltraDNS
▪Verisign Managed DNS
▪NeustarUltraDNS
▪Akamai
P1: The purpose and types of DNS, including explanations on how domain names are organized and managed

DNS Protection: DNS protection is the concept of


protecting the entire DNS service, sometimes focusing
on security. DNS protection can be divided into
approximately two categories:

• Protecting the DNS service itself

• Protecting the entire security posture.

DNS protection is not an industry standard term;


Depending on the context, it may mean
different things to different people
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.

In order for the client - server model


to connect to each other through
the network, a communication
protocol is required.

A communication protocol is a
protocol for two parties to
communicate with each other with
very strict rules in terms of syntax ,
rules, data format, and data size for
two parties to communicate with
each other.
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.

On the Internet ,there are many applications (services) and applications (services) that need
corresponding communication protocols.

There are many different services on the internet => there are many different methods of

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

For example , Web service with https


protocol proposed by Tim Berners-Lee
in 1989

HTTP is also a Request - Response


protocol based on Client - Server
structure. Client and server
communicate with each other by
exchanging independent messages (as
opposed to a single stream of data).
Messages sent by the client, usually a
web browser, are called requests, and
messages sent by the server as a
response, are called responses.
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.

Once a connection is established using the HTTP In contrast to HTTP


protocol between the client and the server, the Request, HTTP Response
client sends a Request in the form of binary data is a packet of information
to the server to request access to specific files or sent by the server to the
information from the server. server. This is HTTP client in response to the
Request . client's previous Request.
The HTTP Response
contains the information
requested by the client.
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.

HTTP Request : HTTP Response:


1.Request-Line 1. Status-Line.
• Method • HTTP-version
• URL • Status-Code
• HTTP version • Reason-Phrase:
2. Request-header 2. Respone-header
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.

Method :There are 9 types of method, get and The Status-Code element is a 3-character integer.
post are 2 common types used a lot The first character of the state encoding defines
the response class (type) and the last two
characters do not have any categorical role.
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.

Kind of server hardware :

▪Tower server : The tower looks very similar to desktop. If you


don't care about space, you can store more drives and more
hardware into a tower. However if you are considering scalability
and future scalability, space may become a constraint with a
tower server.

▪Server rack : The rack is designed to accommodate multiple


servers and is specifically designed to fit into small spaces. They
are often stacked, which makes cooling devices difficult but a big
plus when it comes to scalability. In addition, the stacking model
helps to consolidate network resources and minimize floor space
requirements.

▪Blade server : Although blade servers are similar to rack servers


in design, they are thinner and also cost more than back servers. A
blade server is a server frame that contains many thin EC module
boards, called server blades. Each blade is actually a server, usually
dedicated to an application. Server blades literally mean servers
on the card that contain the processor, memory, integrated
network controller, and other input / output (IO) ports.
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.

Operating Systems for Web Servers

There are 2 types of operating systems


commonly used for web servers,
Windows and Linux/Unix.

When it comes to shared web hosting,


the differences between Linux and Unix
clones are not anything you should
worry about.

The conclusion is that Linux hosting is


probably your best bet if you don't
need any technology that is only
supported (or better supported) on
Windows
servers.
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.

Web Server Software :▪This section describes the most popular Web server programs in use
today:

Apache HTTP Server Microsoft Internet Information Sun Java System


Server (IIS), Web Server (JSWS)

These popularity rankings were accumulated through surveys done by Netcraft, a networking consulting
company in Bath, England, known throughout the world for its Web server
survey
P3 Discuss the capabilities and relationships between front-end and back-end website technologies and explain
how these relate to presentation and application layers

In March 1989 he wrote the first proposal for the


Word Wide Web and the second was submitted in
May 1990 with a Belgian engineer named Robert
Cailliau , and the results were formalized through a
proposal in November. 1990. This means sketching
out the concepts and defining the key terms behind
the web. This sketch is described as a "word wide
web" hypertext project and the web is viewed by
browsers.

Tim Berners Lee continued his plan by developing 3


main components in the web: HTTP, HTML, and the
world's first browser called: "World Wide Web". And
the first website was released to the world on August
6, 1991 and also the year HTML was born and is still
used for website design today.

Since then, we have formed and developed web


generations, respectively web 1.0, 2.0 and 3.0.
P3 Discuss the capabilities and relationships between front-end and back-end website technologies and explain
how these relate to presentation and application layers

Since then, we have formed and developed web generations, respectively web 1.0, 2.0 and 3.0.
P3 Discuss the capabilities and relationships between front-end and back-end website technologies and explain
how these relate to presentation and application layers

Comparison between web 1.0 and web 2.0 :


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

The most obvious difference is dynamic web and static web

Web 2.0 focuses mainly on user-


generated content making the Web more
interactive. It offers more dynamic and
powerful interactivity than Web 1.0 where
user generated content is possible but
very little but in Web 2.0 almost half of
web content is user generated.
P3 Discuss the capabilities and relationships between front-end and back-end website technologies and explain
how these relate to presentation and application layers

Front-end is geared towards presenting Back-end towards processing business,


information, Everything you see when consists of components for processing
navigating the Internet, from fonts, information from the front-end. Usually
colors to drop-down menus and sliders, refers to the interaction with the DBMS
is a combination of HTML, CSS, and (data management system).
JavaScript controlled
P3 Discuss the capabilities and relationships between front-end and back-end website technologies and explain
how these relate to presentation and application layers
P3 Discuss the capabilities and relationships between front-end and back-end website technologies and explain
how these relate to presentation and application layers

Relationship: Front-end and


back-end have 2 functions (2-
way): get data in and "push"
data out
The front-end takes user data
(enters the form) and passes it
on to the back-end. The back
end receives data from the
front-end and processes it and
then passes the processed data
to the front-end. The front-end
receives the processed data
from the back-end and
presents it to the user.
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)
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)

•UX design is all about


identifying and solving user
problems; UI design is all
about creating intuitive,
aesthetically-pleasing,
interactive interfaces.

•UX design usually comes first


in the product development
process, followed by UI. The
UX designer maps out the bare
bones of the user journey; the
UI designer then fills it in with
visual and interactive
elements.

•UX can apply to any kind of


product, service, or
References:

1. GONYEA C., What is DNS ( domain name sever ) ? .https://dyn.com/blog/dns-why-its-important-how-it-


works/ ( accessed Aug 9, 2018 )

2. 2. NITHEESHPOOJARY (Dec 12
th
, 2008) How DNS Works – the Domain Name System (Part One) , page
121
3. Windows Server Administration Fundamentals. Microsoft Official Academic Course. 111 River Street, Hoboken,
NJ 07030: John Wiley & Sons. 2011. pp. 2–3.

4. Comer 2000, Sect. 11.2 - The Need For Multiple Protocols, p. 177, "They (protocols) are to communication what
programming languages are to computation"
References:

5. Thapliyal, Vimal. "Difference Between Frontend and Backend MVC – Joomlatuts".


https://joomlatuts.net/joomla-2-5/87-how-backend-model-view-controller-mvc-works-in-joomla/98-
difference-between-frontend-and-backend-mvc. [Accessed on 2021-12-31].

6. Shelly J. , THE DIFFERENCE BETWEEN TEMPLATE AND CUSTOM-BUILT WEBSITES .


https://www.primedesignsolutions.com/learning-center/difference-template-custom-built-websites/
[Accessed on 2021-12-31].

7. LAMPRECHT E., The Difference Between UX and UI Design – A Beginner’s Guide.


https://careerfoundry.com/en/blog/ux-design/the-difference-between-ux-and-ui-design-a-laymans-
guide/ .[Accessed on 2021/12/11]
Content
▪ 1. Explain server technologies
▪ 1.2 Management services associated with hosting
▪ P1 Identify the purpose and types of DNS, including explanations on how domain names are organized and managed
▪ 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.
▪ P3 Discuss the capabilities and relationships between front-end and backend website technologies 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). (slide 24 to 28)

1.. Explain server technologies


▪Server Definition A server is a computer equipped with specific programs and/or hardware that enables it to offer services to other computers (clients) on its network.
There are different types and capabilities of servers. Think about transportation. We can think of transportation as anything that can move something or someone from
one location to the other. Explain server technologies and management services associated with hosting and managing websites:

▪Web Server:

Web server means the web server, which is a mainframe connected to an extended computer network. The server contains all the data for which it is authorized to
manage. Each server has its own IP and can read a variety of languages such as HTML, HTM, File, ... The server has a large capacity and very high speed to be able to store
and operate data stores on the internet well. Through the separate communication port of each server, the computer system is able to operate more smoothly. The server
must ensure continuous operation to be able to provide data to its computer network. ▪ Application Server The Application Server - the Application Server, also known as
the App Server is a program that controls all application activities between users and the bottom-level applications of an enterprise organization or databases. Whether.
Typical application services are typically used for basic transactional conjugate applications. To support high requirements, an application service must have redundancy
within it, control for high visibility, high-level presentation, distribution of application services, and support for physical access links. database.

1.2 Management services associated with hosting:


Management services associated with hosting:

Managed hosting is an IT provisioning model in which a service provider leases dedicated servers and associated hardware to a single customer and manages those
systems on the customer's behalf. In managed hosting, customers can rent equipment such as dedicated server, storage and network hardware; operating systems; and
system software. The customer usually has administrative access to the leased systems yet rarely uses it, instead opting to interact with the system through a web-based
interface.

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

1.1.The purpose of DNS is an acronym in English of the Domain Name System, which is a name resolution system invented in 1984 for the Internet, only a system that
allows the corresponding setting between IP address and domain name. Domain Name System (DNS) is a system of naming order for computers, services, or any
resources involved in the Internet. It links a variety of information to domain names assigned to participants. Most importantly, it translates meaningful domain names for
people into identifiers (binary), linked to network equipment for the purposes of locating and addressing devices around the world.

Function of DNS each Website: The main function of DNS is to translate domain names into IP Addresses, which computers can understand. It also provides a list of mail
servers which accept Emails for each domain name. Each domain name in DNS will nominate a set of name servers to be authoritative for its DNS records.

Domain Name System – DNS: DNS has an IP search job, DNS is an essential part of the internet, it can identify various vulnerabilities when accessing.

What kind of type DNS : All DNS servers fall into one of four categories: Recursive resolver, root name server, TLD name server, and authoritative name servers. In a
normal DNS lookup (when there is no caching available), these four DNS servers work in harmony to complete the task of providing an IP address for a specified domain
for the client (the client is usually primitive solver - a simple solver built into an operating system)
▪ 1 Recursive resolver: The recursive solver (also known as a DNS receiver) is the first stop in DNS queries. The recursive resolver acts as a middleman between the client
and the DNS name server. After receiving the DNS query from the web client, the recursive resolver responds with the data stored in the cache or sends the request to the
nameserver, followed by another request to the nameserver. TLD and then a final request to the authoritative nameservers. After receiving the response from the
authoritative name server containing the requested IP address, the recursive resolver will send the response to the client.

▪ 2.Root name server: The 13 DNS root nameservers are known to every recursive resolver, and they are the first stop in a recursive resolver’s quest for DNS records. A
root server accepts a recursive resolver’s query which includes a domain name, and the root nameserver responds by directing the recursive resolver to a TLD nameserver,
based on the extension of that domain (.com, .net, .org, etc.). The root nameservers are overseen by a nonprofit called the Internet Corporation for Assigned Names and
Numbers (ICANN).
▪ 3.TLD nameserver: The TLD nameserver maintains information for all domains that share a common domain name extension, such as .com, .net or anything that comes
after the final dot in the url . For example, the TLD .com domain host contains information for every website ending in '.com'. If the user is searching google.com, after
receiving a response from the root name server, the recursive resolver will send a query to the TLD .com domain name server, which will respond by pointing to the
nameserver for that domain name. The management of the TLD name server is handled by the assigned Digital Allocation Authority (IANA), an affiliate of ICANN. IANA
divides TLD servers into two main groups: Generic top-level domain names: These are country-specific domain names, some of the most commonly known TLDs
include .com, .org, .net, .edu and .gov. Country code top-level domain names: They include any domain names specific to a country or state. Examples include .uk, .us, .ru
and .jp.

▪ 4 Authoritative name servers: When a recursive resolver receives a response from a TLD nameserver, that response will direct the resolver to an authoritative
nameserver. The authoritative nameserver is usually the resolver’s last step in the journey for an IP address. The authoritative nameserver contains information specific to
the domain name it serves (e.g. google.com) and it can provide a recursive resolver with the IP address of that server found in the DNS A record, or if the domain has a
CNAME record (alias) it will provide the recursive resolver with an alias domain, at which point the recursive resolver will have to perform a whole new DNS lookup to
procure a record from an authoritative nameserver (often an A record containing an IP address). Cloudflare DNS distributes authoritative nameservers, which come with
Anycast routing to make them more reliable.

Managed DNS servers: The Domain Name System (DNS) is the Internet's system that converts human readable domain names into digital IP addresses and vice versa. For
example, when a Web address (URL) is entered in the browser, the DNS server returns the IP address of the Web server associated with that name. In this created example,
DNS converts a URL like www.company.com, into an IP address, for example 192.168.8.51. Some of the businesses that offer Managed DNS services include: ▪ Dyn ▪
Cloudflare ▪ Amazon Route 53 ▪ Cloud DNS ▪ UltraDNS ▪ Verisign Managed DNS ▪ Neustar UltraDNS ▪ Akamai

DNS Protection: DNS protection is the concept of protecting the entire DNS service, sometimes focusing on security. DNS protection can be divided into approximately
two categories: protecting the DNS service itself and protecting the entire security posture. DNS protection is not an industry standard term; Depending on the context, it
may mean different things to different people

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.
The Web Communication Protocols: A variety of secure communication standards that use public key technology have been developed, including Hypertext Transfer
Protocol (SHTTP), IP Security (IPSec), PPTP, and L2TP. The leading general-purpose, secure web communication protocols are SSL 3.0 and the open TLS protocol that is
based on SSL.

Kind of server hardware :


▪ Tower server The tower looks very similar to desktop. If you don't care about space, you can store more drives and more hardware into a tower. However if you are
considering scalability and future scalability, space may become a constraint with a tower server.
▪ Server rack The rack is designed to accommodate multiple servers and is specifically designed to fit into small spaces. They are often stacked, which makes cooling
devices difficult but a big plus when it comes to scalability. In addition, the stacking model helps to consolidate network resources and minimize floor space requirements.
▪ Blade server Although blade servers are similar to rack servers in design, they are thinner and also cost more than back servers. A blade server is a server frame that
contains many thin EC module boards, called server blades. Each blade is actually a server, usually dedicated to an application. Server blades literally mean servers on the
card that contain the processor, memory, integrated network controller, and other input / output (IO) ports.

Operating Systems for Web Servers


▪ There are 2 types of operating systems commonly used for web servers, Windows and Linux/Unix. When it comes to shared web hosting, the differences between Linux
and Unix clones are not anything you should worry about. But there are major differences between Windows and Linux/Unix servers. Not only in available technologies,
but also in price, performance and security.
▪ Windows If you use an Asp.NET, MS SQL, or Access database, you need to host Windows because those technologies are not available on other platforms. Support for
traditional Asp is better on Windows and ColdFusion storage is most common on Windows servers, although ColdFusion runs as well as on Linux. On the other hand,
Windows servers are more exposed to viruses and hacker attacks. Windows hosting is also more expensive and Windows servers tend to crash a bit more frequently.
Windows also consumes more server resources than Linux, resulting in fewer hosting accounts per server and higher price.

▪ Linux With Linux, you get a stable server platform with high security and no virus threats. Linux is free and doesn't take up as many server resources as Windows, so
hosting Linux is cheaper. You have a good choice of scripting language (most are also supported by Windows servers). The most popular database solution for Linux is
MySQL, which is also open source and works very well. PostGreSQL is on its way to Windows, but not quite there yet. And with a great selection of free online resources,
Linux hosting is the best choice for most selftaught webmasters and businesses. Although ASP is supported on Linux platforms, it is said to be less stable than on Windows
servers. The conclusion is that Linux hosting is probably your best option if you don't need any technology that is only supported (or better supported) on Windows
servers.

Web Server Software : ▪ This section describes the most popular Web server programs in use today: Apache HTTP Server, Microsoft Internet Information Server (IIS), and
Sun Java System Web Server (JSWS) (often called by its former names, Sun ONE, iPlanet Enterprise Server, and Netscape Enterprise Server). These popularity rankings were
accumulated through surveys done by Netcraft, a networking consulting company in Bath, England, known throughout the world for its Web server survey

P3 Discuss the capabilities and relationships between front-end and back-end website technologies and explain how these relate to presentation and
application layers.
▪ Front-end and back-end are terms for the beginning and end stages of a process. This concept is often used in the field of software development.In software design, the
front-end is a part of the software system, interacting directly with the user. Specifically, that is the system of user interfaces (GUIs) and user-side programming.

▪ Back-end (the programming on the server) consists of components for processing information from the front-end. Usually refers to the interaction with the DBMS (data
management system).

▪ Front-end: The front-end part of a web page is the user interaction part. Everything you see when navigating the Internet, from fonts, colors to drop-down menus and
sliders, is a combination of HTML, CSS, and JavaScript controlled by a browser

▪ Skills and tools Front-end developers are responsible for the look and feel of a website and the architecture of the user experience. To achieve those goals, front-end
developers must master the three main languages: HTML, CSS, and JavaScript programming language. In addition to being fluent in those languages, front-end
developers need to be familiar with frameworks like Bootstrap, Foundation, Backbone, AngularJS, and EmberJS, to ensure the content is always displayed well on all
different devices. , and libraries like jQuery and LESS, encapsulate the code into a form that saves time and is more useful. A lot of front-end developer work also requires
experience with Ajax, a technique widely used by using JavaScript to allow pages to load automatically by loading server data in the background.

▪ Back-End But what makes the front-end of a website work? Where will all the data be stored? That's the back end's work. The back end of a web page consists of a
server, an application, and a database. A back-end developer builds and maintains the technology that powers those components, allowing the user interface of the site to
exist.
▪ Skills and tools
To make server, application, and database interoperable, back-end developers use server-side languages like PHP, Ruby, Python, Java, and .Net to build an application, and
tools like MySQL, Oracle, and SQL Server to search, store, or change data and serve it back to the user in the front-end. Back-end developer jobs also often require
experience with PHP frameworks such as Zend, Symfony, and CakePHP; have experience with version management software such as SVN, CVS, or Git; and experience with
Linux in system development and deployment.
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).
▪ Online website creation tool : Online website builders typically require customers to sign up with the web hosting company. Some companies provide examples of fully
functional websites made with their website builder. The range of services varies anywhere between creating basic personal web pages or social network content to
making complete business and e-commerce websites, either template based or, on the more flexible platforms, totally design free. The main advantage of an online
website builder is that it is quick and easy to use, and often does not require prior experience. Often, a website can be built and be up and running live on the Internet
quickly. Technical support is usually provided, as are how-to video and help files. Though there are many general websites builders you can easily find an online website
builder created especially for a specific niche (dating, medical etc.) with features needed for this niche.

▪The value of custom-builts sites : Your branding will be much stronger when a site is designed to fit you, rather than trying to get a template to fit your brand. So the
single most important point about a custom-built website is that your site is designed and built to specifically to support your established brand in a consistent way. Your
branding will be much stronger when a site is designed to fit you, rather than trying to get a template to fit your brand.

UI concept
▪ UI stands for User Interface meaning user interface. In the simplest terms, the UI includes everything that users can see such as: web colors, how the layout is organized,
what fonts / web fonts use, attractive web images. or not,...
▪ In design, the UI acts as the element that conveys the message from the designer, service provider, and product to the user. More simply, the designer acts as a
programmer or builder so anyone can understand and use their product.
▪ For example: As a carpenter when you build a bed, the product you make first must be like a bed, can't the bed be like a table, right? Well, here UI is similarly
understood.

UX concept ▪ UX stands for User Experience, meaning user experience. Simply put, UX is user reviews when using the product. such as: Is your website or App easy to use,
is it possible to arrange such a layout? Did the product achieve its intended purpose?
▪ UX Designer, also known as UX Designer. UX Designer will research and evaluate the habits and ways that customers use and then evaluate about certain website / App
products. Usage and evaluation here are simply issues: ease of use, usability, and efficiency when the system operates.
▪ For example: Currently you are viewing this article on the website Tatthanh.com.vn, you are looking for some information and knowledge about the website, but if Tat
Thanh inserts too many ads, it affects you. When it comes to finding your information, distracting you, it can be said that UX or user experience on Tatthanh.com.vn is not
good. Therefore, Tat Thanh always tries to balance UI / UX so readers can get the best experience on Tatthanh.com.vn website.
References:

1. GONYEA C., What is DNS ( domain name sever ) ? .https://dyn.com/blog/dns-why-its-important-how-it-works/ ( accessed Aug 9, 2018 )
2. NITHEESHPOOJARY (Dec 12th , 2008) How DNS Works – the Domain Name System (Part One) , page 121
3. Windows Server Administration Fundamentals. Microsoft Official Academic Course. 111 River Street, Hoboken, NJ 07030: John Wiley & Sons. 2011. pp. 2–3.
4. Comer 2000, Sect. 11.2 - The Need For Multiple Protocols, p. 177, "They (protocols) are to communication what programming languages are to computation"
5. Thapliyal, Vimal. "Difference Between Frontend and Backend MVC – Joomlatuts". https://joomlatuts.net/joomla-2-5/87-how-backend-model-view-controller-mvc-works-
in-joomla/98-difference-between-frontend-and-backend-mvc. [Accessed on 2021-12-31].
6. Shelly J. , THE DIFFERENCE BETWEEN TEMPLATE AND CUSTOM-BUILT WEBSITES . https://www.primedesignsolutions.com/learning-center/difference-template-custom-
built-websites/ [Accessed on 2021-12-31].
7. LAMPRECHT E., The Difference Between UX and UI Design – A Beginner’s Guide. https://careerfoundry.com/en/blog/ux-design/the-difference-between-ux-and-ui-
design-a-laymans-guide/ .[Accessed on 2021/12/11]

You might also like