This session is intended to introduce you to the different BlackBerry 10 SDKs showing different ways of developing a mobile app. For example through a pure C/C++ approach very convenient for Games and Libs developers. Or through a more comfortable way using a high level application development Framework supporting Qt and the Blackberry own Cascades UI framework. We will also show you how powerful the BlackBerry 10 mobile web development platform is.

1. Introduction to BlackBerry 10 Apps Development
KÁMEL LAJILI
KLAJILI@BLACKBERRY.COM, @KLAJILI

2. Re-designed.
Re-engineered.
Re-invented.

4. Integrated Social Beautiful

5. BlackBerry 10
SDKs
C++/Qt
Cascades
ActionScript
Adobe® AIR®
HTML5 BlackBerry®
WebWorks™
C/C++
Native SDK
Java
Android™
Runtime

6. BlackBerry 10
SDK Platform Support

7. THE QNX
NEUTRINO RTOS

8. Questionable reliability
Traditional monolithic architecture
• Model for most OSes available today
– Windows, Linux, Android
• OS contains tremendous amount of
functionality with unrestricted CPU privileges
• A fault in one OS component can damage any
other, leading to system-wide corruption
– System reliability is as good as your worst
driver developer
– Reboot is only recovery possible
App App
AppApp
File
system
DriverNetwork
stack
Monolithic
OS
App App
Multimedia
stack

9. Mission-critical reliability
QNX microkernel architecture
• Microkernel minimizes execution with
unrestricted “kernel” CPU privileges
• All processes run in isolated process space
– Includes drivers, file systems, stacks
– All QNX processes are “applications”
• Faults are contained so that they only affect the
faulty component
– Failed components can be dynamically
recovered while the system continues to
operate
App App
AppApp
File
system
DriverNetwork
stack
Micro-
kernel
App App
Multimedia
stack

10. Mission-critical reliability
Nuclear
Reactors
Warehouse
Control
Mining Control Canadarm
Vision
Walmart
HVAC
Windmills Motor Control PLC’s Process ControlCancer Therapy
Laser Eye Surgery Precision
Milling

11. Integrated Social Beautiful

12.  Apps can use the Invocation
Framework to improve user’s flow
• Launching Core and 3rd party Apps
• Registering URIs and MIME types
• Cards and content viewers
13
Application Guidelines
Invocation Framework

13. Invocation Framework
Cards
 Embeds a Screen from Target
 Instead of launching the full app
 No Active Frame presence
 Supports peeking
 A leap ahead of the competition
 BlackBerry 10 Flow at its best!
 A Card maintains its own process
and security context
14

14. Invocation Framework
Card Styles
 Three styles
 Picker
 Composer
 Previewer
 Determines
 Peek behavior
 Transition style
15

15. Integrated Social Beautiful

16. Share Framework
17

17. BlackBerry 10 Foundations
Architecture
Native & HTML5 Apps
HTML/CSS
JavaScript
WebKit JavaScript C++
Cascades
QML
QNX Kernel
Platform APIs
Android Apps Adobe AIR Apps
Java
Android Runtime
.apk
Action Script
AIR Runtime
.swf
Network Storage
Qt (C++) BPS (C)
Audio/Video Graphics Push i18n …
Open GL
Open AL
C/C++

18. THE NATIVE SDK

19. Native SDK
OSS & Developer Experience

20. Native SDK
High Performance Gaming

21. Native SDK
Open Industry Standards

22. Native SDK
Open Source Support

23. THE CASCADES SDK

24. Integrated Social Beautiful

25. Native SDK
OSS & Developer Experience

26. Mature C++ application framework
Good APIs (memory mgmt, Garded Pointers, Localization)
Signals and Slots
Many help classes
QML
QtGui Cascades

27. 60 FPS!

28. App logic
Photos by rumpleteaser and whologwy Flickr
Cascades
UI in separate thread
28°

29. Scene Graph
Root
Container
Text: “Hello World”
Container
Hello World
RotationZ
Scale
Opacity

30. Events
Qt uses signals & slots paradigm
Cascades events are mapped to Qt signals

31. You can choose!
No difference between UI created in QML or C++
They can be combined
Typically, UI in QML and business logic in C++
QML supports JavaScript for signal handling
C++ QML

32. import bb.cascades 1.0
Page {
content: Label {
text: "Hello World"
}
}
Cascades SDK
Hello World

33. Page* root = new Page;
Label* label = Label::create()
.text("Hello World");
root->setContent(label);
Application::instance()->setScene(root);
Cascades SDK
Hello World

34. Animations
Any Cascades UI element can be animated
Animations are “running” on the engine thread
Remember the client server setup?
Explicit & Implicit animations:
translation, rotation, scale, opacity, …

35. Data Binding
SQL
XML
JSON
Anything

36. • Tabs when content of relatively equal
importance.
Application Structure
• Drill-Down with back and peak to
structure content in a hierarchy.

37. • List: Easy sort
and filter
Screen views
• Grid: Quick
display
• Free-Form:
Canvas
• Content: Focus
on single items

38. • Action Bar
Screen Structure
• Title Bar • Segmented
controls

39. • Action Menu • Context Menu • Application Menu
Application Menus

40. THE WEBWORKS SDK

41. The Promise of Web Tech
44

42. HTML5Test.com
45
http://html5test.com/compare/browser/bb07/rimtabletos20/bb10.html
Test your own smart phone at: http://html5test.com

43. ringmark
46
The first vendor mobile
browser to pass ringmark
ring 1!
A web-based test suite for
capabilities that modern
mobile web apps require.
Test your own smart
phone at: http://rng.io
Ring 1 e.g. : Capabilities of building
2D games, music and video apps,
camera apps, etc…

44. How did we do it?
47
• JavaScript/HTML/CSSBrowser Application
• Framework for running Web codeWeb Platform
• Web rendering Engine, C++WebKit
• QNX, system servicesBlackBerry 10 OS

45. How to get there?
Web Assets WebWorks Tools BlackBerry Applications

46. Remote Web Inspector
 Best in class debugging solution.
 Debug WebWorks applications on a simulator or device.
 Optimize web applications.
49

47. Ripple Mobile Emulator
 Tool for mobile web testing
 Chrome extension
 Emulate BlackBerry device
capabilities
 Package and Sign
 Supported Platform APIs:
 WebWorks for BlackBerry 10
 Apache Cordova / PhoneGap
 WebWorks
 WebWorks for Tablet OS
50

48. 51
Sencha
Touch
BB10 Platform Partners

49. Thank you
52
KÁMEL LAJILI
Sr. Application Development
Consultant
KLAJILI@BLACKBERRY.COM
@KLAJILI