5. Great user Runs on
experience any device
(Advanced)
Can work App-store
offline deployable
6. Visible UI
Web UI
HTML/CSS
HTML/CSS/JS
Data services
JSON/XML Application layer Navigation
JavaScript APIs
Data access layer
JavaScript
Local storage
Server Client
7.
8. MVC / Web Forms / WebMatrix
Visible UI
Web UI
HTML/CSS
HTML/CSS/JS
knockout.js
Data services
JSON/XML Application layer Navigation
JavaScript APIs
WebAPI
history.js
Data access layer
upshot.js
JavaScript
Local storage HTML5
Server Client
9. 1 2
Data UI
WebAPI + Upshot Knockout + Upshot
3 4
Mobile &
Navigation Offline
History.js Crazy magic
10. 1 2
Data UI
WebAPI + Upshot Knockout + Upshot
3 4
Mobile &
Navigation Offline
History.js Crazy magic
11. WebAPI DbDataController DataSource Upshot
Your app
code
ASP.NET MVC JavaScript
WebAPI + Upshot
12. 1 2
Data UI
WebAPI + Upshot Knockout + Upshot
3 4
Mobile &
Navigation Offline
History.js Crazy magic
13. View HTML
ViewModel
Upshot Model
Knockout + Upshot
15. 1 2
Data UI
WebAPI + Upshot Knockout + Upshot
3 4
Mobile &
Navigation Offline
History.js Crazy magic
16. 1 2
Data UI
WebAPI + Upshot Knockout + Upshot
3 4
Mobile &
Navigation Offline
History.js Crazy magic
17. Your client-side code Cache
HTML/JS/CSS/Images Manifest
Data services Offline-aware
Provider DataSources
JSON/XML Provider
Upshot
Local storage
HTML5
Server Client
HTML5 Application Cache and Local Data Store
18. Single Page Applications
and nothing fancy
1 2
Data UI
WebAPI + Upshot Knockout + Upshot
3 4
Mobile &
Navigation Offline
History.js Crazy magic
19. 1
Explore the samples
DeliveryTracker, Upshot Scenarios - follow @StevenSanderson for a download link coming
soon
2
Try the new MVC 4 Beta – this week!
… including the Single Page Application scaffolder template
3
Enjoy http://learn.knockoutjs.com/
Interactive in-browser tutorials for Knockout.js and MVVM
Hinweis der Redaktion
Web apps are great because there’s no installation, you can link to them, and use familiar back/forwards navigationDesktop apps are great because they’re available offline, and you can move around in them without waiting for server requestsWhat if we could combine these?Nothing fancy = no special futuristic browser enhancements, no plugins. Works on IE6+, built with traditional web technologies only.
Web apps are great because there’s no installation, you can link to them, and use familiar back/forwards navigationDesktop apps are great because they’re available offline, and you can move around in them without waiting for server requestsWhat if we could combine these?Nothing fancy = no special futuristic browser enhancements, no plugins. Works on IE6+, built with traditional web technologies only.