SlideShare a Scribd company logo
1 of 23
Download to read offline
Bhasker Thapan
Developer Group Manager , Noida
bhasker@blackberrydevteam.com
October 10, 2012
www.blackberrydevteam.com
Topics
Introduction : BlackBerry WebWorks

HTML5

Web App Vs Native App

Why BlackBerry WebWorks

BlackBerry WebWorks App Development
Introduction to BlackBerry WebWorks


 Mission….




       To create, as a community, a simple to use cross platform SDK for Web
       Developers to package their Web assets as a mobile application which
             has Secure access to deeply integrated system level APIs.
Using HTML5 In Your Application

HTML5 is a standardized technology
   • Supported consistently across different platforms and engines
   • Enhancements to existing standard allow integration with platform

See “HTML reference – BlackBerry browser” documentation
     • Complete list of BlackBerry supported HTML5 elements
     • http://bit.ly/aGFoub

Many great HTML5 learning resources available online
   • http://diveintohtml5.org/
   • http://html5demos.com
   • http://www.w3schools.com/html5/default.asp
   • http://www.html5test.com
Web App Vs Native App


                           Native App        Web App

      Internet Access     Not Required       Required

       Performance             Yes             No

      Hardware Access          Yes             No

        OS Access              Yes             No

        Hardware &             Yes             No
    Platform Dependent
        Installation     Must be Installed   URL link

         Updates          Reinstallation     Simple
Why BlackBerry WebWorks ?




 BlackBerry WebWorks is an application platform that enables developers
 to create standalone applications using modern and standardized web
 technologies.

 WebWorks applications can be fully-featured “Super Apps” through their
 ability to integrate with native BlackBerry and PlayBook features.
Why BlackBerry WebWorks ?
 The richness of device access and reuse of assets .
 The simplicity of the browser programming model.
 It’s a diverse world out there for developers!
 Strong Web standards offer support across multiple platforms
     Reuse Web assets and developer skills to create BlackBerry apps
 Each platform seeing growth in access to native functionality
     Access the richness and differentiators of each platform
 BlackBerry WebWorks applications are supported on

                          All BlackBerry PlayBook
                          All BlackBerry 6 onwards including BlackBerry 10
                          More than 60 Million Users
What Can a WebWorks App Do?
Live vs. Local Web Content

 A WebWorks application does not need an active network connection
       Created using Web technologies, but designed to function offline

 Web assets of your application can be local:

              <a href="local:///index.html">Home</a>
      <a href="file:///accounts/1000/shared/camera/IMG_01.jpg">
                        Camera Pic</a>

 Can also use live resources to populate content dynamically

          <img src="http://www.mysite.com/image1.png"/>
How to build BlackBerry WebWorks Applications?


                            1. Create your application web files.

                            1. Test and debug your application with the
                               Ripple emulator.

                            2. Create a BlackBerry WebWorks configuration
                               document (config.xml)

                            1. Package your application using the Ripple
                               emulator.

                            1. Deploy your application to a BlackBerry device
                               or simulator.
Let’s Build a WebWorks Application

Target: BlackBerry Smartphone
Dev environment setup
     Required to package WebWorks file assets into a BlackBerry application
     BlackBerry WebWorks SDK for Smartphone
             Java SDK 1.6
             BlackBerry WebWorks SDK
             Optional: BlackBerry Smartphone simulator (Windows Only)


    Step 1 . Download and Setup Java SDK (min version 1.6):
    http://java.sun.com/javase/downloads/index.jsp#jdk

    Step 2. Download and Setup the BlackBerry WebWorks SDK for
    Smartphone:
    http://developer.blackberry.com/html5/download/sdk

    Step 3. Download and Setup Ripple (Standalone)
     http://developer.blackberry.com/html5
Hello World
  my first app
1. Start Writing Code: Landing page
   Open your favorite text editor

   Create a new file named index.html

   Add the following HTML content to this file:

<html>

  <head>
     <style type="text/css">
           body { font-size: 5em; }
     </style>
 </head>
 <body>
 <p> Hello World </p>
 </body>
</html>
2. Start Writing Code: Icon


 ① Create a home screen icon named icon.png
    Recommended dimensions: 92 x 92 pixels
    Recommended file format: PNG

 ② Use existing assets:
    Re-use images from your own Web site
    Royalty free images online

 ③ Create your own icon
    http://www.orison.biz/apps/playbook-icon-maker/
    Image authoring tools (e.g. PhotoShop, GIMP)
3. Start Writing Code: Config
  Create a second file named config.xml

  Add the following XML content to this file:

 <?xml version="1.0" encoding="UTF-8"?>

 <widget xmlns="http://www.w3.org/ns/widgets"

       xmlns:rim="http://www.blackberry.com/ns/widgets"

       version="1.0.0.0">
   <name>Hello World</name>

  <icon src="icon.png"/>

 <content src="index.html"/>
 </widget>
4. Configuration Document (config.xml)

 XML document based on W3C spec

     http://www.w3.org/TR/widgets/#configuration-document0

 Used to define system properties and application permissions

     Application name, description, version and icon
     Maintains a list of domain and feature permissions

 See “Code sample: Creating a BlackBerry WebWorks configuration
  document” for full details

     http://bit.ly/fdOiO6
4. Configuration Document (config.xml)

 Define visual characteristics for your application


