BlackBerry 10: BlackBerry WebWorks developer who wishes to build a "Built For BlackBerry (BFB)"

Ranbijay Kumar Developer Relations APAC, BlackBerry

•  What is HTML5 •  HTML5 website and HTML5 app •  Why HTML5 for app development •  Perception about HTML5 •  How is BlackBerry10 the leading HTML5 platform •  WebWorks •  BlackBerry 10 for HTML5 framework •  The native user experience using HTML5

Contents

What is HTML5

Advantages of an App

HTML5 website and HTML5 app

Visibility Trendy

Performance Offline Mode

Device/App Integration

Advantages of using HTML5 App

Why HTML5 app

Open & Standards based

Cross Platform

Feature rich &

evolving standard

Smaller learning

curve

Perception about HTML5 app

Slow

Limited Device

Integration

No Native Look

& Feel

Fragmentation

Here comes BlackBerry 10

Web Apps are FIRST CLASS Citizens COMMITTED to Open Standards & Open Web

TOP TIER Browser

•  Leading HTML5 support •  Be very active in

•  WebKit contributions •  Top open source frameworks (jQM,

Cordova) •  First-class support for packaged Web apps •  Enable native integration •  But deprecate in favor of Standards as they

evolve •  Push the boundaries of mobile web as a

platform…

BlackBerry’s take on HTML5

HTML5 Features Support

Mobile

Desktop / Other

HTML5 Features Support (contd.)

BlackBerry 10 is the first vendor mobile browser to pass ringmark ring 1!

A web-based test suite for capabilities that modern web apps

require

HTML5 Features Support (contd.)

1. TOP TIER Browser 2. COMMITTED to Open Standards & Open Web 3. Web Apps are FIRST CLASS Citizens

v  Performance & Feature Parity

BlackBerry WebWorks

B U I L T   F O R  

B L A C K B E R R Y  

•  Built for BlackBerry is an app designation that signifies to users that an application fully embraces and delivers the signature BlackBerry 10 experience

•  Foundational to BlackBerry 10 experience & ecosystem: • Supports high performance app recruitment • Reinforces unique and innovative tenants of platform • Enables developers to build a business on BlackBerry

What is the Built for BlackBerry Program

Some quick info for developers: https://developer.blackberry.com/builtforblackberry/documentation/criteria/checklist.html

BFB Resources https://developer.blackberry.com/builtforblackberry/documentation/resources.html

Built for BlackBerry Evaluation Criteria

User Benefits User Experience Performance

Service Integration Security Games

Visit: developer.blackberry.com/builtforblackberry

Supported Platforms

C/C++ Native SDK

Cascades HTML5 BlackBerry® WebWorks™

Adobe AIR

Introduction

What are we doing today?

Bookmark this page

http://developer.blackberry.com/html5

BlackBerry Web Platform §  Driven by strong Web

standards support §  Powered by WebKit §  HTML5 and CSS3 §  Flash 11 and WebGL

http://www.craftymind.com/guimark3/

http://acid3.acidtests.org http://html5test.com

Application development

What  if  you  could  build  a  BlackBerry  applica4on  using  Web  technologies?  

JavaScript  

HTML5  CSS3  

HTML5 powered by native

http://developer.blackberry.com/html5/api

HTML5,  CSS3,  JavaScript  

WebKit  engine  

WebWorks  plaEorm  

BlackBerry  Developer  APIs  

Supported Platforms

C/C++ Native SDK

Cascades HTML5 BlackBerry® WebWorks™

Adobe AIR

Intro to Tools and Environment

•  Demo (5 mins)minutes)

Request keys

https://developer.blackberry.com/

Request keys

https://www.blackberry.com/SignedKeys/codesigning.html

Download Tools

https://developer.blackberry.com/html5/download/sdk

Download Tools

Register your computer

https://developer.blackberry.com/html5/documentation/signing_setup_bb10_apps_2008396_11.html

•  client-RDK-xxxxxx.csj - This is the file that you use to sign your applications and publish to the BlackBerry App World storefront.

�  client-PBDT-xxxxx.csj - This file is used to generate a debug token that you can use to test your application on a device.

Supported Platforms

C/C++ Native SDK

Cascades HTML5 BlackBerry® WebWorks™

Adobe AIR

Sample App

•  Walk-throughminutes)

Intro Download BB10 WebWorks Community Samples: https://github.com/blackberry/BB10-WebWorks-Community-Samples

Intro

•  Open BrickBreaker

Intro to config.xml

https://developer.blackberry.com/html5/documentation/code_sample_creating_a_bb_widget_config_document_834683_11.html

Intro to config.xml Change the following to something unique (for signing):

1.  id 2.  name 3.  author

Open BrickBreaker in Ripple Download Ripple: https://developer.blackberry.com/html5/download/ripple

Build and Sign BrickBreaker Signing process: https://developer.blackberry.com/html5/documentation/signing_your_bb10_app_2008398_11.html

Deploy BrickBreaker

https://developer.blackberry.com/html5/documentation/running_your_bb10_app_2008471_11.html

Quick Demo Web Inspector

Supported Platforms

C/C++ Native SDK

Cascades HTML5 BlackBerry® WebWorks™

Adobe AIR

Thank You

Ranbijay