ASM 1 (Merit) 1633 Web Design FPT Greenwich

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

DAO VAN HIEU

Student ID

GCH211135

Class

GCH1105

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

Hieu

Grading grid
P1

P2

P3

P4

M1

M2

M3

D1


 Summative Feedback:

 Resubmission Feedback:

2.1

2.2

2.3

Grade:
Signature & Date:

Assessor Signature:

2.4

Date:


Website design
GCH21135 – Dao Van Hieu


01
Server technologies and
management service


WEB SERVER
Web server: is a combination of software and hardware
that uses protocols like HTTP to respond to requests
from clients over the World Wide Web. Its primary

function is to store, process, and deliver website
content to users

WEB BROWER
A web browser is a software application used to access and view
information on the World Wide Web. It allows users to interact with
websites by displaying web pages, running web-based applications,
and providing access to multimedia content, such as images and
videos.


HOW DOES IT WORKS
Clients, typically web browsers, send requests to the web server
for specific web pages or resources using URLs. The web server
receives the request, retrieves and processes the requested
resource, and sends the response back to the client. Web servers
use various technologies and protocols, such as HTTP, to manage
communication with clients and rely on software components to
handle different aspects of the server's operation.


P1

Identify the purpose and types of DNS


GCH1105

IDENTIFY DNS
•

•

•

DNS is a hierarchical domain naming system that helps to convert easy-to-remember
domain names into IP addresses to connect devices on the Internet
It acts like a "phone book" for networks, allowing users to access web pages and connect
to other networked devices using user-friendly domain names instead of IP addresses
DNS is crucial for the functioning of the Internet and is used every time you access a
website or send an email.


PURPOSE OF DNS
DNS server matches website names to their IP addresses by
keeping a database of public IP addresses and domain names. DNS
helps us avoid memorizing complex IP addresses by automatically
translating website names into numbers, allowing servers to load
the correct web pages.


TYPES OF DNS

01

Recursive
These servers are responsible for resolving
domain names by querying other DNS servers
on behalf of clients. They typically store cached
copies of previous DNS lookups to improve the
speed and efficiency of the resolution process.

03

02

Caching-only
These servers do not store any authoritative DNS
records, but instead, they store only the results of
previous DNS lookups for a configurable period of
time. They are useful in networks where many
clients need to perform DNS lookups but where the
network administrator does not want to maintain a
full authoritative DNS server.

Authoritative
These servers are responsible for storing and
distributing DNS records for a specific domain. When a
recursive DNS server needs to resolve a domain name, it
will typically query the authoritative DNS server for that
domain to obtain the relevant IP address or other record.

04

TLD (Top-Level Domain)
These servers are responsible for storing and distributing
DNS records for the top-level domains (such as .com, .org,
.net, etc.) of the internet. They maintain a directory of
authoritative DNS servers for each domain and provide
information to the lower-level DNS servers in the DNS
hierarchy when requested.

How domain names are organised and managed

•

•

•

Domain names are organized hierarchically
and managed by a global network of
servers that form the Domain Name
System (DNS)
The DNS is responsible for mapping
domain names to their corresponding IP
addresses, which identify devices on a
network. The DNS hierarchy consists of the
root zone, top-level domains (TLDs),
second-level domains, and subdomains.
Domain names are registered through
accredited registrars, who manage the
assignment of names within each TLD. This
ensures that domain names are unique and
globally accessible.


P2

Explain the purpose and relationships

between communication protocols, server
hardware, operating systems and web
server software with regards to


COMMUNICATION PROTOCOLS

WHAT IS COMMUNICATION PROTOCOLS?
Communication protocols are a set of rules and standards for data
transmission and reception between devices and systems.

PURPOSE OF COMMUNICATION PROTOCOLS
Communication protocols are used to facilitate the exchange of data between
different devices and systems.


HTTP
HTTP (Hypertext Transfer Protocol) is a communication
protocol used for transferring data over the internet,
and it enables web browsers and web servers to
communicate with each other.
HTTP is the foundation of data communication on the
World Wide Web and is used for sending and receiving
web page content, as well as other data formats such
as images, videos, and audio files.

HTTP HEADER
HTTP headers provide additional information about a
request or response, such as the type of data being sent,
caching preferences, authentication credentials, and

more.
Example: The "User-Agent" header in an HTTP request
provides information about the user agent, such as the
web browser or application making the request.

HTTP BETWEEN
CLIENT AND SERVER
HTTP communication involves a client establishing a TCP
connection to the server and sending an HTTP request.
The server receives the request, sends back an HTTP
response to the client, and closes the TCP connection.


