Developing Applications for WebOS

Developing Applications for webOS: A Preview ,[object Object],[object Object],[object Object]

Will … ,[object Object],[object Object],[object Object],[object Object]

Won’t … ,[object Object],[object Object],[object Object]

Palm webOS ,[object Object],[object Object],[object Object],[object Object],[object Object]

User Experience Quick Launch Bar Launcher Status Bar

Notifications & Dashboard Notification Bar Banner Notification Dashboard Dashboard Panel

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

Mojo ,[object Object],[object Object],[object Object],[object Object],[object Object]

To Get Started ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Sample Application ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Stages & Scenes ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Stages Activity Card Dashboard Panel

Widgets ,[object Object], 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="ToggleButton" id="my-toggle"></div> ,[object Object],[object Object],#my-toggle { float:left; }

Local Storage ,[object Object],[object Object],[object Object],[object Object],[object Object],var db = new Mojo.Depot({name:”myDB", version:1, replace:false}, this.openOK, this.openFail); ,[object Object],db.simpleAdd(”myData", myDataContents, this.savedListOK, this.savedListFailed); ,[object Object],db.simpleGet(”myData”, this.getListOK, this.getListFailed);

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

Services ,[object Object],this.controller.serviceRequest('palm://com.palm.location', { method:"getFix", parameters:{ mode: “auto” }, onSuccess: this.gotFix, onFailure: this.error } }); ,[object Object],this.gotFix= function(response){ Mojo.Log.info(“Fix received:”, response.longitude, response.latitude); } this.error= function(response){ Mojo.Log.info(response.errorText); }

Recap ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Developing Applications for WebOS

Recommended

Recommended

More Related Content

What's hot

What's hot (20)

Viewers also liked

Viewers also liked (20)

Similar to Developing Applications for WebOS

Similar to Developing Applications for WebOS (20)

Recently uploaded

Recently uploaded (20)

Developing Applications for WebOS

Editor's Notes