×
Namespaces

Variants
Actions
(Difference between revisions)

Opera Widget porting example - Google News

From Nokia Developer Wiki
Jump to: navigation, search
andrew.wharton (Talk | contribs)
m
hamishwillee (Talk | contribs)
m (Automated change of category from Web Runtime (WRT) to Symbian Web Runtime)
Line 1: Line 1:
[[Category:Web Runtime (WRT)]][[Category:How To]]
+
[[Category:Symbian Web Runtime]][[Category:How To]]
  
 
== Preface ==
 
== Preface ==

Revision as of 02:51, 13 April 2011


Contents

Preface

This is an example of porting a Opera Widget to Nokia WRT using the guide found here. The example widget will be a Google News Reader widget.

OperaWidgetPortingExamples GoogleNews Widget.png

1. Download the .zip package

The Google News zip package can be found by following this link.

2. Unzip the Google News 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>Google News</string>
  3. Add the <Identifier> as a random integer 30 digits long.
    <key>Identifier</key>       
    <string>7849374208461938465290763846128</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. Find, move and rename the icon

Copy the googlen.png file from the /skins folder, paste it into the root folder and rename it to icon.png.

5. Packaging

Re-zip the containing Google News folder and change the file extension from .zip to .wgz.
OperaWidgetPortingExamples GoogleNews Packaged.png

6. 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.

63 page views in the last 30 days.

Was this page helpful?

Your feedback about this content is important. Let us know what you think.

 

Thank you!

We appreciate your feedback.

×