Developing for the BlackBerry PlayBook using Flex Builder Burrito


Published on

Slides of a recent presentation from the Halifax Adobe User Group.

Published in: Technology
  • Be the first to comment

  • Be the first to like this

No Downloads
Total Views
On Slideshare
From Embeds
Number of Embeds
Embeds 0
No embeds

No notes for slide

Developing for the BlackBerry PlayBook using Flex Builder Burrito

  1. 1. Developing for the PlayBook (Using Flash Builder Burrito with BlackBerry Tablet OS SDK for AIR) ( )
  2. 2. Presentation Outline <ul><li>1 - Introduction to Device & Platform (Meet the PlayBook) </li></ul><ul><li>2 - Environment & Workflow </li></ul><ul><li>3 - Resources </li></ul><ul><li>4 - Offers </li></ul><ul><li>Goal: To serve as a primer for AIR PlayBook development </li></ul>
  3. 3. 1 - Meet the PlayBook
  4. 4. 1 - Meet the PlayBook <ul><ul><li>1 GHz Dual Core ARM Cortex-A9 Processor </li></ul></ul><ul><ul><li>1 GB RAM </li></ul></ul><ul><ul><li>Dual HD Cameras (3MP front, 5MP rear) </li></ul></ul><ul><ul><li>HDMI video out </li></ul></ul><ul><ul><li>Micro USB & Micro HDMI </li></ul></ul><ul><ul><li>1080p HD Video </li></ul></ul><ul><ul><li>7&quot; LCD, 1024x600 resolution </li></ul></ul><ul><ul><li>Multi-touch(4); capacitive display </li></ul></ul><ul><ul><li>Wi-Fi 802.11 a/b/n (3G & 4G/LTE later this year) </li></ul></ul><ul><ul><li>High Fidelity WebKit browser (with HTML5 support) - </li></ul></ul><ul><ul><ul><li>Acid3 score: 100/100 </li></ul></ul></ul><ul><ul><ul><li>CSS3 Selectors test score: 578/578 </li></ul></ul></ul><ul><ul><ul><li>HTML5 test score: 208/300 </li></ul></ul></ul><ul><ul><li>Full Adobe Flash 10.1 Support </li></ul></ul><ul><ul><li>Supports: POSIX OS, Open GL, BlackBerry 6, WebKit, Adobe Flash, Java, and Adobe AIR </li></ul></ul>1.1 - Under the hood
  5. 5. 1 - Meet the PlayBook <ul><ul><li>Built on QNX Neutrino RTOS -  (Cisco servers [the internet] runs on it) </li></ul></ul><ul><ul><li>BlackBerry Amplified: Pair the PlayBook with a BlackBerry smartphone via secured Bluetooth connection </li></ul></ul><ul><ul><li>Enterprise ready </li></ul></ul><ul><ul><li>0.9 lbs (400g)  </li></ul></ul><ul><ul><li>5.1&quot; x 7.6&quot; x 0.4&quot; (130mm x 194mm x 10mm) </li></ul></ul><ul><ul><li>RAD (Rapid Application Development) environement </li></ul></ul><ul><ul><li>Touch sensitive bevel </li></ul></ul>1.2 - some more...
  6. 6. 1 - Meet the PlayBook <ul><ul><li>BlackBerry Tablet OS SDK for AIR (Adobe Integrated Runtime) - </li></ul></ul><ul><ul><li>BlackBerry WebWorks SDK for Tablet OS - </li></ul></ul><ul><ul><li>Future: Java SDK </li></ul></ul><ul><ul><li>Future: Native SDK (C/C++) </li></ul></ul><ul><ul><ul><li>Low-level access to features such as OpenGL 2.0, networking, data storage using QNX Momentics SDK/suite. </li></ul></ul></ul><ul><ul><ul><li>Targeted for game developers & pairing as extensions with other Apps. </li></ul></ul></ul><ul><ul><ul><li>Game demo @MDC: </li></ul></ul></ul>1.3 - SDKs
  7. 7.   1 - Meet the PlayBook <ul><ul><li>Available in 10+ countries (and counting) </li></ul></ul><ul><ul><li>Carrier or Credit Card Billing </li></ul></ul><ul><ul><li>Developers share of sale is 70%* </li></ul></ul><ul><ul><li>Vendor registration </li></ul></ul><ul><ul><li>Access to in-app Payment Service - </li></ul></ul><ul><ul><li>Advertising Service - 60% revenue split </li></ul></ul><ul><ul><li>Analytics Service powered by Webtrends (API pending) </li></ul></ul><ul><ul><ul><li>Application usage </li></ul></ul></ul><ul><ul><ul><li>Track user loyalty & frequency use </li></ul></ul></ul><ul><ul><ul><li>Individual screen/feature use  </li></ul></ul></ul><ul><li>*To be confirmed </li></ul>1.4 - App World
  8. 8.   2 - Environment & Workflow
  9. 9.   2 - Environment & Workflow <ul><li>Flash Builder 4.01 </li></ul>2.1 - IDE -or- Flash Builder Burrito Public MAX Preview
  10. 10.    2 - Environment & Workflow <ul><li>Flash Builder Burrito Public MAX Preview </li></ul><ul><li>Flash Builder Burrito i4 drop </li></ul><ul><li> </li></ul><ul><li>Flash Builder Burrito i5 drop </li></ul><ul><li>Flash Builder 4.5 i6 drop </li></ul>2.2 - Pre-release version note
  11. 11.    2 - Environment & Workflow <ul><ul><li>Download from </li></ul></ul><ul><ul><li>On 3rd screen, select 'Yes' to integrate with Flash Builder </li></ul></ul><ul><ul><li>On 4th screen, select Flash Builder install dir (either Flash Builder 4.0.1, or Burrito) </li></ul></ul><ul><ul><li>On 5th screen, select the (AIR) SDK to merge with(). </li></ul></ul><ul><ul><ul><li>With Flash Builder 4.01 select an AIR 2.5 SDK </li></ul></ul></ul><ul><ul><ul><li>With Burrito, just leave is as default (C:Program Files (x86)AdobeAdobe Flash Builder Burritosdks4.5.0) </li></ul></ul></ul>2.2 - BlackBerryTablet SDK -AIR Install *
  12. 12.    2 - Environment & Workflow <ul><ul><li>Download & install VMware Player from </li></ul></ul><ul><ul><li>Download & install the PlayBook Simulator </li></ul></ul><ul><ul><li>Create the virtual machine * </li></ul></ul><ul><ul><ul><li>Set 'Memory' to 1 GB </li></ul></ul></ul><ul><ul><ul><li>Under 'Display' check 'Accelerate 3D graphics' </li></ul></ul></ul><ul><ul><ul><li>Play the virtual machine to complete the setup </li></ul></ul></ul>2.3 - VMWare Player & Simulator
  13. 13.    2 - Environment & Workflow <ul><ul><li>Mobile Application Template </li></ul></ul><ul><ul><ul><li>Navigator & View - based </li></ul></ul></ul><ul><ul><li>Blank Template </li></ul></ul><ul><ul><ul><li>Create your own screens, views and states </li></ul></ul></ul>2.5 - Start a new project *
  14. 14.    2 - Environment & Workflow <ul><ul><li>Ugh...another component set? What is QNX? </li></ul></ul><ul><ul><ul><li>Why = uniform UI / look & feel </li></ul></ul></ul><ul><ul><ul><li>mx - based </li></ul></ul></ul><ul><ul><ul><li>optimized for the playbook </li></ul></ul></ul><ul><ul><li>Hero vs QNX </li></ul></ul><ul><ul><ul><li>Can mix and match, but fundamental difference (mx=UIComponents vs spark =VisualElement) </li></ul></ul></ul><ul><ul><ul><li>Wrapper available from Renaun Erickson  -  - user QNX within Hero Containers. </li></ul></ul></ul><ul><ul><li>2 Theme options </li></ul></ul><ul><ul><ul><li>ThemeGlobals.currentTheme = ThemeGlobals.BLACK </li></ul></ul></ul><ul><ul><ul><li>ThemeGlobals.currentTheme = ThemeGlobals.WHITE </li></ul></ul></ul>2.6 - QNX Component set
  15. 15.    2 - Environment & Workflow <ul><ul><li>  API reference at </li></ul></ul><ul><ul><li>Noteworthy items: </li></ul></ul><ul><ul><ul><li>Readymade dialogs (alert, login, promtps, etc) </li></ul></ul></ul><ul><ul><ul><li>System information </li></ul></ul></ul><ul><ul><ul><li>System events (e.g. battery) </li></ul></ul></ul><ul><ul><ul><li>Text > Keyboard Type </li></ul></ul></ul><ul><ul><ul><ul><li>EMAIL, PHONE, PIN, URL   </li></ul></ul></ul></ul><ul><ul><ul><li>In-app Payments </li></ul></ul></ul><ul><ul><ul><li>Swipe / bevel </li></ul></ul></ul><ul><ul><ul><li>Notifications (unreleased) </li></ul></ul></ul><ul><ul><ul><li>Webtrends (unreleased)  </li></ul></ul></ul><ul><ul><ul><li>Advertising (unreleased)  </li></ul></ul></ul>2.7 - API Specifics
  16. 16.   3 - Resources
  17. 17.      3.1 - Resources <ul><ul><li>BlackBerry Tablet OS SDK for Adobe AIR </li></ul></ul><ul><ul><ul><li> </li></ul></ul></ul><ul><ul><li>Tablet OS SDK for Adobe AIR  </li></ul></ul><ul><ul><ul><li>   </li></ul></ul></ul><ul><ul><li>Adobe devnet page </li></ul></ul><ul><ul><ul><li> </li></ul></ul></ul><ul><ul><li>Renaun Erickson's Blog </li></ul></ul><ul><ul><ul><li> </li></ul></ul></ul><ul><ul><li>API Reference  </li></ul></ul><ul><ul><ul><li> </li></ul></ul></ul>
  18. 18.      3.2 - Resources <ul><ul><li>Vendor Registration and Submission guidelines </li></ul></ul><ul><ul><ul><li> </li></ul></ul></ul><ul><ul><li>Code Signing Key Order Form </li></ul></ul><ul><ul><ul><li> </li></ul></ul></ul><ul><ul><li>Article: The RIM BlackBerry PlayBook difference </li></ul></ul><ul><ul><ul><li> </li></ul></ul></ul><ul><ul><li>Signing your application </li></ul></ul><ul><ul><ul><li> p </li></ul></ul></ul>
  19. 19.   4 - Offers
  20. 20.      4 - Offers <ul><ul><li>Free BlackBerry PlayBook Tablet Offer: Submit to RIM < March 15th </li></ul></ul><ul><ul><ul><li> </li></ul></ul></ul><ul><ul><li>Vendor Registration is FREE (limted time) </li></ul></ul><ul><ul><li>  Code Signing Key id FREE (limited time) </li></ul></ul>
  21. 21.   5 - GoogleDir (Sample App)
  22. 22.      5 - GoogleDir <ul><li>Code available at: </li></ul><ul><li>1.) Import the existing project </li></ul><ul><li>2.) Set Debug configuration (see screencapture) </li></ul>
  23. 23.      5 - GoogleDir <ul><li>3. Add the requirements & libs </li></ul><ul><ul><li>Renaun Erickson's QContainers: </li></ul></ul><ul><ul><li>as3syndicationlib: </li></ul></ul><ul><ul><li>as3corelib: </li></ul></ul><ul><li>4. Ensure the target platform is enabled, and run :) </li></ul>
  24. 24.      5 - GoogleDir <ul><li>Specific focus on usage : </li></ul><ul><ul><li>QNX components withing Flex 4 Spark containers. </li></ul></ul><ul><ul><li>MobileApplication with Views </li></ul></ul><ul><ul><li>List with MobileItemRenderer </li></ul></ul><ul><ul><li>Storing persistent data with Local Shared object (LSO) </li></ul></ul><ul><ul><li>Google ClientLogin </li></ul></ul><ul><ul><li>Google Contacts API integration via custom headers </li></ul></ul>