×
Namespaces

Variants
Actions
(Difference between revisions)

WRT Web RunTime on N810 Internet Tablet

From Nokia Developer Wiki
Jump to: navigation, search
jimgilmour1 (Talk | contribs)
(Summary)
hamishwillee (Talk | contribs)
m (Hamishwillee - Bot update - Add ArticleMetaData)
 
(22 intermediate revisions by 2 users not shown)
Line 1: Line 1:
[[Category:Web Runtime (WRT)]][[Category:Maemo]][[Category:Code Examples]]
+
{{ArticleMetaData <!-- v1.2 -->
 +
|sourcecode= [[Media:WRTKitLib.zip]]
 +
|installfile= <!-- Link to installation file (e.g. [[Media:The Installation File.sis]]) -->
 +
|devices= <!-- Devices tested against - e.g. ''devices=Nokia 6131 NFC, Nokia C7-00'') -->
 +
|sdk= <!-- SDK(s) built and tested against (e.g. [http://linktosdkdownload/ Qt SDK 1.1.4]) -->
 +
|platform= <!-- Compatible platforms - e.g. Symbian^1 and later, Qt 4.6 and later -->
 +
|devicecompatability= <!-- Compatible devices e.g.: All* (must have internal GPS) -->
 +
|dependencies= <!-- Any other/external dependencies e.g.: Google Maps Api v1.0 -->
 +
|signing= <!-- Signing requirements - empty or one of: Self-Signed, DevCert, Manufacturer -->
 +
|capabilities= <!-- Capabilities required by the article/code example (e.g. Location, NetworkServices. -->
 +
|keywords= <!-- APIs, classes and methods (e.g. QSystemScreenSaver, QList, CBase -->
 +
|language= <!-- Language category code for non-English topics - e.g. Lang-Chinese -->
 +
|translated-by= <!-- [[User:XXXX]] -->
 +
|translated-from-title= <!-- Title only -->
 +
|translated-from-id= <!-- Id of translated revision -->
 +
|review-by= <!-- After re-review: [[User:username]] -->
 +
|review-timestamp= <!-- After re-review: YYYYMMDD -->
 +
|update-by= <!-- After significant update: [[User:username]]-->
 +
|update-timestamp= <!-- After significant update: YYYYMMDD -->
 +
|creationdate= 20090609
 +
|author= [[User:Jimgilmour1]]
 +
}}
 +
[[Category:Symbian Web Runtime]][[Category:Maemo]][[Category:Code Examples]]
 +
 
  
Moderators note:- still being written
 
  
 
=Introduction=
 
=Introduction=
This article shows how to run some of the Web Runtime Widgets on the N810 Internet Tablet using OS2008 version 5.2008.43-7 firmware version
+
This article shows how to run some of the Web Runtime Widgets on the N810 Internet Tablet using OS2008 version 5.2008.43-7 firmware version.See the article [[How to upgrade your N810 WiMax Internet tablet]]. This includes adding the unzip application and editors.
  
 
=How to implement a WRT on N810=
 
=How to implement a WRT on N810=
  
The transfer is carried out by bluetooth or the USB cable. The USB cable causes the N810 to look like two removable disk drives. The bluetooth on [http://wiki.forum.nokia.com/index.php/Moving_to_Windows_Vista#Belkin_Vista_Driver Windows Vista Bluetooth] makes transfer very easy.
+
The transfer is carried out by bluetooth or the USB cable. The USB cable causes the N810 to look like two removable disk drives. The bluetooth on [[Using Nokia SDKs and Tools on Windows Vista#Belkin Vista Driver]] makes transfer very easy.<br>
 +
 
 +
The example to be used is [[Progress Bar JavaScript component for Web Runtime]]. Sometimes the widget is delivered as zip file. Therefore we need to extract the widget, rename the file "ProgressBarWidget.wgz" to "ProgressBarWidget.zip" in another directory.<br>
 +
 
 +
Next we send or transfer to the N810, switch off the automatic open of the zip file and save the "ProgressBarWidget.zip". <br>
 +
 
 +
Make sure you have installed unzip and PyGTKEditor as described in [[How to upgrade your N810 WiMax Internet tablet#Useful Applications|Useful Applications]].<br>
 +
In File Explorer tap on "ProgressBarWidget.zip" an this uncompress into the directory "ProgressBarWidget".<br>
 +
Download the WRTKitLib.zip below into "ProgressBarWidget" and extract this then delete the WRTKitLib.zip.<br>
 +
 
 +
Now edit the '''main.html''' with PyGTKEditor,from the drop-down Menu,tap "Edit>" and tap "Language", tap the ">" and tap "js",top list, the color syntax will appear and add the new line as shown below<br>
 +
 
 +
<code javascript>
 +
<script type="text/javascript" src="WRTKit/WRTKit.js"></script>
 +
</code>
 +
 
 +
'''main.html''' <br>
 +
<code javascript>
 +
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
 +
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 +
<html xmlns="http://www.w3.org/1999/xhtml">
 +
<head>
 +
  <title> Sample Widget</title>
 +
          <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
 +
          <script type="text/javascript" src="WRTKit/WRTKit.js"></script>
 +
 
 +
  <script language="javascript" type="text/javascript" src="basic.js"></script>
 +
  <script language="javascript" type="text/javascript" src="ProgressBar.js"></script>
 +
    <link rel="stylesheet" href="basic.css" type="text/css">
 +
    <META NAME="Generator" CONTENT="Nokia WRT plug-in for Aptana Studio 2.0.0" />
 +
</head>
 +
<body onLoad="javascript:init();">
 +
<div id="loading_bar"></div>
 +
</body>
 +
</html>
 +
 
 +
</code>
 +
 
 +
== Running the WRT ==
 +
 
 +
This is very easy in File Explorer tap on the modified '''main.html'''.
 +
 
 +
 
 +
== Functions that wont run in N810 WRT ==
 +
 
 +
The following snippet of code will fail with "JavaScript application failed initialize"
 +
 
 +
<code javascript>
 +
request = new XMLHttpRequest();
 +
request.open("GET", xmlFile, true );
 +
request.send(null);
 +
</code>
  
 +
This is because the security option "same domain" is set "true" on the Web browser.
  
The example to be used is [http://wiki.forum.nokia.com/index.php/Progress_Bar_JavaScript_component_for_Web_Runtime Progress Bar JavaScript component for Web Runtime]. Sometimes the widget is delivered as zip file. Therefore we need to extract the widget, rename the file "ProgressBarWidget.wgz" to "ProgressBarWidget.zip".
+
If you were to change this value you could not safely surf the Internet from the N810 tablet and the integrity could be compromised by rogue remote javascript.
  
Next we send or transfer to the N810, switch off the automatic open of the zip file and save the "ProgressBarWidget.zip".
+
= Related other WRT tested on the N810 =
 +
*[[News Ticker JavaScript component for Web Runtime]]
 +
*[[Popup JavaScript component for Web Runtime]]
  
The next part is to load the WRT kit as described in [http://efforts.embedded.ufcg.edu.br/wrt/?p=9 How to install and use the WRT kit].
 
  
 
=Summary=
 
=Summary=
Line 21: Line 96:
  
 
== Web Runtime Support Library ==
 
== Web Runtime Support Library ==
Download the library[[Image:WRTKitLib.zip]] and put this in the same directory as WRT widget you extracted.
+
Download the library [[File:WRTKitLib.zip]] and put this in the same directory as WRT widget was previously extracted.

Latest revision as of 08:35, 26 July 2012

Article Metadata
Code Example
Source file: Media:WRTKitLib.zip
Article
Created: jimgilmour1 (09 Jun 2009)
Last edited: hamishwillee (26 Jul 2012)


Contents

[edit] Introduction

This article shows how to run some of the Web Runtime Widgets on the N810 Internet Tablet using OS2008 version 5.2008.43-7 firmware version.See the article How to upgrade your N810 WiMax Internet tablet. This includes adding the unzip application and editors.

[edit] How to implement a WRT on N810

The transfer is carried out by bluetooth or the USB cable. The USB cable causes the N810 to look like two removable disk drives. The bluetooth on Using Nokia SDKs and Tools on Windows Vista#Belkin Vista Driver makes transfer very easy.

The example to be used is Progress Bar JavaScript component for Web Runtime. Sometimes the widget is delivered as zip file. Therefore we need to extract the widget, rename the file "ProgressBarWidget.wgz" to "ProgressBarWidget.zip" in another directory.

Next we send or transfer to the N810, switch off the automatic open of the zip file and save the "ProgressBarWidget.zip".

Make sure you have installed unzip and PyGTKEditor as described in Useful Applications.
In File Explorer tap on "ProgressBarWidget.zip" an this uncompress into the directory "ProgressBarWidget".
Download the WRTKitLib.zip below into "ProgressBarWidget" and extract this then delete the WRTKitLib.zip.

Now edit the main.html with PyGTKEditor,from the drop-down Menu,tap "Edit>" and tap "Language", tap the ">" and tap "js",top list, the color syntax will appear and add the new line as shown below

<script type="text/javascript" src="WRTKit/WRTKit.js"></script>

main.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title> Sample Widget</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<script type="text/javascript" src="WRTKit/WRTKit.js"></script>
 
<script language="javascript" type="text/javascript" src="basic.js"></script>
<script language="javascript" type="text/javascript" src="ProgressBar.js"></script>
<link rel="stylesheet" href="basic.css" type="text/css">
<META NAME="Generator" CONTENT="Nokia WRT plug-in for Aptana Studio 2.0.0" />
</head>
<body onLoad="javascript:init();">
<div id="loading_bar"></div>
</body>
</html>

[edit] Running the WRT

This is very easy in File Explorer tap on the modified main.html.


[edit] Functions that wont run in N810 WRT

The following snippet of code will fail with "JavaScript application failed initialize"

request = new XMLHttpRequest();
request.open("GET", xmlFile, true );
request.send(null);

This is because the security option "same domain" is set "true" on the Web browser.

If you were to change this value you could not safely surf the Internet from the N810 tablet and the integrity could be compromised by rogue remote javascript.

[edit] Related other WRT tested on the N810


[edit] Summary

[edit] Web Runtime Support Library

Download the library File:WRTKitLib.zip and put this in the same directory as WRT widget was previously extracted.

This page was last modified on 26 July 2012, at 08:35.
56 page views in the last 30 days.
×