http://www.developer.nokia.com/Community/Wiki/index.php?title=Opera_Widget_porting_example_-_NHL_News&feed=atom&action=history 2013-05-22T01:29:26Z Revision history for this page on the wiki MediaWiki 1.18.6 http://www.developer.nokia.com/Community/Wiki/index.php?title=Opera_Widget_porting_example_-_NHL_News&diff=163722&oldid=prev 2012-07-25T05:39:29Z

<p>Hamishwillee - Bot update - Add ArticleMetaData</p> <table class='diff diff-contentalign-left'> <col class='diff-marker' /> <col class='diff-content' /> <col class='diff-marker' /> <col class='diff-content' /> <tr valign='top'> <td colspan='2' style="background-color: white; color:black;">← Older revision</td> <td colspan='2' style="background-color: white; color:black;">Revision as of 05:39, 25 July 2012</td> </tr><tr><td colspan="2" class="diff-lineno">Line 1:</td> <td colspan="2" class="diff-lineno">Line 1:</td></tr> <tr><td colspan="2">&#160;</td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; font-weight: bold; text-decoration: none;">{{ArticleMetaData &lt;!-- v1.2 --&gt;</ins></div></td></tr> <tr><td colspan="2">&#160;</td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; font-weight: bold; text-decoration: none;">|sourcecode= &lt;!-- Link to example source code e.g. [[Media:The Code Example ZIP.zip]] --&gt;</ins></div></td></tr> <tr><td colspan="2">&#160;</td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; font-weight: bold; text-decoration: none;">|installfile= &lt;!-- Link to installation file (e.g. [[Media:The Installation File.sis]]) --&gt;</ins></div></td></tr> <tr><td colspan="2">&#160;</td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; font-weight: bold; text-decoration: none;">|devices= &lt;!-- Devices tested against - e.g. ''devices=Nokia 6131 NFC, Nokia C7-00'') --&gt;</ins></div></td></tr> <tr><td colspan="2">&#160;</td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; font-weight: bold; text-decoration: none;">|sdk= &lt;!-- SDK(s) built and tested against (e.g. [http://linktosdkdownload/ Qt SDK 1.1.4]) --&gt;</ins></div></td></tr> <tr><td colspan="2">&#160;</td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; font-weight: bold; text-decoration: none;">|platform= &lt;!-- Compatible platforms - e.g. Symbian^1 and later, Qt 4.6 and later --&gt;</ins></div></td></tr> <tr><td colspan="2">&#160;</td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; font-weight: bold; text-decoration: none;">|devicecompatability= &lt;!-- Compatible devices e.g.: All* (must have internal GPS) --&gt;</ins></div></td></tr> <tr><td colspan="2">&#160;</td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; font-weight: bold; text-decoration: none;">|dependencies= &lt;!-- Any other/external dependencies e.g.: Google Maps Api v1.0 --&gt;</ins></div></td></tr> <tr><td colspan="2">&#160;</td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; font-weight: bold; text-decoration: none;">|signing= &lt;!-- Signing requirements - empty or one of: Self-Signed, DevCert, Manufacturer --&gt;</ins></div></td></tr> <tr><td colspan="2">&#160;</td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; font-weight: bold; text-decoration: none;">|capabilities= &lt;!-- Capabilities required by the article/code example (e.g. Location, NetworkServices. --&gt;</ins></div></td></tr> <tr><td colspan="2">&#160;</td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; font-weight: bold; text-decoration: none;">|keywords= &lt;!-- APIs, classes and methods (e.g. QSystemScreenSaver, QList, CBase --&gt;</ins></div></td></tr> <tr><td colspan="2">&#160;</td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; font-weight: bold; text-decoration: none;">|language= &lt;!-- Language category code for non-English topics - e.g. Lang-Chinese --&gt;</ins></div></td></tr> <tr><td colspan="2">&#160;</td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; font-weight: bold; text-decoration: none;">|translated-by= &lt;!-- [[User:XXXX]] --&gt;</ins></div></td></tr> <tr><td colspan="2">&#160;</td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; font-weight: bold; text-decoration: none;">|translated-from-title= &lt;!-- Title only --&gt;</ins></div></td></tr> <tr><td colspan="2">&#160;</td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; font-weight: bold; text-decoration: none;">|translated-from-id= &lt;!-- Id of translated revision --&gt;</ins></div></td></tr> <tr><td colspan="2">&#160;</td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; font-weight: bold; text-decoration: none;">|review-by= &lt;!-- After re-review: [[User:username]] --&gt;</ins></div></td></tr> <tr><td colspan="2">&#160;</td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; font-weight: bold; text-decoration: none;">|review-timestamp= &lt;!-- After re-review: YYYYMMDD --&gt;</ins></div></td></tr> <tr><td colspan="2">&#160;</td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; font-weight: bold; text-decoration: none;">|update-by= &lt;!-- After significant update: [[User:username]]--&gt;</ins></div></td></tr> <tr><td colspan="2">&#160;</td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; font-weight: bold; text-decoration: none;">|update-timestamp= &lt;!-- After significant update: YYYYMMDD --&gt;</ins></div></td></tr> <tr><td colspan="2">&#160;</td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; font-weight: bold; text-decoration: none;">|creationdate= 20091028</ins></div></td></tr> <tr><td colspan="2">&#160;</td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; font-weight: bold; text-decoration: none;">|author= [[User:Andrew.wharton]]</ins></div></td></tr> <tr><td colspan="2">&#160;</td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; font-weight: bold; text-decoration: none;">}}</ins></div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>[[Category:Symbian Web Runtime]][[Category:How To]][[Category:Porting]]</div></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>[[Category:Symbian Web Runtime]][[Category:How To]][[Category:Porting]]</div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>== Preface ==</div></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>== Preface ==</div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>This is an example of porting a Opera Widget to Nokia WRT using the guide found [[How to port Opera Widgets to Nokia WRT|here]].&#160; The example widget will be a Google News Reader widget.</div></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>This is an example of porting a Opera Widget to Nokia WRT using the guide found [[How to port Opera Widgets to Nokia WRT|here]].&#160; The example widget will be a Google News Reader widget.</div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"></td></tr> <tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div>[[file:<del class="diffchange diffchange-inline">OperaWidgetPortingExamples_GoogleNews_Widget</del>.png]]</div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div>[[file:<ins class="diffchange diffchange-inline">OperaWidgetPortingExamples GoogleNews Widget</ins>.png]]</div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>== 1. Download the .zip package ==</div></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>== 1. Download the .zip package ==</div></td></tr> <tr><td colspan="2" class="diff-lineno">Line 16:</td> <td colspan="2" class="diff-lineno">Line 38:</td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>Here's how to use the Opera Widget config.xml data to create the WRT manifest file:</div></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>Here's how to use the Opera Widget config.xml data to create the WRT manifest file:</div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>#Download and unzip this [[Media:info.plist.zip | info.plist]] template file and save it in the widget's root directory.</div></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>#Download and unzip this [[Media:info.plist.zip | info.plist]] template file and save it in the widget's root directory.</div></td></tr> <tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div>#Open the widgets config.xml file and find the &lt;widgetname&gt; element. Copy the text found within the element and paste it into the &lt;DisplayName&gt; element of the info.plist file.[[file:<del class="diffchange diffchange-inline">OperaWidgetPortingExamples_GoogleNews_DisplayName</del>.png]]</div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div>#Open the widgets config.xml file and find the &lt;widgetname&gt; element. Copy the text found within the element and paste it into the &lt;DisplayName&gt; element of the info.plist file.[[file:<ins class="diffchange diffchange-inline">OperaWidgetPortingExamples GoogleNews DisplayName</ins>.png]]</div></td></tr> <tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div>#Add the &lt;Identifier&gt; as a random integer 30 digits long.&lt;br /&gt;[[file:<del class="diffchange diffchange-inline">OperaWidgetPortingExamples_GoogleNews_Identifier2</del>.png]]</div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div>#Add the &lt;Identifier&gt; as a random integer 30 digits long.&lt;br /&gt;[[file:<ins class="diffchange diffchange-inline">OperaWidgetPortingExamples GoogleNews Identifier2</ins>.png]]</div></td></tr> <tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div>#Add the &lt;MainHTML&gt; as index.html.&lt;br /&gt;[[file:<del class="diffchange diffchange-inline">OperaWidgetPortingExamples_GoogleNews_MainHTML2</del>.png]]</div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div>#Add the &lt;MainHTML&gt; as index.html.&lt;br /&gt;[[file:<ins class="diffchange diffchange-inline">OperaWidgetPortingExamples GoogleNews MainHTML2</ins>.png]]</div></td></tr> <tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div>#Leave &lt;AllowNetworkAccess&gt; as &lt;/true&gt;.&lt;br /&gt;[[file:<del class="diffchange diffchange-inline">OperaWidgetPortingExamples_GoogleNews_AllowNetworkAccess</del>.png]]</div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div>#Leave &lt;AllowNetworkAccess&gt; as &lt;/true&gt;.&lt;br /&gt;[[file:<ins class="diffchange diffchange-inline">OperaWidgetPortingExamples GoogleNews AllowNetworkAccess</ins>.png]]</div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>#Save the file.</div></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>#Save the file.</div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>== 4. Packaging ==</div></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>== 4. Packaging ==</div></td></tr> <tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div>Re-zip the containing Google News folder and change the file extension from .zip to .wgz.&lt;br /&gt;[[File:<del class="diffchange diffchange-inline">OperaWidgetPortingExamples_GoogleNews_Packaged</del>.png]]</div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div>Re-zip the containing Google News folder and change the file extension from .zip to .wgz.&lt;br /&gt;[[File:<ins class="diffchange diffchange-inline">OperaWidgetPortingExamples GoogleNews Packaged</ins>.png]]</div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>== 5. Deploy ==</div></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>== 5. Deploy ==</div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>Upload the widget to your mobile device and install.</div></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>Upload the widget to your mobile device and install.</div></td></tr> <!-- diff cache key wiki:diff:version:1.11a:oldid:160261:newid:163722 --> </table>

