The document presents an overview of developing applications for Palm's webOS using the Mojo framework, highlighting its features such as a multi-tasking user experience and a card-based interface. It provides details on the development environment, tools, and processes including the use of JavaScript, HTML, and CSS. The territory is primarily aimed at developers interested in building apps for webOS, emphasizing the availability of resources and support through Palm's developer website.

1. Developing Applications for webOS: A Preview Presented by: Mitch Allen Software CTO, Palm

2. Will … Talk about Palm webOS Review the Mojo Framework Develop a Simple Application Q & A

3. Won’t … When…. ? Where… ? How much… ?

4. Palm webOS Introduction

5. Palm webOS Features Palm’s next generation operating system Fast, beautiful, multi-tasking user experience Integrates a card-based OS with a web browser Applications are built with JavaScript, HTML & CSS using common web development tools

6. Architecture

7. User Experience Quick Launch Bar Launcher Status Bar

8. Cards Activity Card View Card

9. Notifications & Dashboard Notification Bar Banner Notification Dashboard Dashboard Panel

10. Application Model

11. Anatomy of a webOS Application App Catalog Launcher Foreground Headless Background Dashboard Notifications App Removed Card View Dashboard View Close Launch Notifications Push Stage Remove Install or Update Install or Update Remove Notifications Push Stage Close Deactivate Activate

12. Mojo Developing webOS Applications

13. Mojo A JavaScript framework Bundled with webOS Included as source in the SDK for reference Provides UI APIs, Widgets and Services Uses Prototype 1.6.3, which is also bundled with webOS

14. To Get Started It’s the web! All you need is a text editor and a web browser  It helps to know JavaScript, but you don’t need to be an expert Palm’s SDK includes: Mojo Framework & Documentation Emulator with DOM Inspector and JavaScript Debugger Tool bundles (project generator, app package tools)

15. Sample Application Build a Simple App Create a New Project Add a Scene Add a Widget Store local data Generate a Notification Use a Service In this example Macintosh TextMate & Safari With SDK Tool Bundles Emulator with Debugger

16. Stages & Scenes Stage HTML structure similar to a browser window A Card or Dashboard panel Scene Mutually exclusive views Can have many but must have one SceneStack Push and pop scenes

17. Stages Activity Card Dashboard Panel

18. Scenes Push Pop

19. Widgets HTML this.controller.setupWidget('my-toggle', this.toggle = { property : 'value' }, this.toggleModel = { value : true, disabled : false }); this.controller.listen('my-toggle', Mojo.Event.propertyChange, this.togglePressed.bindAsEventListener(this)); <div x-mojo-element=&quot;ToggleButton&quot; id=&quot;my-toggle&quot;></div> JavaScript: CSS: #my-toggle { float:left; }

20. Local Storage Three types: HTML5 database API Depot Cookies Create/Open Depot var db = new Mojo.Depot({name:”myDB&quot;, version:1, replace:false}, this.openOK, this.openFail); Save db.simpleAdd(”myData&quot;, myDataContents, this.savedListOK, this.savedListFailed); Get db.simpleGet(”myData”, this.getListOK, this.getListFailed);

21. Notifications Banner Notification var msg = “Hello World!”; Mojo.Controller.getAppController().showBanner({icon: “Img.png” “messageText: msg}, msg); Banner Notification

22. Services Service Call this.controller.serviceRequest('palm://com.palm.location', { method:&quot;getFix&quot;, parameters:{ mode: “auto” }, onSuccess: this.gotFix, onFailure: this.error } }); Callback this.gotFix= function(response){ Mojo.Log.info(“Fix received:”, response.longitude, response.latitude); } this.error= function(response){ Mojo.Log.info(response.errorText); }

23. Recap You’ve heard about: Palm webOS; native applications written in JavaScript Mojo framework; access to UI, APIs and Services It’s still early – there’s a lot more to come To learn more Official Palm website – www.palm.com Other web resources Sign up at developer.palm.com for updates

24. Q&A For more information register at http://developer.palm.com

25. Thanks! For more information register at http://developer.palm.com