org.symbian.tools.wrttools.doc.WRTKit/html/WRTKit_Tutorials-GUID-506c11e3-e6f3-43ec-9495-fcfa638b7e08.html
<?xml version="1.0" encoding="UTF-8"?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="en" xml:lang="en">
<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<meta name="copyright" content="(C) Copyright 2005" />
<meta name="DC.rights.owner" content="(C) Copyright 2005" />
<meta content="concept" name="DC.Type" />
<meta name="DC.Title" content="WRTKit Tutorials" />
<meta scheme="URI" name="DC.Relation" content="WRTKit_Hello_World_Tutorial-GUID-67e0a561-48ac-4938-8f1b-852422b71380.html" />
<meta scheme="URI" name="DC.Relation" content="WRTKit_RSS_Reader_Tutorial-GUID-678d197f-c7b0-4e5e-85e2-f8549c75bbe8.html" />
<meta scheme="URI" name="DC.Relation" content="WRTKit_Travel_Companion_Tutorial-GUID-be79ba64-fa03-4968-964e-d7dcc42d7053.html" />
<meta content="XHTML" name="DC.Format" />
<meta content="GUID-506C11E3-E6F3-43EC-9495-FCFA638B7E08" name="DC.Identifier" />
<meta content="en" name="DC.Language" />
<link href="commonltr.css" type="text/css" rel="stylesheet" />
<title>
WRTKit Tutorials</title>
</head>
<body id="GUID-506C11E3-E6F3-43EC-9495-FCFA638B7E08"><a name="GUID-506C11E3-E6F3-43EC-9495-FCFA638B7E08"><!-- --></a>
<h1 class="topictitle1">
WRTKit Tutorials</h1>
<div>
<p>
The WRTKit tutorials guide you through the process of using the WRTKit user
interface toolkit to build widgets. Even if you're familiar with widget
development or a veteran HTML, CSS and JavaSCript developer, these tutorials
will probably be useful to you as they focus on using the WRTKit to create
and manage the user interface.
</p>
<p>
There are three tutorials all in all and in each one we will take a look at one
of the examples that are included with the WRTKit SDK.
</p>
<p>
The first one is a gentle start where we will create the classic "Hello World"
application but using the WRTKit for the user interface. This is a good starting
point because it covers the basics of using the WRTKit, how to organize files,
how to initialize the user interface toolkit, and such topics.
</p>
<p>
The next tutorial is an actual useful widget: an RSS Reader. As with all WRTKit
tutorials we will focus on the user interface portion of this widget, but you
will also learn how to integrate a WRTKit -based user interface with data that
has been pulled in using AJAX. Feel free to use this example widget as a basis
for your own RSS Reader.
</p>
<p>
In the third tutorial we'll create create a widget called "Travel Companion"
in order to learn how to use the WRTKit to build complex widgets with multiple
views, showing complex custom content, using timers to automatically update
views in the background, as well as how to separate the user interface code from
the back-end logic code and data. Since the tutorial is about how to use the
WRTKit we will not actually create any real back-end logic but rather use a
mock back-end that will give us data that looks real but is actually hard-coded.
</p>
<p>
If you want you can complete the widget to make it work against actual data
sources on the Internet. Since the user interface is entirely separated from
the back-end logic you should be able to do this without touching any of the
user interface code!
</p>
<p>
When you go through the tutorials it could be a good idea to have your code
editor open so that you can inspect the example widget code as you read about
it. We will be talking a lot about the various classes and methods in the WRTKit
so having the
<a href="WRTKit_API_Reference-GUID-00e47c27-0a1a-443f-ae85-cf3381635170.html">
WRTKit API Reference</a>
open is probably also a good idea.
</p>
</div>
<div>
<ul class="ullinks">
<li class="ulchildlink"><strong><a href="WRTKit_Hello_World_Tutorial-GUID-67e0a561-48ac-4938-8f1b-852422b71380.html">Hello World</a></strong><br />
</li>
<li class="ulchildlink"><strong><a href="WRTKit_RSS_Reader_Tutorial-GUID-678d197f-c7b0-4e5e-85e2-f8549c75bbe8.html">RSS Reader</a></strong><br />
</li>
<li class="ulchildlink"><strong><a href="WRTKit_Travel_Companion_Tutorial-GUID-be79ba64-fa03-4968-964e-d7dcc42d7053.html">Travel Companion</a></strong><br />
</li>
</ul>
</div>
</body>
</html>