Monday, September 21, 2009

Get most of your Symbian device [Part 11-1] : Create Personalized TouchWiz Widgets For The Samsung Omnia HD i8910 !

Posted on 15:30 by SlipKoRnSaad

Making a widget to launch your favorite applications or websites on your desktop plug-in (touchwiz) is no longer a dream !

Samsung's Widget is actually a disguised Zip file, the official suffix is Wgt, while its internal composition can be relatively simple :

- Images folder that contains the application(s)/website(s) icon(s) (and possibly a few more pictures / icons / backgrounds / etc).
- js folder witch contains the widget's script (allows applications to start or whatever is needed in the widget).
- config.xml witch contains the name of the widget and its size (on the screen) etc.
- Index.html witch contains the UID of the application to launch for example.
- icon.png the icon in PNG format.

In the this part (part 11-1) we will see together how to make a startup widget to launch your favorite applications, so let's start, i'll try to be as brief as possible because it may sound a bit complicated, don't worry :

1- Download this widget's example : uc.wgt and rename it to uc.zip then unzip it !
2- Open config.xml (with the help of notepad) as shown below (click to enlarge)




Where widget id is the authentication name you'll give to the widget (put what you want...), height and width refer to the widget display size, access network must be changed to "true" if you want the application to connect to the network.

Once done, in the index file, click on "save" and not "save as", then, close it.

3- If you choose to modify the size of the widget you have to adapt the size of the icon.png (if you choose 70x70, your icon.png file must have the same size too)

4 - Open Index.html and search for this line src="images/icon.png" width="65" height="65" onclick="launchApp('0x2001f848') and look for the application's UID you want to launch as shown below :




- To know the UID of an application, you have to Install AppUidList widget (install it on your phone)




Once done, in the index file, click on "save" and not "save as", then, close it. You are almost done !

5- On Images folder put your icon file (the icon of the widget once in the touchwiz interface) and remember to keep the same size as on the index and config files...

6- Replace and overwrite the old file on the zip package and then rename the zip file to wgt and install it, you're done !




Ps : you can download nice high quality icons from here for example (you can search by name, thematic etc).

Questions?

In the Upcoming tutorial (Part 11-2), we will see together how to create a web bookmark like widget (to visit your favorite website etc) stay tuned !

No Response to "Get most of your Symbian device [Part 11-1] : Create Personalized TouchWiz Widgets For The Samsung Omnia HD i8910 !"