Hamishwillee http://www.developer.nokia.com/Community/Wiki/index.php?title=Opera_Widget_porting_example_-_NHL_News&diff=160261&oldid=prev 2012-07-05T01:57:13Z

<p>Hamishwillee - Fix categories</p> <table class='diff diff-contentalign-left'> <col class='diff-marker' /> <col class='diff-content' /> <col class='diff-marker' /> <col class='diff-content' /> <tr valign='top'> <td colspan='2' style="background-color: white; color:black;">← Older revision</td> <td colspan='2' style="background-color: white; color:black;">Revision as of 01:57, 5 July 2012</td> </tr><tr><td colspan="2" class="diff-lineno">Line 1:</td> <td colspan="2" class="diff-lineno">Line 1:</td></tr> <tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div>[[Category:Symbian Web Runtime]][[Category:How To]]</div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div>[[Category:Symbian Web Runtime]][[Category:How To]]<ins class="diffchange diffchange-inline">[[Category:Porting]]</ins></div></td></tr> <tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div>&#160;</div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div></div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>== Preface ==</div></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>== Preface ==</div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>This is an example of porting a Opera Widget to Nokia WRT using the guide found [[How to port Opera Widgets to Nokia WRT|here]].&#160; The example widget will be a Google News Reader widget.</div></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>This is an example of porting a Opera Widget to Nokia WRT using the guide found [[How to port Opera Widgets to Nokia WRT|here]].&#160; The example widget will be a Google News Reader widget.</div></td></tr> </table>

