Many projects have experienced disappointment of stakeholders demanding desktop-like experience from web applications, or unnecessary increase of complexity in usage of innovative technologies. The new range of different execution architectures for web applications brought new opportunities, new capabilities, that the application could offer. This made the definition of web applications a challenging task – important aspects of the application is left on intuition of architects and developers. Bad understanding of (implicit) preferences, priorities and expectations can lead to bad technology selection, to bad application design, and on the and to a bad application. To bring the implicit expectations into explicit definition, a two-dimensional classification framework was developed, that helps to understand the application requirements, and helps to select the appropriate technology to fulfill the requirements.

1. Web Application Classification
tomi vanek, September 2013

2. Design Approaches
Responsive
Adaptive
Scalable
Interactive
Mobile First
Progressive Enhancement

3. Architecture

6. Classification

7. Scalable
Offline
Security
Auditing
Bookmarking, Browser History
Search Engine Optimization
Document / Data Consumption
Interactive
Rich Desktop-like Functionality
Data Manipulation
Classification Criteria

8. App. Class Matrix - Architecture
Events
Resources
Server-side
Components
Traditional
Web Applications
Server
SOFEA
Client-side
with Resource
Addressability
Controller / Presenter
and App Logic
Location
Client

9. App. Class Matrix - Technologies
Role of URL in Application
Events
Server-side
Components
JQuery
Vaadin
JSF
Wicket
Ember
JS
JSP
Traditional
Web Applications
Server
GWT
Angu
larJS
RoR
Spring
MVC
Struts
Resources
SOFEA
Client-side
with Resource
Addressability
Controller / Presenter
and App Logic
Location
Client

10. Spring MVC
URL
Handler
Mapper
JQuery
Dispatcher
Servlet
HTML
View
Browser
Controller
Application
Service
DAO
Server
Application
Platform

11. Google Web Toolkit 2.5
View
Presenter
Application
Service
Session
Storage
Browser
Local
Storage
Application
Cache
Application
Platform

12. Vaadin 7
Client-side
Engine
Terminal
Adapter
View
GWT
Server-side
Components
Presenter
Application
Service
Data
Binding
SQL
Container
CRUD
Browser
Server
Application
Platform

13. Google Web Toolkit 2.5
Application
Controller
View
Presenter
History
Browser
Application
Service
Session
Storage
Local
Storage
Application
Cache
Application
Platform

14. Discussion

15. Copyright © 2012 Accenture All rights reserved.
15