org.symbian.tools.wrttools.doc.WebDeveloper/html/GUID-78D2B232-BC16-4633-8B66-DCD0C496B354.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="Introducing STEW"/><meta name="abstract" content="The Simple Texting Example Widget (STEW) example illustrates how to create a simple widget that follows the layout and navigation guidelines for mobile devices."/><meta name="description" content="The Simple Texting Example Widget (STEW) example illustrates how to create a simple widget that follows the layout and navigation guidelines for mobile devices."/><meta name="DC.Relation" scheme="URI" content="GUID-EB2043BB-E557-429B-BA0A-E350A6D06597"/><meta name="DC.Relation" scheme="URI" content="GUID-775005BC-2FF8-45A9-BBA6-6CED6B5780A2"/><meta name="DC.Format" content="XHTML"/><meta name="DC.Identifier" content="GUID-78D2B232-BC16-4633-8B66-DCD0C496B354"/><meta name="DC.Language" content="en"/><title>Introducing STEW </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-78D2B232-BC16-4633-8B66-DCD0C496B354">Introducing STEW</h1><div><p>The Simple Texting Example Widget (STEW) example illustrates how to create a simple widget that follows the layout and navigation guidelines for mobile devices.</p>
<div class="figure" id="GUID-E48E6FD4-9EA6-4B91-BF16-97459E2DFEDE"><img src="GUID-D52E6081-502D-43F8-AED3-66614F5BC741_d0e11016_href.png"/><p class="figure-title"><strong>Figure: </strong>STEW widget</p></div>
<p>This example illustrates the following widget design principles:</p>
<ul>
<li><p>Designing for the 240 x 320 and the 360 x 640 screen size in both portrait and landscape mode.</p></li>
<li><p>Designing for touch devices and providing tactile feedback for selections.</p></li>
<li><p>Determining the type of the device that the widget runs on and displaying content appropriately. For example, depending on screen size and touch support.</p></li>
<li><p>Moving between controls on a page and between views.</p></li>
<li><p>Using soft keys and creating an options menu.</p></li>
<li><p>Handling user input from screen controls, such as text fields and check boxes.</p></li>
<li><p> Storing user data for future use.</p></li>
</ul>
<div><h3>STEW views</h3><p>When users start STEW for the first time, the <span class="uicontrol">Login view</span> opens. Users enter their credentials in the <span class="uicontrol">Username</span> and <span class="uicontrol">Password</span> fields. They can store the credentials on the device for later use.</p><div class="figure" id="GUID-CFD7E3DF-7B71-4DF9-BBEA-C119078512FD"><img src="GUID-38EF5741-0A6A-4A55-BDE5-4DB3F686D21E_d0e11072_href.jpg"/><p class="figure-title"><strong>Figure: </strong>STEW Login view</p></div><p>After successful login, users can send and read updates in the <span class="uicontrol">Update Status</span> view.</p><div class="figure" id="GUID-CE7B5A42-7FCC-4508-A5A2-100E5652BD95"><img src="GUID-D52E6081-502D-43F8-AED3-66614F5BC741_d0e11085_href.png"/><p class="figure-title"><strong>Figure: </strong>STEW Update Status view</p></div><p>Users can use the <span class="uicontrol">Search</span> view to search Twitter for usernames or status updates by typing in a search string and selecting the <span class="uicontrol">Find</span> button.</p><div class="figure" id="GUID-3D0D9356-8A90-49FB-9635-0431DD5AB191"><img src="GUID-BFE9DD29-269F-42E3-B151-B816C99082E4_d0e11100_href.png"/><p class="figure-title"><strong>Figure: </strong>STEW Search view</p></div><p>Users can use the <span class="uicontrol">Settings</span> view to define the default page to open when STEW starts and to change the login <span class="uicontrol">Remember Me</span> setting.</p><div class="figure" id="GUID-9DF84A1D-926B-4197-963F-B65BF019882A"><img src="GUID-C55C28BD-5CB8-40C0-9F05-6CED51927956_d0e11115_href.png"/><p class="figure-title"><strong>Figure: </strong>STEW Settings view</p></div></div>
</div></div></div><div class="footer"><hr/><div class="copy">© Nokia 2009.</div></div></body></html>