Scribd
Upload
38 views9 pages

Web Application Architechture: Gayathri Dinesh IMCA-354

The document discusses different aspects of web application architecture. It describes how a web application works by communicating between a client-side browser and server-side code. The architecture includes multiple layers like presentation, business, and persistence layers that separate different types of logic. There are also different models like single server/database, multiple servers/database, and types of architectures like single page applications, microservices, serverless, and progressive web applications.

Uploaded by

Gayathri Dinesh
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
38 views9 pages

Web Application Architechture: Gayathri Dinesh IMCA-354

The document discusses different aspects of web application architecture. It describes how a web application works by communicating between a client-side browser and server-side code. The architecture includes multiple layers like presentation, business, and persistence layers that separate different types of logic. There are also different models like single server/database, multiple servers/database, and types of architectures like single page applications, microservices, serverless, and progressive web applications.

Uploaded by

Gayathri Dinesh
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
You are on page 1/ 9

WEB APPLICATION

ARCHITECHTURE
GAYATHRI DINESH
IMCA-354
INTRODUCTION

• A web-application is an application program that is usually stored on a remote


server, and users can access it through the use of Software known as web-browser.
• It is a type of computer program that usually runs with the help of a web browser
and also uses many web technologies to perform various tasks on the internet.
• In general, web-application does not require downloading them because the web
application is a computer program that usually resides on the remote server. Any
user can access it by using one of the standard web browsers such as Google
Chrome, Safari, Microsoft Edge, etc.,
WEB APPLICATION ARCHITECTURE
• Web application architecture defines the interactions between applications,
middleware systems and databases to ensure multiple applications can work together.
When a user types in a URL the browser will find the Internet-facing computer the
website lives on and requests that particular page.
• The server then responds by sending files over to the browser. After that action, the
browser executes those files to show the requested page to the user. Now, the user
gets to interact with the website.
• What’s important here is the code, which has been parsed by the browser. This very
code may or may not have specific instructions telling the browser how to react to a
wide swath of inputs. As a result, web application architecture includes all sub-
components and external applications interchanges for an entire software application.
How does the Web Application Architecture
Work?

• All applications are made up of two primary components: 


• Client-side, popularly called: the frontend, where the code is written in HTML, CSS,
JavaScript and stored within the browser. It’s where user interaction takes place.
• Server-side, also known as the backend, controls the business logic and responds to
HTTP requests. The server-side code is written in Java, PHP, Ruby, Python, etc.
• Apart from this, there is an additional component i.e. database server, which sends
the requested data to the server-side. 
Layers of Web Application Architecture

• Modern web applications follow a layered architecture that consists of


presentation, business, persistence, and database layers. Small applications
have three layers, where, in some cases, the business and persistence layers
act as one layer, while complex applications have five or six layers. 
1.Presentation layer, built with HTML, CSS, JavaScript, and its frameworks, enables
communication between the interface and browser to facilitate user interaction. 
2.Business layer defines the business logic and rules. It processes browser requests,
executes the business logic associated with the requests, and then sends it to the
presentation layer.
3.Persistence layer is responsible for data persistence and is also known as Data Access
Layer. It’s closely connected to the business layer and has a database server that retrieves
data from corresponding servers.
4.Database layer, also known as Data Service Layer, holds all the data and ensures data
security by separating the business logic from the client-side.
• Each of these layers works in isolation. That means each layer works independently.
Components of one layer are closed and deal with the associated layer’s logics. For
example, components residing in the presentation layer deal with presentation logic,
while the components in the business layer deal with business logic.
Models of Web Applications
• There are several models used to build these components.
• One web server, one database model might be a little outdated as it has only one
server and database to handle all requests. This means if the server goes down so
will your app. However, it is generally used for test practices and is a good option if
you are a startup having budgetary constraints.
• Multiple web servers, one database model reduces the risk of data failure as a
backup server is always available if one server goes down. However, the chances of
the website crash may still exist due to the availability of only one database.
• Multiple web servers, multiple databases model reduces the app’s performance
risk since there are two options for database storage. You can either store identical
data on all the databases or distribute it evenly among all servers. 
Types of Web Application Architecture

• Web applications are  broadly divided into four types, as listed below
1.Single Page Application Architecture
• SPA (Single Page Applications) has been introduced to overcome the traditional limitations to achieve
smooth app performance, intuitive, and interactive user experience. 
• Instead of loading a new page, SPAs load a single web page and reload the requested data on the same
page with dynamically updated content. The rest of the web page remains untouched. They are developed
on the client-side using JavaScript frameworks as the entire logic is always shifted to the frontend.
2.Microservice Architecture
• Microservice architecture has become the best alternative to Service-Oriented Architecture (SOA) and
monolithic architecture. The services are loosely coupled to be developed, tested, maintained, and
deployed independently. Such services can also communicate with other services through APIs to solve
complex business problems. 
3.Serverless Architecture
• It’s an architecture where the whole execution of code is taken care of by cloud service
providers– no need to deploy them manually on your server. Serverless architecture is a
design pattern where applications are built and run without any manual intervention on the
servers that are managed by third-party cloud service providers like Amazon and
Microsoft.  
• It lets you focus more on the quality of the product and complexity to make them highly
scalable and reliable. Broadly, it is categorized into two types – Backend-as-a-Service
(BaaS) and Function-as-a-Service (FaaS).
4.Progressive Web Applications
• Google introduced Progressive Web Apps (PWAs) in 2015 to develop apps that offer rich
and native functionality with enhanced capabilities, reliability, and easy installation.
• PWAs are compatible apps with any browser and can run on any device. You can easily
adjust an app’s function to a tablet and a desktop as well. These apps can easily be
discovered and shared through URL instead of the app store. Installation of these apps is
also effortless and can be quickly added to a device’s home screen. These apps work
efficiently on poor internet connectivity and in offline mode as well. 

You might also like