Opera Widget porting example - Hello World!

Comments

(no comments yet)

Log in or Join to leave comments.

Article Metadata

---

Article

Created: andrew.wharton (02 Nov 2009)

Last edited: hamishwillee (25 Jul 2012)

Preface

This is an example of porting an Opera Widget to Nokia WRT using the guide found here. The example widget will be an Opera tutorial widget called Hello World!. The tutorial for how to make the widget can be found here.

1. Download the .zip package

The Hello World! zip package can be found by following this link.

2. Unzip the Hello World widget archive

The archive needs to be unzipped to make modifications to its contents, so go ahead and extract it.

3. Create info.plist manifest file

When installing a .wgz file the system looks for a manifest file called info.plist. The Opera Widget equivalent is called config.xml.

Here's how to use the Opera Widget config.xml data to create the WRT manifest file:

1. Download and unzip this info.plist template file and save it in the widget's root directory.
2. Open the widgets config.xml file and find the <widgetname> element. Copy the text found within the element and paste it into the <DisplayName> element of the info.plist file.

   <key>DisplayName</key>    
   <string>Hello World!</string>

3. Add the <Identifier> as a random integer 30 digits long.

   <key>Identifier</key>       
   <string>8934075839275039847534890573489057</string>

4. Add the <MainHTML> as index.html.

   <key>MainHTML</key>
   <string>index.html</string>

5. Leave <AllowNetworkAccess> as </true>.

   <key>AllowNetworkAccess</key>   
   <true />

6. Save the file.

4. Packaging

Re-zip the containing Hello World! folder and change the file extension from .zip to .wgz.

5. Deploy

Upload the widget to your mobile device and install. Here is an example of the ported widget. Remember to change the extension to .wgz before installing.