WebWorks

Rapid prototyping with BlackBerry

Josue BustosTwitter: @hozwe

Linked In: josuebustos

Co-FounderZukini Mobile

Mobile Designer, Developer

Co-FounderMobile Camp Los Angeles

http://www.mobilecampla.com

Adobe User Group Co-ManagerLos Angeles PhoneGap

http://meetup.com/laphonegap

WHAT IS WebWorks?

BlackBerry® WebWorks™ allows web and mobile web developers to use the SDK in combination with their development tooling of choice to develop, test and package up their web applications for BlackBerry tablets and smartphones.

Build HTML 5 apps with Native

Capabilities using WebWorks

E.G

BlackBerry apps are first Class

Out of the boxIntegrate your app with BlackBerry hardware, core apps, and services.

WebWorks APIs let you achieve deep integration with some of the core BlackBerry applications• BBM, Calendar, or Contacts. • Invoke almost any other app from within your app

Services available include:• Advertising Service: Earn additional revenue with in-

app advertising.• Payment Service: Leverage the business model that's

right for your application.• Push Service: Enable direct, real-time content

delivery to your application users.

Prerequisites

HTML 5, CSS, and JavaScript knowledge

That’s it!

Use what you know

Take advantage of popular mobile web frameworks

Lets set up your environment

Getting Started• https://developer.blackberry.com/html5/

• Local Server e.g localhost://something.html

• Tools

• BlackBerry Signing Keys

• WebWorks SDK’s

• Ripple Emulator

• Config.xml

• Package your app

• Get you app on BlackBerry World app market( optional )

Tools?

IDE’s galore• Text edit

• Eclipse

• Adobe Dreamweaver

• Sublime

• Netbeans

• Vim

• Visual Studio for web

• Command line

What ever floats your code ;)

Get your signing KeysIts free! And don’t forget to remember your password.

Download the SDK’s

We can do a lot with SDK’s.

No Device?

Download device simulator

BlackBerry device simulators available for your conveniance.

Download RippleFrom developer.blackberry.com

Through Chrome

• To start the ripple emulator click the ripple icon on the top right.

• Then click on “Eenable”.

• Start ripple services in order to package and sign your apps to test on device.

Emulate your AppPoint your URL to your local server project files to see your project adapt inside the layout view.

Config.xml

Copy and paste a sample xml file from BlackBerry dev web site and insert it into your root project. Or else ripple emulator will not package your project.

So your project tree should look something like this.

Ripple Build Settings

Before we package our app we need to include a project root path, WebWorks SDK root path, your BlackBerry signing key, archive name etc.

Packaging your appView screen cast for a quick demo.

Debugging

Web InspectorTurn on web inspector to debug your apps through a local network for apps installed on the phone. For desktop it’s the same right click and inspect element.

BlackBerry WorldRegister and submit your app to the app store. No Pressure.

Now the journey really begins

Until next timeThank you for watching.

Tips and tricks

Click here for the recording.