ASSIGNMENT 1 FRONT SHEET

Qualification BTEC Level 5 HND Diploma in Computing

Unit number and title 10: Website Design & Development

Submission date 11/06/2019 DateReceived1stsubmission

Re-submissionDate 11/06/2019 DateReceived2ndsubmission

Student Name Student ID GCS17528

Class GCS0703A Assessor name

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 Vinh

Grading grid

P1 P2 P3 P4 M1 M2 M3 D1
 Summative Feedback:ResubmissionFeedback:

Grade: AssessorSignature: h hanh n Date:

InternalVerifier’sComments:

Signature&Date:
 ASSIGNMENT 1BRIEF
Qualification BTEC Level 5 HND Diploma in Computing

Unit number 10: Website Design & Development

Assignment title Web Services Presentation and Guidebook

Academic Year 2018 – 2019

Unit Tutor

Issue date 11/06/2019 Submission date 11/06/2019

IV name and date Vinh 11/06/2019

Submission Format:

Format:Two ten-minute Microsoft® PowerPoint® style presentations to be presented to your colleagues

Submission Students are compulsory to submit the assignment in due date and in a way requestedby
the Tutors. The form of submission will be a soft copy posted on
http://cms.greenwich.edu.vn/
Note: The Assignment must be your own work, and not copied by or from another student or from
books etc. 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. Make sure that you know how to reference
properly, and that understand the guidelines on plagiarism. If you do not, you definitely get failed

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 work as a full-stack web team leader for a leading creative web solutions and marketing company.
Your team is about to have a big contract to develop an online shopping mall.

One of the preparation tasks is to choose appropriate tools and techniques to realise a custom built
website.

As part of your role, you have been asked to create an engaging presentation to help train junior staff
members on basic web technologies including hosting and website management as well as server
technologies. Your presentation should not only explain basic knowledge in the domain but also points
out the impact of these technologies to website design, functionality, management or performance.

You also need to present more technical presentation to senior staff members to discuss about front-
end, back-end technologies as well as other tools, techniques and softwares used to develop website
from simple (online website creation tools) to complicated (custom built). Your presentation will be used
as guidance of choosing suitable tools and techniques for the next project.
 Learning Outcomes and Assessment Criteria

Pass Merit Distinction

LO1 Explain server technologies and management services associated with

hosting and managing websites

P1 Identify the purpose and types of M1 Evaluate the impact of

LO1 & 2
DNS, including explanations on how common web development
D1 Justify the tools andtechniques
domain names are organised and technologies and frameworks with
chosen to realise a custom built
managed. regards to website design,
website.
functionality and management.
P2 Explain the purpose and
relationships between M2 Review the influence of search
communication protocols, server engines on website performance
hardware, operating systems and and provide evidence-based
web server software with regards to support for improvi g site’s i dex
designing, publishing and accessing a value and rank through search
website. engine optimisation.

LO2Categorise website technologies, tools and software used to develop

websites

P3 Discuss the capabilities and M3 Evaluate a range of tools and

relationships between front-end and techniques available to designand
back-end website technologies and develop a custom built website.
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).
 CONTENT
1.Explain server technologies:(slide 3)
Server Definition:(slide 3)
Web Server: :(slide 4)
Application Server :(slide 5)
1.2 Management services associated with hosting: :(slide 6 ,7 ,8)
Managing websites : :(slide 9)
Step 1: :(slide 9)
Step 2: :(slide 10)
Step 3: :(slide 11)
P1: The purpose and types of DNS, including explanations on how domain names are
organised and managed :(slide 12)
Function of DNS each Website :(slide 13)
Domain Name System – DNS: :(slide 14)
What kind of type DNS :(slide 15)
Advantages and disadvantages :(slide 16)
Managed DNS servers :(slide 17)
DNS Protection: :(slide 18)
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 19)
The Web Communication Protocols :(slide 19)
Kind of server hardware : :(slide 20)
Operating Systems for Web Servers :(slide 21)
Web Server Software : :(slide 22)
♦ Apache HTTP Server :(slide 23)
 LO2 Categorise website technologies, tools and software used to
develop websites: :(slide 24)
- fron-end :(slide24 )
-HTML: :(slide 25)
-CSS, java script: :(slide 26)
- Responsive Design :(slide 27)
- 2.2 What do Backend Developers Need to Know? :(slide
28)
2.3 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 29)
-Online website creation tool :(slide 29)
-THE VALUE OF CUSTOM-BUILT SITES :(slide 30)
- UX Design : :(slide 31)
- UI Design : :(slide 32)
Referendlist: :(slide 33)
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. A bicycle can move one person, a car can move
four people, a bus can move 50 people, and a plane can
move 500 people. They are all modes of transport, but each
has a different capacity. The same applies to servers.
Explain server technologies and management services associated with
hosting and managing websites:

