Scribd
Upload
158 views1 page

Modern Web Application Logical Architecture With SPA (Single Page Application)

This document presents a draft logical diagram for a modern web application architecture. It shows a client layer with visible UI elements and application logic in JavaScript. Data is accessed through JavaScript and local HTML5 storage. The presentation layer uses an MVVM pattern for a single-page application with controllers and web UI elements. The business layer contains workflows, components, and entities. A repository pattern accesses data through data access components and services in the data layer, which are persisted to databases and caches. Cross-cutting concerns like security are also included.

Uploaded by

Atef Zizou
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
158 views1 page

Modern Web Application Logical Architecture With SPA (Single Page Application)

This document presents a draft logical diagram for a modern web application architecture. It shows a client layer with visible UI elements and application logic in JavaScript. Data is accessed through JavaScript and local HTML5 storage. The presentation layer uses an MVVM pattern for a single-page application with controllers and web UI elements. The business layer contains workflows, components, and entities. A repository pattern accesses data through data access components and services in the data layer, which are persisted to databases and caches. Cross-cutting concerns like security are also included.

Uploaded by

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

Modern Web Application Architecture Logical Diagram (DRAFT)

Architecture & Design Team: Long Le Date: June 11, 2013 Version 1.0 (DRAFT)

Client Layer

Visible UI/UX HTML 5/CSS3

Application Layer Javascript

Data Access Layer Javascript

Local Storage (HTML5)

Navigation APIs Javascript


Internet
MVVM Pattern & SPA

Presentation Layer

Controller
Web UI HTML5/CSS3/JS

Operational Management

Web Layer (Server)

Business Layer

Application Facade Business Workflows Business Components Business Entities/Models

Repository Pattern

Data Layer

Data Access Components

Data Helpers & Utilities

Service Agents

Unit of Work Pattern DI & IoC Pattern Slow changing data e.g. logging, instrumentation, configuration, tracing, , perf counters, caching, etc.

Persistence Layer

Cache

Database

Services e.g. Bing Maps, Facebook, etc.

Communication

Cross-Cutting

Security

Data Services ODATA

You might also like