Introduction to Mobile Development on BlackBerry 10

Transcription

1 Introduction to Mobile Development on BlackBerry 10 Luca Filigheddu Head of Developer Evangelism EMEA

2 What Is BlackBerry 10? Completely new Not a revision or upgrade of BlackBerry 7 Secure Designed as a mobile computing platform Not just another mobile phone OS Designed for people on the move; people that want to get something done Not just consume content on the couch

3

4 BlackBerry Z30 5 all-touch screen Natural Sound technology 4G LTE 25hrs battery life

5 Why developing for BlackBerry 10?

6 Ecosystem Success BlackBerry is gaining momentum, with positive, and Ecosystem sometimes Success surging trends 67,000 Registered vendors (doubled since BB10 launch) 262,250 Approved Apps 4.5B Total Downloads Storefront reach -173 countries Developer satisfaction (buzz, sentiment, advocacy)

7 BlackBerry World Complete digital shopping BlackBerry World experience for Apps, games, music, videos Developers pay no registration fees, are easily discovered, and enjoy a quick payback on their development efforts. Consistently ranked top-two in developer friendly vendor sites.* * Pivot Point Research (July 2013)

8 BlackBerry World BlackBerry World Over 130,000 BlackBerry 10 apps 50+% month over month sales increase Developers now submitting up to 3 different apps to BlackBerry World. Catalogue is expanding Games now >1/3 of BBW inventory Carrier billing with 60+ carriers in 35 countries Over BBM connected apps BlackBerry World Games (1/3 of BBW)

9 Growth BlackBerry World

10 Developer Community Developer Community Net Promoter Score +46 (from -43 in May 2012) 1 Developer and Corporate IT sentiment towards BB10 on-par with all leading platforms 2 Two thirds of organizations around the world planning to deploy BB10 applications 3 NPS (+46)

11 BlackBerry Jams BlackBerry Jams 45 cities 9,400 attendees 10,000 seeded devices Incredible response 70,000 apps approved for sale at launch * Source: Vision Mobile (January 2013)

12 BlackBerry Jams BlackBerry Jams Attendees Learn How To Engage customers with an amazing user experience Take apps to market with a profitable app development model Turn millions of BlackBerry users into loyal, profitable customers

13 Ecosystem Success Ecosystem Success Sentiment improved 63% in the past year (Pivot Point) 38% identify BlackBerry as primary platform (Vision Mobile)

14 Money! 14

15 More money for devs! 4% more than ios developers (per App / month) >35% more than Android developers (per App / month) Developing an app for ios costs 21% more than Android 81% more than BlackBerry 15

16 FlyCraft and Pop Corny 16

17 Ok, now let s talk about technology!

18 Acquisitions Webkit Experts Platform OS UX / UI Design Ripple! Web Development Social Contacts Device Mgmt. App Distribution Social Calendaring Navigation Social Gaming Encryption Smartphone Security 18

19 Platform Built on QNX Neutrino Real-time OS Microkernel based OS POSIX Compliant OS (Portable Operating System Interface) Native C/C++ Applications Direct OpenGL / HW Access Qt/Cascades for native development 19

20 Transition 20

21 BlackBerry 10 SDKs C/C++ Native SDK HTML5, CSS, JavaScript WebWorks ActionScript Adobe AIR Java Android Runtime 21

22 What to choose? Background and Skills Reuse of existing code, assets Requirements Cross-portfolio, cross-platform, features Platform Capabilities APIs, tooling, frameworks, constraints Tools IDE, utilities, simulation, familiarity Support Community, docs, samples 22

23 BlackBerry Native SDK

24 Standard STL and POSIX compliant libraries Screen and Windowing APIs Gestures library Input events library Imaging and Compression OpenGL ES 1.1/2.0 OpenAL 1.1 Freetype Font Rendering Math XML and SQLite Database library 24

25 Cross-platform Libraries Boost: portable C++ libraries Cocos2D-X: cross-platform 2D game framework Box2D: 2D physics engine Bullet : 3D physics engine GamePlay: cross-platform 3D gaming framework Lua: embeddable scripting language SFML/SDL: cross-platform multimedia library. Skia: Fast 2D rendering engine 25

26 Gaming Platform Scoreloop SDK Integrate Social Gaming Features Solid Analy8cs Cross- pla<orm presence Billing / Mone8za8on feature Payment APIs for in- Game transac8ons 26

27 BlackBerry on GitHub Open Source Development Community Port libraries and frameworks Create libraries and frameworks Collaborate and contribute Work directly with other BlackBerry Platform Developers blackberry.github.com 27

28 Game Engines Unity Technologies Marmalade SDK ShiVa3D Game Engine with Development tools More Coming! 28

29 Unity Offer! Have a Unity PRO License? Get the BlackBerry Plugin for free! Worth $1.500 Get also a BlackBerry Z10 for Free hyps://unity3d.com/contest/blackberry 29