Web Server
A web
is an HTTP server to support websites to meet
server
customer requirements. on your browser as a customer
you can request a website hosted on a server with a
domain called the home page. In order to perform the
server request, the system r locator is required for you.
Application Server

An application server stores and manages all

applications between an organization's users and its
databases or backend business applications. If you've
visited a bank to withdraw money, then you've
accessed the bank's application server through the
services of the attending teller. The teller's machine
through the banking application accesses the bank's
application server to retrieve your bank account details
and facilitate your transaction.
1.2 Management services
associated with hosting:
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 leased equipment serves
only that single customer -- or "tenant" as customers are
referred to single-tenancy architecture. 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.
Features of managed hosting
Management services are a key aspect to what differentiates managed hosting from other dedicated
hosting services. Typically, managed hosting providers are responsible for hardware and software
setup and configuration, technical support, patch management, system maintenance, monitoring
and updates. Managed hosting providers, however, may offer a menu
of add-on services and/or packages that range from basic service offerings to pricier bundles of more
advanced services. In most cases, managed hosting services can be customized to fit a customer's
specific business requirements.
Among the services that customers can expect from managed hosting providers include:
backups and disaster recovery;
load balancing;
security services, such as vulnerability scans, intrusion detection, and distributed denial-of-service
prevention and mitigation;
physical security measures for safeguarding data centers;
server configuration, maintenance and monitoring;
application support; and
support for resolving technical issues.
Some managed hosting companies have partnered with Amazon Web Services, Microsoft Azure and
other cloud providers to expand their portfolios of management service offerings.
Managed hosting plans frequently come with a service-level agreement, which outlines the services
the customer is paying for and service standards that the hosting provider is required to meet.
Managing websites :
Any web developer knows that it takes a large amount of work to design and
launch a new website. Once that website is up and running, however, you’ll
need to continue working to manage it. Website management entails several
tasks, including updating the website content and cleaning up any bugs.
Managing your website will also prepare the site for future growth, as the site
hosts more visitors and offers more services.
Step 1:
Back up your website. Should your site happen to crash without warning, it
would be disastrous to lose all of the data and coding that you’ve worked hard
to put together. Backing up your website will allow you to restore the most
recent version of the site. Back up the site at least once a month, or whenever
edits to the page are made.[1]
Even if the company which hosts your site regularly backs up your site, it’s still
smart to back up the site yourself, too.
To ensure that you don’t lose website data, you could keep a copy backed up on
your computer and another copy saved to a removable disk or external hard
drive.
Step 2:
Download a program that notifies you if your
website is down. To ensure that you find out as soon
as your site goes down, download a program like
SiteUp. SiteUp is a piece of freeware which runs in the
background on your computer. SiteUp and freeware
like it will monitor your site and inform you if it a
server crashes or the site becomes otherwise
unreachable.If the site is down for long, you risk losing
or confusing potential clients or turning away curious
internet browsers. Once you’ve been informed that
your site is down, you can get the site back up and
running as soon as possible.
Step 3:
Click through your own website. Web developers and
programmers can become so close to the websites they
create that obvious mistakes can go unnoticed. Look at
every page with a detailed eye to confirm that content
displays correctly. Click through every link on the site to
ensure that:[5]All links work.
All links direct the user to the correct page.
All images load correctly.
Images load correctly on mobile devices.
The website looks good and functions when viewed on very
large or very small monitors.
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:
Function of DNS
Each website has a
different domain name and
IP address.
When opening the web
browser and entering the
web name, we will access
the website without an IP
address.
DNS helps the server
translate IP addresses into
"names" and vice versa
Domain Name System – DNS:
DNS has an IP search job
that we have written just
like your mobile phone
book. DNS is an essential
part of the internet they
can determine the different
types of vulnerabilities
when accessing
What kind of type DNS:
1. Information request
You want to visit our website and you know the domain name. You write it in your browser, and the first thing it does is
to check for local cache if you have visited it before, if not it will do a DNS query to find the answer.
2. Recursive DNS servers
If you haven’t visited the page before, your computer will search the answer with your internet provider’s recursive DNS
servers. They have cache too so you can get the result from there. If they don’t, they will need to search the information
for you in another place.
3. Root name servers
Your query can travel a long way. The next step is the name servers. They are like intermediates; they don’t know the
answer, but they know where to find it.
4. Top-Level Domain (TLD) name servers
The name servers will read from right to left and direct you to the Top Top-Level Domain (TLD) name servers for the
extension (.com or another). These TLD servers will lead you finally to the servers which have the right information.
5. Authoritative DNS servers
These DNS servers check the DNS records for the information. There are different records, for example, we want to
know the IP address for a website, so our request is Address Record (A).
6. Retrieve the record
The recursive server gets the A record for the website we want from the authoritative name servers and stores it on its
local cache. If somebody else needs the host record for the same site, the information will be already there, and it won’t
need to pass through all these steps. All this data has an expiration date. This way, the users will get up to date
information.
7. The final answer
Now that the recursive server has the A record it sends it to your computer. The PC will save the record, read the IP and
pass the information to your browser. The browser makes the connection to the web server, and it is finally possible for
you to see the website.
Advantages and disadvantages :
Advantages Disadvantages
An obvious benefit of such a One apparent problem is the
move is the control. You are the additional administrative work.
administrator and you can set You must make sure the servers
values and change parameters, work correctly and to be
making changes is easier and updating your knowledge
faster than outsourcing it to regularly on how to protect it
another company. from new vulnerabilities. This
You can have more option in extra activity is very time-
your interface in comparison consuming.
with a managed DNS of another You need to be checking all the
company. If you have enough time for DNS attacks and
knowledge this can be very prevent them. You don’t want
useful but, in another hand, if your servers to be down.
you are not so familiar with And now let’s see why you could
managing servers, it can be be more interested in using
confusing. managed DNS servers.
Managed DNSservers :
Giving the task of
managing your DNSto
another company has its
benefits.
You will be liberated of most
of the administrative tasks
and the constant worry that
your servers can go down.
Using a provider like us –
Cloud DNS, you can enjoy
the following benefits:
We can feel comfortable in
majors and thinking a bunch
of good things .
DNS Protection:

