org.symbian.tools.wrttools.doc.WebDeveloper/html/GUID-E5AF6C82-3A6E-47DE-BF58-750D97AAD70E.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" 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">
function initPage() {}
</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>
<p>The widget development process includes several steps. It is important that you go through all these steps.</p>
<p>To develop a widget for S60 mobile devices:</p>
<ol>
<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>
<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>
<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">
<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>
<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>
<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>
</ol></li>
<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>
<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>
</ol>
</div></div></div><div class="footer"><hr/><div class="copy">© Nokia 2009.</div></div></body></html>