SlideShare a Scribd company logo
WebWorks
Rapid prototyping with BlackBerry
Josue Bustos
Twitter: @hozwe
Linked In: josuebustos
Co-Founder
Zukini Mobile
Mobile Designer, Developer
Co-Founder
Mobile Camp Los Angeles
http://www.mobilecampla.com
Adobe User Group Co-Manager
Los 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 box
Integrate 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 Keys
Its 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 Ripple
From 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 App
Point 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 app
View screen cast for a quick demo.
Debugging
Web Inspector
Turn 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 World
Register and submit your app to the app store. No Pressure.
Now the journey really begins
Until next time
Thank you for watching.
Tips and tricks
Click here for the recording.

More Related Content

BlackBerry WebWorks