org.symbian.tools.wrttools.doc.WebDeveloper/html/GUID-E5AF6C82-3A6E-47DE-BF58-750D97AAD70E.html
author Eugene Ostroukhov <eugeneo@symbian.org>
Wed, 26 May 2010 17:01:34 -0700
changeset 341 480716493610
parent 229 716254ccbcc0
permissions -rw-r--r--
Set content type for png files
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
229
716254ccbcc0 Fixed 2046: WRTKit help topics. Fixed 2170: Added support for Web Developer Library. Fixed 1952: Event Trigger icons unreadable
tasneems@symbian.org
parents:
diff changeset
     1
716254ccbcc0 Fixed 2046: WRTKit help topics. Fixed 2170: Added support for Web Developer Library. Fixed 1952: Event Trigger icons unreadable
tasneems@symbian.org
parents:
diff changeset
     2
<!DOCTYPE html
716254ccbcc0 Fixed 2046: WRTKit help topics. Fixed 2170: Added support for Web Developer Library. Fixed 1952: Event Trigger icons unreadable
tasneems@symbian.org
parents:
diff changeset
     3
  PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
716254ccbcc0 Fixed 2046: WRTKit help topics. Fixed 2170: Added support for Web Developer Library. Fixed 1952: Event Trigger icons unreadable
tasneems@symbian.org
parents:
diff changeset
     4
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/><meta name="copyright" content="(C) Copyright 2009"/><meta name="DC.rights.owner" content="(C) Copyright 2009"/><meta name="DC.Type" content="concept"/><meta name="DC.Title" content="Widget development process"/><meta name="DC.Relation" scheme="URI" content="GUID-0E3095DB-03FF-4240-83F2-6D876AD2083A"/><meta name="DC.Relation" scheme="URI" content="GUID-700E79DD-D201-4B68-925F-D65B717BA032"/><meta name="DC.Relation" scheme="URI" content="GUID-1EFD7043-E9B8-4B4E-9EA6-A20B3EECC14A"/><meta name="DC.Relation" scheme="URI" content="GUID-85179E6B-E915-4D96-A5D1-D17D7C7180C7"/><meta name="DC.Format" content="XHTML"/><meta name="DC.Identifier" content="GUID-E5AF6C82-3A6E-47DE-BF58-750D97AAD70E"/><title>Widget development process </title><script type="text/javascript">
716254ccbcc0 Fixed 2046: WRTKit help topics. Fixed 2170: Added support for Web Developer Library. Fixed 1952: Event Trigger icons unreadable
tasneems@symbian.org
parents:
diff changeset
     5
      function initPage() {}
716254ccbcc0 Fixed 2046: WRTKit help topics. Fixed 2170: Added support for Web Developer Library. Fixed 1952: Event Trigger icons unreadable
tasneems@symbian.org
parents:
diff changeset
     6
    </script><link href="../PRODUCT_PLUGIN/book.css" rel="stylesheet" type="text/css"/><link href="css/s60/style.css" rel="stylesheet" type="text/css" media="all"/></head><body onload="initPage();"><div class="body"><div class="contentLeft prTxt"><h1 class="pageHeading" id="GUID-E5AF6C82-3A6E-47DE-BF58-750D97AAD70E">Widget development process</h1><div>
716254ccbcc0 Fixed 2046: WRTKit help topics. Fixed 2170: Added support for Web Developer Library. Fixed 1952: Event Trigger icons unreadable
tasneems@symbian.org
parents:
diff changeset
     7
<p>The widget development process includes several steps. It is important that you go through all these steps.</p>
716254ccbcc0 Fixed 2046: WRTKit help topics. Fixed 2170: Added support for Web Developer Library. Fixed 1952: Event Trigger icons unreadable
tasneems@symbian.org
parents:
diff changeset
     8
<p>To develop a widget for S60 mobile devices:</p>
716254ccbcc0 Fixed 2046: WRTKit help topics. Fixed 2170: Added support for Web Developer Library. Fixed 1952: Event Trigger icons unreadable
tasneems@symbian.org
parents:
diff changeset
     9
<ol>
716254ccbcc0 Fixed 2046: WRTKit help topics. Fixed 2170: Added support for Web Developer Library. Fixed 1952: Event Trigger icons unreadable
tasneems@symbian.org
parents:
diff changeset
    10