30 Development tools GCC and GDB based tool chain Momentics IDE - Eclipse based C/C++ Development Tools In-built Application Debugging, Profiling and Memory Analysis Microsoft Visual Studio plugin 30

31 Visual Studio Plugin You can use the BlackBerry Native Plug-in for Microsoft Visual Studio to develop C and C++ applications for your BlackBerry 10 device or BlackBerry PlayBook tablet. 31

32 Links BlackBerry Na8ve SDK developer.blackberry.com/na2ve - > Download the Na-ve SDK - > Get started with Na-ve SDK Blackberry Open Source blackberry.github.com 32

33 Cascades C++/Qt

34 What is Cascades? Easy to use framework for delivering the astonishing user experience and UI Rich set of core UI components Built in signature effects Pre- packaged interac8on design Easy data binding to various data sources (SQL/XML/JSON) Ease of integra8on with pla<orm services C++ and/or QML/JavaScript power for the same object model 34

35 What is Cascades? 35

36 Out-of-the-box Elegance 36

37 Cascades and Qt Mature C++ application framework Good APIs Signals and Slots Many help classes QML QtGui Cascades Cascades 37

38 Creating UIs Creating UIs in C++ is a lot of fun, but there are easier and faster ways to describe UI. QML declarative language to describe trees of Qt objects with properties (typically user interface) Looks like JSON Embed JavaScript as signal handlers A different view of the same object model that C++ offers Easily mixed with C++ Preview your QML UI in Cascades Builder 38

39 Typical Cascades App JavaScript based UI logic QML based UI structure QT/C++ Backend

40 Any Mix Is Possible JavaScript based UI logic QML based UI structure QT/C++ Backend

41 Why Cascades? For Qt Developers. Cascades replaces Qt Quick, Qt GUI Cascades Builder replaces Qt Creator Slightly different QML syntax So, why Cascades??? Cascades UI rendering NOT on the main thread BlackBerry10 Look and Feel Advanced placement management of components 41

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

43 Hello World in Qt Page* root = new Page; Label* label = Label::create().text("Hello World"); root->setcontent(label); Application::instance()->setScene(root); 43

44 Cascades IDE 44

45 Cascades UI Framework Rich collection of in-built controls Some 40+ fully customizable UI controls Action Bar Navigation Tabs & Back View specific actions Context Menu Item specific actions 45

46 UI Adaptability - Multiple Form Factors

47 How to create an adaptable UI? Built in controls adapt to device type Layouts, space quota, 9-sliced images, Unique (sub)set of assets per configuration

48 Asset selectors Based on resolution and/or visual style assets/ main_screen.qml dialog.qml picture.png icon.png 720x720/ main_screen.qml picture.png

49 Asset selectors Based on resolution and/or visual style assets/ main_screen.qml dialog.qml picture.png icon.png 720x720/ main_screen.qml picture.png

50 Asset selectors Based on resolution and/or visual style assets/ main_screen.qml dialog.qml picture.png icon.png 720x720/ main_screen.qml picture.png

51 Links BlackBerry Cascades developer.blackberry.com/cascades Blackberry Open Source blackberry.github.com/cascades/samples.html 51

52 BlackBerry WebWorks HTML5

53 BlackBerry10 & HTML5 Unparalleled Standards Support Incredible Performance 53

54 HTML5 and WebWorks Port your existing Webs to BlackBerry WebWorks HTML5, CSS3, JavaScript Leading in mobile browser benchmarks Allows for cross-platform web development Broadest portability, Native Look&Feel (BBUI.js), any IDE 54

55 WebWorks for BB10 The SDK has been re-written for BlackBerry 10 No longer based on Java or Adobe AIR It is now based on JavaScript with a C/C++ back end The packaging process uses node.js 55

56 Why HTML5 and WebWorks? Decision guidance Utilize your existing Web experience Re-use lots of cross platform code Extend with BlackBerry WebWorks platform to securely access native level functionality Provides the best of both worlds Rich hardware accelerated UI BB10 apps built with BlackBerry WebWorks behave like native apps 56

57 BlackBerry Web Platform Driven by strong Web standards support Powered by WebKit HTML5 and CSS3 Flash 11 and WebGL WebWorks and Cordova 57

58 Some inspiration: WebGL

59 What can you do with WebWorks? Geolocation Offline mode Storage Audio / Video 2D Graphics Advanced forms Invoke Web Workers Notifications 59

60 How do I get there? Web Assets WebWorks Tools BlackBerry Applica8ons 60

61 Custom WebWorks API Build your own APIs Access native layer functionality More powerful than just HTML5 E.g. NFC, Clipboard, Barcode, Analytics JavaScript interface for platform code BlackBerry OS = Java Tablet OS = AIR BlackBerry 10 = C/C++ 61

