Програмування та підтримка �веб-застосувань

Web app architecture

Web app architecture

? Architecture

? App

? Web app

Web app architecture�? Architecture

Architecture is both

the process and the product of planning, designing, and constructing buildings and other physical structures.

(Wiki)

any (physical) object (project (IT))

​

Web app architecture�? App

Data

​

UI

​

Business logic

​

Web app architecture�? App

Data

​

UI

​

Business logic

​

Model

​

View

​

Controller

​

Web app architecture�? App

Data structure, DB

UI

Business logic

Web app architecture�? Web app

App and Web app,

what's the difference?

​

• Client-Server
• Lots of clients
• HTTP

Web app architecture�(Two-Tier Architecture)

UI

Data structure, DB

Business logic

???

???

Web app architecture�(Two-Tier Architecture)

UI

Data structure, DB

Business logic

“Thik” client - ?

• high demands on the performance of the client
• heterogeneous environments (user agents)

​

Web app architecture�(Two-Tier Architecture)

UI

Data structure, DB

Business logic

“Thin” client - ?

• high demands on server performance

​

Web app architecture�(Three-Tier Architecture)

UI

Data structure

Business logic

Web app architecture�(Three-Tier Architecture)

UI

Data structure

Business logic

Transport:

http, https

Request:

REST, RPC

Responce:

XML, JSON, HTML

​

Web app architecture�(Three-Tier Architecture)

UI

Data structure

Business logic

Transport:

http, https

Request:

REST, RPC

Responce:

XML, JSON, HTML

​

Request:

REST, RPC (SOAP, CORBA, …)

Responce:

data oriented (not HTML)

​

Web app architecture�(Three-Tier Architecture)

UI

Data structure

Business logic

Front end

​

Back end

Front end

​

Back end

Front end

​

Back end

?

Web app architecture�(Front end – Back end)

Web app architecture�(Front end – Back end)