3. K N O W T H E A W E S O M E
K N O W Z 30
> OS 10.2
> Qualcomm MSM8960 PRO
> 4.97” Screen
> Display Resolution 720 x 1280
> Aspect Ratio 16:9
> Larger Display
> Narrow aspect ratio
> Be careful while designing (cropped images or overlapping components).
Did you noted?
All other features are common across Z30, Z10 and Q10. The exception being that the
BlackBerry Q10 has a physical keyboard and the others have a full touch screen.
4. P O R T Y O U R
B L A C K B E R R Y 1 0 A P P
Start with aStart with a
BlackBerry Z10BlackBerry Z10
applicationapplication
SimulatorSimulator
or Deviceor Device
TestTest
Images scale toImages scale to
BlackBerry Z30BlackBerry Z30
and the UIand the UI
adoptsadopts
automaticallyautomatically
Perform minorPerform minor
tweaks iftweaks if
requiredrequired
Image donImage don’’t scale, ort scale, or
you are usingyou are using
Absolute layouts, orAbsolute layouts, or
the UI is not as goodthe UI is not as good
as youas you’’d liked like
Adjust assets,Adjust assets,
change layoutschange layouts
SimulatorSimulator
or Deviceor Device
TestTest
DeployDeploy
5. C A S C A D E S
LAYOUTS
> Relative layouts.> Margins and padding. (space, or buffer between child components and their
parent containers).> Space quota.
IMAGES
> If using generic images, make sure they scale uniformly.
> If you need assets designed specifically for a particular resolution use the static asset selector.
> Always have a set of default assets so that your app is compatible with future form factors.
NEW FEATURES
> Grid layout.
> Headless Apps.
> Custom Fonts: Import your own fonts into your app.> Margins and Padding
> For details on timing and the full listing of upcoming APIs, visit:
1.https://developer.blackberry.com/cascades/download/roadmap/[WU1]
2.https://developer.blackberry.com/native/download/roadmap/
6. W E B W O R K S
“There are a series of recommendations that should be taken into account while working on
WebWorks, not only while porting, but at all stages of development.”
> Adhere to CSS Best practices.
> Use templates when needed for different screen sizes.
> Use the Web Inspector to analyze, optimize and reorganize your layouts.
> Try using Stack or Flexible layouts as much as possible
> Pay attention to background and full screen images, and rethink their usage.
> Make UI components semi-transparent if they overlap with critical content.
> Adapt the color scheme.
> Watch-out for Cordova Alignment.
> For details on timing and the full listing of upcoming APIs, visit
https://developer.blackberry.com/html5/download/roadmap/.
7. A D O B E A I R
While working on Air developers should pay attention to:
> Use Container and Layouts to organize and arrange components.
> Pay attention to background and full screen images, and rethink their usage.
> When it comes to splash images, remember you can use the bar-descriptor.xml file to
dynamically choose one:
<splashScreens>
<image>splash-1280x768.jpg</image>
<image>splash-1024x760.jpg</image>
<image>splash-720x720.jpg</image>
</splashScreens>
> Make UI components semi-transparent if they overlap with critical content.
> Make good use of the stage.stageWidth and stage.stageHeight properties.
> Test your app, and redesign or reorganize when required.
> Try 3.5 runtime, which is now available in the current 10.2 SDK beta:
https://developer.blackberry.com/air/download/.
> For more details on timing and the full listing of upcoming APIs, visit:
https://developer.blackberry.com/air/download/roadmap/
8. A N D R O I D
> Use resolution specific folders for resources> Android supports different folders
for different resolutions, similar to Cascades.
> Use resolution specific folders for layouts
> If using generic images, make sure they scale uniformly.
> Background and full screen images can get cropped.
> Jelly Bean is now available in the current 10.2 SDK beta:
https://developer.blackberry.com/android/tools/
> For details on timing and the full listing of upcoming APIs, visit:
https://developer.blackberry.com/android/tools/roadmap/
9. P U B L I S H
Here’s how you can upload the new bundle to BlackBerry World:
1.Login to the Vendor Portal for BlackBerry World.
2.Select Manage my products.
3.Select your app from the list of products.
4.Add a new file bundle.
5.Under Supported platforms, select the platform specific to this bundle.
6.Once you’re finished, BlackBerry World will handle the delivery of the designated bundle to the correct
device.
10. Go Z 30
T H A N K Y O U
Bhasker Thapan
BlackBerry Developer Group Manager
bhasker@blackberrydevteam.com
NOIDA | 18-09-2013