2.

1 relationships between front-end and back-end website technology

In web development when building a web application, it requires two fundamental parts namely the back
end and the front end Development. Front-end and back-end developers do work in tandem to create the
systems necessary for an application or website to function properly. However, they have opposite
concerns. In here front-end developers work on what the user can see while back-end developers build the
infrastructure that supports it.

Front-end development
Front-end development is the section of the web that users interact with. It is built using a combination of
technologies such as HTML, JavaScript and CSS and it represents the graphical user interface with
various icons such as the navigation menu, videos, and images. Front-end developers enhance the
attractiveness of web pages by building sites that are user-friendly and easy to use. In the front end, users
can interact with the web application through various icons and features. However, users cannot interact
with the back end part because it does not provide visual aspects.

back end development

Back-end development is the section of the web that cannot be seen or interact. It provides the functional
support of web applications and involves a higher level of cooperation when compared to front-end
development. It handles various behind-the-scene activities such as creating libraries, coding, and writing
APIs. The programming languages used in the back end may include PHP, Java, Python, and Ruby. The
presentation layer of a web page cannot function without back-end development.

Normally the front-end development is done on the client-side of a web application end it provides the
visual aspects that enhances user interaction while back-end development provides the functionality for
the presentation layer and done on the server-side. The server-side is connected to a database that
responds to requests made on the client-side. (section.io, 2021)

The presentation layer

The presentation layer in the OSI model is responsible for decoding data, encryption among applications
and data compression. 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. When data is passed
through the HTTPS protocol on a browser, the data is encrypted. It helps to keep data 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 application layer

The application layer is the closest layer to the end user which means that the application layer and end
user can interact directly. 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. The
application layer programs are based on client and servers. Functions are, identifying communication
partners, determining resource availability, synchronizing communication etc.
Also there are services of Application Layers such as network Virtual terminal which allows a user to log
on to a remote host, file Transfer, Access, and Management which allows a user to access files in a
remote computer, to retrieve files from a computer and to manage files in a remote computer, addressing
to get communication between client and server, mail Services, directory Services and in authentication.
Applications that are run on a computer are using this layer as this hosts the applications that run on
computers when accessing internet, they are used. 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. (conceptatech, 2019) (section.io, 2021)

2.2 Online website creation tools and custom-built web sites

When considering developing Hospital Management System with website for Arogya Health Care
Hospital the interfaces must me more user friendly because it is using by the hospital staff, customers etc.
All the interfaces should develop in a way that the authorized parties for each section can easily enter and
handle it. Also future development and changers must be able to done easily by operators even after the
web developer handle over it. Also the website must be unique and attractive considering with similar
systems. In must be eligible to perform the given requirements easily and smoothly. When building a
perfect website all the requirements must consider in planning. The website may be a custom built
website which is built by website designers or it can use online website building tools.

Many type of markets are available that need to a website for successful run of their business. While
designing website, you must keep in mind what type of website you are designing and what
communication strategy they required. Web designers also keep in mind type of webpage like business to
business website design, retail or entertainment website. Web designers must also consider the reputation
of the business and owner in the market.

Web designer consider how the web page works and understand the working of web page. User
experience is directly depending on the layout. If layout is well featured, user will come to your webpage
again and again. As the interactive website is, user will use it more and more.

Typography means web designers also use different type of font faces for their web pages. Web designers
recognize specific number of safe fonts for all types of browsers. Motion graphics means page layout and
user interface affected by motion graphics. Motion graphics create issues those are not initiated by the site
browser. Generated content
In custom websites the company culture and personality can be express through the design. A unique
design can be presented, reviewed and built into a custom template for Arogya hospitals’ website.
Constantly updating the code and finding new ways to increase the longevity of the sites they build can be
done in this way. As website reflects hospitals’ brand voice it’s important to hire the right team that takes
time to understand your business needs. Such sites are more cost-effective in the long run as they can be
easily customized to adapt to the growth in your business

Website Builder Tools are usually offered by website hosting companies as copyrighted tools. These tools
allow you to develop a website, even if you do not know how to code and include an editor, several
themes and easy drag and drop various elements like images, text, headers, etc. to build a site. User can
change the colors and maybe the fonts but the layout is pretty set. Website templates and platforms like
WordPress, Squarespace and Wix are often plug and play. Even these are easy and quick to use these sites
become heavy, often slow to load and most of these tools are flash-based, making them difficult to read
by Google. When using these website builder tools the future changers, developments, uniqueness is not
good as custom built website and maintenance is also not easy.

Uniqueness. - As mentioned above because custom websites are designed according user objectives,
needs and goals the website can be highlighted peculiarly and uniquely from others. They are developed
offline using codes and are then made online. As online website building tools are limited in terms of
templates and layout they may look similar to other websites who used same template. A custom website
purchases a domain name have the ownership of the website. But when create through online building
tools the website doesn’t have ownership it uses their domain name.

Better Search Engine Optimization – Keep a higher reach to community is very important in developing a
website. In here Search Engine Optimization helps the page rank higher on search engines and increase
the traffic. Planning, keyword research, sitemap creation which increases the web traffic can done in
custom built websites, but it is limited in online website tools.

Support by Professionals- When hiring a website designer and make a customized website its easy and
time saving with terminologies like DNS, Transport Layer Security etc. Technicians will maintain and
work on them timely. But when web design tools there may be confusions when a problem occur.

Page Loading Speed- Custom websites offer better Page speed through coding and provides relevant
content through best SEO strategies. JavaScript and Cascading Style Sheets, Browser caching, Content
Delivery Networks, Content compression is used for providing best loading speed. But building through
online tools doesn’t allow these specifics in detail reduce loading speed on the website

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 optimized 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 (M, 2020)

E-commerce Tools- This is a hospital management website. In making appointments, payments and for
other services online payment techniques are used. Also they require tools such as Customer Relationship
Manager, contact management tools, appointment schedulers etc. Custom made websites allow making
these payments and handle other high secure private details more secure without allowing them going to
third parties. Even online builders allow these e-commerce features, they depend on on third party
applications for the purpose.

Terms and Conditions- When using online builders, it requires to conform with their specific terms and
conditions such as submit company information, reserving the right to display advertisements. A custom
website does not require such agreements. But ensure is that the website does not violate general
guidelines is important. (M, 2020)

Comparing different text editors

Comparing different text editors

Comparison Dream viewer Proto.io FONTELLO

About Dream viewer Proto.io Fontello is a tool to

quickly pack vector
Adobe Dreamweaver is The entire design
images into webfonts.
a software program for process, from original
Consider it like Twitter
web page design, wireframes and mock-
basically the most ups to interactive, Bootstrap, but for
 complete HTML web animated, highfidelity images. It builds
and programming prototypes. Users can everything necessary to
editor. design, animate, include graphics into
review, and test their your web pages. Also,
prototypes, all in one fontello has a big
place, making the builtin collection of
design process easier open
than ever.

developer Adobe.inc Proto.io.inc Rc design

Initial release 1997 2011 2014

Release Website Adobe.ocm Httpp\\:proto.io Fontello.com

Website designing requires many important tasks like discipline production in website and website
maintenance. While designing a simple or modern web page. There are many important website design
area like web graphic design, interface design, authoring, user experience design, search engine
optimization, standardized code and proprietary software and tools and technologies.

Tools those are used for website designing are pixate, affinity, avocode, antetype, sketch

Simple technologies used for website designing are HTML / CSS, Java script, php