<?xml version="1.0" encoding="UTF-8"?>

<widget xmlns="http://www.w3.org/ns/widgets" version="1.0.0.0">

    <name>helloWorld</name>

    <icon src="icon.png"/>

    <content src="index.html"/>

</widget>
5. Start Writing Code: Folders

 Keeping your application files organized and well structured.

         No IDEs or project files

 Steps:

1.   Create folder C:sandboxweb apps

1.   Create folder C:sandboxweb appshelloWorld

1.   Save index.html and config.xml in the helloWorld folder
6. Ripple! : Packaging & Emulating
             Launch Ripple : Select ‘WebWorks-OS’
              platform

             Configure Settings

     SDK Path: Bbwp installer root directory

 Project Root: Application Source Code

     Archive Name

     Output Folder

     Different than project root.
6. Ripple! : Packaging & Emulating
 Build Using Ripple : Open options Menu

         Package

         Package & Sign

         Package & Launch
Thank you.

More Related Content

What's hot

JMP102 Extending Your App Arsenal With OpenSocial
JMP102 Extending Your App Arsenal With OpenSocialJMP102 Extending Your App Arsenal With OpenSocial
JMP102 Extending Your App Arsenal With OpenSocialRyan Baxter
 
Building cross platform web apps
Building cross platform web appsBuilding cross platform web apps
Building cross platform web appsITEM
 
JMP103 : Extending Your App Arsenal With OpenSocial
JMP103 : Extending Your App Arsenal With OpenSocialJMP103 : Extending Your App Arsenal With OpenSocial
JMP103 : Extending Your App Arsenal With OpenSocialRyan Baxter
 
Cordova: APIs and instruments
Cordova: APIs and instrumentsCordova: APIs and instruments
Cordova: APIs and instrumentsIvano Malavolta
 
DEV-1430 IBM Connections Integration
DEV-1430 IBM Connections IntegrationDEV-1430 IBM Connections Integration
DEV-1430 IBM Connections IntegrationJesse Gallagher
 
What’s New in Flash Player 11.2 and Adobe AIR 3.2
What’s New in Flash Player 11.2 and Adobe AIR 3.2What’s New in Flash Player 11.2 and Adobe AIR 3.2
What’s New in Flash Player 11.2 and Adobe AIR 3.2Joseph Labrecque
 
Presentation JavaFX
Presentation JavaFXPresentation JavaFX
Presentation JavaFXrecon4
 
Presentation JavaFX
Presentation JavaFXPresentation JavaFX
Presentation JavaFXrecon4
 
Give Your Java Apps “The Boot” With Spring Boot And Cloud Foundry
Give Your Java Apps “The Boot” With Spring Boot And Cloud FoundryGive Your Java Apps “The Boot” With Spring Boot And Cloud Foundry
Give Your Java Apps “The Boot” With Spring Boot And Cloud FoundryRyan Baxter
 
JavaScript on HP webOS: Enyo and Node.js
JavaScript on HP webOS: Enyo and Node.jsJavaScript on HP webOS: Enyo and Node.js
JavaScript on HP webOS: Enyo and Node.jsBen Combee
 
JavaFX on Mobile (by Johan Vos)
JavaFX on Mobile (by Johan Vos)JavaFX on Mobile (by Johan Vos)
JavaFX on Mobile (by Johan Vos)Stephen Chin
 
The future of web development write once, run everywhere with angular js an...
The future of web development   write once, run everywhere with angular js an...The future of web development   write once, run everywhere with angular js an...
The future of web development write once, run everywhere with angular js an...Mark Leusink
 
Continuous Integration With Jenkins
Continuous Integration With JenkinsContinuous Integration With Jenkins
Continuous Integration With JenkinsEdureka!
 
02 configuration
02   configuration02   configuration
02 configurationdarwinodb
 
Mobile Web Development with HTML5
Mobile Web Development with HTML5Mobile Web Development with HTML5
Mobile Web Development with HTML5Roy Clarkson
 
Boston Bluemix Meetup 5/15/14
Boston Bluemix Meetup 5/15/14Boston Bluemix Meetup 5/15/14
Boston Bluemix Meetup 5/15/14Ryan Baxter
 
Convert your Full Trust Solutions to the SharePoint Framework (SPFx) in 1 hour
Convert your Full Trust Solutions to the SharePoint Framework (SPFx) in 1 hourConvert your Full Trust Solutions to the SharePoint Framework (SPFx) in 1 hour
Convert your Full Trust Solutions to the SharePoint Framework (SPFx) in 1 hourBrian Culver
 

What's hot (20)

JMP102 Extending Your App Arsenal With OpenSocial
JMP102 Extending Your App Arsenal With OpenSocialJMP102 Extending Your App Arsenal With OpenSocial
JMP102 Extending Your App Arsenal With OpenSocial
 
Building cross platform web apps
Building cross platform web appsBuilding cross platform web apps
Building cross platform web apps
 
JMP103 : Extending Your App Arsenal With OpenSocial
JMP103 : Extending Your App Arsenal With OpenSocialJMP103 : Extending Your App Arsenal With OpenSocial
JMP103 : Extending Your App Arsenal With OpenSocial
 
Bp209
Bp209Bp209
Bp209
 
Cordova: APIs and instruments
Cordova: APIs and instrumentsCordova: APIs and instruments
Cordova: APIs and instruments
 
