Please note that as of October 24, 2014, the Nokia Developer Wiki will no longer be accepting user contributions, including new entries, edits and comments, as we begin transitioning to our new home, in the Windows Phone Development Wiki. We plan to move over the majority of the existing entries. Thanks for all your past and future contributions.

Revision as of 06:04, 10 October 2012 by hamishwillee (Talk | contribs)

(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)

Create your first WRT widget using an IDE

From Wiki
Jump to: navigation, search

Needs-update.pngThis article needs to be updated: If you found this article useful, please fix the problems below then delete the {{ArticleNeedsUpdate}} template from the article to remove this warning.

Reasons: hamishwillee (15 Aug 2011)
This is based on Aptana IDE, which has been superseded by Nokia Web Tools. This is a useful topic but should be updated to use recommended tools.

Article Metadata
Created: tasala (21 Dec 2009)
Last edited: hamishwillee (10 Oct 2012)
Featured Article
28 Feb

In this article we'll show how to create and test the "HelloWRT" widget in Aptana Studio 1.5 with Nokia WRT Plug-in. You can use the same files created in article Create your first WRT widget. After you have installed the Aptana Studio and Nokia WRT Plug-in as instructed in Web Runtime Tools at Nokia Developer, do the following:

  • Select File > New > Project.
  • Under Nokia Web Runtime (WRT) select New Nokia Web Runtime Widget and click Next.

Aptana new WRT project1.jpg

  • Select Basic Widget Project and click Next.

Aptana new WRT project2.jpg

  • Provide a name for the project and choose a location if you don't want to use the default location.

Aptana new WRT project3.jpg

  • Specify a name and an identifier for the widget, or use defaults. You can leave Enable HomeScreen unselected for this widget. If it is selected, it means that the widget should have a static part to be shown on the home screen of the device. Because this example "HelloWRT" widget does not have such a part, this option can be left unchecked.

Aptana new WRT project4.jpg

  • Specify the names of HTML, CSS, and JavaScript files, or use the default names. Click Finish.

Aptana new WRT project5.jpg

  • The plug-in has now created the project for you with all the needed files for the WRT widget. You can copy the code of the "HelloWRT" widget created in the article Create your fist WRT widget to the index.html, basic.js, and info.plist files, and paste them to the similar files created by Aptana.
  • The Nokia WRT Plug-in has a preview possibility, so an SDK or a device is not necessarily needed to see what the widget looks like. When the index.html file has been selected, choose Nokia Web Runtime (WRT) from the bottom of the editor panel.

Aptana new WRT project6.jpg HelloWRT 1.jpg

  • To make a .wgz package in Aptana, right-click the mouse button over the project name in the project tree and select Package Widget.

Aptana new WRT project7.jpg

  • To run the widget in the the device or an emulator, select Widget Deployment Settings.

Aptana new WRT project8.jpg

  • Next, choose either a device, which you have connected to your PC, or the SDK you have installed earlier.

Aptana new WRT project9.jpg

  • To deploy the widget, choose Deploy Widget.

Aptana new WRT project10.jpg

This page was last modified on 10 October 2012, at 06:04.
51 page views in the last 30 days.