- Develop apps for BlackBerry Playbook tablet


Published on

Step by step instructions on how to develop a BlackBerry Playbook application.

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 - Develop apps for BlackBerry Playbook tablet

  1. 1. Develop apps for BlackBerry Playbook Tablet<br />Marius Mailat<br />December 24, 2010<br />
  2. 2. Agenda<br />Why this presentation?<br />What do I need to download?<br />How do I install the development environment?<br />How do I setup the OS Playbook simulator?<br />Your first application in Flash Builder Burrito<br />How I run and debug the apps?<br />How do I codesign an app?<br />How do I submit an app in AppWorld?<br />Resources<br />Source code example<br />2<br />
  3. 3. 1. Why this presentation?<br /><ul><li>As announced at the Adobe® MAX conference earlier this year, developers who create an application for the BlackBerry PlayBook tablet that is approved for distribution through BlackBerry App World prior to the tablet’s initial release are eligible for a free BlackBerry PlayBook tablet. Deadline 1st February 2011</li></ul>The primary criterion for the free offer is to have an application accepted into BlackBerry App World for the BlackBerry PlayBook tablet prior to the initial North American launch in early 2011. Even though developers are encouraged to submit multiple applications, a developer can only qualify for one free BlackBerry PlayBook tablet. Full terms and conditions of the offer can be found at:<br />
  4. 4. 2. What do I need to download?<br /><ul><li>Download Adobe Flash Builder Burrito ( flashbuilder_burrito_287807.exe )
  5. 5. Download BlackBerry Tablet OS SDK for Adobe AIR ( BlackBerryTabletSDK-Air-Installer-0.9.1-Win.exe )
  6. 6. Download BlackBerry Tablet Simulator Beta ( BlackBerryPlayBookSimulator-Installer-Win.exe  )
  7. 7. Download VMware Player  ( VMware-player-3.1.3-324285.exe )* To get the above packages you 4 accounts created. Adobe Flash Builder can be receive free as student or if you are unemployed using this link.</li></li></ul><li>3. How do I install the dev environment?<br /><ul><li>Install step1_flashbuilder_burrito_287807.exe, no serial number, choose to run as trial
  8. 8. Install step2_BlackBerryPlayBookSimulator-Installer-Win.exe choose as install folder C:/Playbook
  9. 9. Install step3_VMware-player-3.1.3-324285.exe
  10. 10. Install step4_BlackBerryTabletSDK-Air-Installer-0.9.1-Win.exe and follow the bellow suggestions ( you must use 1:1 exact the same folders as in the screenshots )</li></li></ul><li><ul><li>Install step4_BlackBerryTabletSDK-Air-Installer-0.9.1-Win.exe and follow the bellow suggestions ( you must use 1:1 exact the same folders as in the screenshots )</li></li></ul><li>4. How do I setup the Playbook OS simulator?<br /><ul><li>Restart the system
  11. 11. Start the VMware player and click on “Create a New Virtual Machine”
  12. 12. Choose the image C:PlaybookBlackBerryPlayBookSimulator.iso</li></li></ul><li>4. How do I setup the Playbook OS simulator?<br /><ul><li>Restart the system
  13. 13. Start the VMware player and click on “Create a New Virtual Machine”
  14. 14. Choose the image C:PlaybookBlackBerryPlayBookSimulator.iso</li></li></ul><li><ul><li>Choose Other at Guest operating system and at Version also Other</li></li></ul><li><ul><li>Choose the destination for the files</li></li></ul><li><ul><li>Specify the disk capacity – 2 Gb</li></li></ul><li><ul><li>Click Next and than “Customize hardware”
  15. 15. Choose memory in left side, choose 1024 at memory</li></li></ul><li><ul><li>Choose display in left side, choose “Accelerate 3D graphics”</li></li></ul><li><ul><li>Click OK and Finish
  16. 16. The installation will start, type Y and ENTER (when the question regarding filesystem will appear)</li></li></ul><li><ul><li>Using CTRL+ALT you can return from VMware anytime in your system
  17. 17. The installation can take 10 minutes
  18. 18. When the installation is ready click on the “I finished Installing” (do not forget this as without it the system will not start, once the QNX 1.2 boot load will appear)
  19. 19. It is possible that you must install 1-2 times the ISO image, in 2 test systems I was never able to make it from ready in 1 step
  20. 20. Once the image start will look like this</li></li></ul><li><ul><li>Click on the Wheel in the TOP-RIGHT</li></li></ul><li><ul><li>Click Security on the left and then Enable (near Development settings). Choose a password and save it in mind.
  21. 21. Your device is in development mode and a HAMMER icon will exists, click on it and you will see an IP of the device. </li></li></ul><li>5. Your first application in Flash Builder Burrito<br /><ul><li>Start Adobe Flash Builder
  22. 22. In the left navigation click New -> Actionscript Mobile Project
  23. 23. In project name choose: DemoApp
  24. 24. In the Flex SDK version select Use default SDK(Flex Hero)
  25. 25. Click Next
  26. 26. In the Target platform clear the Google Android checkbox
  27. 27. Click Finish</li></li></ul><li><ul><li>Double click
  28. 28. Enter the following code ( to be find on the next page )</li></li></ul><li>package <br />{<br />import flash.display.Sprite;<br />import;<br />import flash.text.TextField;<br />import flash.text.TextFormat;<br />import qnx.ui.buttons.Button;<br />import qnx.ui.buttons.LabelButton;<br />// The following metadata specifies the size and properties of the canvas that this application should occupy on the BlackBerry PlayBook screen.<br />[SWF(width="1024", height="600", backgroundColor="#cccccc", frameRate="30")]<br />public class DemoApp extends Sprite<br />{<br />public function DemoApp()<br />{<br />var helloButton:LabelButton = new LabelButton();<br />helloButton.label = "Hello World!";<br />helloButton.x = (stage.stageWidth - helloButton.width)/2;<br />helloButton.y = (stage.stageHeight - helloButton.height)/2;<br />var text:TextField = new TextField();<br />text.text = "Close";<br />var closeButton:Button = new Button();<br />closeButton.addChild(text);<br />closeButton.addEventListener(MouseEvent.CLICK, closeWindow);<br />closeButton.x = (stage.stageWidth - closeButton.width)/2;<br />closeButton.y = helloButton.y - helloButton.height;<br />addChild(helloButton);<br />addChild(closeButton);<br />stage.nativeWindow.visible = true;}<br />private function closeWindow(event:MouseEvent):void{<br />stage.nativeWindow.close();<br />} } }<br />
  29. 29. 6. How I run and debug the apps?<br /><ul><li>On the Run menu, click Run Configurations
  30. 30. In the list of run configurations, click Mobile Application
  31. 31. On the Main tab, in the Launch method section, select the On device option.
  32. 32. In the Deployment section, in the Target field, type the IP address of your simulator.
  33. 33. In the Deployment section, in the Device password field, enter the password of your simulator.
  34. 34. Click Apply and Run ( the simulator must be started )</li></li></ul><li>
  35. 35. <ul><li>The application will start on the device</li></li></ul><li>
  36. 36.
  37. 37. 7. How do I codesign an app?<br /><ul><li>In this moment an app cannot be signed</li></li></ul><li>8. How do I submit an app in AppWorld?<br /><ul><li>You must register a vendor account (which normally costs 200$)
  38. 38. For the vendor account you need a notarized statement of identification (notariell beglaubigte Ausweiskopie ( 10 euro + Mwst)
  39. 39. You must follow the steps in the following screens
  40. 40. Once an app is submitted it is placed in Review
  41. 41. RIM evaluates ethical, competitive and functional fit of the app
  42. 42. Vendor is contacted if any branding issues or errors in metadata exist
  43. 43. The app is also tested for technical validation
  44. 44. Once an app meets expectations it is Approved in the portal
  45. 45. The Vendor now lists the app for sale/download</li></li></ul><li>
  46. 46.
  47. 47.
  48. 48.
  49. 49.
  50. 50.
  51. 51. 9. Resources<br /><ul><li>Getting Started Guide for Windows Developers
  52. 52. Detailed documentation
  53. 53. API Reference
  54. 54. Developing for BlackBerry Tablet OS using Flash
  55. 55. Ask a question in the forum
  56. 56. Webcast 1: Develop using Adobe Air SDK
  57. 57. Webcast 2: How I develop my first application
  58. 58. Webcast 3: BlackBerry PlayBook tablet integration
  59. 59. Webcast 4: UI Guidelines
  60. 60. Webcast 5: Register an account for BlackBerry App World</li></li></ul><li><ul><li>Create a ActionScript Mobile AIR project in Flash Builder 4.5
  61. 61. Add an icon to your ActionScript project
  62. 62. Create an XML configuration file for icon
  63. 63. Testing your application from Adobe Flash Builder 4.5
  64. 64. Testing your application from the command line
  65. 65. Run the applications
  66. 66. Package and deploy your application from the command line
  67. 67. Remove your application from the BlackBerry Tablet Simulator from the command line
  68. 68. ASDocs from QNX packages
  69. 69. ASDocs from Adobe packages</li></li></ul><li>10. Source code examples<br /><ul><li>Official exemple BlackBerry of using Web Services
  70. 70. Air samples from Adobe
  71. 71. Ten Tips for building better AIR apps
  72. 72. Multitouch and Gesture Support on the Flash Player
  73. 73. Configuring ActionScript-Only Projects with Flash Builder 4
  74. 74. Writing multiscreen AIR apps
  75. 75. AS34J: ActionScript 3 for Java Developers Seminar</li></li></ul><li>
  76. 76. Thank you, Q&A.<br />You can find me on:<br /><ul><li> Email -
  77. 77. Twitter –
  78. 78. Web –</li></ul>38<br />