Upload
josue-bustos
View
1.170
Download
0
Tags:
Embed Size (px)
DESCRIPTION
Rapid prototyping with BlackBerry Webworks is a getting started guide to developing and publishing your html, css, and javascript application for the BlackBerry platform.
Citation preview
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.