Affiliate Disclosure
If you buy through our links, we may get a commission. Read our ethics policy.

Apple's open secret: SproutCore is Cocoa for the Web

 

One of the biggest revelations at WWDC was quietly unveiled in a session on Friday morning entitled "Building Native Look-and-Feel Web Applications Using SproutCore." While Apple maintained high security during the entire NDA-sealed WWDC session, the secret of SproutCore is out because it is an open source project and people can't stop talking about it.

As Apple's public schedule for WWDC explained, "SproutCore is an open source, platform-independent, Cocoa-inspired JavaScript framework for creating web applications that look and feel like Desktop applications. Learn how to combine SproutCore with HTML5's standard offline data storage technologies to deliver a first-class user experience and exceptional performance in your web application."

The secrets of SproutCore first tumbled out of the bag last fall, when it was revealed that .Mac Web Gallery had been built using the framework. Originally developed by Charles Jolley of SproutIt for use in his online email manager named Mailroom, the SproutCore framework goes beyond other JavaScript frameworks because it is designed to build entire rich applications on the web rather than just adding some animation or sizzle to web pages.

Open Help for JavaScript.

JavaScript is a powerful language that, thanks to its bundling with all modern web browsers, is very widely deployed. However, there is a paucity of strong tools for building anything more than basic scripts to kick off web animations and other dynamic behaviors. That has opened the door for proprietary tools such as Adobe Flash, which is built around ActionScript, which is itself based upon JavaScript.

As outlined in the series Flash Wars: Adobe in the History and Future of Flash, Flash provides a large framework on top to handle things that aren't easy to do in JavaScript itself, but that also requires distributing a Flash plugin runtime. Web applications coded in Flash are no longer interpreted in the web browser itself, but in Adobe's plugin. That makes developers dependent upon Adobe, and also leaves platform vendors such as Apple reliant upon Adobe to provide suitable runtime plugins for their products.

Adobe's Flash plugin for the Mac has long been a second class citizen because Adobe has focused on its Windows version; Steve Jobs also stated that Adobe didn't offer a mobile runtime appropriate for the iPhone, only a Flash Lite version that wasn't capable of running existing desktop Flash content and a desktop version that wasn't suited to run on a mobile device, as described in Steve Jobs pans Flash on the iPhone.

In place of using Flash on its own website, Apple has been working with a number of open scripting frameworks such as Prototype and Script.aculo.us, which mentions Apple on the front page of its website as a high profile user. Those frameworks offer prebuilt code that has been polished to work on all browsers, making it easier for the developer to concentrate on what their web page should be doing rather than repeatedly reinventing the wheel for various low level functions. In that respect, open JavaScript frameworks can replace Flash without requiring any secondary plugin runtime because they are simply open JavaScript that runs in the browser directly.

Introducing SproutCore

Jolley's SproutIt decided to move past common scripting frameworks to develop an entire application development stack based on the Model View Controller architecture. In MVC development, Model data and user interface Views are tied together by discrete Controller logic. This is in contrast to typical web development tools that mix logic, data, and presentation together, resulting in code that is messy and difficult to maintain.

As explained on the developer's website, "SproutCore is a framework for building applications in JavaScript with remarkably little amounts of code. It can help you build full 'thick' client applications in the web browser that can create and modify data, often completely independent of your web server, communicating with your server via Ajax only when they need to save or load data. JavaScript applications are faster, easier to use, and a lot easier to write than complicated Ajax-driven applications. When you use a framework like SproutCore to help you, they can also be a lot of fun to write."

SproutCore pushes more of the application into the browser itself, resulting in the "thick client" designation. That enables a more responsive, full featured experience that feels and behaves more like a desktop app because it is actually running on the local computer rather than waiting for responses from a remote server. The capacity to do this is actually quite new; rapid advances in web browsers over the last year have finally made thick client JavaScript applications practical.

Cocoa for the Web

Apple didn't just use SproutCore, it also contributed major performance updates and added lots of new functionality. Apple's contributions have helped make SproutCore the ideal way to build web applications that work like desktop Cocoa apps, as noted in the article Cocoa for Windows + Flash Killer = SproutCore. Both share a lot of the same conventions such as the use of bindings. SproutCore's bindings allow developers to write JavaScript that automatically runs any time a property value changes. Using bindings, very complex applications with highly consistent behavior can be created with very little “glue” code.

Apple has also been working on the other side of the client equation to improve its own JavaScript engine in Safari. Announced just prior to WWDC, WebKit's new SquirrelFish JavaScript interpreter will dramatically boost the performance of JavaScript applications like those built in SproutCore.

Those two factors combine to make SproutCore the natural heir to the Yellow Box or Cocoa for Windows, which has been bandied about as a possibility ever since Apple moved away from its cross platform Rhapsody strategy to develop Mac OS X ten years ago. Rather than requiring a Cocoa runtime however, users will only need a web browser with JavaScript support, including Safari, Mobile Safari on the iPhone, FireFox, or Internet Explorer 6/7.

Using SproutCore enabled Apple to deliver a new suite of online apps in MobileMe for a cross platform audience. The natural next step will be to expand those offerings to include others, for example, iWork productivity apps. Because SproutCore is offered under the open source MIT license, anyone can use it to develop their own highly responsive web apps. It also seems likely that Apple will at some point invite third parties to deliver MobileMe applications, either included as part of the subscription service, or with their own nominal fee. That would mirror the company's efforts in creating a mobile software market in the Phone Apps Store.

Until then, Apple is focusing MobileMe as a push messaging alternative to Exchange "for the rest of us," while also leveraging push support in iPhone 2.0 and in the upcoming Mac OS X Snow Leopard client apps to deliver an Exchange Server replacement in Snow Leopard Server.

There's more information about SproutCore on its official website. Apple also has more details on the new MobileMe, and SquirrelFish details are on the Webkit project site.