Web Assignment
Web Assignment
• Constructive?
Y/N
• Linked to relevant
Y/N
assessment criteria?
• Identifying opportunities
for improved performance? Y/N
Y/N
• Agreeing actions?
Does the assessment decision need
Y/N
amending?
Assessor signature Date
Give details:
Internal Verifier
Date
signature
Programme Leader
Date
signature (if required)
Higher Nationals - Summative Assignment Feedback Form
Student Name/ID
LO1. Explain server technologies and management services associated with hosting and managing websites.
LO3. Utilise website technologies, tools and techniques with good design principles to create a multipage
website.
Pass, Merit & Distinction P5 P6 M4 D2
Descripts
LO4. Create and use a Test Plan to review the performance and design of a multipage website.
Pass, Merit & Distinction P7 M5 D3
Descripts
Resubmission Feedback:
Assignment Feedback
Formative Feedback: Assessor to Student
Action Plan
Summative feedback
1. A Cover page or title page – You should always attach a title page to your assignment. Use previous page as
your cover sheet and make sure all the details are accurately filled.
2. Attach this brief as the first section of your assignment.
3. All the assignments should be prepared using a word processing software.
4. All the assignments should be printed on A4 sized papers. Use single side printing.
5. Allow 1” for top, bottom , right margins and 1.25” for the left margin of each page.
1. The font size should be 12 point, and should be in the style of Time New Roman.
2. Use 1.5 line spacing. Left justify all paragraphs.
3. Ensure that all the headings are consistent in terms of the font size and font style.
4. Use footer function in the word processor to insert Your Name, Subject, Assignment No, and Page Number
on each page. This is useful if individual sheets become detached for any reason.
5. Use word processing application spell check and grammar check function to help editing your assignment.
Important Points:
1. It is strictly prohibited to use textboxes to add texts in the assignments, except for the compulsory
information. eg: Figures, tables of comparison etc. Adding text boxes in the body except for the before
mentioned compulsory information will result in rejection of your work.
2. Carefully check the hand in date and the instructions given in the assignment. Late submissions will not be
accepted.
3. Ensure that you give yourself enough time to complete the assignment by the due date.
4. Excuses of any nature will not be accepted for failure to hand in the work on time.
5. You must take responsibility for managing your own time effectively.
6. If you are unable to hand in your assignment on time and have valid reasons such as illness, you may apply
(in writing) for an extension.
7. Failure to achieve at least PASS criteria will result in a REFERRAL grade .
8. Non-submission of work without valid reasons will lead to an automatic RE FERRAL. You will then be asked
to complete an alternative assignment.
9. If you use other people’s work or ideas in your assignment, reference them properly using HARVARD
referencing system to avoid plagiarism. You have to provide both in-text citation and a reference list.
10. If you are proven to be guilty of plagiarism or any academic misconduct, your grade could be reduced to A
REFERRAL or at worst you could be expelled from the course.
11. If you are proven to be guilty of plagiarism or any academic misconduct, your grade could be reduced to A
REFERRAL or at worst you could be expelled from the course.
Student Declaration
I hereby, declare that I know what plagiarism entails, namely to use another’s work and to present it as my own
without attributing the sources in the correct way. I further understand what it means to copy another’s work.
Unit Number and Title Unit 10- Web Design and Development
Unit Tutor
Issue Date
Submission Date
Submission Format:
Part 1.
Report- Submit a professional report with approepriate report formattimg and guidelines followed. All the
research data should be referenced along with in-text citations using Hrvard referencing syste.
Part 2
A fully functional web solution
Assignment Brief
Scenario.
‘Apex Design Works’ is a leading web design and marketing company. They are focusing on helping
businesses communicate more effectively and build their business through a creative design. Assume
that, you work as an apprentice web developer for Apex Web Design and marketing company. As part of
your role, you have been asked to create a Website for the following organization .
Arogya Health Care hospital currently uses a manual system for the management and maintenance
of critical information. The current system requires numerous paper forms, with data stores spread
throughout the hospital management infrastructure. Often information (on forms) is incomplete, or
does not follow management standards. Multiple copies of the same information exist in the
hospital and may lead to inconsistencies in data in various data stores. There are number of
documents to be maintained in the Health Care hospital and this information typically involves;
patient personal information and medical history, staff information, room and ward scheduling,
staff scheduling, operating theater scheduling and various facilities waiting lists. All of this
information must be managed in an efficient and cost wise fashion so that the resources can be
managed effectively. The reception module handles various inquiries about the patient's admission
and discharge details, and the patient's movements within the hospital.
Assume that you are the web developer hired by the Health Care Hospital, to propose, and
engineer a low cost but yet powerful and complete Hospital Management System (HMS) for the
scenario given above. Suggest and implement important functionalities and features to the system
by identifying system functionalities.
Develop a web based solution for the above scenario and produce a report covering the following
tasks.
Task 1 - Server technologies and management services associated with hosting and managing
websites (LO1)
1.1 Explain and differentiate the different web technologies such as communication protocols, server
hardware, operating systems and web server software with regards to designing, publishing and
accessing the Hospital Management System (HMS).
1.2 Identifry and define the types of DNS and the uses of it, with clarifications on how domain names are
structured. Review the effect of search engines on website performance. Provide evidence-based
support for improving a site’s index value and rank of the Hospital Management System (HMS)
through search engine optimization.
1.3 Identify and explain the common web development technologies and frameworks. Explain the tools
and techniques chosen to develop the above web application and justify your choice by providing
valid evidences.
Task 2 - Categories website technologies, tools and software used to develop websites (LO2)
2.1 Considering the requirments given in the above scenario define the relationships between front-end
and back-end website technologies and discuss how the front-end and the back-end relate to
presentation and application layers.
2.2 Discuss the differences between online website creation tools and custom-built web sites by
considering the
design flexibility, performance, functionality, User Experience (UX) and User Interface (UI).
Evaluate the tools and techniques available to design the web application gicven in the scenario.
.
Task 3 - Utilize website technologies, tools and techniques with good design principles to create a
multipage website (LO3)
3.1 Design a suitable web application solution for the given scenario using PHP, JS and MySQL
(Screenshots of important code lines with proper comments and user interfaces filled with sample data
must be attached to the documentation). Apply a database design for the proposed system and provide
the well normalized database design of the proposed system. Provide evidences of the design,
multipage website supported with fidelity wireframes and a full set of client and user requirements.
3.2 Compare and contrast the multipage website created to the design document. Use your design
document with appropriate principles, standards and guidelines to produce a branded, multipage
website supported with realistic content and Critically evaluate the web design ,development process
against your design document analyisng any technical challenges you faced during the development.
Note - Synthesize client and the server-side functionalities in the proposed design.
Task 4 - Create and use a Test Plan to review the performance and design of a multipage website
(LO4)
4.1 QA process is expected to discover design issues and development errors while testing a product’s
user interface (UI) and gauging the user experience (UX). Evaluate the Quality Assurance (QA)
process and review how it was implemented during your design and development stages.
4.2 Create a suitable test plan for the developed system and critically evaluate the results of your Test
Plan . Include a review of the overall success of your multipage website; use this evaluation to
explain any areas of success and provide justified recommendations for areas that require
improvements.
Grading Rubric
Grading Criteria Achieved Feedback
Comments:
A resolver is the first stop in a DNS query, this acts as the middle link between the client and a DNS
nameserver, once a DNS query has been sent from the client a recursive resolver will bring back
cached data if it is found in the cache, or it will send a request to a root nameserver, then another
request to a TLD (Top Level Domain) nameserver and then a last request to an authoritative
nameserver. If the recursive resolver does not have the website that is requested in its cache, then it
will go through the process of getting the IP address of the website wanted and return it. It will then
store this IP address in its memory for a period time. The period of time that it is stored in the
memory is chosen by the owner of the domain by using a setting called time to live 2, in which how
long the website stays in the cache’s memory for. (ukessays.com, 2020)
Iterative
The iterative DNS query will query a DNS server for information on a website, the user will enter a
website they are trying to find and then the resolver may provide an answer from the cached
memory or will ask another DNS server if they have the answer by returning the address of that
DNS server, if it cannot return a definitive answer it will ask the next server. The query will start at
the root server and then go down the levels according to its referrals that it receives. (ukessays.com,
2020)
Root servers
The root name server for the DNS records is a server that has a big role in the translating of a
domain name into an IP address for a computer, they answer requests made in the root zone of the
DNS. The servers can answer queries records which are cached in the root zone. They can also
divert other requests made onto the TLD server.
The TLD nameserver is referring to the last part of a domain name, the part after the dot. TLDs
made up into two categories, a country TLD and industries TLD. For example .FR for France
and .GOV for governments websites. The TLD is the highest level of domain names in the root
zone of the DNS for the internet. For the other domains in lower levels, it is the last section of the
Authoritative nameservers
An authoritative nameserver provides answers to an original DNS query. It does not provide
answers of websites from the cached memory 3. The Authoritative nameserver provides answers to
the recursive DNS nameservers with IP mapping of the website (or other server) searched for. The
authoritative name server holds the records for domain names, these can be either A, CNAME, MX,
NS, SOA or TXT records. An example could be if a DNS server in a network has stored a record
for a website for example www.example.co.uk, then it would be that this DNS server is the
authoritative server for the example.co.uk domain. (ukessays.com, 2020)
There are protocols which are used in both the front and back end website technology. These
protocols are found in the application layer of the OSI 7-layer model.
HTTP (Hyper Text Transfer Protocol) – this protocol determines how resources are transferred
across the internet. HTTP is used to deliver data on the internet, it provides a regulated method for
computers to be able to communicate with one another. HTTP is an application protocol which runs
on top level of the TCP/IP. The HTTP protocol uses port 80.
HTTPS (Hyper Text Transfer Protocol Secure) – is a secure protocol that encrypts the data that is
being sent over the website that it is on. It encrypts the data by exchanging keys with the customer
and the website, this encrypts the data so that then if it is intercepted and stolen it cannot be
decrypted unless they have the keys from the owner and customer.
FTP (File Transfer Protocol) – is mainly a standard protocol of Network which is used to transfer
data from client to host or one server to another server, it uses a client-server architecture. When
creating a website, you will use the FTP protocol to upload your created and completed web pages
to the web server, this is normally done through the FTP protocol using a program such as FileZilla.
The port numbers used by this are 20 for data and 21 for control. (ukessays.com, 2020)
Apache is the most commonly used web server software on the market 6. Apache is an open source
software and is maintained by a community of developers whilst being backed by the Apache
Software Foundation. Apache is a good software to use on a web server as it is free to use and
download and is most often used on Linux servers. Microsoft have their own web server software
called IIS (Internet Information Services) it is not free like Apache and requires a license and will
only runs on its windows operating systems. The Microsoft software comes with a tidy but takes
some time getting used to GUI, it comes with a panel to manage the connected servers, but
everything is one place to is very easy to manage. (ukessays.com, 2020)
It also comes with good security features such as the TLS certificate management and binding for
enabling HTTPS and SFTP on to your websites. It also has software patches which are regularly
rolled out to keep up with the latest security threats in the world. The security features in
Microsoft’s software help to keep websites on the servers up and running and keep down time to a
very low level, this will help company’s keep their financial losses down if their website does get
attacked.
Most companies will use severs to host their websites on, it is not essential but is recommended as
servers are needed to run all day every day of the year. A server needs to be reliable more reliable
than workstations in a business as they are always on. The main job of a web server is to deliver the
content of a hosted websites on the internet to the client. All computers that host websites must have
web server programs, the most widely used web server program is Apache. Any computer as long
as it is connected to the internet can be used as a web server as long as it has the appropriate
software installed. Web servers typically host many websites, some only host a few. Servers that
host multiple websites are called shared host while servers that host a website for a single company
or person is call a dedicated host, these dedicated host are appropriate for websites with a high
volume of traffic and sites that require custom server modifications. (ukessays.com, 2020)
In web applications, the term front end refers to the code executed in the browser, and back end to
code being executed on the web server. Front end is often being called client side and back end as
server side. Browsers can execute code in the form of JavaScript, using HTML for presentation and
CSS for styling. Back-end is much more versatile, it can be programmed in a lot of different
languages, the most popular being PHP, Ruby, ASP.NET and JavaScript (Node). The back-end
The database in a website is very important as it stores data and is needed in the development of
websites. A commonly used database is MySQL 8 it is used by many of the big companies and
brands in the world such as Google, Facebook and PayPal. MySQL works by creating a database
for storing and manipulating data, then clients can make request by typing in specific SQL
statements on MySQL and then the server’s application will respond with the requested information
and appear on the client’s side browser.
The back-end development of a website will have the language, database, security and backup side
of it covered. The database of a website will be used in a query when someone is for example
searching for hotel within a certain town, the database is responsible for accepting the query made
by someone then it will find the data requested in the database and then return it to the user that has
searched for it on a website.
The security side of the back-end development is critical in keeping data and sensate information
safe. It is important that users are logging in using the HTTPS protocol whilst doing any
development as this will encrypt the information and cannot be intercepted by hackers. It is also
important that the HTTPS is used on any websites that use credit card information as this will
ensure that the information is not intercepted by hackers and will give the user confidence to use
websites that use this protocol, for example if they are shopping 84% of users 7 would abandon
their purchase if they cannot see that the HTTPS protocol is not being used by the website. Google
will rank sites higher in their search results if a site uses the HTTPS protocol, so it is better to use it
in terms of getting your website higher up in the search results.
The front end of a website is what happens in front of you, for example a browser will show you
what you have searched in the browser. Part of the front-end development is the language html, this
used along with CSS and JavaScript will help to build the front end of a website. The websites
pages are created using these coding standards, they are styled to the way that a customer would
want by the developer. A web developer is the person or team that create the pages of a website that
we see on the screen, they are able to create websites without using any back-end coding or
databases and these are called static websites. These static websites are used to show information
for a website that does no need constant updating for example, a restaurant could have a static
The presentation layer in the OSI model is responsible for translating data, encryption between
applications and data compression. When data is passed through the HTTPS protocol on a browser,
the data is encrypted as to keep it secure from people trying to hack and intercept it when it is
transmitted over the internet. When this occurs the two devices that are talking to each other, for
example when someone buys something off the internet, the HTTPS protocol is used to keep credit
card information safe. When this happens the buyer and the seller will exchange keys to encrypt the
data that is being transmitted, and this means that only these two can encode the data and then
decode it in to a readable format, to keep it secure even if it does get intercepted by a hacker, they
cannot retrieve any information from the hacked data as they do not have a key to decode it. The
presentation layer is also used when building a website, HTML, CSS and JavaScript are used to
connect the user interface with the back end of the website.
In the application layer the FTP protocol is used in this layer to transfer files between the server and
the client over a network, this is used when upload files to a web server to host a website for
example. The application layer is what provides the interface of the applications and network, it is
the only layer that deals with the user that is using the computer. This is also where the DNS
protocol is used as well, there are many other protocols that are used in the application layer and
they include the SMTP, Telnet and TFTP. Applications that are run on a computer are using this
layer as this hosts the applications that run on computers, when accessing the internet they are used
there. The mail protocol is on the application layer and uses the SMTP protocol to send emails on
the internet, then to receive emails the protocol used is the POP3 protocol. The Telnet protocol is
also on the application layer, and this protocol is used to access a device remotely.
Using a template for creating a website is an easier way of creating your own website than building
from scratch, there are many different sites that will have many different templates that will help in
giving a starting point to making a website. The custom-built websites offer themes as well as
templates to give you more range of choice when creating your website, this will help you in
When a website is created using an online service the user experience may be not be as good as a
custom-built site as you will be restricted in the way you can lay out your website on their tools.
You may want to change the flow of your website using the tools but may be limited in what you
are doing by the service itself, for example if you wanted a user using your website to get from one
page to another in your way, but then find out you are unable to achieve this using the method of
the online creation tools, then this will have a negative impact on the users experience in using the
website. But when a site is custom built to order the user is able to put the website in the way that
they want it to work and then the user experience is as they expected and what works best.
(ukessays.com, 2020)
Using a custom built website is more efficient in its performance of the website as it will only have
the code that is needed to run the website and nothing extra like the online creation services do, the
online creation tools will have lots of extra code added into it to help the user achieve its website
whilst making it very easy to use. Doing it in this way will add more code than necessary and will
affect the performance of the website. The flexibility in custom built website is much better than the
online services as you can add anything and move anything you want in a custom built one, the
online creation services limit users in their flexibility of websites and this can be very frustrating.
(ukessays.com, 2020)
A custom-built website will always be available on all devices such as computers, phones and
tablets and working correctly, showing the site on different devices is very important these days as
lots of people use their tablet and phones to look at websites on the go. Have a custom-built website
will ensure that the site is optimised for use on both of these devices, this will ensure that the user
interface is as it should be when the developers made the website. When using an online creation
service this may not always be part of the normal service and may require extra costs to be able to
view in mobile format. They will also normally be higher up in the search results in google as the
site is optimised to be higher up in the search, by using the key words and structuring the website
correctly it will help.