<li id="GUID-308B7862-E571-44D0-A3D0-EA5329E04117"><a name="GUID-308B7862-E571-44D0-A3D0-EA5329E04117"><!----></a><p>Define the purpose and scope of your service and design the widget.</p><p>Before starting widget development, analyze and define the requirements, scope, and functionality of the widget to ensure efficient functionality and a smooth user experience. Design the widget for a single purpose and analyze how it can best serve its users. Carefully consider the special features of the mobile device environment when you design the implementation. For more information, see <a href="GUID-D54DEFE7-E878-4530-B707-A5388DFE1D9D.html#GUID-D54DEFE7-E878-4530-B707-A5388DFE1D9D">Designing widgets</a>.</p><p>This step also involves choosing the Web Runtime (WRT) version for which you develop the widget. Different versions support different features. The functionality of the widget determines which features it uses. While the WRT environment is backward-compatible, so that widgets created for an earlier version run also on a newer one, the opposite is not guaranteed. The WRT version you choose thus determines not only the available features for implementing your widget but also the range of devices that can run the widget. For more information, see sections <a href="GUID-B00941F9-2530-4D3D-BBC7-59EDA3A4C151.html#GUID-B00941F9-2530-4D3D-BBC7-59EDA3A4C151">Web Runtime features</a> and <a href="GUID-1A3ECAC1-3F09-4602-A1CD-82164040A664.html#GUID-1A3ECAC1-3F09-4602-A1CD-82164040A664">Web Runtime versions and device support</a>.</p>Your design should also take into consideration whether the target devices support user interaction by touch and running widgets on the home screen. For more information on home screen widgets, see <a href="GUID-DA3E6868-F769-4576-A0C3-6776BF358B44.html#GUID-DA3E6868-F769-4576-A0C3-6776BF358B44">Introduction to home screen widgets</a>.</li>
716254ccbcc0 Fixed 2046: WRTKit help topics. Fixed 2170: Added support for Web Developer Library. Fixed 1952: Event Trigger icons unreadable
tasneems@symbian.org
parents:
diff changeset
    11
<li id="GUID-796D5BEA-2351-4E21-9A94-F7A1907710E2"><a name="GUID-796D5BEA-2351-4E21-9A94-F7A1907710E2"><!----></a><p>Create the widget functionality and all the required component files.</p><p>Widgets are based on standard Web technologies, so you can develop your widget using the same tools that you would use to create Web content. For instructions on how to implement the widget functionality, see section <a href="GUID-1EFD7043-E9B8-4B4E-9EA6-A20B3EECC14A.html#GUID-1EFD7043-E9B8-4B4E-9EA6-A20B3EECC14A">Developing widgets</a>. For more information on the required widget component files, see section <a href="GUID-0E3095DB-03FF-4240-83F2-6D876AD2083A.html#GUID-0E3095DB-03FF-4240-83F2-6D876AD2083A">Widget component files</a>. For code examples, see the section <a href="GUID-7C69DDA4-16F1-4A8F-BDB2-4CB0015B4E81.html#GUID-7C69DDA4-16F1-4A8F-BDB2-4CB0015B4E81">Web Runtime API reference</a> and the <a href="http://wiki.forum.nokia.com/index.php/Portal:Web_Runtime_Code_Examples" target="_blank">Web Runtime Code Examples</a> available at Forum Nokia.</p><p>It is also possible for you to port existing widgets from the Web or desktop environment to S60 mobile devices. For more information on important porting related considerations and changes that you may need to make, see section <a href="GUID-2D87333D-5475-4A8F-9E98-1EBF8035EF96.html#GUID-2D87333D-5475-4A8F-9E98-1EBF8035EF96">Porting widgets</a>.</p></li>
716254ccbcc0 Fixed 2046: WRTKit help topics. Fixed 2170: Added support for Web Developer Library. Fixed 1952: Event Trigger icons unreadable
tasneems@symbian.org
parents:
diff changeset
    12
<li id="GUID-64B7B7A8-4969-443D-9F2C-8570956B36EB"><a name="GUID-64B7B7A8-4969-443D-9F2C-8570956B36EB"><!----></a><p>Create the widget installation package:</p><ol type="a">
716254ccbcc0 Fixed 2046: WRTKit help topics. Fixed 2170: Added support for Web Developer Library. Fixed 1952: Event Trigger icons unreadable
tasneems@symbian.org
parents:
diff changeset
    13
