WINE.

COM MOBILE
BUILDING MOBILE QUICKLY USING WRT
Intro

Who we are

Who are you?

What is the app

Why WRT?

WRT Overview

Challenges

Resources
Who we are

Dave Kaplan

Zach Berke
Who are you?

How geeky are you… Do you know how to
program in JavaScript and HTML?
Why WRT?

C++, Java, Flash lite, Python…

We are web developers

JavaScript / HTML / CSS / XML
What is the app?

Wine.com (API)

Demo
WRT Overview

Classes for creating UI elements, managing their
display, creating event listeners

Look at code

Aptana: Developing, Using the phone simulator,
deploying to the device
Code snippet – Wine.com app
//WineList.js
var wineButton = new WineButton();
wineButton.id =
'wine_' + items[i].Id + '_' + this.title;
wineButton.setImage(getWineLabel(items[i]));

var wineText =
'<span class="wineName">’ + items[i].Name +
'</span>';
wineButton.setText(wineText);

this.addControl(wineButton);
Code snippet – WRT Library
//NavigationButton.js
…
// Initializer - called from constructor.
NavigationButton.prototype.init = function(id, image,
text) {
// construct the button
this.buttonElement = document.createElement("div");
this.tableElement = document.createElement("table");
…
this.tableElement.appendChild(this.tableRowElement);
this.tableRowElement.appendChild(this.tableLeftCe
llElement);
…
Challenges

wine.exygy.com

IDs and Classes

Access to the phone’s native functions

Cross-Phone compatibility

Licensing issues
Next steps…
Resources

Wine.com (http://www.wine.com)

Exygy (http://exygy.com)

App on Exygy (http://exygy.com/winecom-mobile)

Wine.com API docs / sign up (http://api.wine.com)

Slides (http://exygy.com/winecom-mobile/)

Aptana (http://www.aptana.com)

WRT Quick Start

http://developer.symbian.org/wiki/index.php/Web_Runtim
e_(WRT)_Quick_Start

Aptana WRT plugin (http://aptana.com/nokia)