Linked Data in Production: Moving Beyond Ontologies
Sencha touchonbb10 bootcamp
1. Sencha Touch on BlackBerry 10 Bootcamp
Naveenan Murugesu Adam Stanley
nmurugesu@blackberry.com astanley@blackberry.com
@naveenan5 @n_adam_stanley
2. Agenda
Introduction to BlackBerry WebWorks
Environment setup
Build a simple Sencha Touch app
Code sign your app
Package, deploy and test the app on a simulator
Deploy the app to BlackBerry Dev Alpha B
Publish in BlackBerry World
15. Step 1: Browser & WebServer
A web server running locally
A modern web browser, Chrome is recommended
If you are running IIS on Windows
Add application/x-json as MIME Type
For more info,
http://bit.ly/177ogCw
16. Windows: Enable Internet Information Services (IIS)
XP : Control Panel Add / remove programs Windows Components
Win7: Control Panel Programs Windows Features
Setting up a web server
17. Mac: Enable Web sharing
System Preferences Sharing Web Sharing
Setting up a web server
26. Step 10: Install the BlackBerry Link
Follow the Installation Wizard
27. Step 11: Sample Code
Copy the folder BB10_Startercode.zip
Includes the Sencha Touch SDK directory
Sencha Touch 2.3 Beta
28. Extract BB10_Startercode.zip folder into web server “working” folder
Windows default: C:inetpubwwwrootBB10_Startercode
Mac default: ~/Sites/BB10_Startercode
Step 12: Extract the zip file
34. Testing it in Chrome again…
34
Now, it looks like a BB 10 Action Bar
35. More info…
35
For detailed and more info about the BlackBerry 10 Theme
Porting Sencha Apps for an Astonishing BlackBerry Experience
Speaker: Shikhir Singh
Location: Northern Hemisphere E-3
Date: Thursday, July 18th, 9:30 AM to 10:20 AM
38. Config.xml
What is it?
It is a configuration file.
It provides general app information.
It specifies the features and functionality of the app.
It is located in the root folder of the app
44. Code Signing
Apps must be signed to run on a live device
Required in order to deploy to BlackBerry App World
Register for keys
https://www.blackberry.com/SignedKeys
Install keys
http://bit.ly/Z2cdki
45. Code signing key setup
Open command prompt and navigate to
C:Program FilesResearch In MotionBlackBerry 10
WebWorks SDK <version>dependenciestoolsbin
Install the keys:
blackberry-signer -register -csjpin <csj pin>
-storepass <KeystorePassword> <client-RDK-xxxxxx.csj file>
<client-PBDT-xxxxx.csj file>
47. Package your application: bbwp
Open command prompt and navigate to
C:Program FilesResearch In MotionBlackBerry 10
WebWorks SDK <version>
Run this command:
<root_folder> : The full path to your project folder
<KeystorePassword> : Your signing key password
<output_location> : The folder where you want the signed bar file to be created
bbwp <root_folder > -g <KeystorePassword> -o <output_location>
48. Package your application: bbwp
Open command prompt and navigate to
C:Program FilesResearch In MotionBlackBerry 10
WebWorks SDK <version>
Run this command:
bbwp C:inetpubwwwrootBB10_Startercode -g ashmi26 -o C:inetpubwwwrootOutput
51. Deployment
Start the simulator
Start VMWare Player
Open the BlackBerry10
Simulator.vmx
52. Deployment
Use blackberry-deploy
Command line tool found in
C:Program FilesResearch In MotionBlackBerry 10 WebWorks
SDK <version>dependenciestoolsbin
Deploy to
a simulator (app does not have to be signed)
blackberry-deploy -installApp -device <Simulator IP> -package
<path to the bar file in simulator folder>
58. Deployment
Use blackberry-deploy to side-load a signed app
Command line tool found in
C:Program FilesResearch In MotionBlackBerry 10 WebWorks
SDK <version>dependenciestoolsbin
Deploy to
a live device (app must be signed)
blackberry-deploy -installApp -device <Device IP> -package
<Compiled BAR> -password <Device PWD>
64. Exercise: Github Samples
Download BB10-WebWorks-Samples samples from Github
Extract invoke/invoker sample
Copy to working folder of your local web server
Example: C:inetpubwwwrootinvoker
65. Exercise: Github Samples
Code Review: invocation.js
Contains methods used to invoke other applications
Open using any text editor
Task(s):
Find the code snippet that opens the clock’s stopwatch
Change invokeBrowserUri() method to invoke
http://senchacon.com
66. Exercise: Github Samples
Package & sign Invoke/invoker sample using WebWorks SDK
Reminder: navigate to C:Program FilesResearch In
MotionBlackBerry 10 WebWorks SDK 1.0.4.11
Reminder: run bbwp command:
bbwp C:inetpubwwwrootinvoker -g mypass123
-o c:tempoutput
67. Exercise: Github Samples
Deploy the sample to the device
Navigate to C:Program FilesResearch In
MotionBlackBerry 10 WebWorks SDK
1.0.4.11dependenciestoolsbin
Run blackberry-deploy command:
blackberry-deploy -installApp -device 169.254.0.1
-package C:tempoutputdeviceinvoker.bar
-password 1234
68. Advanced: Package your Sencha app
Package & sign your app(s) using WebWorks
Reminder: Must have a config.xml
Deploy BAR file to simulator or device (signed)
69. Thank You
Naveenan Murugesu Adam Stanley
nmurugesu@blackberry.com astanley@blackberry.com
@naveenan5 @n_adam_stanley