DEV-1430 IBM Connections Integration
DEV-1430 IBM Connections IntegrationDEV-1430 IBM Connections Integration
DEV-1430 IBM Connections Integration
 
What’s New in Flash Player 11.2 and Adobe AIR 3.2
What’s New in Flash Player 11.2 and Adobe AIR 3.2What’s New in Flash Player 11.2 and Adobe AIR 3.2
What’s New in Flash Player 11.2 and Adobe AIR 3.2
 
Presentation JavaFX
Presentation JavaFXPresentation JavaFX
Presentation JavaFX
 
Presentation JavaFX
Presentation JavaFXPresentation JavaFX
Presentation JavaFX
 
Give Your Java Apps “The Boot” With Spring Boot And Cloud Foundry
Give Your Java Apps “The Boot” With Spring Boot And Cloud FoundryGive Your Java Apps “The Boot” With Spring Boot And Cloud Foundry
Give Your Java Apps “The Boot” With Spring Boot And Cloud Foundry
 
JavaScript on HP webOS: Enyo and Node.js
JavaScript on HP webOS: Enyo and Node.jsJavaScript on HP webOS: Enyo and Node.js
JavaScript on HP webOS: Enyo and Node.js
 
JavaFX on Mobile (by Johan Vos)
JavaFX on Mobile (by Johan Vos)JavaFX on Mobile (by Johan Vos)
JavaFX on Mobile (by Johan Vos)
 
The future of web development write once, run everywhere with angular js an...
The future of web development   write once, run everywhere with angular js an...The future of web development   write once, run everywhere with angular js an...
The future of web development write once, run everywhere with angular js an...
 
Continuous Integration With Jenkins
Continuous Integration With JenkinsContinuous Integration With Jenkins
Continuous Integration With Jenkins
 
02 configuration
02   configuration02   configuration
02 configuration
 
HTML5 Comprehensive Guide
HTML5 Comprehensive GuideHTML5 Comprehensive Guide
HTML5 Comprehensive Guide
 
Mobile Web Development with HTML5
Mobile Web Development with HTML5Mobile Web Development with HTML5
Mobile Web Development with HTML5
 
Boston Bluemix Meetup 5/15/14
Boston Bluemix Meetup 5/15/14Boston Bluemix Meetup 5/15/14
Boston Bluemix Meetup 5/15/14
 
HTML5 WebWorks
HTML5 WebWorksHTML5 WebWorks
HTML5 WebWorks
 
Convert your Full Trust Solutions to the SharePoint Framework (SPFx) in 1 hour
Convert your Full Trust Solutions to the SharePoint Framework (SPFx) in 1 hourConvert your Full Trust Solutions to the SharePoint Framework (SPFx) in 1 hour
Convert your Full Trust Solutions to the SharePoint Framework (SPFx) in 1 hour
 

Viewers also liked

