PhoneGap framework for BlackBerry OS 5.0 and 6.0. The framework is implemented using the BlackBerry Web Widget SDK.
framework/ ... BlackBerry Widget Extension (PhoneGap native code)
js/ .......... PhoneGap JavaScript (Non-concatenated, non-minified)
template/ .... Project template for creating a new projects
The Blackberry Widget SDK provides a framework for developing hybrid applications for Blackberry devices that support Blackberry OS 5.0 and higher. In this framework, web applications consisting of web content, resources, and JavaScript can access device specific features through the exposed JavaScript Blackberry Widget API.
The Blackberry Widget API is a subset of the native Blackberry Java API. A Widget application can make use of the native Java APIs by using JavaScript extensions. Doing so provides the Widget application access to device information and capabilities that the Widget API does not provide. It is therefore helpful to think of a Blackberry Widget application as having two parts:
- The Widget application, consisting of HTML, CSS, JavaScript, with access to the exposed Widget APIs.
- The JavaScript extensions, or native Java code, with access to the full native Java APIs.
The phonegap-blackberry-widget project uses both the Blackberry Widget API and JavaScript extensions. This project will allow you to create your own Blackberry Widget applications that leverage the common PhoneGap API.
There are two approaches to developing a PhoneGap BlackBerry Widget:
- Using the ANT command-line tool
- You do not need to install Eclipse
- You can use your favourite source code editor (even Eclipse)
- Fast and easy to build and deploy applications
- Eclipse environment
- Better for developing PhoneGap plugins and Widget extensions
- Windows XP and Windows 7 (32-bit and 64-bit)
- Sun Java Development Kit, version 1.6 (32-bit)
- BlackBerry Widget SDK
- Apache ANT
- Download ANT
- Extract to a desired installation directory, e.g. C:\apache-ant
- Set ANT_HOME
- Open System Properties -> Advanced -> Environment Variables
- Create a new system variable
- Variable name: ANT_HOME
- Variable value: C:\apache-ant
- Add ANT_HOME to PATH
- Open System Properties -> Advanced -> Environment Variables
- Under system variables, edit PATH
- Add
;%ANT_HOME%\binto the end of the PATH value. - e.g. %SystemRoot%\system32;%SystemRoot%;%JAVA_HOME%\bin;%ANT_HOME%\bin
- Add
- Verify that ANT is installed
-
Open your command-line tool (cmd.exe or cygwin.exe)
$ ant -v Apache Ant version 1.8.1 compiled on April 30 2010 Trying the default build file: build.xml Buildfile: build.xml does not exist! Build failed
-
$ cd C:\some\path\
$ git clone git://github.com/phonegap/phonegap-blackberry-widget.git
$ cd phonegap-blackberry-widget
$ ant help
Each project contains the PhoneGap framework and so the project is independent of the phonegap-blackberry-widget source code.
This allows you to easily distribute the project to other BlackBerry widget developers.
$ cd phonegap-blackberry-widget
$ ant help
$ ant create -Dproject.path="C:\development\my_new_project"
$ cd C:\development\my_new_project
$ ant help
For each project, you need to tell ANT where you have installed the BlackBerry Widget SDK. You can do this by editing project.properties in the project directory.
[edit project.properties]
$ cd C:\development\my_new_project
$ ant help
$ ant load-simulator
$ ant load-device
$ cd phonegap-blackberry-widget
$ git pull origin master
$ ant update -Dproject.path="C:\development\my_new_project"
The Eclipse BlackBerry Widget Plugin has some powerful debugging options, such as settings breakpoints in JavaScript. In order to use these features, you must import your source code into a BlackBerry Widget project.
Follow in the installation instructions under the section Running PhoneGap BlackBerry Widgets from Eclipse.
- Create a BlackBerry Widget project:
- File -> New -> BlackBerry Widget Project
- Project Name: MyNewProject
- Start Page: index.html
- File -> New -> BlackBerry Widget Project
- Import the project:
- In the project tree, right-click on the widget project (MyNewProject) and select Import...
- Select General -> Filesystem
- Select Browse...
- Add the www/ directory of your project
- e.g. C:\development\my_new_project\www
- Check the www/ directory
- Select Finish
- Select Yes to overwrite the existing index.html and config.xml
It is best to setup two projects in Eclipse: a Java project for the Widget Extension native Java code, and a Blackberry Widget project for the web application code and resources.
- Windows XP and Windows 7 (32-bit and 64-bit)
- Sun Java Development Kit, version 1.6 (32-bit)
- Eclipse 3.5+, the Classic Eclipse package is fine
- BlackBerry Web Plugin for Eclipse
$ cd C:\some\path\
$ git clone git://github.com/phonegap/phonegap-blackberry-widget.git
- Open Eclipse
- Help -> Install New Software... -> Click Add...
- Name: Blackberry Update - Web
- Location: http://www.blackberry.com/go/eclipseUpdate/3.5/web
- Select Blackberry Web Plugin and Blackberry Widget SDK
- Note: Even if the standalone Widget SDK is already installed on your system, you must install the Widget plugin to enable Blackberry Widget project capabilities within Eclipse.
- Restart Eclipse
- Create a Java project
- File -> New -> Project... -> Java Project
- Project Name: PhoneGapBlackberryExtension
- Do NOT use special characters or whitespace in Blackberry Widget project names, as the RAPC compiler will choke on them.
- JRE -> Use a project specific JRE: Blackberry JRE 5.0.0
- Project Name: PhoneGapBlackberryExtension
- File -> New -> Project... -> Java Project
- Import the phonegap extension code
- Select the PhoneGapBlackberryExtension project
- File -> Import -> phonegap-blackberry-widget/framework/ext
- Create a BlackBerry Widget project
- File -> New -> BlackBerry Widget Project
- Project Name: PhoneGapBlackberryWidget
- Start Page: index.html
- File -> New -> BlackBerry Widget Project
- Import the PhoneGap widget code
- In the project tree, right-click on the widget project and select Import...
- Select General -> Filesystem
- Import phonegap-blackberry-widget/www
- Select config.xml and index.html
- Select ext and javascript folders
- Change PhoneGap widget name
- Open config.xml
- Click Overview tab
- Name: PhoneGap Widget
- Build the widget
- Select the project, right-click and select Build and Sign BlackBerry Widget Project
- Run the widget
- Select the project, right-click and select Run -> Run as -> Blackberry Simulator
Q: I uploaded my application to the BlackBerry device, but it will not open or run.
A: Try hard resetting the device by pressing and hold ALT + CAPS LOCK + DEL. You must press and hold each key in sequence and not all at once.
Q: My simulator screen is not refreshing and I see blocks on a clicked position.
A: Windows 7 and the simulator's graphics acceleration do not mix. On the simulator, set View -> Graphics Acceleration to Off.
Q: When I use the PhoneGap Camera.getPicture API on my device, the camera never returns to my application. Why does this happen?
A: PhoneGap uses a JavaScript extension to invoke the native camera application so the user can take a picture. When the picture is taken, PhoneGap will close the native camera application by emulating key injections (like pressing the back button). On a physical device, users will have to set permissions to allow your application to allow key injections to take place. Setting application permissions is device-specific. On a Storm2 (9550), for example, select the Blackberry button from the Home screen to get to All Applications screen, then Options > Applications > Your Application. Then select Edit Default Permissions > Interactions > Input Simulation and set it to 'Allow'. Save your changes.