×
Namespaces

Variants
Actions
(Difference between revisions)

WRT Web RunTime on N810 Internet Tablet

From Nokia Developer Wiki
Jump to: navigation, search
hamishwillee (Talk | contribs)
m (Bot change of links to internal format.)
hamishwillee (Talk | contribs)
m (Hamishwillee - Bot update - Add ArticleMetaData)
 
Line 1: Line 1:
 +
{{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]]
 
[[Category:Symbian Web Runtime]][[Category:Maemo]][[Category:Code Examples]]
  
Line 8: Line 30:
 
=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 [[Moving to Windows Vista#Belkin Vista Driver|Windows Vista Bluetooth]] makes transfer very easy.<br>
+
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>
 
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>

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

×