GCH1105

PURPOSE OF SERVER HARWARE
•
•

Server hardware is designed to provide high levels of reliability, availability, and
scalability to support critical business operations and handle large workloads.
It typically includes redundant components such as power supplies, hard drives, and
network interfaces to ensure continuous operation even in the event of a hardware
failure.


PURPOSE OF OPERATING SYSTEM

The operating system (OS) manages all of
the software and hardware on the computer.

It performs basic tasks such as file, memory
and process management, handling input
and output, and controlling peripheral
devices such as disk drives and printers


PURPOSE OF SERVER SOFTWARE

Server software is designed to manage and
control the resources and functionality of a
server. It provides users with access to
server resources such as files, databases,
and applications. Server software is
essential for hosting websites, managing
email and messaging systems, and providing
network services.


The relationship between technologies above with regards
to designing, publishing and accessing a website.

The relationship between technologies involved in designing, publishing, and accessing a
website can be broadly categorized into three phases:

DESIGNING A WEB
Designing a website, developers typically use HTML to
structure content, CSS to style it, and JavaScript to add
interactivity. Other tools like graphic editors,
wireframing tools, and content management systems
can also be used in the process.

PUBLISHING A WEB
TCP/IP is a set of protocols for communication between
devices on the internet and computer networks. The suite
includes TCP and IP, which handle data transmission and
packet routing respectively. Other protocols such as HTTP,
FTP, SMTP, and DNS are also included. TCP/IP is crucial for
communication over the internet and serves as a common
language for network communication.

ACCESSING A WEB
The internet is a global network of interconnected
computers and servers that communicate using TCP/IP
protocols. When a user enters a website URL, the browser
sends an HTTP request to the server, which responds by
sending the website's files back to the browser. The
browser assembles the data packets into a complete
webpage and displays it for the user.


P3
The capabilities and relationships
between front-end and back-end
website technologies


STATIC WEB
Every user sees the same content on every page of a static website, which
has consistent content. A dynamic website, on the other hand, pulls content
as it is needed, allowing it to alter as the user does.

HTML, CSS, and Javascript-made webpages make up a static website (all
examples of web development languages). A static website stores each
page as a single HTML file, which is sent directly from the server to the
webpage in its entirety. This material effectively merges with your page's
design and cannot be changed until the original HTML file is modified at the
source code level


DYNAMIC WEB
A dynamic website is created utilizing sophisticated server technologies
such as PHP, JavaScript, or ASP to create more dynamic web pages. By
dynamic web pages, we mean pages that are interactive and alter
dynamically based on time, region, and user type. Dynamic websites can be
linked to a huge database, allowing them to retrieve information as needed.
This aids in the creation of a more user-driven page that adapts as the user
desires. On a dynamic website, the content and information on the page
alter in response to user commands


FRONT-END

DIFINATION
The front end of a website typically refers to the userfacing part of the website, where users interact with
the website directly. It includes the layout, design, and
user interface elements such as buttons, menus, forms,
and content. The front end is also sometimes referred
to as the "client-side" of the application, as it is
executed on the user's device or browser.

LANGUAGE

HTML
CSS
JavaScript

FRAMEWORKS
React: Developed by Facebook, React is a JavaScript
library that enables the creation of reusable UI components
and facilitates the building of single-page applications.
Angular: Developed by Google, Angular is a TypeScriptbased framework for building web applications with a focus
on creating complex applications with a lot of data and
business logic.


BACK-END

DIFINATION
Back-end refers to the server-side of a website, which
is responsible for handling data storage, retrieval, and
processing. It includes tasks such as writing APIs,
building libraries, and interacting with system
elements. Users typically do not interact directly with
the back-end, but rather through the front-end
application.

LANGUAGE
JAVA
PYTHON
PHP
RUBY
NODE.JS

FRAMEWORKS
Spring: A Java-based framework that provides
comprehensive infrastructure support for developing Java
applications.
Laravel: A PHP web application framework with an elegant
syntax and tools for tasks such as routing, authentication,
and caching


RELATIONSHIPS

Front-end and Back-end are crucial in web
development, with the frontend responsible for
the visual parts of the website that users can see
and interact with, while the backend manages
everything that happens in the background,
enabling a better frontend web experience. The
summary provides a clear distinction between the
two, emphasizing that both have different roles,
responsibilities, and working environments, with
the frontend focused on the client-side and the
backend focused on the server-side.


P4
A review of different website technologies
supported with the tools and software
used to develop websites