Softwire Website Development: A Comprehensive Guide to Design, Development, and Testing

P a g e | 1
Table of Contents
List of Figures.........................................................................................................................................2
Introduction...........................................................................................................................................3
LO1 Explain server technologies and management services associated with hosting and managing
websites................................................................................................................................................4
P1 Identify the purpose and types of DNS, including explanations on how domain names are
organised and managed........................................................................................................................4
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..............................................................................................................................................6
M1 Evaluate the impact of common web development technologies and frameworks with regards
to website design, functionality and management............................................................................6
M2 Review the influence of search engines on website performance and provide evidence-based
support for improving a site’s index value and rank through search engine optimisation................6
LO2 Categorise website technologies, tools and software used to develop websites Website
technologies:.........................................................................................................................................8
P3 Discuss the capabilities and relationships between front-end and back-end website
technologies and explain how these relate to presentation and application layers..........................8
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).....................................................................................................................................................9
M3 Evaluate a range of tools and techniques available to design and develop a custom built
website..............................................................................................................................................9
LO3 Utilise website technologies, tools and techniques with good design principles to create a
multipage website...............................................................................................................................11
P5 Create a design document for a branded, multipage website supported with medium fidelity
wireframes and a full set of client and user requirements..............................................................11
P6 Use your design document with appropriate principles, standards and guidelines to produce a
branded, multipage website supported with realistic content........................................................11
M4 Compare and contrast the multipage website created to the design document......................17
LO4 Create and use a Test Plan to review the performance and design of a multipage website........18
P7 Create a suitable Test Plan identifying key performance areas and use it to review the
functionality and performance of your website..............................................................................18
M5 Evaluate the Quality Assurance (QA) process and review how it was implemented during your
design and development stages......................................................................................................20
Conclusion...........................................................................................................................................21
References...........................................................................................................................................22

P a g e | 2
List of Figures
Figure 1 Domain Name Structure..........................................................................................................4
Figure 2 Fetching IP address..................................................................................................................5
Figure 3 DNS Hierarchy..........................................................................................................................5
Figure 4 Home Screen..........................................................................................................................12
Figure 5 Work Screen..........................................................................................................................13
Figure 6 Service Page...........................................................................................................................14
Figure 7 About Page............................................................................................................................15
Figure 8 Contact Page..........................................................................................................................16
Figure 9 Test Plan 1.............................................................................................................................18
Figure 10 Test Plan 2...........................................................................................................................19
Figure 11 Test Plan 3...........................................................................................................................20

P a g e | 3
Introduction
The website "Softwire" is developed to provide an online platform to the company to extend and
manage the business needs. The website covers all the services provided by the company. It consists
of the brief view of the company. The company, Softwire claims to provide best software solutions
around the world. It was started in 2000 and now currently incorporates around 130 employees.
Customer Satisfaction is the major objective of the company. The company provides online solutions
to the customers. The company is a Software Solution provider and Open Source Enthusiast. They
provide services like Software Development, Web Design, Video Editing, Mobile Optimization, Cloud
and Web Analytic. They are currently working on the projects like organization Projects, web
Applications and Business Development. They have made various other projects like PayRoll System,
Hospital Management and Student Management System. Besides these, the recruitment of the new
employees is also managed through it. Through website, they provide new career opportunities.
Currently it is one of the most rapidly growing company in the market.

P a g e | 4
LO1 Explain server technologies and management services associated
with hosting and managing websites.
Website Hosting and Management: Every website needs hosting on the servers so that it can be
available for services. For dynamic websites, management is an important factor. The websites
needs to be updated in timely manner. Domain names are also needed to be acquired for any
website. The server technologies aid in providing services to other computer programs. Its main
focus is on the power. It fulfils the requested services from client programs in case of client server
model.
The following are the types of the servers:
 Application Server
 Proxy Server
 Virtual Server
 File Server
 Web Server
 Distributed Server
 Mail Server
 Blade Server
 Policy Server
P1 Identify the purpose and types of DNS, including explanations on
how domain names are organised and managed.
DNS: It stands for Domain Name Server. It can be considered equivalent to phone book of internet.
The domain names server serves us as database. The internet consists of a directory that contains
name of all the domains and it also translates them in to the IP addresses. The domain names are
easy enough to be remembered. There is a central registry that stores the information provided
from DNS over the internet.
Domain name Structure:

P a g e | 5
Figure 1 Domain Name Structure
The domain name comprises of two sections:
1. Actual Domain Name
2. Top Level Domain
Figure 2 Fetching IP address
In the above figure, the system requests the DNS server, then the DNS server recognizes its IP
address. The IP address looks like the above displayed in the figure.
Working of DNS
The DNS system makes the browsing experience comfy. With these, the users do not have to
remember those typical IP address. Instead users only have to remember their domain names that
are quite easy to remember also. The browser searches these domain names on the DNS systems
and gets the IP addresses of the requested websites. On the DNS system, the IP address of the
requested domain name is searched in the root DNS records. Upon finding the needed IP address,
the browser opens the requested website.

P a g e | 6
Figure 3 DNS Hierarchy
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.
Communication Protocol:
For accessing a website, HTTP is used as a Communication Protocol. HTTP stands for Hypertext
Transfer Protocol. It is a protocol of application layer that virtually transmits files on WWW. The
browsers are the client of HTTP as it send the request to the servers of HTTPs and then responds to
the clients. These are based on TCP/IP protocols (Flynn, 2018).
Web Server Hardware:
The web server hardware ensures to service HTTP requests in the minimum possible time. The web
server computers make use of many processors. The web server hardware should have good latency
and have good placement count. Besides these, it should have good amount of RAM.
Web Server Software:
It consists of many programs and tools that builds and manages web servers. The tools can be some
programming language or can be FTPs (File Transfer Protocol). With these the programmers can
optimize the web servers. These provides them with unique experiences that they can incorporate
for the users. The web server softwares are used to create pages and edit them.
M1 Evaluate the impact of common web development technologies and
frameworks with regards to website design, functionality and management.
Common web development technologies used for management, functionality and designing website
are as under: