Skip to main content

BlackBerry Web Works on Blackberry OS 5

I am trying this for few days. Blackberry web works says its support Blackberry OS 5+. So i taught i create something with JQuery Mobile. After few hours of code my App is done.

but the result is really different than the result in the simulator. simulator is using Ripple on the Google Chrome. the result was its seems the CSS for the JQuery Mobile is not working. and the first loading of the app took forever.

thats why i am going to write a few tutorial, a very simple tutorial of Blackberry OS 5+. this tutorial will begin from simple to complex. i hope i can add few jquery on it.

i once try to create webworks app to use the camera and capture a snapshot. but the camera is not event firing.

For the very first app its always HelloWorld App.



HelloWorld

this is the result image got from Ripple Emulator from Google Chrome.



this is my index.html.

<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <title> BlackBerry Webworks Tutorial for OS 5</title>
    </head>
    <body>
        <div id="content">
            <h1>BlackBerry Webworks Tutorial for OS 5</h1>
            <p>
                This will be home for every test that i made for blackberry os 5. 
                i don't know why the webworks cant be use for OS 5.
                so this is my hello world.
            </p>
        </div>
    </body>
</html>


this is my config.xml

<?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>BlackBerry Webworks 5.0 Tutorial</name>
    <author>Riza Nurhadi</author>
    <description>Tutorial App</description>
    <icon src="images/riza_logo.png"/>
    <content src="index.html"/>
    <rim:loadingScreen backgroundImage="images/background.png" foregroundImage="images/background.png" onLocalPageLoad="true"/>
    <rim:orientation mode="auto" />
</widget>


with additional 2 image with 4 Kb each so the file size no more than 8 Kb. but the end result after packaging and all the file become 250 Kb. after installed on my phone, im tryin to execute the app. the loading is doesn't really long its only took about 2~3 sec.

and still with hello world. im gonna try to attach jquery.min.js. which have less then 100kb in size

this is now my index.html

<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <title> BlackBerry Webworks Tutorial for OS 5</title>
        <script type="text/javascript" src="jquery.min.js"></script>
    </head>
    <body>
        <div id="content">
            <h1>BlackBerry Webworks Tutorial for OS 5</h1>
            <p>
                This will be home for every test that i made for blackberry os 5. 
                i don't know why the webworks cant be use for OS 5.
                so this is my hello world.
            </p>
        </div>
    </body>
</html>

The Files for OTAinstall become 350kb. and after installing it in my Javelin Blackberry 8900 the loading become a lil bit longer its around 10 ~ 12 secs.

if you using OS 7.1 Device 9860 the loading just took 3 sec. so if you want to create WebWorks app just make sure that your client will be using a new generation of BlackBerry. if you just using BlackBerry OS 5 Device such as Javelin 8900 and Torch 1. you should create with JAVA Native.

So right now i will be creating 2 App for BlackBerry. The Native Way and The WebWorks Way.

I think its for the best.

Comments

Popular posts from this blog

JavaScript Real Time Calculation

I've been around looking for javascript that can do Real Time Calculation. javascript real time calculation, javascript real time calculation textbox. by some lucky keywords i found this code. this is exactly the code that i want. it really do the real time calculation. and it doesn't need onChange or OnBlur function. Just try it Example + = this is the javascript code <script type='text/javascript' > function startCalc(){   interval = setInterval("calc()",1); } function calc(){   one = document.autoSumForm.firstBox.value;   two = document.autoSumForm.secondBox.value;   document.autoSumForm.thirdBox.value = (one * 1) + (two * 1); } function stopCalc(){   clearInterval(interval); } </script> this is the html code <form name="autoSumForm">   <input class="right" type=text name="firstBox" value="" onFocus="startCalc();" onBlur="stopCalc();"><br...

iOS 5 Creating eCommerce with Shopping Cart App Part 1

[Created 11-28-2012] it seems like there are tons of tutorial ios and xcode for beginner out there. you can view the list at my post here http://javalearning-adventure.blogspot.com/2012/11/learning-xcode.html that's the link that i always update if i find anything. this tutorial will consist of step by step in creating Shopping Cart App. There will be Browse Product, Shopping Cart, and Checkout Method. I will update these later after i satisfied with the end result. These tutorial will also include web programming using php. but these php will only using basic sample not the very complex with mysql database and everything. these php pages will only creating json output. i think you don't need to learn php and json. you should only learn how to handle json using objective-c. I am still a beginner in xcode and objective-c, its still only 1 month since i started these tutorial. requirements suppose to be iOS 5 with xcode 4. [i will update these later][postponed...

BlackBerry ListField Tutorial Part 3

This Part 3 will consist of Networking, ListField, JSON and Thread. I'm really sorry for pending this part 3. I've been busy making money and still failed. Its just really hard to live in third world country by coding. anyway, There are few Library that you will need creating ListField with JSON data, but we wont touch that area first. we need to learn the basic. * note added : Aug 26 2013 The basic should be : Networking Thread ListField [if i find anything, will be add here]