BlackBerry WebWorks

BlackBerry WebWorks

• 1.
  WebWorks Rapid prototyping withBlackBerry
• 2.
  Josue Bustos Twitter: @hozwe LinkedIn: josuebustos
• 3.
  Co-Founder Zukini Mobile Mobile Designer,Developer
• 4.
  Co-Founder Mobile Camp LosAngeles http://www.mobilecampla.com
• 5.
  Adobe User GroupCo-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 5apps with Native Capabilities using WebWorks
• 8.
  E.G
• 9.
  BlackBerry apps arefirst Class
• 10.
  Out of thebox 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 youknow Take advantage of popular mobile web frameworks
• 13.
  Lets set upyour 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 • Textedit • Eclipse • Adobe Dreamweaver • Sublime • Netbeans • Vim • Visual Studio for web • Command line What ever floats your code ;)
• 17.
  Get your signingKeys Its free! And don’t forget to remember your password.
• 18.
  Download the SDK’s Wecan do a lot with SDK’s.
• 19.
  No Device?
• 20.
  Download device simulator BlackBerrydevice simulators available for your conveniance.
• 21.
  Download Ripple From developer.blackberry.com
• 22.
  Through Chrome
• 23.
  • To startthe 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 Pointyour URL to your local server project files to see your project adapt inside the layout view.
• 25.
  Config.xml Copy and pastea 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 projecttree should look something like this.
• 27.
  Ripple Build Settings Beforewe 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 Viewscreen cast for a quick demo.
• 29.
  Debugging
• 30.
  Web Inspector Turn onweb 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 andsubmit your app to the app store. No Pressure.
• 32.
  Now the journeyreally begins
• 33.
  Until next time Thankyou for watching.
• 34.
  Tips and tricks Clickhere for the recording.