62 HTML5 Emulator - Ripple A multi-platform mobile emulator for testing Chrome Extension Render Web content similar to a web browser Emulate device-specific APIs and capabilities Web inspector debugging & profiling Package and sign BlackBerry applications Supported APIs: WebWorks, WebWorks for Tablet OS WebWorks for BlackBerry 10 PhoneGap 62

63 Ripple Extension 63

64 Web Platform Extras AliceJS library CSS3 hardware acceleration WebGL 3D Graphics, OpenGL ES 2.0 Community frameworks 64

65 bbui.js Designed for use with BlackBerry WebWorks A web framework that provides a BlackBerry Look and Feel Framework goals Follows BlackBerry 10 UI guidelines Efficient screen management Focused on performance and memory optimization Open source and collaborative Community driven, not officially from BlackBerry 65

66 bbui.js - Cases 66

67 Links SDK + Simulators GitHub 67

68 Android Runtime and Packager

69 BlackBerry Runtime for Android Enable Android software stack running on the BlackBerry 10, including Dalvik Virtual machine Graphics and media Structured data storage, e.g. SQLite Device access, e.g. GPS, accelerometer, compass, etc. Run at full speed directly on the OS kernel Optimized performance; NOT virtualized Tightly integrated with the underlying OS Currently (10.1) based on Android (aka Gingerbread, Jelly Bean in 10.2) 69

70 Target Developers Android App Developer Only here because it is another avenue to sell their application Heard that BlackBerry had an Android Runtime and thought they would check it out BlackBerry Java Developer Decided to invest in Android Java to hit both BlackBerry and Android devices Their Java App does not use many/any BlackBerry APIs Frustrated that we do not support Java runtime on BlackBerry anymore 70

71 Compatibility and Limitations About 70% of all Android apps are compatible today Not all Android APIs are supported Hardware and OS limitations Currently major unsupported features include: Bluetooth Google Maps NFC Native Android Code (not supported) Android Apps are limited to the personal perimeter Full compatibility list: developer.blackberry.com/android/apisupport/ 71

72 Porting Existing Apps.apk in.bar out 4 Tool options to use Online Conversion Tool quickest way to get app converted Eclipse Plug-in For most Android developers Command-line Tools For advanced developers Graphical AID very easy to use 72

73 Links Where to start 73

74 Adobe AIR

75 Love is in the AIR Adobe AIR Free and open source SDK Open Source SDK Cross platfom for desktop, mobil Cross platform (Mobile & Desk) 3.5 millions of devs 3.5 million developers 70% of online games built on Flash Different tools & frameworks ~70% online games built with Fla Lot of frameworks and tools

76 Developing with Adobe AIR Easily adapt and deploy exis8ng content Na2ve BlackBerry PlayBook tablet and BlackBerry 10 component set look and feel Can create hybrid apps Access to na8ve (C/C++)API s with Adobe AIR Na8ve Extensions Lots of great community support Lots of open- source frameworks 76

77 Some inspiration

78 Why Use AIR? AIR Community Lot of Learning Resources Fast for create games Different Frameworks, Engines & Libraries Empowering UX First Class Citizen for BB10 Great Designer-Developer Workflows Creative UI to the limit

79 Tools and getting started Flash Builder 4.6 and 4.7 Powerflasher FDT (Eclipse based) Adobe AIR SDK with Adobe ActionScript and Adobe Flex APIs create an engaging user experience unique UI components and predefined skins listeners for events that are specific to BlackBerry devices access the features that are unique to mobile devices Accelerometer Geolocation you can create AIR Native Extensions (ANE) 79

80 BlackBerry 10 UI QNXSkins.ane stores the assets for the skins Device deployed ANE Correctly sized assets are stored on the device Reduces application file size 80

81 Support In BlackBerry , Adobe AIR 3.1 is supported Adobe AIR 3.5 and Stage 3D supported in BlackBerry

82 Links SDK + Simulators GitHub 82

83 Built for BlackBerry

84 What is the Built for BlackBerry Program? Built for BlackBerry is an app designation It signifies to users that an application fully embraces and delivers the signature BlackBerry 10 experience

85 Benefits BlackBerry World List View (Search or Top List) App Details Screen Feature Screen Built for BlackBerry Identifier placed beside star rating Built for BlackBerry Badge below screenshots (touch target) Touch target directs to Built for BlackBerry experience screen

86 Source: BlackBerry World Analytics Experience the Value of Carousel Placement 230.6% Increase paid downloads 39% Increase free downloads 187.9% Increase daily revenue

87 Supported Platforms HTML5 BlackBerry WebWorks Cascades C/C++ Native SDK Adobe AIR

88 Built for BlackBerry Evaluation Criteria User Experience Performance Localization Service Integration Security

89 Games

90 THANK YOU Luca Filigheddu Head of Developer Evangelism EMEA