Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
The future of the web with 
the Thin-Server-Architecture 
DHBW-Mannheim, David Amend 
David Amend 
Server Code Client
DHBW-Mannheim, David Amend 
Agenda 
 History of Web-Technologies 
 Analysis of Web-Architectures 
 The Thin-Server-Arch...
Before the web was born 
DHBW-Mannheim, David Amend 
Before 
desktop-applications 
with techniques and known patterns 
lik...
History of Web-Technologies 
DHBW-Mannheim, David Amend
Rich-Internet-Applications 
DHBW-Mannheim, David Amend
The MVC-Pattern 
DHBW-Mannheim, David Amend
Model-2 Architecture 
DHBW-Mannheim, David Amend
Mixed-Model-2 Architecture 
DHBW-Mannheim, David Amend
Mix of Server-Client-Code 
DHBW-Mannheim, David Amend
Code on Client and Server 
DHBW-Mannheim, David Amend
The Thin-Server-Architecture 
DHBW-Mannheim, David Amend
WYSIWYG-Code 
and Clean Separation 
DHBW-Mannheim, David Amend
Static Content is Cacheable 
DHBW-Mannheim, David Amend
Possible Team-roles 
DHBW-Mannheim, David Amend
Scalability and Stateless 
DHBW-Mannheim, David Amend
Todays Infrastructure-Process 
Client 
DHBW-Mannheim, David Amend 
Single-String <h1>Olaf</h1> 
Parsing 
Class Student{ 
i...
TSA = SOA-Front-End- 
Architecture = Loose coupling 
DHBW-Mannheim, David Amend
DHBW-Mannheim, David Amend 
Vision: 
Web-Oriented-Infrastructure
A possible future? 
 Google: GoogleWebToolkit, Gmail, 
GoogleDocs, JavaScript-APIs, … 
 Apple: Appstore switched to Spro...
A possible future? 
 Google: GoogleWebToolkit, Gmail, 
GoogleDocs, JavaScript-APIs, … 
 Apple: Appstore switched to Spro...
A possible future? 
 Google: GoogleWebToolkit, Gmail, 
GoogleDocs, JavaScript-APIs, … 
 Apple: Appstore switched to Spro...
Discussion 
Server Code Client 
DHBW-Mannheim, David Amend 
Thank you for your attention! 
Questions?
 MVC-architecture pattern via JavaScript 
 Ajax and DOM functionality via jQuery 
 No server needed for development 
 ...
Web-Infrastructure Challenge 
DHBW-Mannheim, David Amend
DHBW-Mannheim, David Amend 
Summary 
 Advantages of Rich-Internet-Applications 
 Limits of web framework architecture 
...
Intelligent clients 
= more possiblities 
DHBW-Mannheim, David Amend
DHBW-Mannheim, David Amend 
 JSONQuery/JSONPath 
 JSON Referencing 
 Comet Live Data Notifications 
 JSON Schema with ...
DHBW-Mannheim, David Amend 
REST 
 It´s an architectural style 
 Not a format or API 
 The web has leveraged REST 
 Ca...
DHBW-Mannheim, David Amend 
Discussion 
E-Mail: 
David.Amend@it-amend.de
High Server Load 
DHBW-Mannheim, David Amend
Heavy State- and 
Session-Management 
DHBW-Mannheim, David Amend
Web-Oriented-Architecture 
DHBW-Mannheim, David Amend
Upcoming SlideShare
Loading in …5
×

3

Share

Download to read offline

Thin Server Architecture SPA, 5 years old presentation

Download to read offline

5 years old. Single Page Application

Related Audiobooks

Free with a 30 day trial from Scribd

See all

Thin Server Architecture SPA, 5 years old presentation

  1. 1. The future of the web with the Thin-Server-Architecture DHBW-Mannheim, David Amend David Amend Server Code Client
  2. 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. 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. 4. History of Web-Technologies DHBW-Mannheim, David Amend
  5. 5. Rich-Internet-Applications DHBW-Mannheim, David Amend
  6. 6. The MVC-Pattern DHBW-Mannheim, David Amend
  7. 7. Model-2 Architecture DHBW-Mannheim, David Amend
  8. 8. Mixed-Model-2 Architecture DHBW-Mannheim, David Amend
  9. 9. Mix of Server-Client-Code DHBW-Mannheim, David Amend
  10. 10. Code on Client and Server DHBW-Mannheim, David Amend
  11. 11. The Thin-Server-Architecture DHBW-Mannheim, David Amend
  12. 12. WYSIWYG-Code and Clean Separation DHBW-Mannheim, David Amend
  13. 13. Static Content is Cacheable DHBW-Mannheim, David Amend
  14. 14. Possible Team-roles DHBW-Mannheim, David Amend
  15. 15. Scalability and Stateless DHBW-Mannheim, David Amend
  16. 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. 17. TSA = SOA-Front-End- Architecture = Loose coupling DHBW-Mannheim, David Amend
  18. 18. DHBW-Mannheim, David Amend Vision: Web-Oriented-Infrastructure
  19. 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. 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. 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. 22. Discussion Server Code Client DHBW-Mannheim, David Amend Thank you for your attention! Questions?
  23. 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. 24. Web-Infrastructure Challenge DHBW-Mannheim, David Amend
  25. 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. 26. Intelligent clients = more possiblities DHBW-Mannheim, David Amend
  27. 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. 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. 29. DHBW-Mannheim, David Amend Discussion E-Mail: David.Amend@it-amend.de
  30. 30. High Server Load DHBW-Mannheim, David Amend
  31. 31. Heavy State- and Session-Management DHBW-Mannheim, David Amend
  32. 32. Web-Oriented-Architecture DHBW-Mannheim, David Amend
  • MohammadHeydari1

    Oct. 24, 2017
  • tarundiwan14

    Sep. 9, 2015
  • pantaluna

    Nov. 11, 2014

5 years old. Single Page Application

Views

Total views

3,003

On Slideshare

0

From embeds

0

Number of embeds

2

Actions

Downloads

15

Shares

0

Comments

0

Likes

3

×