5 years old. Single Page Application

1. The future of the web with
the Thin-Server-Architecture
DHBW-Mannheim, David Amend
David Amend
Server Code Client

2. DHBW-Mannheim, David Amend
Agenda
 History of Web-Technologies
 Analysis of Web-Architectures
 The Thin-Server-Architecture
 Advantages of TSA-webapps
 Example and Trends
 Discussion and Questions

3. Before the web was born
DHBW-Mannheim, David Amend
Before
desktop-applications
with techniques and known patterns
like MVC since 1979
12 years later
The web was born
→ Need to invent totally new concepts
or
is it reinventing the wheel?

4. History of Web-Technologies
DHBW-Mannheim, David Amend

5. Rich-Internet-Applications
DHBW-Mannheim, David Amend

6. The MVC-Pattern
DHBW-Mannheim, David Amend

7. Model-2 Architecture
DHBW-Mannheim, David Amend

8. Mixed-Model-2 Architecture
DHBW-Mannheim, David Amend

9. Mix of Server-Client-Code
DHBW-Mannheim, David Amend

10. Code on Client and Server
DHBW-Mannheim, David Amend

11. The Thin-Server-Architecture
DHBW-Mannheim, David Amend

12. WYSIWYG-Code
and Clean Separation
DHBW-Mannheim, David Amend

13. Static Content is Cacheable
DHBW-Mannheim, David Amend

14. Possible Team-roles
DHBW-Mannheim, David Amend

15. Scalability and Stateless
DHBW-Mannheim, David Amend

16. Todays Infrastructure-Process
Client
DHBW-Mannheim, David Amend
Single-String <h1>Olaf</h1>
Parsing
Class Student{
int grade;
getGrade{..}
setGrade(int grade){...}
Object-
Oriented-
Mapping
Relational- SELECT * FROM students
Storage
Server
DB
Parsing

17. TSA = SOA-Front-End-
Architecture = Loose coupling
DHBW-Mannheim, David Amend

18. DHBW-Mannheim, David Amend
Vision:
Web-Oriented-Infrastructure

19. A possible future?
 Google: GoogleWebToolkit, Gmail,
GoogleDocs, JavaScript-APIs, …
 Apple: Appstore switched to Sproudcore-MVC
 Clientcentric Standards: HTML-5
(Multimedia, Offline-Database, Synchronizing,
WebSockets,...), CSS-3, ECMA-Script-5
DHBW-Mannheim, David Amend

20. A possible future?
 Google: GoogleWebToolkit, Gmail,
GoogleDocs, JavaScript-APIs, …
 Apple: Appstore switched to Sproudcore-MVC
 Clientcentric Standards: HTML-5
(Multimedia, Offline-Database, Synchronizing,
WebSockets,...), CSS-3, ECMA-Script-5
 The future of web-applications?
DHBW-Mannheim, David Amend

21. A possible future?
 Google: GoogleWebToolkit, Gmail,
GoogleDocs, JavaScript-APIs, …
 Apple: Appstore switched to Sproudcore-MVC
 Clientcentric Standards: HTML-5
(Multimedia, Offline-Database, Synchronizing,
WebSockets,...), CSS-3, ECMA-Script-5
 The future of web-applications?
→ What do you think?
DHBW-Mannheim, David Amend

22. Discussion
Server Code Client
DHBW-Mannheim, David Amend
Thank you for your attention!
Questions?

23.  MVC-architecture pattern via JavaScript
 Ajax and DOM functionality via jQuery
 No server needed for development
 Java-JavaScript-Interpreter: Rhino
 Testing: browser based, command line,
DHBW-Mannheim, David Amend
browser driver

24. Web-Infrastructure Challenge
DHBW-Mannheim, David Amend

25. DHBW-Mannheim, David Amend
Summary
 Advantages of Rich-Internet-Applications
 Limits of web framework architecture
 Possibility and advantages of building
clientcentric apps
 Companies already invest in RIA-technologies
 The future?
Server Code Client

26. Intelligent clients
= more possiblities
DHBW-Mannheim, David Amend

27. DHBW-Mannheim, David Amend
 JSONQuery/JSONPath
 JSON Referencing
 Comet Live Data Notifications
 JSON Schema with evolutionary constraints
 JSON-RPC
 Built-in Security
 Standards based REST interface

28. DHBW-Mannheim, David Amend
REST
 It´s an architectural style
 Not a format or API
 The web has leveraged REST
 Can/should be used for web services
 One interface for all applications
 Manipulation of ressources over URL:
 GET, POST, PUT, DELETE

29. DHBW-Mannheim, David Amend
Discussion
E-Mail:
David.Amend@it-amend.de

30. High Server Load
DHBW-Mannheim, David Amend

31. Heavy State- and
Session-Management
DHBW-Mannheim, David Amend

32. Web-Oriented-Architecture
DHBW-Mannheim, David Amend