Hamishwillee http://www.developer.nokia.com/Community/Wiki/index.php?title=Opera_Widget_porting_example_-_NHL_News&diff=90537&oldid=prev 2011-04-12T23:52:07Z

<p>Automated change of category from Web Runtime (WRT) to Symbian Web Runtime</p> <table class='diff diff-contentalign-left'> <col class='diff-marker' /> <col class='diff-content' /> <col class='diff-marker' /> <col class='diff-content' /> <tr valign='top'> <td colspan='2' style="background-color: white; color:black;">← Older revision</td> <td colspan='2' style="background-color: white; color:black;">Revision as of 23:52, 12 April 2011</td> </tr><tr><td colspan="2" class="diff-lineno">Line 1:</td> <td colspan="2" class="diff-lineno">Line 1:</td></tr> <tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div>[[Category:Web Runtime <del class="diffchange diffchange-inline">(WRT)</del>]][[Category:How To]]</div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div>[[Category:<ins class="diffchange diffchange-inline">Symbian </ins>Web Runtime]][[Category:How To]]</div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>== Preface ==</div></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>== Preface ==</div></td></tr> </table>

Hamishwillee http://www.developer.nokia.com/Community/Wiki/index.php?title=Opera_Widget_porting_example_-_NHL_News&diff=66698&oldid=prev 2009-11-02T14:36:19Z

