web-centric application architectures

13
What the purgatory happened to the layers? Futuristic SPA architectures

Upload: kosala-nuwan-perera

Post on 08-Jun-2015

7.038 views

Category:

Technology


0 download

DESCRIPTION

Traditional Stack is kinda silver bullet when it comes to layered architecture, but it was there even before the ARPANET had gone public and the WWW was invented. However, the beauty of this stack is that you could just remove the top blocks and replace your web layer. As techies, we should be able to bend the computers and technology better than others who doesn't know how computers work, and it is high time to do that. HTML5 is kinda revolutionary and this could simply change the Traditional Stack, that was a Server-centric layered architecture onto a Web-centric layered architecture with a quite Thin-server tier.

TRANSCRIPT

Page 1: Web-centric application architectures

What the purgatory happened to the

layers?Futuristic SPA architectures

Page 2: Web-centric application architectures

SQL DB

Data

Services

HTML HTML/JS/CSS

dynamic pageelementshttp

template, routing

ASP, JSP, PHP

authentication

integrationgateways etc.

data, query,format, layouts

query

Traditional Stackwas a silver bullet

Page 3: Web-centric application architectures

HTML5 revolutionFast JavaScript

Bunch of services allows to run offlineApplication platform

Handling quite a lot application loadAlmost entire app can be moved to it

Page 4: Web-centric application architectures

Build apps with SPA and a JSON data store

ASP JSP PHP etc. becomes poor choices for Web!

Page 5: Web-centric application architectures

SQL DB

Data

Services

HTML HTML/JS/CSS

dynamic pageelementshttp

template, routing

ASP, JSP, PHP

authentication

integrationgateways etc.

data, query,format, layouts

query

Next-gen Stackweb centric apps

Page 6: Web-centric application architectures

SQL DB

Data

Services

HTML HTML/JS/CSS

dynamic pageelementshttp

template, routing

ASP, JSP, PHP

authentication

integrationgateways etc.

data, query,format, layouts

query

Next-gen Stackweb centric apps

template, routing

Page 7: Web-centric application architectures

Services HTML/JS/CSS

dynamic pageelementshttp

Next-gen Stackweb centric apps

template, routingnoSQL DB

Data

authentication

integrationgateways etc.

data, query,format, layouts

data query

Page 8: Web-centric application architectures

ServicesHTML/JS/CSS

dynamic pageelementshttp

Next-gen Stackweb centric apps

template, routing

noSQL DB

authentication

integrationgateways etc.

data query

Page 9: Web-centric application architectures

All tiers have changed!Thin-server era, not thin-client era

Page 10: Web-centric application architectures

All tiers have changed!Thin-server era, not thin-client era

Page 11: Web-centric application architectures

Tech Stack?mongoDBWeb API

HTML5/JS/CSS3 : Boilerplate JS

Page 12: Web-centric application architectures

Process Stack?YomanGruntBower

GitJenkins

Page 13: Web-centric application architectures

@kosalanuwanhttp://kosalanuwan.tumblr.com