Tizen is an exciting new open source mobile OS with excellent HTML5 support (currently topping the mobile charts at html5test.com). I’m happy to announce Jo now supports this promising upstart as of version 0.5.0.
Submitting to the Tizen store
Log in to the Tizen Seller Store at seller.tizenstore.com and register as a new developer.
Click “+ Add New App.”
Enter your app description and upload your file. On the Validation section, enter “appbackr” in Comments for the Validation Team question. This allows appbackr to track your app’s status.
appbackr scoring and app incentives
There are also incentives for your new apps! For apps that are unpublished, developers can earn either $50, $100 or $250, based on appbackr’s pre-release scoring.
Jo Tizen Sample App
A simple app with a menu and a few sample cards built using the joCache feature to illustrate some simple features in Jo.
Get the Jo Tizen sample app from Github either by cloning the repo or downloading a zip of it.
Download the Tizen SDK including the Web App IDE.
Create a new blank Tizen Web App project in the IDE
Menu: `File` -> `New` -> `Tizen Web App`
Select: `Tizen` -> `Basic`
Project name: Choose `Test` or whatever you like, so long as it’s unique
Find the project files on your filesystem. They should correspond to your IDE workspae folder.
Copy all the files in this zip into your project folder. If asked, replace existing files (e.g. `index.html`)
From your Tizen IDE, right click on your project folder and select `Refresh`. Make sure you see the `js/jo` folder (and the other files from the zip) in your project folders.
To test on the Web simulator
In the Tizen IDE, right click your project folder
Select `Run As` -> `Tizen Web simulator Application`
Note that you most likely will need to change the zoom to view the entire device area on your screen.
To test on a device
If you have a test device, plug it in and it should show up in your IDE, and it should run or debug directly to it.
If you run with debug turned on, you’ll have a full web inspector and debugger which you can use to see what’s going on inside the app.
Try making a fresh Tizen Web App as above, but try to run it before copying over the Jo files. Then make sure your file copy works and that you refreshed the IDE’s file list.
Porting to Tizen
Moving over your existing Jo app is relatively simple. Just copy your existing JS, CSS and HTML over to your Tizen web app project folder. Very similar to what you did to get this sample working.
Make sure you get the latest source from GitHub for Jo (0.5.0+) from: http://github.com/davebalmer/jo or use the files from the Tizen app sample zip.
Older CSS themes will not work with the Tizen native CSS scroller without updating; see above about getting latest/greatest.
Keep a copy of the index.html file provided in this zip, and pay special attention to the comments within. You may need to make corresponding tweaks to your project files (as you may have already with other platforms).
If you are using PhoneGap, your port should be pretty easy. If not, and your app accesses OS-specific APIs, you will want to get acquainted with the Tizen Web App API (very standards-based).
PayPal – The safer, easier way to pay online!
©2010-2013 Dave Balmer, Jr.