SproutCore

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

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

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

Like this...

Not this...

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

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

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

Ajax

\"3270\" Ajax

\"3270\" Ajax
Web Server Web Browser User
Business Initial Page Load
Logic Render
(Tiny bit of
business logic)
Click
Request
Response
Update Page

\"3270\" Ajax
Document
\"3270\" Ajax
Driven
Immediate
Rarely Occasionally
Response
Rich
None Some
Interactions
Offline
None Rare
Mode

Browser Advancements
\"They\" 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?

Web Client-Server

IMAP/POP User
Business
Logic

Apache
User
Backend Service
Business
Logic

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

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

\"3270\" Ajax
Web Server Web Browser User
Business Initial Page Load
Logic Render
(Tiny bit of
business logic)
Click
Request
Response
Update Page

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

Web Client-Server
Document Web
\"3270\" Ajax
Driven Client-Server
Immediate
Rarely Occasionally Usually
Response
Rich
None Some Always
Interactions
Offline
None Rare Offline Capable
Mode

Web Client-Server

But what about the
server?

Custom
Big Rack Web Application
of
Servers
Business
Logic

Custom
Web
Google
Application
AppEngine
Business Business
Logic Logic

Google Microservice
AppEngine
Business
Logic

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

Framework

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

Cocoa

SproutCore

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

JavaScript is Great!
Late binding
\"Hackable\" Object Model
Closures
Lambda Functions

Demo

+
SproutCore

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

Google Microservice
AppEngine

sudo gem install sproutcore

www.sproutcore.com

SproutCore