<p></p> <table class='diff diff-contentalign-left'> <col class='diff-marker' /> <col class='diff-content' /> <col class='diff-marker' /> <col class='diff-content' /> <tr valign='top'> <td colspan='2' style="background-color: white; color:black;">← Older revision</td> <td colspan='2' style="background-color: white; color:black;">Revision as of 14:36, 2 November 2009</td> </tr><tr><td colspan="2" class="diff-lineno">Line 26:</td> <td colspan="2" class="diff-lineno">Line 26:</td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>Re-zip the containing Google News folder and change the file extension from .zip to .wgz.&lt;br /&gt;[[File:OperaWidgetPortingExamples_GoogleNews_Packaged.png]]</div></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>Re-zip the containing Google News folder and change the file extension from .zip to .wgz.&lt;br /&gt;[[File:OperaWidgetPortingExamples_GoogleNews_Packaged.png]]</div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>== 5. Deploy ==</div></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>== 5. Deploy ==</div></td></tr> <tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div>Upload the widget to <del class="diffchange diffchange-inline">you </del>mobile device and install.</div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div>Upload the widget to <ins class="diffchange diffchange-inline">your </ins>mobile device and install.</div></td></tr> </table>

Andrew.wharton http://www.developer.nokia.com/Community/Wiki/index.php?title=Opera_Widget_porting_example_-_NHL_News&diff=66697&oldid=prev 2009-11-02T14:35:45Z

<p>added screenshots</p> <table class='diff diff-contentalign-left'> <col class='diff-marker' /> <col class='diff-content' /> <col class='diff-marker' /> <col class='diff-content' /> <tr valign='top'> <td colspan='2' style="background-color: white; color:black;">← Older revision</td> <td colspan='2' style="background-color: white; color:black;">Revision as of 14:35, 2 November 2009</td> </tr><tr><td colspan="2" class="diff-lineno">Line 24:</td> <td colspan="2" class="diff-lineno">Line 24:</td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>== 4. Packaging ==</div></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>== 4. Packaging ==</div></td></tr> <tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div>Re-zip the containing <del class="diffchange diffchange-inline">NHL </del>folder and change the file extension from .zip to .wgz.&lt;br /&gt;[[File:OperaWidgetPortingExamples_GoogleNews_Packaged.png]]</div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div>Re-zip the containing <ins class="diffchange diffchange-inline">Google News </ins>folder and change the file extension from .zip to .wgz.&lt;br /&gt;[[File:OperaWidgetPortingExamples_GoogleNews_Packaged.png]]</div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>== 5. Deploy ==</div></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>== 5. Deploy ==</div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>Upload the widget to you mobile device and install.</div></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>Upload the widget to you mobile device and install.</div></td></tr> </table>

