2. Mobile applications can be downloaded completely
ahead of time (at least the layout logic)
The server is only required to fetch new data or
perform actions through web services
Data
3. A website today, however
- makes however little use of the client capabilities
- serves mostly static content
- needs constant connection
4. Most of the layout proccess happens on the server and
the client only receive content to display
5. The use of ASP or PHP when constructing the page
itself is making it impossible to cache efficiently
6. Web Application
A web application is a Client-like application
using the Web stack and platform. It should
offer offline capabilities and caching.
7. Website as an Application
A classical website build using the same
principles as Web Applications, relying on
the browser-implemented caches.
9. Easy to build applications, easy for others to consume
data and create application using your data (you can
monetize)
10. Offline access, separation of data and layout both on
the server and the client, and both can be cached
independently by the appropriate storage
11. The tools
The tools already exist today. Windows 8 is
using IE10. webOS used Webkit. You can
start building your apps nox!
12. JSON WebServices + AJAX
âą Everything you do on your website should be done
by a webservice call using a js-httprequest
âą Use only static HTML, JS and CSS file for your site
âą Donât rely on <form> POST, only on WCF+JSON
13. AJAX Extension for jQuery
âą Transform your webservices into JS
âą Allow you to use complex JSON representation
âą Or use your own API (more possibilities = more work)
14. sessionStorage and localStorage
âą Up to 10 Mo for your application to store data
âą An addition to the traditionnal cache
âą Very easy to use and already implemented (IE8+)
âą Can be emulated with cookies for older browsers
15. SVG and HTML Canvas
âą Generating graphics should be done locally (if possible)
âą It was a complex task before, but it has been made a
lot easier with SVG and HTML Canvas
âą Generating graphics locally give you more freedom
5
0
Category 1 Category 2 Category 3 Category 4
16. Twitter uses the first page only to display its main bar
After that, all the content is fetched through a JSON
webservice and displayed by some JavaScript code
17. Windows Live Mail makes a perfect use of the
Exchange API implemented in Hotmail to provide a
very good experience Transition to webapp is in the works
Live Mail
18. Wolfram|Alpha uses its own service on their website
It means they build an high quality webservice that you
can use to make applications as great as their website