The document discusses building desktop-class applications on the web using SproutCore, a JavaScript framework. It compares traditional document-driven and Ajax approaches to the web client-server approach enabled by SproutCore. This allows for immediate response, rich interactions, and offline capability by loading a JavaScript application and moving business logic to the client and microservices. A demo of SproutCore's MVC framework and capabilities is provided.

1. SproutCore

2. How can we build
desktop-class
applications on the
web?

3. • Architecture
• Framework (SproutCore!)
• Deployment (AppEngine!)
• Demo

4. How can we build
desktop-class
applications on the
web?

5. Like this...

6. Not this...

7. Desktop Class Means...
Immediate response
Rich interactions
Offline mode

8. Document Driven
Web Server Web Browser User
Business Click
Logic Request
Response
Render
Click
Request
Response
Render

9. Document Driven
Document
Driven
Immediate
Rarely
Response
Rich
None
Interactions
Offline
None
Mode

10. Ajax

11. quot;3270quot; Ajax

13. quot;3270quot; Ajax
Web Server Web Browser User
Business Initial Page Load
Logic Render
(Tiny bit of
business logic)
Click
Request
Response
Update Page

14. quot;3270quot; Ajax
Document
quot;3270quot; Ajax
Driven
Immediate
Rarely Occasionally
Response
Rich
None Some
Interactions
Offline
None Rare
Mode

15. Browser Advancements
quot;Theyquot; say... But really...
Client computers are too Most clients are as fast as
slow servers 2 years ago
JavaScript is too slow see v8 & SquirrelFish
HTML is too limited Have you seen Safari lately?

16. Web Client-Server

17. IMAP/POP User
Business
Logic

18. Apache
User
Backend Service
Business
Logic

19. Web Client-Server Is...
JavaScript app in browser
Loads data via Ajax
User interaction is not
bound by the server

20. Document Driven
Web Server Web Browser User
Business Click
Logic Request
Response
Render
Click
Request
Response
Render

21. quot;3270quot; Ajax
Web Server Web Browser User
Business Initial Page Load
Logic Render
(Tiny bit of
business logic)
Click
Request
Response
Update Page

22. Web Client-Server
Web Server Web Browser User
Load JS Client
Render Business
Logic
Click
Update Page
Request
Response Click
Update Page

23. Web Client-Server
Document Web
quot;3270quot; Ajax
Driven Client-Server
Immediate
Rarely Occasionally Usually
Response
Rich
None Some Always
Interactions
Offline
None Rare Offline Capable
Mode

24. Web Client-Server

25. But what about the
server?

26. Custom
Big Rack Web Application
of
Servers
Business
Logic

27. Custom
Web
Google
Application
AppEngine
Business Business
Logic Logic

28. Google Microservice
AppEngine
Business
Logic

29. Microservice is...
Thin API over cloud service
Designed for speed + scale
Moves business logic to
the client

30. Framework

31. Framework Objectives
Provide common applications
features for free
Optimize across web browsers
Eliminate Glue Code
Make coding fun!

32. Cocoa

33. SproutCore

34. SproutCore is...
Full MVC framework
Bindings, Observing, DnD
Embraces JavaScript
Includes build tools
Chrome, Safari, FireFox, IE7+

35. JavaScript is Great!
Late binding
quot;Hackablequot; Object Model
Closures
Lambda Functions

36. Demo

37. +
SproutCore

38. Web Client-Server
Web Server Web Browser User
Load JS Client
Render
Click
Update Page
Request
Response Click
Update Page

39. Google Microservice
AppEngine

40. sudo gem install sproutcore

41. www.sproutcore.com

42. SproutCore