Andrew.wharton http://www.developer.nokia.com/Community/Wiki/index.php?title=Opera_Widget_porting_example_-_NHL_News&diff=66696&oldid=prev 2009-11-02T14:35:26Z

<p>added screenshots</p> <table class='diff diff-contentalign-left'> <col class='diff-marker' /> <col class='diff-content' /> <col class='diff-marker' /> <col class='diff-content' /> <tr valign='top'> <td colspan='2' style="background-color: white; color:black;">← Older revision</td> <td colspan='2' style="background-color: white; color:black;">Revision as of 14:35, 2 November 2009</td> </tr><tr><td colspan="2" class="diff-lineno">Line 1:</td> <td colspan="2" class="diff-lineno">Line 1:</td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>[[Category:Web Runtime (WRT)]][[Category:How To]]</div></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>[[Category:Web Runtime (WRT)]][[Category:How To]]</div></td></tr> <tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div><del style="color: red; font-weight: bold; text-decoration: none;">= Note: This page is not ready to be used yet =</del></div></td><td colspan="2">&#160;</td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>== Preface ==</div></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>== Preface ==</div></td></tr> <tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div>This is an example of porting a Opera Widget to Nokia WRT using <del class="diffchange diffchange-inline">Guide </del>found [[How to port Opera Widgets to Nokia WRT|here]].</div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div>This is an example of porting a Opera Widget to Nokia WRT using <ins class="diffchange diffchange-inline">the guide </ins>found [[How to port Opera Widgets to Nokia WRT|here]]. <ins class="diffchange diffchange-inline"> The example widget will be a Google News Reader widget.</ins></div></td></tr> <tr><td colspan="2">&#160;</td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div>&#160;</div></td></tr> <tr><td colspan="2">&#160;</td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins class="diffchange diffchange-inline">[[file:OperaWidgetPortingExamples_GoogleNews_Widget.png]]</ins></div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>== 1. Download the .zip package ==</div></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>== 1. Download the .zip package ==</div></td></tr> <tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div>The <del class="diffchange diffchange-inline">NHL </del>zip package can be found by following this [http://widgets.opera.com/<del class="diffchange diffchange-inline">widget</del>/<del class="diffchange diffchange-inline">download</del>/<del class="diffchange diffchange-inline">force/7711</del>/1.<del class="diffchange diffchange-inline">0</del>/ <del class="diffchange diffchange-inline">| </del>link.]</div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div>The <ins class="diffchange diffchange-inline">Google News </ins>zip package can be found by following this [http://widgets.opera.com/<ins class="diffchange diffchange-inline">general</ins>/<ins class="diffchange diffchange-inline">getopera</ins>/<ins class="diffchange diffchange-inline">4430</ins>/1.<ins class="diffchange diffchange-inline">4</ins>/ link.]</div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"></td></tr> <tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div>== 2. Unzip the <del class="diffchange diffchange-inline">NHL </del>archive ==</div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div>== 2. Unzip the <ins class="diffchange diffchange-inline">Google News widget </ins>archive ==</div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>The archive needs to be unzipped to make modifications to its contents, so go ahead and extract it.</div></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>The archive needs to be unzipped to make modifications to its contents, so go ahead and extract it.</div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"></td></tr> <tr><td colspan="2" class="diff-lineno">Line 15:</td> <td colspan="2" class="diff-lineno">Line 16:</td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>Here's how to use the Opera Widget config.xml data to create the WRT manifest file:</div></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>Here's how to use the Opera Widget config.xml data to create the WRT manifest file:</div></td></tr> <tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div>#Download and unzip this info.plist template file and save it in the widget's root directory.</div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div>#Download and unzip this <ins class="diffchange diffchange-inline">[[Media:</ins>info.plist<ins class="diffchange diffchange-inline">.zip | info.plist]] </ins>template file and save it in the widget's root directory.</div></td></tr> <tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div>#<del class="diffchange diffchange-inline">Add </del>the <del class="diffchange diffchange-inline">text found within </del>the &lt;widgetname&gt; <del class="diffchange diffchange-inline">tag of the config</del>.<del class="diffchange diffchange-inline">xml file to </del>the &lt;DisplayName&gt; element of the info.plist file.<del class="diffchange diffchange-inline">&lt;br /&gt;--image of tags--</del></div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div>#<ins class="diffchange diffchange-inline">Open </ins>the <ins class="diffchange diffchange-inline">widgets config.xml file and find </ins>the &lt;widgetname&gt; <ins class="diffchange diffchange-inline">element</ins>. <ins class="diffchange diffchange-inline">Copy the text found within the element and paste it into </ins>the &lt;DisplayName&gt; element of the info.plist file.<ins class="diffchange diffchange-inline">[[file:OperaWidgetPortingExamples_GoogleNews_DisplayName.png]]</ins></div></td></tr> <tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div>#Add the &lt;Identifier&gt; as a random integer 30 digits long.&lt;br /&gt;<del class="diffchange diffchange-inline">--image of tags</del></div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div>#Add the &lt;Identifier&gt; as a random integer 30 digits long.&lt;br /&gt;<ins class="diffchange diffchange-inline">[[file:OperaWidgetPortingExamples_GoogleNews_Identifier2.png]]</ins></div></td></tr> <tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div>#Add the &lt;MainHTML&gt; as index.html.&lt;br /&gt;<del class="diffchange diffchange-inline">--image of tags</del></div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div>#Add the &lt;MainHTML&gt; as index.html.&lt;br /&gt;<ins class="diffchange diffchange-inline">[[file:OperaWidgetPortingExamples_GoogleNews_MainHTML2.png]]</ins></div></td></tr> <tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div>#Leave &lt;AllowNetworkAccess&gt; as &lt;/true&gt;.&lt;br /&gt;<del class="diffchange diffchange-inline">--image of tags</del></div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div>#Leave &lt;AllowNetworkAccess&gt; as &lt;/true&gt;.&lt;br /&gt;<ins class="diffchange diffchange-inline">[[file:OperaWidgetPortingExamples_GoogleNews_AllowNetworkAccess.png]]</ins></div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>#Save the file.</div></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>#Save the file.</div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>== 4. Packaging ==</div></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>== 4. Packaging ==</div></td></tr> <tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div>Re-zip the containing NHL folder and change the file extension from .zip to .wgz.</div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div>Re-zip the containing NHL folder and change the file extension from .zip to .wgz.<ins class="diffchange diffchange-inline">&lt;br /&gt;</ins>[[File:<ins class="diffchange diffchange-inline">OperaWidgetPortingExamples_GoogleNews_Packaged</ins>.png]]</div></td></tr> <tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div>[[File:<del class="diffchange diffchange-inline">NHLWidgetPortingExample Rezipped</del>.png]]</div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div></div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>== 5. Deploy ==</div></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>== 5. Deploy ==</div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>Upload the widget to you mobile device and install.</div></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>Upload the widget to you mobile device and install.</div></td></tr> </table>