<li id="GUID-F31207B5-5958-4E80-AD8A-1B00ECB48DDF"><a name="GUID-F31207B5-5958-4E80-AD8A-1B00ECB48DDF"><!----></a><p>Select the file system directory that contains the <a href="GUID-0E3095DB-03FF-4240-83F2-6D876AD2083A.html#GUID-0E3095DB-03FF-4240-83F2-6D876AD2083A">widget component files</a>.</p></li>
716254ccbcc0 Fixed 2046: WRTKit help topics. Fixed 2170: Added support for Web Developer Library. Fixed 1952: Event Trigger icons unreadable
tasneems@symbian.org
parents:
diff changeset
    14
<li id="GUID-BF406EB8-6813-4360-B588-CCCE690CEC2B"><a name="GUID-BF406EB8-6813-4360-B588-CCCE690CEC2B"><!----></a><p>Right-click to create a ZIP archive of the directory using a ZIP utility, such as <a href="http://www.winzip.com/" target="_blank">WinZip</a>.</p><div class="note"><p><strong class="note_title">Note: </strong>The directory must be included in the ZIP archive. That is, the root of the ZIP archive must contain the directory, which in turn contains the widget component files.</p></div></li>
716254ccbcc0 Fixed 2046: WRTKit help topics. Fixed 2170: Added support for Web Developer Library. Fixed 1952: Event Trigger icons unreadable
tasneems@symbian.org
parents:
diff changeset
    15
<li id="GUID-51CBBE6B-681D-45EA-8A6B-AE6799DBB260"><a name="GUID-51CBBE6B-681D-45EA-8A6B-AE6799DBB260"><!----></a><p>Rename the ZIP file manually to have a <code>.wgz</code> extension.</p></li>
716254ccbcc0 Fixed 2046: WRTKit help topics. Fixed 2170: Added support for Web Developer Library. Fixed 1952: Event Trigger icons unreadable
tasneems@symbian.org
parents:
diff changeset
    16
</ol></li>
716254ccbcc0 Fixed 2046: WRTKit help topics. Fixed 2170: Added support for Web Developer Library. Fixed 1952: Event Trigger icons unreadable
tasneems@symbian.org
parents:
diff changeset
    17
<li id="GUID-09B4689D-81C2-4060-8928-8287E9296BAB"><a name="GUID-09B4689D-81C2-4060-8928-8287E9296BAB"><!----></a><p>Test the widget.</p><p>You can test your widget on a compatible S60 mobile device or on the emulator included in the S60 C++ SDK. For more information on testing widgets, see section <a href="GUID-2A74FA05-A13B-4133-8E1A-03152B6B1499.html#GUID-2A74FA05-A13B-4133-8E1A-03152B6B1499">Testing your widget</a>.</p></li>
716254ccbcc0 Fixed 2046: WRTKit help topics. Fixed 2170: Added support for Web Developer Library. Fixed 1952: Event Trigger icons unreadable
tasneems@symbian.org
parents:
diff changeset
    18
<li id="GUID-EC2D9C5B-3EF7-4A1A-9F3A-DEE816744757"><a name="GUID-EC2D9C5B-3EF7-4A1A-9F3A-DEE816744757"><!----></a><p>Publish the widget and offer it to end users for installation on S60 mobile devices.</p><p>For more information on deploying widgets, see section <a href="GUID-CCA3FA0B-9D75-453A-947C-B3CB2A85C684.html#GUID-CCA3FA0B-9D75-453A-947C-B3CB2A85C684">Deploying widgets</a>.</p></li>
716254ccbcc0 Fixed 2046: WRTKit help topics. Fixed 2170: Added support for Web Developer Library. Fixed 1952: Event Trigger icons unreadable
tasneems@symbian.org
parents:
diff changeset
    19
</ol>
716254ccbcc0 Fixed 2046: WRTKit help topics. Fixed 2170: Added support for Web Developer Library. Fixed 1952: Event Trigger icons unreadable
tasneems@symbian.org
parents:
diff changeset
    20
</div></div></div><div class="footer"><hr/><div class="copy">© Nokia 2009.</div></div></body></html>