It is quite hard to protect

your domain name/names
from SPOF (Single point of
failure). We have long
experience working with
DNS Mitigation companies.
We offer extra service of
DNS Protected DNS. Like
this your website,
application or game server
can be adequately
protected.
operating systems and web server software with
regards to designing, publishing and accessing a
website.

The Web Communication

Protocols
most of the time people browse
the internet using a web browser.
A web browser is an application
that accesses information
resources defined by URL
identifiers.
The web browser can provide you
with the information you request
as accurately as possible
Kind of server hardware :
Rack servers:
You can store multiple drives
and hardware into one tower.
You can expand the space and
limit the tower server
Blade servers :
racks can contain multiple
servers that can be stacked and
save floor space and expand
resources
Tower servers: Although blade servers are similar
to rack servers in design, they are thinner, and also
cost more than the latter. A blade server is a server
chassis which houses multiple thin, modular EC
boards, known as server blades. Each blade is
actually a server, often dedicated to a single
application. The server blades are literally servers
on a card that contain processors, memory,
integrated network controllers, and other
input/output (IO) ports.
Operating Systems for Web
Servers
Most Web servers run on computers that use one of the
following operating systems: Microsoft Windows NT
Server, Microsoft Windows 2000 or 2003 Server products,
Linux, or one of several UNIX-based operating systems,
such as Solaris or FreeBSD. Many companies believe that
Microsoft server products are simpler for their information
systems staff to learn and use than UNIX-based systems.
Other companies worry about the security weaknesses
caused by the tight integration between application
software and the operating system in Microsoft products.
UNIX based Web servers are more popular, and many users
believe that UNIX is a more secure operating system on
which to run a Web server.
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.
♦ Apache HTTP Server:
Has dominated the Web since 1996 because it is free and
performs very efficiently. It is powerful enough that IBM
includes it in its WebSphere application server package.
Electronic Commerce, Seventh Annual Edition 8-5 ♦
Microsoft Internet Information Server: Comes bundled
with current versions of Microsoft Windows Server
operating systems. IIS is used on many corporate intranets
because many companies have adopted Microsoft products
as their standard products. Small sites running personal
Web pages use IIS, as do some of the largest electronic
commerce sites on the Web. ♦ Sun Java System Web
Server: Supports dynamic application development for
server-side applications. Sun JSWS provides connectivity to
a number of database products as well.
software used to develop
websites:
The front-end of a website is what
the visitor sees on their screen.
Because the focus of frontend
development is creating a pleasant
user experience, effective
frontend developers need a basic
understanding of human
psychology. They must also learn
from their competition; for
example, several social networking
websites existed before Facebook
that offered many of the same
features, but Facebook’s superior
visual layout gave it an edge over
competitors like MySpace.
HTML:
Because HTML gives
browsers the instructions
for how to display content,
every developer needs to
learn it.There’s no way
around it. A frontend
developer without
thorough knowledge of
HTML is like an architect
who can’t read blueprints.
Read our complete guide to
learn more about the
differences between HTML
and HTML5
CSS,java script:
Equally important is CSS, which builds upon the basic instructions provided by HTML to
create visually appealing user interfaces. CSS is becoming more and more powerful and
design options available through the use of CSS are growing.
Fortunately, CSS precompilers like Sass and LESS can greatly simplify the code writing
process for frontend developers.
Another extremely important tool for frontend developers to become familiar with
is JavaScript. JavaScript allows for the creation of interactive and dynamic content by
telling the user’s computer how to behave after the page has been loaded. Therefore,
JavaScript is vital to playing video files, assessing input values for web forms, tracking
user behavior for analytical purposes and anything else that involves making changes to
content dynamically.
Although the newest update of HTML, HTML5, supports some of these features,
budding developers would be doing themselves a disservice by overlooking JavaScript.
Frameworks such as Backbone, React, Angular, and Ember allow for faster JavaScript
development. If during your research into JavaScript you also came across Java, just note
that these two languages have no connection to one another. Learn more about
the difference between Java and JavaScript.
Responsive Design:

According to study done by Similar Web in 2015, 56% of

traffic leading to the top US websites is from mobile
devices such as smartphones and tablets rather than
traditional desktops. This trend has created challenges for
developers who try so hard to ensure that all visitors have
the same experience when visiting their website, which is
why responsive design, or optimizing websites to adjust to
different screen sizes, is more important than ever.
Similarly, delivering responsive images is also an important
aspect of responsive design and since different devices
prefer different browsers, cross-browser development is
equally important.
2.2 What do Backend Developers
Need to Know?
A well-designed frontend usually isn’t as
useful without proper backend support.
No matter how beautiful a page looks at
first glance, users will quickly turn away if
the website doesn’t function properly.
When an application runs slowly, regularly
crashes or encounters frequent errors, a
key contributor to that is commonly due to
backend problems.
The backend of an application handles all
of the calculations and database
interactions needed to ensure a consistent
performance. The majority of actual
coding is done on the backend, and all
backend code runs on the server-side
rather than the client-side.
2.3 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.[4] 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.
THEVALUEOFCUSTOM-BUILT
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.
UX Design :
UX is the acronym for "User
Experience." UX design brings a
decidedly left brain component to a
digital experience and may encompass
the design of apps or other software
products as well as websites. While a
good web designer is focused on the
end user's experience, the UX designer
takes it to the next level and applies a
specific methodology around the user.
The UX process generally begins with a
strong research component resulting in
an articulation of a specific, desired
end state and the customer journey(s)
needed to get there. This involves the
development of Use Personal (detailed
demographic, psychographic portraits
of various types of users and what
motivates them) and a collaborative,
iterative approach to defining the story
arc and the functionality required.
UI Design :
UI stands for User Interface, which
comes out of the software world in
which the User Interface of a
product IS the product. UI
designers traditionally are experts in
designing machine to human
interfaces. The adage "Form Follows
Function" is the operating principal
in UI Design.
With regard to websites, UI Design
is more synonymous with front-end
development, i.e., managing
complex information, tasks and
workflows and distilling it into
screens and flows that are intutitive
and make something complex
appear simple. In essence, UI
Design represents the intersection
of programming and design.
References:
https://study.com/academy/lesson/what-is-a-server-
definition-lesson-quiz.html
https://searchitchannel.techtarget.com/definition/managed
-hosting
https://www.cloudns.net/blog/why-we-need-managed-dns/
http://www.juntak.com/bus107/MATERIALS/Instructiona
l_Manual__PDF/ch08.pdf
https://www.keycdn.com/blog/back-end-vs-front-end
https://www.primedesignsolutions.com/learning-
center/difference-template-custom-built-websites/
https://blog.raincastle.com/ux-design-vs.-web-design-
whats-the-difference-and-why-should-you-care
https://en.m.wikipedia.org/wiki/Website_builder
https://dealna.com/en/Article/Post/1391/Three-Types-of-
Server-Hardware
(accessed on May , 2019)