Andrew.wharton http://www.developer.nokia.com/Community/Wiki/index.php?title=Opera_Widget_porting_example_-_NHL_News&diff=66162&oldid=prev 2009-10-30T09:52:21Z

<p></p> <table class='diff diff-contentalign-left'> <col class='diff-marker' /> <col class='diff-content' /> <col class='diff-marker' /> <col class='diff-content' /> <tr valign='top'> <td colspan='2' style="background-color: white; color:black;">← Older revision</td> <td colspan='2' style="background-color: white; color:black;">Revision as of 09:52, 30 October 2009</td> </tr><tr><td colspan="2" class="diff-lineno">Line 3:</td> <td colspan="2" class="diff-lineno">Line 3:</td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>== Preface ==</div></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>== Preface ==</div></td></tr> <tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div>This is an example of porting a Opera Widget to Nokia WRT using Guide found [[here]].</div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div>This is an example of porting a Opera Widget to Nokia WRT using Guide found [[<ins class="diffchange diffchange-inline">How to port Opera Widgets to Nokia WRT|</ins>here]].</div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>== 1. Download the .zip package ==</div></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>== 1. Download the .zip package ==</div></td></tr> </table>

Andrew.wharton http://www.developer.nokia.com/Community/Wiki/index.php?title=Opera_Widget_porting_example_-_NHL_News&diff=66017&oldid=prev 2009-10-28T16:47:01Z

