WebWorks allows web developers to build BlackBerry applications using HTML5, CSS, and JavaScript. Some key capabilities include building apps with native functionality, integrating with BlackBerry services like BBM and Push, and distributing apps through the BlackBerry World app store. The process involves setting up a development environment with the WebWorks SDK, emulating apps using Ripple, and packaging and signing apps for testing on devices.

1. WebWorks
Rapid prototyping with BlackBerry

2. Josue Bustos
Twitter: @hozwe
Linked In: josuebustos

3. Co-Founder
Zukini Mobile
Mobile Designer, Developer

4. Co-Founder
Mobile Camp Los Angeles
http://www.mobilecampla.com

5. Adobe User Group Co-Manager
Los Angeles PhoneGap
http://meetup.com/laphonegap

6. 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.

7. Build HTML 5 apps with
Native Capabilities using
WebWorks

8. E.G

9. BlackBerry apps are first Class

10. 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.

11. Prerequisites
HTML 5, CSS, and JavaScript knowledge
That’s it!

12. Use what you know
Take advantage of popular mobile web frameworks

13. Lets set up your
environment

14. 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 )

15. Tools?

16. IDE’s galore
• Text edit
• Eclipse
• Adobe Dreamweaver
• Sublime
• Netbeans
• Vim
• Visual Studio for web
• Command line
What ever floats your code ;)

17. Get your signing Keys
Its free! And don’t forget to remember your password.

18. Download the SDK’s
We can do a lot with SDK’s.

19. No Device?

20. Download device simulator
BlackBerry device simulators available for your conveniance.

21. Download Ripple
From developer.blackberry.com

22. Through Chrome

23. • 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.

24. Emulate your App
Point your URL to your local server project files to see your
project adapt inside the layout view.

25. 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.

26. So your project tree should look something like this.

27. 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.

28. Packaging your app
View screen cast for a quick demo.

29. Debugging

30. 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.

31. BlackBerry World
Register and submit your app to the app store. No Pressure.

32. Now the journey really begins

33. Until next time
Thank you for watching.

34. Tips and tricks
Click here for the recording.