Kyle Shiflett: Palm Pre Apps

preDevCamp: Intro To Developing for WebOS: Code 4

admin — Sat, 08 Aug 2009 02:58:07 +0000

HelloAssistant.prototype.setup = function() {

// set the initial total and display it
 this.total=0;
 this.controller.get('count').update(this.total);

// a local object for button attributes
 this.buttonAttributes = {};

// a local object for button model
 this.buttonModel = {
 buttonLabel : 'TAP HERE',
 buttonClass : '',
 disabled : false
 };

// set up the button
 this.controller.setupWidget("MyButton", this.buttonAttributes, this.buttonModel);
// bind the button to its handler
 Mojo.Event.listen(this.controller.get('MyButton'), Mojo.Event.tap, this.handleButtonPress.bind(this));
}

preDevCamp: Intro To Developing for WebOS: Code 3

admin — Sat, 08 Aug 2009 02:50:11 +0000

HelloAssistant.prototype.handleButtonPress = function(event){
// increment the total and update the display
 this.total++;
 this.controller.get('count').update(this.total);
}

preDevCamp: Intro To Developing for WebOS: Code 2

admin — Sat, 08 Aug 2009 02:48:34 +0000

this.controller.pushScene('first');

preDevCamp: Intro to Developing for WebOS

admin — Sat, 08 Aug 2009 02:45:30 +0000

Here are the commands for the presentation:

palm-generate -p "{title:'Hello Atlanta', id:org.predevcamp.atlanta.hello, version:'1.0.0'}" HelloAtlanta

palm-package HelloAtlanta

palm-install org.predevcamp.atlanta.hello_1.0.0_all.ipk

palm-generate -t new_scene -p "name:Hello" HelloAtlanta

Here are the code snippits for the presentation:

Code Snippit 1 (hello-scene.html)

Code Snippit 2 (stage-assistant.js)

Code Snippit 3 (hello-assistant.js)

Code Snippit 4 (hello-assistant.js)

preDevCamp: Intro To Developing for WebOS: Code 1

admin — Sat, 08 Aug 2009 02:43:14 +0000

<div id="main"> <div>Header</div> <div id="count">0</div> <div id="MyButton" name="MyButton1" x-mojo-element="Button"></div> </div>

easyShop Help

admin — Sun, 26 Jul 2009 21:34:17 +0000

easyShop has a 3 primary screens.

Stores
Items
Shopping List

To set up the stores where you shop, tap the “Stores” button at the bottom of the screen. To add a new store, tap the “add” (+) icon in the bottom left corner of the screen.

Stores

To set up the stores where you shop, tap the “Stores” button at the bottom of the screen. To add a new store, tap the “add” (+) icon in the bottom left corner of the screen.

Stores: Editing

To edit an existing store’s name or aisles, tap the store name in the stores list. From the “Edit Store” screen, tap and hold the store name until the editing cursor appears to rename a store.

Stores: Adding Aisles

To add a new aisle, tap the “add” (+) icon in the bottom left corner of the “Edit Store” screen. To edit an existing aisle, tap the aisle name in the aisle list.

Aisles may be used for store aisles or store areas. Using store areas is particularly useful for smaller stores or areas of a store such as “Produce” that may not have numbered or named aisles.

Stores: Reordering Aisles

To order your aisles, tap and hold an aisle name in the aisle list until the aisle is highlighted. Drag the item up or down in the aisle list and drop it in the desired location.

When finished editing a store and associated aisles, use the back gesture to return to the “Stores” screen.

Items

To add items, tap the “Items” button at the bottom of the screen. To add a new item, tap the “add” (+) icon in the bottom left corner of the screen.>/p>

To quickly add an existing item to your shopping list, tap the checkbox next to the item on the “Items” screen.

Items: Editing

To edit an existing item, tap the item name in the stores list. To rename an item, tap and hold the item name on the “Edit Item” screen until the editing cursor appears.

Items: Assigning an Aisle

To assign an aisle to an item, tap the Aisle label on the “Stores” list on the “Edit Item” screen.

To use aisles to organize your shopping trips, first add aisles to your store by editing the store.

Shopping

To shop, tap the “Shop!” button at the bottom of the screen. As you pick up your items, tap the checkbox beside the item to remove it from your list.

Shopping: View a Single Store

To limit the Shopping List to a single store, tap the header and select a store from the panel that appears.