<p>add <a href="/Community/Wiki/Category:Web_Runtime_(WRT)" class="mw-redirect" title="Category:Web Runtime (WRT)">Category:Web Runtime (WRT)</a> or will be hidden</p> <table class='diff diff-contentalign-left'> <col class='diff-marker' /> <col class='diff-content' /> <col class='diff-marker' /> <col class='diff-content' /> <tr valign='top'> <td colspan='2' style="background-color: white; color:black;">← Older revision</td> <td colspan='2' style="background-color: white; color:black;">Revision as of 16:47, 28 October 2009</td> </tr><tr><td colspan="2" class="diff-lineno">Line 1:</td> <td colspan="2" class="diff-lineno">Line 1:</td></tr> <tr><td colspan="2">&#160;</td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; font-weight: bold; text-decoration: none;">[[Category:Web Runtime (WRT)]][[Category:How To]]</ins></div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>= Note: This page is not ready to be used yet =</div></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>= Note: This page is not ready to be used yet =</div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"></td></tr> </table>

Jimgilmour1 http://www.developer.nokia.com/Community/Wiki/index.php?title=Opera_Widget_porting_example_-_NHL_News&diff=66011&oldid=prev 2009-10-28T14:26:14Z

<p>moved <a href="/Community/Wiki/NHL_News_example" class="mw-redirect" title="NHL News example">NHL News example</a> to <a href="/Community/Wiki/Opera_Widget_porting_example_-_NHL_News" title="Opera Widget porting example - NHL News">Opera Widget porting example - NHL News</a>: Better naming convention for example pages</p> <table class='diff diff-contentalign-left'> <tr valign='top'> <td colspan='1' style="background-color: white; color:black;">← Older revision</td> <td colspan='1' style="background-color: white; color:black;">Revision as of 14:26, 28 October 2009</td> </tr></table>

Andrew.wharton http://www.developer.nokia.com/Community/Wiki/index.php?title=Opera_Widget_porting_example_-_NHL_News&diff=66005&oldid=prev 2009-10-28T14:03:24Z

<p></p> <table class='diff diff-contentalign-left'> <col class='diff-marker' /> <col class='diff-content' /> <col class='diff-marker' /> <col class='diff-content' /> <tr valign='top'> <td colspan='2' style="background-color: white; color:black;">← Older revision</td> <td colspan='2' style="background-color: white; color:black;">Revision as of 14:03, 28 October 2009</td> </tr><tr><td colspan="2" class="diff-lineno">Line 5:</td> <td colspan="2" class="diff-lineno">Line 5:</td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>== 1. Download the .zip package ==</div></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>== 1. Download the .zip package ==</div></td></tr> <tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div>The NHL zip package can be found by following this [http://widgets.opera.com/widget/download/force/7711/1.0/|link.]</div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div>The NHL zip package can be found by following this [http://widgets.opera.com/widget/download/force/7711/1.0/ | link.]</div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>== 2. Unzip the NHL archive ==</div></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>== 2. Unzip the NHL archive ==</div></td></tr> </table>

Andrew.wharton