Dynamic Response Analysis of Automatic Generation Control in a 2-Area (Reheat...
Dynamic Response Analysis of Automatic Generation Control in a 2-Area (Reheat...Dynamic Response Analysis of Automatic Generation Control in a 2-Area (Reheat...
Dynamic Response Analysis of Automatic Generation Control in a 2-Area (Reheat...IJMER
 
Bg31189192
Bg31189192 Bg31189192
Bg31189192 IJMER
 
Bb31166168
Bb31166168Bb31166168
Bb31166168IJMER
 
From Hero to Zero - DevOpsDays Boston
From Hero to Zero - DevOpsDays BostonFrom Hero to Zero - DevOpsDays Boston
From Hero to Zero - DevOpsDays BostonJennifer Davis
 
Dx31599603
Dx31599603Dx31599603
Dx31599603IJMER
 
Signal Processing Algorithm of Space Time Coded Waveforms for Coherent MIMO R...
Signal Processing Algorithm of Space Time Coded Waveforms for Coherent MIMO R...Signal Processing Algorithm of Space Time Coded Waveforms for Coherent MIMO R...
Signal Processing Algorithm of Space Time Coded Waveforms for Coherent MIMO R...IJMER
 
Ijmer 46050106
Ijmer 46050106Ijmer 46050106
Ijmer 46050106IJMER
 
Dt2645164520
Dt2645164520Dt2645164520
Dt2645164520IJMER
 
Ijmer 46066571
Ijmer 46066571Ijmer 46066571
Ijmer 46066571IJMER
 
Receiver Module of Smart power monitoring and metering distribution system u...
Receiver Module of Smart power monitoring and metering  distribution system u...Receiver Module of Smart power monitoring and metering  distribution system u...
Receiver Module of Smart power monitoring and metering distribution system u...IJMER
 
Dr2645024509
Dr2645024509Dr2645024509
Dr2645024509IJMER
 
An Overview of Clearance Optimization in Sheet Metal Blanking Process
An Overview of Clearance Optimization in Sheet Metal Blanking ProcessAn Overview of Clearance Optimization in Sheet Metal Blanking Process
An Overview of Clearance Optimization in Sheet Metal Blanking ProcessIJMER
 
H0409 05 5660
H0409 05 5660H0409 05 5660
H0409 05 5660IJMER
 
Personalization of the Web Search
Personalization of the Web SearchPersonalization of the Web Search
Personalization of the Web SearchIJMER
 
Geological and Geotechnical Parameters Controlling Wall Paints Detachment at...
Geological and Geotechnical Parameters Controlling Wall Paints  Detachment at...Geological and Geotechnical Parameters Controlling Wall Paints  Detachment at...
Geological and Geotechnical Parameters Controlling Wall Paints Detachment at...IJMER
 
Unplanned startup launch: Product Hunt vs Fast Company vs Gizmodo. Source eff...
Unplanned startup launch: Product Hunt vs Fast Company vs Gizmodo. Source eff...Unplanned startup launch: Product Hunt vs Fast Company vs Gizmodo. Source eff...
Unplanned startup launch: Product Hunt vs Fast Company vs Gizmodo. Source eff...Alessandro Marchesini
 
Detection of Stall Region during Testing of Compressor
Detection of Stall Region during Testing of CompressorDetection of Stall Region during Testing of Compressor
Detection of Stall Region during Testing of CompressorIJMER
 

Viewers also liked (20)

new zealand
new zealandnew zealand
new zealand
 
Dynamic Response Analysis of Automatic Generation Control in a 2-Area (Reheat...
Dynamic Response Analysis of Automatic Generation Control in a 2-Area (Reheat...Dynamic Response Analysis of Automatic Generation Control in a 2-Area (Reheat...
Dynamic Response Analysis of Automatic Generation Control in a 2-Area (Reheat...
 
Bg31189192
Bg31189192 Bg31189192
Bg31189192
 
Bb31166168
Bb31166168Bb31166168
Bb31166168
 
From Hero to Zero - DevOpsDays Boston
From Hero to Zero - DevOpsDays BostonFrom Hero to Zero - DevOpsDays Boston
From Hero to Zero - DevOpsDays Boston
 
Dx31599603
Dx31599603Dx31599603
Dx31599603
 
Signal Processing Algorithm of Space Time Coded Waveforms for Coherent MIMO R...
Signal Processing Algorithm of Space Time Coded Waveforms for Coherent MIMO R...Signal Processing Algorithm of Space Time Coded Waveforms for Coherent MIMO R...
Signal Processing Algorithm of Space Time Coded Waveforms for Coherent MIMO R...
 
Ijmer 46050106
Ijmer 46050106Ijmer 46050106
Ijmer 46050106
 
Dt2645164520
Dt2645164520Dt2645164520
Dt2645164520
 
Swuni2012 cyberdoc
Swuni2012 cyberdocSwuni2012 cyberdoc
Swuni2012 cyberdoc
 
Ijmer 46066571
Ijmer 46066571Ijmer 46066571
Ijmer 46066571
 
Receiver Module of Smart power monitoring and metering distribution system u...
Receiver Module of Smart power monitoring and metering  distribution system u...Receiver Module of Smart power monitoring and metering  distribution system u...
Receiver Module of Smart power monitoring and metering distribution system u...
 
Dr2645024509
Dr2645024509Dr2645024509
Dr2645024509
 
An Overview of Clearance Optimization in Sheet Metal Blanking Process
An Overview of Clearance Optimization in Sheet Metal Blanking ProcessAn Overview of Clearance Optimization in Sheet Metal Blanking Process
An Overview of Clearance Optimization in Sheet Metal Blanking Process
 
H0409 05 5660
H0409 05 5660H0409 05 5660
H0409 05 5660
 
Personalization of the Web Search
Personalization of the Web SearchPersonalization of the Web Search
Personalization of the Web Search
 
Geological and Geotechnical Parameters Controlling Wall Paints Detachment at...
Geological and Geotechnical Parameters Controlling Wall Paints  Detachment at...Geological and Geotechnical Parameters Controlling Wall Paints  Detachment at...
Geological and Geotechnical Parameters Controlling Wall Paints Detachment at...
 
Unplanned startup launch: Product Hunt vs Fast Company vs Gizmodo. Source eff...
Unplanned startup launch: Product Hunt vs Fast Company vs Gizmodo. Source eff...Unplanned startup launch: Product Hunt vs Fast Company vs Gizmodo. Source eff...
Unplanned startup launch: Product Hunt vs Fast Company vs Gizmodo. Source eff...
 
Detection of Stall Region during Testing of Compressor
Detection of Stall Region during Testing of CompressorDetection of Stall Region during Testing of Compressor
Detection of Stall Region during Testing of Compressor
 
Hobbes
HobbesHobbes
Hobbes
 

Similar to BlackBerry WebWorks

"BlackBerry Webworks : Apps for The Smartphone and Tablet"
"BlackBerry Webworks : Apps for The Smartphone and Tablet""BlackBerry Webworks : Apps for The Smartphone and Tablet"
"BlackBerry Webworks : Apps for The Smartphone and Tablet"Software Park Thailand
 
WebWorks Development for BlackBerry PlayBook and Smartphones
WebWorks Development for BlackBerry PlayBook and SmartphonesWebWorks Development for BlackBerry PlayBook and Smartphones
WebWorks Development for BlackBerry PlayBook and SmartphonesKyle McInnes
 
BlackBerry WebWorks
BlackBerry WebWorksBlackBerry WebWorks
BlackBerry WebWorksJosue Bustos
 
Modernizing .NET Apps with Docker
Modernizing .NET Apps with DockerModernizing .NET Apps with Docker
Modernizing .NET Apps with DockerDocker
 
Phonegap android
Phonegap androidPhonegap android
Phonegap androidumesh patil
 
Hybrid Mobile Development with Apache Cordova and Java EE 7 (JavaOne 2014)
Hybrid Mobile Development with Apache Cordova and Java EE 7 (JavaOne 2014)Hybrid Mobile Development with Apache Cordova and Java EE 7 (JavaOne 2014)
Hybrid Mobile Development with Apache Cordova and Java EE 7 (JavaOne 2014)Ryan Cuprak
 
Silver Light for every one by Subodh
Silver Light for every one by SubodhSilver Light for every one by Subodh
Silver Light for every one by SubodhSubodh Pushpak
 
Mobile Hybrid Development with WordPress
Mobile Hybrid Development with WordPressMobile Hybrid Development with WordPress
Mobile Hybrid Development with WordPressDanilo Ercoli
 
GeneralMobile Hybrid Development with WordPress
GeneralMobile Hybrid Development with WordPressGeneralMobile Hybrid Development with WordPress
GeneralMobile Hybrid Development with WordPressGGDBologna
 
BEF2013 - Toronto - Dev Track 2 - Migrating Apps to BlackBerry 10
BEF2013 - Toronto - Dev Track 2 - Migrating Apps to BlackBerry 10BEF2013 - Toronto - Dev Track 2 - Migrating Apps to BlackBerry 10
BEF2013 - Toronto - Dev Track 2 - Migrating Apps to BlackBerry 10psiborg
 
BB10 Leading Mobile Web Platform W3C 2013
BB10 Leading Mobile Web Platform W3C 2013BB10 Leading Mobile Web Platform W3C 2013
BB10 Leading Mobile Web Platform W3C 2013Larry McDonough
 
[Devoxx Morocco 2015] Apache Cordova In Action
[Devoxx Morocco 2015] Apache Cordova In Action[Devoxx Morocco 2015] Apache Cordova In Action
[Devoxx Morocco 2015] Apache Cordova In ActionHazem Saleh
 
Chapter6 web apps-tomcat
Chapter6 web apps-tomcatChapter6 web apps-tomcat
Chapter6 web apps-tomcatVenkat Gowda
 
2011 08-24 mobile web app
2011 08-24  mobile web app2011 08-24  mobile web app
2011 08-24 mobile web appSholto Maud
 
Cross-Platform Development using Angulr JS in Visual Studio
Cross-Platform Development using Angulr JS in Visual StudioCross-Platform Development using Angulr JS in Visual Studio
Cross-Platform Development using Angulr JS in Visual StudioMizanur Sarker
 

Similar to BlackBerry WebWorks (20)

"BlackBerry Webworks : Apps for The Smartphone and Tablet"
"BlackBerry Webworks : Apps for The Smartphone and Tablet""BlackBerry Webworks : Apps for The Smartphone and Tablet"
"BlackBerry Webworks : Apps for The Smartphone and Tablet"
 
WebWorks Development for BlackBerry PlayBook and Smartphones
WebWorks Development for BlackBerry PlayBook and SmartphonesWebWorks Development for BlackBerry PlayBook and Smartphones
WebWorks Development for BlackBerry PlayBook and Smartphones
 
Web works presso
Web works pressoWeb works presso
Web works presso
 
BlackBerry WebWorks
BlackBerry WebWorksBlackBerry WebWorks
BlackBerry WebWorks
 
Modernizing .NET Apps with Docker
Modernizing .NET Apps with DockerModernizing .NET Apps with Docker
Modernizing .NET Apps with Docker
 
Lightning Web Component - LWC
Lightning Web Component - LWCLightning Web Component - LWC
Lightning Web Component - LWC
 
Phonegap android
Phonegap androidPhonegap android
Phonegap android
 
Widgets neil
Widgets neilWidgets neil
Widgets neil
 
Hybrid Mobile Development with Apache Cordova and Java EE 7 (JavaOne 2014)
Hybrid Mobile Development with Apache Cordova and Java EE 7 (JavaOne 2014)Hybrid Mobile Development with Apache Cordova and Java EE 7 (JavaOne 2014)
Hybrid Mobile Development with Apache Cordova and Java EE 7 (JavaOne 2014)
 
Silver Light for every one by Subodh
Silver Light for every one by SubodhSilver Light for every one by Subodh
Silver Light for every one by Subodh
 
Mobile Hybrid Development with WordPress
Mobile Hybrid Development with WordPressMobile Hybrid Development with WordPress
Mobile Hybrid Development with WordPress
 
GeneralMobile Hybrid Development with WordPress
GeneralMobile Hybrid Development with WordPressGeneralMobile Hybrid Development with WordPress
GeneralMobile Hybrid Development with WordPress
 
Apache cordova
Apache cordovaApache cordova
Apache cordova
 
BEF2013 - Toronto - Dev Track 2 - Migrating Apps to BlackBerry 10
BEF2013 - Toronto - Dev Track 2 - Migrating Apps to BlackBerry 10BEF2013 - Toronto - Dev Track 2 - Migrating Apps to BlackBerry 10
BEF2013 - Toronto - Dev Track 2 - Migrating Apps to BlackBerry 10
 
BB10 Leading Mobile Web Platform W3C 2013
BB10 Leading Mobile Web Platform W3C 2013BB10 Leading Mobile Web Platform W3C 2013
BB10 Leading Mobile Web Platform W3C 2013
 
PhoneGap/Cordova
PhoneGap/CordovaPhoneGap/Cordova
PhoneGap/Cordova
 
[Devoxx Morocco 2015] Apache Cordova In Action
[Devoxx Morocco 2015] Apache Cordova In Action[Devoxx Morocco 2015] Apache Cordova In Action
[Devoxx Morocco 2015] Apache Cordova In Action
 
Chapter6 web apps-tomcat
Chapter6 web apps-tomcatChapter6 web apps-tomcat
Chapter6 web apps-tomcat
 
2011 08-24 mobile web app
2011 08-24  mobile web app2011 08-24  mobile web app
2011 08-24 mobile web app
 
Cross-Platform Development using Angulr JS in Visual Studio
Cross-Platform Development using Angulr JS in Visual StudioCross-Platform Development using Angulr JS in Visual Studio
Cross-Platform Development using Angulr JS in Visual Studio
 

Recently uploaded

UiPath Studio Web workshop series - Day 7
UiPath Studio Web workshop series - Day 7UiPath Studio Web workshop series - Day 7
UiPath Studio Web workshop series - Day 7DianaGray10
 
How Accurate are Carbon Emissions Projections?
How Accurate are Carbon Emissions Projections?How Accurate are Carbon Emissions Projections?
How Accurate are Carbon Emissions Projections?IES VE
 
The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...
The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...
The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...Aggregage
 
ADOPTING WEB 3 FOR YOUR BUSINESS: A STEP-BY-STEP GUIDE
ADOPTING WEB 3 FOR YOUR BUSINESS: A STEP-BY-STEP GUIDEADOPTING WEB 3 FOR YOUR BUSINESS: A STEP-BY-STEP GUIDE
ADOPTING WEB 3 FOR YOUR BUSINESS: A STEP-BY-STEP GUIDELiveplex
 
KubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCost
KubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCostKubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCost
KubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCostMatt Ray
 
Designing A Time bound resource download URL
Designing A Time bound resource download URLDesigning A Time bound resource download URL
Designing A Time bound resource download URLRuncy Oommen
 
Building Your Own AI Instance (TBLC AI )
Building Your Own AI Instance (TBLC AI )Building Your Own AI Instance (TBLC AI )
Building Your Own AI Instance (TBLC AI )Brian Pichman
 
VoIP Service and Marketing using Odoo and Asterisk PBX
VoIP Service and Marketing using Odoo and Asterisk PBXVoIP Service and Marketing using Odoo and Asterisk PBX
VoIP Service and Marketing using Odoo and Asterisk PBXTarek Kalaji
 
UiPath Studio Web workshop series - Day 8
UiPath Studio Web workshop series - Day 8UiPath Studio Web workshop series - Day 8
UiPath Studio Web workshop series - Day 8DianaGray10
 
IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019
IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019
IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019IES VE
 
Secure your environment with UiPath and CyberArk technologies - Session 1
Secure your environment with UiPath and CyberArk technologies - Session 1Secure your environment with UiPath and CyberArk technologies - Session 1
Secure your environment with UiPath and CyberArk technologies - Session 1DianaGray10
 
activity_diagram_combine_v4_20190827.pdfactivity_diagram_combine_v4_20190827.pdf
activity_diagram_combine_v4_20190827.pdfactivity_diagram_combine_v4_20190827.pdfactivity_diagram_combine_v4_20190827.pdfactivity_diagram_combine_v4_20190827.pdf
activity_diagram_combine_v4_20190827.pdfactivity_diagram_combine_v4_20190827.pdfJamie (Taka) Wang
 
Nanopower In Semiconductor Industry.pdf
Nanopower  In Semiconductor Industry.pdfNanopower  In Semiconductor Industry.pdf
Nanopower In Semiconductor Industry.pdfPedro Manuel
 
Cybersecurity Workshop #1.pptx
Cybersecurity Workshop #1.pptxCybersecurity Workshop #1.pptx
Cybersecurity Workshop #1.pptxGDSC PJATK
 
AI Fame Rush Review – Virtual Influencer Creation In Just Minutes
AI Fame Rush Review – Virtual Influencer Creation In Just MinutesAI Fame Rush Review – Virtual Influencer Creation In Just Minutes
AI Fame Rush Review – Virtual Influencer Creation In Just MinutesMd Hossain Ali
 
Anypoint Code Builder , Google Pub sub connector and MuleSoft RPA
Anypoint Code Builder , Google Pub sub connector and MuleSoft RPAAnypoint Code Builder , Google Pub sub connector and MuleSoft RPA
Anypoint Code Builder , Google Pub sub connector and MuleSoft RPAshyamraj55
 
Meet the new FSP 3000 M-Flex800™
Meet the new FSP 3000 M-Flex800™Meet the new FSP 3000 M-Flex800™
Meet the new FSP 3000 M-Flex800™Adtran
 
Videogame localization & technology_ how to enhance the power of translation.pdf
Videogame localization & technology_ how to enhance the power of translation.pdfVideogame localization & technology_ how to enhance the power of translation.pdf
Videogame localization & technology_ how to enhance the power of translation.pdfinfogdgmi
 
Connector Corner: Extending LLM automation use cases with UiPath GenAI connec...
Connector Corner: Extending LLM automation use cases with UiPath GenAI connec...Connector Corner: Extending LLM automation use cases with UiPath GenAI connec...
Connector Corner: Extending LLM automation use cases with UiPath GenAI connec...DianaGray10
 
UiPath Community: AI for UiPath Automation Developers
UiPath Community: AI for UiPath Automation DevelopersUiPath Community: AI for UiPath Automation Developers
UiPath Community: AI for UiPath Automation DevelopersUiPathCommunity
 

Recently uploaded (20)

UiPath Studio Web workshop series - Day 7
UiPath Studio Web workshop series - Day 7UiPath Studio Web workshop series - Day 7
UiPath Studio Web workshop series - Day 7
 
How Accurate are Carbon Emissions Projections?
How Accurate are Carbon Emissions Projections?How Accurate are Carbon Emissions Projections?
How Accurate are Carbon Emissions Projections?
 
The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...
The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...
The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...
 
ADOPTING WEB 3 FOR YOUR BUSINESS: A STEP-BY-STEP GUIDE
ADOPTING WEB 3 FOR YOUR BUSINESS: A STEP-BY-STEP GUIDEADOPTING WEB 3 FOR YOUR BUSINESS: A STEP-BY-STEP GUIDE
ADOPTING WEB 3 FOR YOUR BUSINESS: A STEP-BY-STEP GUIDE
 
KubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCost
KubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCostKubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCost
KubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCost
 
Designing A Time bound resource download URL
Designing A Time bound resource download URLDesigning A Time bound resource download URL
Designing A Time bound resource download URL
 
Building Your Own AI Instance (TBLC AI )
Building Your Own AI Instance (TBLC AI )Building Your Own AI Instance (TBLC AI )
Building Your Own AI Instance (TBLC AI )
 
VoIP Service and Marketing using Odoo and Asterisk PBX
VoIP Service and Marketing using Odoo and Asterisk PBXVoIP Service and Marketing using Odoo and Asterisk PBX
VoIP Service and Marketing using Odoo and Asterisk PBX
 
UiPath Studio Web workshop series - Day 8
UiPath Studio Web workshop series - Day 8UiPath Studio Web workshop series - Day 8
UiPath Studio Web workshop series - Day 8
 
IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019
IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019
IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019
 
Secure your environment with UiPath and CyberArk technologies - Session 1
Secure your environment with UiPath and CyberArk technologies - Session 1Secure your environment with UiPath and CyberArk technologies - Session 1
Secure your environment with UiPath and CyberArk technologies - Session 1
 
activity_diagram_combine_v4_20190827.pdfactivity_diagram_combine_v4_20190827.pdf
activity_diagram_combine_v4_20190827.pdfactivity_diagram_combine_v4_20190827.pdfactivity_diagram_combine_v4_20190827.pdfactivity_diagram_combine_v4_20190827.pdf
activity_diagram_combine_v4_20190827.pdfactivity_diagram_combine_v4_20190827.pdf
 
Nanopower In Semiconductor Industry.pdf
Nanopower  In Semiconductor Industry.pdfNanopower  In Semiconductor Industry.pdf
Nanopower In Semiconductor Industry.pdf
 
Cybersecurity Workshop #1.pptx
Cybersecurity Workshop #1.pptxCybersecurity Workshop #1.pptx
Cybersecurity Workshop #1.pptx
 
AI Fame Rush Review – Virtual Influencer Creation In Just Minutes
AI Fame Rush Review – Virtual Influencer Creation In Just MinutesAI Fame Rush Review – Virtual Influencer Creation In Just Minutes
AI Fame Rush Review – Virtual Influencer Creation In Just Minutes
 
Anypoint Code Builder , Google Pub sub connector and MuleSoft RPA
Anypoint Code Builder , Google Pub sub connector and MuleSoft RPAAnypoint Code Builder , Google Pub sub connector and MuleSoft RPA
Anypoint Code Builder , Google Pub sub connector and MuleSoft RPA
 
Meet the new FSP 3000 M-Flex800™
Meet the new FSP 3000 M-Flex800™Meet the new FSP 3000 M-Flex800™
Meet the new FSP 3000 M-Flex800™
 
Videogame localization & technology_ how to enhance the power of translation.pdf
Videogame localization & technology_ how to enhance the power of translation.pdfVideogame localization & technology_ how to enhance the power of translation.pdf
Videogame localization & technology_ how to enhance the power of translation.pdf
 
Connector Corner: Extending LLM automation use cases with UiPath GenAI connec...
Connector Corner: Extending LLM automation use cases with UiPath GenAI connec...Connector Corner: Extending LLM automation use cases with UiPath GenAI connec...
Connector Corner: Extending LLM automation use cases with UiPath GenAI connec...
 
UiPath Community: AI for UiPath Automation Developers
UiPath Community: AI for UiPath Automation DevelopersUiPath Community: AI for UiPath Automation Developers
UiPath Community: AI for UiPath Automation Developers
 

BlackBerry WebWorks

  • 1. Bhasker Thapan Developer Group Manager , Noida bhasker@blackberrydevteam.com October 10, 2012
  • 3. Topics Introduction : BlackBerry WebWorks HTML5 Web App Vs Native App Why BlackBerry WebWorks BlackBerry WebWorks App Development
  • 4. Introduction to BlackBerry WebWorks Mission…. To create, as a community, a simple to use cross platform SDK for Web Developers to package their Web assets as a mobile application which has Secure access to deeply integrated system level APIs.
  • 5. Using HTML5 In Your Application HTML5 is a standardized technology • Supported consistently across different platforms and engines • Enhancements to existing standard allow integration with platform See “HTML reference – BlackBerry browser” documentation • Complete list of BlackBerry supported HTML5 elements • http://bit.ly/aGFoub Many great HTML5 learning resources available online • http://diveintohtml5.org/ • http://html5demos.com • http://www.w3schools.com/html5/default.asp • http://www.html5test.com
  • 6. Web App Vs Native App Native App Web App Internet Access Not Required Required Performance Yes No Hardware Access Yes No OS Access Yes No Hardware & Yes No Platform Dependent Installation Must be Installed URL link Updates Reinstallation Simple
  • 7. Why BlackBerry WebWorks ? BlackBerry WebWorks is an application platform that enables developers to create standalone applications using modern and standardized web technologies. WebWorks applications can be fully-featured “Super Apps” through their ability to integrate with native BlackBerry and PlayBook features.
  • 8. Why BlackBerry WebWorks ?  The richness of device access and reuse of assets .  The simplicity of the browser programming model.  It’s a diverse world out there for developers!  Strong Web standards offer support across multiple platforms  Reuse Web assets and developer skills to create BlackBerry apps  Each platform seeing growth in access to native functionality  Access the richness and differentiators of each platform  BlackBerry WebWorks applications are supported on  All BlackBerry PlayBook  All BlackBerry 6 onwards including BlackBerry 10  More than 60 Million Users
  • 9. What Can a WebWorks App Do?
  • 10. Live vs. Local Web Content  A WebWorks application does not need an active network connection  Created using Web technologies, but designed to function offline  Web assets of your application can be local: <a href="local:///index.html">Home</a> <a href="file:///accounts/1000/shared/camera/IMG_01.jpg"> Camera Pic</a>  Can also use live resources to populate content dynamically <img src="http://www.mysite.com/image1.png"/>
  • 11. How to build BlackBerry WebWorks Applications? 1. Create your application web files. 1. Test and debug your application with the Ripple emulator. 2. Create a BlackBerry WebWorks configuration document (config.xml) 1. Package your application using the Ripple emulator. 1. Deploy your application to a BlackBerry device or simulator.
  • 12. Let’s Build a WebWorks Application Target: BlackBerry Smartphone
  • 13. Dev environment setup  Required to package WebWorks file assets into a BlackBerry application  BlackBerry WebWorks SDK for Smartphone  Java SDK 1.6  BlackBerry WebWorks SDK  Optional: BlackBerry Smartphone simulator (Windows Only) Step 1 . Download and Setup Java SDK (min version 1.6): http://java.sun.com/javase/downloads/index.jsp#jdk Step 2. Download and Setup the BlackBerry WebWorks SDK for Smartphone: http://developer.blackberry.com/html5/download/sdk Step 3. Download and Setup Ripple (Standalone)  http://developer.blackberry.com/html5
  • 14. Hello World my first app
  • 15. 1. Start Writing Code: Landing page Open your favorite text editor Create a new file named index.html Add the following HTML content to this file: <html> <head> <style type="text/css"> body { font-size: 5em; } </style> </head> <body> <p> Hello World </p> </body> </html>
  • 16. 2. Start Writing Code: Icon ① Create a home screen icon named icon.png  Recommended dimensions: 92 x 92 pixels  Recommended file format: PNG ② Use existing assets:  Re-use images from your own Web site  Royalty free images online ③ Create your own icon  http://www.orison.biz/apps/playbook-icon-maker/  Image authoring tools (e.g. PhotoShop, GIMP)
  • 17. 3. Start Writing Code: Config  Create a second file named config.xml  Add the following XML content to this file: <?xml version="1.0" encoding="UTF-8"?> <widget xmlns="http://www.w3.org/ns/widgets" xmlns:rim="http://www.blackberry.com/ns/widgets" version="1.0.0.0"> <name>Hello World</name> <icon src="icon.png"/> <content src="index.html"/> </widget>
  • 18. 4. Configuration Document (config.xml)  XML document based on W3C spec  http://www.w3.org/TR/widgets/#configuration-document0  Used to define system properties and application permissions  Application name, description, version and icon  Maintains a list of domain and feature permissions  See “Code sample: Creating a BlackBerry WebWorks configuration document” for full details  http://bit.ly/fdOiO6
  • 19. 4. Configuration Document (config.xml)  Define visual characteristics for your application <?xml version="1.0" encoding="UTF-8"?> <widget xmlns="http://www.w3.org/ns/widgets" version="1.0.0.0"> <name>helloWorld</name> <icon src="icon.png"/> <content src="index.html"/> </widget>
  • 20. 5. Start Writing Code: Folders  Keeping your application files organized and well structured.  No IDEs or project files  Steps: 1. Create folder C:sandboxweb apps 1. Create folder C:sandboxweb appshelloWorld 1. Save index.html and config.xml in the helloWorld folder
  • 21. 6. Ripple! : Packaging & Emulating  Launch Ripple : Select ‘WebWorks-OS’ platform  Configure Settings  SDK Path: Bbwp installer root directory  Project Root: Application Source Code  Archive Name  Output Folder  Different than project root.
  • 22. 6. Ripple! : Packaging & Emulating  Build Using Ripple : Open options Menu  Package  Package & Sign  Package & Launch