Archive - February, 2013

Are you a developer working with HTML5 and/or AIR? New to BlackBerry 10 development? This is for you!

My presentation at Jam Europe is live now, as well as all the presentations (view all).

Learn how to set up your environment in 45 minutos, for HTML5 development and AIR development.

In the video, you will see how to:

• Ask for signing keys
• Download the right SDKs
• Install the right SDKs
• Register your computer with your new signing keys
• Find sample Apps using HTML 5 on Github
• Find sample Apps using Adobe AIR on Github
• Package and sign your applications
• Deploy your App to BlackBerry 10 devices and debug it
• Publish you App on BlackBerry World

Workaround for AS3 Developers using FDT to create BlackBerry 10 Apps

If you recently tried to install the BlackBerry 10 SDK for Adobe AIR to work with PowerFlasher FDT and got stuck during the installation process:

Don’t panic, there is a workaround:

- Install SDK 3.1 without FDT integration
- Open FDT and go to Help -> Install New Software
- On the dialog, click button Add
- The “Add Repository” dialog will be displayed, press “Local” button
- Point to where your BlackBerry Tablet SDK is, e.g. for the Mac: /Applications/Research In Motion/blackberry-tablet-sdk-3.1.0/update_site_for_AirCommon/
- Give any name to the repository and Press OK.
- Follow the installation instructions
- After restarting FDT, you will be able to create Blackberry Project

It’s beautiful to see FDT and our BlackBerry SDK beautifully integrated:

Good luck and happy coding!

How to set up your environment to create HTML5 and/or AIR Apps in 45 minutes (STEP 1)

Link to ask for Signing Keys: https://www.blackberry.com/SignedKeys

How to set up your environment to create HTML5 and/or AIR Apps in 45 minutes (STEP 2)

Link to download the BlackBerry 10 WebWorks HTML5 SDK: https://developer.blackberry.com/html5/download/

Link to download the BlackBerry 10 SDK for Adobe AIR: https://developer.blackberry.com/air/download/
* To finish the installation process, you will need AIR SDK 3.1 or lower downloaded to your computer. Flex SDK 4.6 has the version of AIR we need, download it from here: http://www.adobe.com/devnet/flex/flex-sdk-download.html

How to set up your environment to create HTML5 and/or AIR Apps in 45 minutes (STEP 3)

* During the BlackBerry 10 SDK for Adobe AIR installation process, make sure you point the location of the Adobe AIR SDK to the root of the FLEX 4.6 folder.

How to set up your environment to create HTML5 and/or AIR Apps in 45 minutes (STEP 4)

Save the keys (PBDT and RDK) that come in 2 emails:

You can register your new keys using command line:

Or you can use BlackBerry Graphical Aid to register your new keys (visual, no command line).

Link to download BlackBerry Graphical Aid: http://supportforums.blackberry.com/rim/attachments/rim/Testing_and_Deployment_of_Applications@tkb/152/37/BlackBerry%20Tablet%20OS%20Graphical%20Aid%202.6.6%20-%20Mac%20Installer.zip

Setting up BlackBerry Graphical Aid:

* BlackBerry Tablet OS SDK is where the BlackBerry 10 SDK for Adobe AIR is (normally in /Applications for the Mac and /ProgramFiles for Windows).

* Every time you register new keys, I recommend you to generate a new certificate (author.p12). Location of your p12 certificate after it is created:

How to set up your environment to create HTML5 and/or AIR Apps in 45 minutes (STEP 5)

Link for Sample Apps in HTML5: https://github.com/blackberry/ (search for WebWorks)

How to set up your environment to create HTML5 and/or AIR Apps in 45 minutes (STEP 6)

Link for Sample Apps in AIR: https://github.com/blackberry/ (search for AIR)

* You can download my template folder here: http://dborba.com/wp-content/uploads/2013/02/templateAIRdemian.zip

How to set up your environment to create HTML5 and/or AIR Apps in 45 minutes (STEP 7)

To create BlackBerry 10 WebWorks Apps (HTML5), you can use command line to package and sign your app. Zip all of your files (HTML5, CSS, JS, images and config.xml) and use the command line:

The location of BBWP, the guy who does all the packaging and signing of WebWorks HTML5 Apps, is where the WebWorks SDK is:

To create BlackBerry 10 AIR Apps, you can use BlackBerry Graphical Aid:

How to set up your environment to create HTML5 and/or AIR Apps in 45 minutes (STEP 8)

To install any BAR file, you can use the command line:

Or you can use BlackBerry Graphical Aid:

If you added the -d instruction when packaging your WebWorks (HTML5) App, you can use the amazing Remote Web Inspector:

And you can even refresh your WebWorks (HTML5) App on your device, without having to repackage (video tutorial):

Page 1 of 212»